This section states the purpose of each page.
Introduction
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 🙂
Pages
index
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
Project
data 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
about-us
page.
- Featured Projects - display a group of 6 projects (images sourced from the
Project
data 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
process
page.
- 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
profile
page, and the “Learn More” button - to theteam
page.
- Featured Articles - display 3 articles, sourced from the
New
data type. The “View Articles” button will redirect to theprocess
page.
- Quicklinks - 3 blocks in a row (content can be changed directly on page), each redirecting to a certain page.
about-us
This is the page with all the details of your company. It contains more information about features initially described on the index page.
admin
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.
Note: Switching between tabs works by changing elements’ custom states.
careers
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.
news
This is the page for the company blog, which contains all the published articles.
It dynamically fetches the articles from the
New
data type called and displays them in a repeating group. New articles can be added from the dashboard or from the database.news-item
This is the page that displays each individual article, all contents are fetched from the database through the
New
data type. 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.
contact-us
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.
process
This page contains the process of how the company carries out its work.
All images and texts are displayed for demonstrational purposes and can be changed directly on the page.
profile
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
Team
data type in the database.project-item
This is the page that displays an individual project, clicked on the
index
page. It contains a slideshow of project pictures and other details related to the project fetched from the Project
data type. Each project URL contains its title.
projects
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
Project
data type.team
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 page and deleted also.
reset_pw
Here, users reset their password after accessing the link in the mail.
404
This is a page for 404 redirect errors, informing users that the web page they are looking for cannot be found.