---
description: >-
  This template was designed to give you a small overview of what headstart 3.0
  is about.You will have access to some of the features and design options.
---

# Headstart light

## Introduction <a href="#introduction" id="introduction"></a>

Headstart light is an overview of Headstart 3.0, it will demonstrate briefly the possibility of the template. You can actually make use of some elements in this lite version, you have 3 responsive admin tables. You also have an admin page where you can keep track of registered users, as well as editing their username or user email or if you want you can delete a user.

## FEATURES:

* Main Landing page
* 2 Landing page layouts
* Dashboard components
* Responsive layouts
* 7 Plugin demos

## OUR HEADSTART LIGHT TEMPLATE BENEFITS INCLUDE:

* Save thousands of dollars compared to having it developed with traditional coding. Our no code developers have also ensured the best possible quality in creating this template.
* Reduce design and development time to a fraction of what it would take to have it coded.
* Launch almost immediately (some Bubble knowledge is required)

## WHAT CAN YOU DO WITH HEADSTART LIGHT?

* Use it as a base for launching presentation pages with minimum effort.
* Create a personal portfolio website.
* Advertise personal products using already existing pages.

## Data Structure <a href="#data-structure" id="data-structure"></a>

#### User

User data type holds all the information about users (`name`, `profilephoto`, `country`) and the ability to make a user admin using the boolean data type `isAdmin`.

#### Charts

Charts data type has only one data field called `age` and it is used to make possible graphical representation of data in the charts that are presented within the page.

#### Tasks

Tasks data type and its data fields make possible dynamical representation and interaction of elements on the dashboard page.&#x20;

#### Tasks\_type

Tasks data type makes possible dynamical representation of information and interaction on the dashboard page, more specifically when interacting with "Tabs for new tasks" element within the editor.

## Pages <a href="#data-structure" id="data-structure"></a>

### Index

This is the main page for the template. It provides important information about the features the template has. Find here small previews of what we got, as well as a list of features available on the template.&#x20;

### Admin

Our admin panel has one section only that is related to user data. When you enter the admin panel, you will automatically see a list of Users that are registered on the platform. Here you can either delete a user's information or edit it.

### Blog

Blog page is a presentation landing for blog possibilities that you have if buying headstart 3.0 template. You can check out a brief representation of blog elements that we have.

### Blocks

Blocks page is a presentation of components such as UI Components that contain 3 options of every kind. It has Profiles, Pricing blocks, Login and Register examples, headers & footers. It also has a big variety of efficient web forms and UI Elements. Every design presented there is unique and can fit a whole range of needs.&#x20;

### Dashboard

Dashboard page has 3 sections that you can use within your app. It contains elements such as tables, that are presented in 3 different layouts for various usages. We have to mention that they are fully responsive on any mobile device. There are also a couple of widgets that you may also find very useful for your use case. Last but not least, are our charts that can represent dynamic data that you pull from your database.

### **Ecommerce**&#x20;

E-commerce page is a presentation landing for e-commerce possibilities that you have if buying headstart 3.0 template. You can check out a brief representation of e-commerce elements that we have.

### Landing-layout

Landing layout page serves as a ready design solution for a landing that you might want to launch asap. It has blocks that are completely responsive with modern UX approach.&#x20;

### Plugins-index

Headstart light template comes with a bunch of Zerocode's best plugins.&#x20;

On this page we present them from both the functional and descriptive side. You can either purchase or subscribe to one or to a few of them for personal usage within your site or app. In case that you might not need them anymore, you can always delete them.

We showcased our **Pinterest plugin** that gives you the opportunity to create a Pinterest like layout using a repeating group.&#x20;

Second comes the **Content Preloader** **plugin** that creates a loading effect on your layout and keeps the users on the still loading page.&#x20;

Next is the **Rich Text Editor** that has pro functionality together with another plugin called Bubble **Page to PDF Converte**r. You can test them directly on the page by typing some text into the Rich Text Editor input and convert it right away into a PDF and download the PDF file.

**Agora Web Conferencing** plugin is next. You have the opportunity to test it out. All you have to do is share the Plugin\_index page link with someone else and enter the same room on both devices.

**Video Player** advanced features allow you play the video by providing either an external link (e.g. Youtube or Vimeo) or a link to a video file from Bubble DB. You can set the playback speed, enable auto-play, auto-replay at the end, workflows to play next, previous, first, last video. You can also customize the color of the play button and the color of the playing bar.

**DataTables** is an advanced plugin that gives you the possibility to use data tables with your Bubble database. It includes searching, filtering, sorting, etc.

The last plugin demonstrated on this page offers you the opportunity to integrate **Algolia Search plugin** - a lighting fast search as a service solution for your app.&#x20;

### 404

The 404 page is also known as an “error page” or “Page Not Found” page. This page indicates that the user reached the domain they requested, but the URL path provided no information.

## Reusable Elements Description <a href="#specific-references" id="specific-references"></a>

#### header

This reusable holds the header which is used for all our pages, its basically a sitemap because you can access all the pages from within it.

#### footer

This reusable holds the footer which is used on most if not all the pages within the template.

#### profile-menu

This reusable holds a logged in user menu from within the header element.

## Things to note

### **API Keys**

Several plugins require you to add your own API keys for them to work properly. You would need to get your own API keys for the following plugins:

* Agora Video Conferencing - Web RTC
* Algolia Search V 2.0



### Notes <a href="#notes" id="notes"></a>

‌This template comes with explicit notes for Database fields, States etc which will guide you with modification process. Database notes.

![](https://1437047206-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lo-SCYAr1TNma0GUrej%2F-MLNkF7tT7PudkmeN427%2F-MLOCtj0kwaYZOFUGFr4%2FScreen-Shot-2020-11-05-at-16.15.39.jpg?alt=media\&token=2f0675c0-6bfb-41ad-b7b2-ce45b993d66c)

