Pages Overview

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.
Image without caption
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 the team page.
  • Featured Articles - display 3 articles, sourced from the New data type. The “View Articles” button will redirect to the process 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.
Image without caption

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.
Image without caption
💡
Admin: See the instructions on how to grant Admin Rights in your template.
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.
Image without caption
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.
Image without caption
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.
Image without caption
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.
Image without caption

process

This page contains the process of how the company carries out its work.
Image without caption
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.
Image without caption
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.
Image without caption
Each project URL contains its title.

projects

This page contains information on the projects carried out by the company.
Image without caption
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.
Image without caption
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.
Image without caption

404

This is a page for 404 redirect errors, informing users that the web page they are looking for cannot be found.
Image without caption