This section states the purpose of each page.
In this summary, we will describe each page and its content. The Page Element is the fundamental one that contains all the other elements.
Tip: See Bubble Reference for more information about Pages element https://bubble.io/reference#Elements.Page 🙂
This is the main page typically encountered first on the web app that usually contains links to the other pages of the site. A homepage includes a variety of menus that make it easy for users to find the information they need.
It contains the following sections:
- Hero section - display a company motto (which can be changed directly on the page) and a background photo, sourced from
Projectdata type (item#2).
- Learn more - displays a background photo (which can be changed directly on the page) and a CTA button that redirects to the
- Featured Projects - display a group of 6 projects (images sourced from the
Projectdata type), where the “View Project” button redirects to the project-item page of a particular project.
- Our Process - display a group of 4 blocks with advantages (both text and images can be changed directly on the page). The “Learn More” button will redirect to the
- Our Team - this section comes with a short text (which can be changed directly on the page) and a block of 6 team members’ images. Clicking on a photo will redirect you to the
profilepage, and the “Learn More” button - to the
- Featured Articles - display 3 articles, sourced from the
Newdata type. The “View Articles” button will redirect to the
- Quicklinks - 3 blocks in a row (content can be changed directly on page), each redirecting to a certain page.
This is the page with all the details of your company. It contains more information about features initially described on the index page.
This page is designed to manage platform data, e.g. Site details, Projects, Team, and News. Only users with admin rights are able to access this page (in read-only mode), and those users who have access rights can edit or delete anything here.
Admin: See the instructions on how to grant Admin Rights in your template.
Note: Switching between tabs works by changing elements’ custom states.
This is a page that displays a list of available positions in the company, it is static, so any new position can be added manually.
It contains a form that allows applicants to send their name, email, phone, and a short message to the company.
This is the page for the company blog, which contains all the published articles.
It dynamically fetches the articles from the
Newdata type called and displays them in a repeating group. New articles can be added from the dashboard or from the database.
This is the page that displays each individual article, all contents are fetched from the database through the
It also contains a list of other articles that can be found in the template. You can also alter the articles and add new ones from the dashboard.
This page’s name speaks for itself. It is the page where your clients will get in touch with you or were they could find details about your company’s location.
This page contains the process of how the company carries out its work.
Content on this page is static and can be changed directly on the page.
This page displays the information of individual staff member, their role, their profile picture, and some details about them.
The content of this page is dynamic; meaning it can only be altered from the dashboard or from the
Teamdata type in the database.
This is the page that displays an individual project, clicked on the
indexpage. It contains a slideshow of project pictures and other details related to the project fetched from the
Each project URL contains its title.
This page contains information on the projects carried out by the company.
All the company projects are grouped in a repeating group and the data on the projects are fetched from the
This page displays all the staff members that can be found in the company, it is dynamically fetched from the database and displayed on the page with the aid of a repeating group.
Staff members can be added from the dashboard and deleted also.
Here, users reset their password after accessing the link in the mail.
This is a page for 404 redirect errors, informing users that the web page they are looking for cannot be found.