Plugins
Templates

DevShop - Web Development Agency Template

Template page link: https://zeroqode.com/template/devshop---web-development-agency--template-1599645721582x410797980587163100

Introduction

Devshop - Web Development Agency is a no-code template for the startup agency Bubble theme. This template is based on https://dev.zeroqode.com, has a clean and contemporary layout, and its versatility makes it perfect for a quick launch of your own no-code web dev business. We have equipped it with all the features that you need to create agency website. You’ll find it easy to manipulate every element of your website. Also, Devshop template is fully responsive! This template comes with such important features as portfolio, solutions, testimonial, admin dashboard page, etc.

Features

  • Responsive design

  • Landing page

  • Contact

  • Dashboard

  • Portfolio gallery

  • Modern style, clean and minimalist design

  • Easy Customization

  • Smooth Animations

  • Custom Icons

  • Responsive & retina ready

  • Admin panel

Data Structure

Feedback

This data type consists of:

  1. add_review - we need this cell to have one blank review, where we will be able to add the functionality for adding new reviews.

  2. Body - review text.

  3. Full Name - first name and last name of the person who leaves the review.

  4. Photo - the photo of the person who leaves the review.

  5. Function - the function/profession of person who leaves the review.

Inquiries

All orders that customers will send are stored in this table.

Portfolio

Here we have the following cells: add_portfolio, category, images, paragraph, title.

Subscribe

All the user emails that have subscribed are stocked here.

Team

This data type consists of the: add_team, name, photo, function, sorting (in order to separate the first two cards with team members from the rest) .

User

This template doesn't have signup/login functionality, this table is just to give demo access.

Pages

Index

The index page is the landing page for this template. It provides an overview of what the app has to offer; from the call to action for making and order and navigation to the dashboard, to showcasing pricing plans, partners, reviews and more.

Contact

The contact page provides a form for making inquiry or requests by entering your name, email and information about what you want in the associated input. Solutions This page contains the solutions provided by the company, here you will find descriptions for each in detail. Also here you will find a call to action section, and the pricing plan.

About Us

This page contains all the necessary information about the company, including the services provided by the company, with a button that takes you to the solution page. Also, all team members, and in the top row are the company managers.

Feedback

This page shows why people choose Devshop, the most important thing here will be reviews from customers who have already used Devshop services!

Portfolio

This page contains all the work performed by the company, when you click on one of the cards, there will be a description for each work, the date when it was created, who was the client, and the picture in full size.

Admin

This page is for the owner of the app.

Things to Note

Admin page

State

Notes

Element

edit

we need this state, for understanding when the user clicks the “edit” button, and when he clicks the “add new” button. Also to make changes in the popup, like auto filling the inputs with already filled data from the database, when the state is "yes".

admin

team

needed to pass the value of the current(selected) team member.

admin

reviews

needed to pass the value of the current review.

admin

portfolio

needed to pass the value of the current work selected from portfolio list

admin

Custom code

This template uses some css styles, that allow to make cool animations for our illustrations. You can find them, by searching HTML elements on the page in the editor.

There, you will find the css code, where you can select from an existing list of animations, or add your own css styles. Everything you need is to remember the class name (.class). The class name, you will need to replace, in the HTML elements, that are pieces of our illustration. Also replace the link of the illustration piece, to your illustration, or pieces of it.

Demo to preview the template

Live Demo: