Pages Overview

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 🙂



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
Note: Switching between tabs works by changing elements’ custom states.
  • Hero section - displays a background image and two buttons, “Explore our photos” - redirects to the portfolio page, and “View my profile” - redirects to the profile page.
  • About us - a block with short text & a button that leads to the about us page.
  • Photography - You want your users and clients to see the awesome photographs you capture right? Well, this section gives them a sneak peek into the awesome gallery of pictures you have in your portfolio. A click on each picture brings up a popup that displays a larger size of the picture in a slider that makes navigation so easy. Included button leads to the portfolio page.
  • Welcome - a block of 6 images sourced from the “Photo” data type & a button that leads to the portfolio page.
  • Contact - a block with short text & a button that leads to the contact_us page.


This page contains details of the photographer/photography company here. The section starts with the header and then a hero section followed by a full about us info that is pulled from the database and can be altered.
Image without caption
It also contains a section that displays some photographs from the portfolio that were last added.


This page is designed to manage platform data, e.g. Photographers, Messages… and others. Only users with admin rights are able to access this page (in read-only mode).
Image without caption
This template gives you the ability to dynamically change most of the content on the template with the use of the fully responsive dashboard.
There are 3 menu items in the dashboard:
  • Photographers - You can add the photographers details to the database here; details such as name, brief intro, a profile picture of the photographer. You can also edit already added photographer and delete totally from the database., the website detail menu, the pages menu, the portfolio menu, photographers menu and the message menu.
  • Portfolio Menu - This is where you add and delete pictures that you want to have in the portfolio. It sends whatever picture you add straight to the database and deletes whatever picture you delete from the database.
  • Message Menu - This section covers the contact form part of the template. All messages sent from the contact form can be accessed here and a form to reply is also added. You can also delete already-read messages from the database.
Admin: See the instructions on how to grant Admin Rights in your template.

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


This page contains a list of all the photographers. Each photographer has his/her picture attached to it, his/her name, a brief intro to who they are, and a button to link and view their complete profile.
Image without caption


This page contains all the pictures in your portfolio. To make filtering through the photos much easier, it contains categories that display only the photographs in the clicked category.
Image without caption
It also has a popup that displays a larger picture when any of the pictures are clicked and a left and right slide to navigate through the pictures/photographs. All the pictures are also pulled from the database.


The profile page contains pictures of the photographer and his portfolio. The data from these pages are also pulled from the database (Photo data type) and can be altered also.
Image without caption


Here, users reset their password after accessing the link in the mail.
Image without caption


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