# Ez Base Multi Pages

<figure><img src="https://1427565863-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwuVpDcDmZQqJGW4nltd9%2Fuploads%2F1w3JIhMGkghC340XBpqq%2FEz%20Base%20App.jpg?alt=media&#x26;token=d14b0ec6-c5fc-40b9-aa70-52e3f6ad6b49" alt=""><figcaption></figcaption></figure>

***

## 🔗Links

&#x20;      [**Template Link on Bubble Marketplace**](https://bubble.io/template/ez-base-multi-pages-1645521760848x429065447228309500)

&#x20;      [**Template Link on Our Website**](https://eazycode.com/template/ez-base-multi-pages-1692021503216x865156634992034300)

&#x20;      [**Preview Link**](https://ezbaselandings.bubbleapps.io/)&#x20;

***

## Photos

{% tabs %}
{% tab title="1" %}

<figure><img src="https://1427565863-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwuVpDcDmZQqJGW4nltd9%2Fuploads%2FvkCJu6W11PGpqzwdgG2N%2Fimage.png?alt=media&#x26;token=31434755-07ff-4a32-bdae-c4913d3a2c7b" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="2" %}

<figure><img src="https://1427565863-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwuVpDcDmZQqJGW4nltd9%2Fuploads%2FQsxdwrbLe66zG7qgUxOq%2Fimage.png?alt=media&#x26;token=8a6c93e7-b652-457c-8e1e-086e4c56ca14" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="3" %}

<figure><img src="https://1427565863-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwuVpDcDmZQqJGW4nltd9%2Fuploads%2FYeuOvc9nrsmd0ljL2dEK%2Fimage.png?alt=media&#x26;token=e8e6d891-5010-4ec7-93dd-a6505b43c7a3" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="4" %}

<figure><img src="https://1427565863-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwuVpDcDmZQqJGW4nltd9%2Fuploads%2FuG7vwMVozO9bdEtJrJAk%2Fimage.png?alt=media&#x26;token=7a71ab07-c68d-4e90-a1fa-f515a7a18690" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="5" %}

<figure><img src="https://1427565863-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwuVpDcDmZQqJGW4nltd9%2Fuploads%2FOKAGdpnMPoUk6UIzpJpO%2Fimage.png?alt=media&#x26;token=137dc765-c1d5-45d3-9604-d275c1c7935c" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="6" %}

<figure><img src="https://1427565863-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwuVpDcDmZQqJGW4nltd9%2Fuploads%2FWFK4w9twdfOPfs0BAxrS%2Fimage.png?alt=media&#x26;token=ebdab907-be3c-4727-83e6-cd474d699662" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="7" %}

<figure><img src="https://1427565863-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwuVpDcDmZQqJGW4nltd9%2Fuploads%2F2Fxo0aeyWskuVNerR04r%2Fimage.png?alt=media&#x26;token=0f47d1cc-b3a5-430f-ada5-1a3715ad861b" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

***

## Introduction&#x20;

Ez Base Multi Pages is a multi-page web template designed to satisfy different needs. This versatile template provides a complete set of tools for creating various websites.

Our template will satisfy the needs of both beginners and experienced web developers, providing flexibility, adaptability, and style in design. Also, if you are interested in creating a personal page, corporate website, Saas platform, blog, or other online project, Base will serve you as an excellent help.

This application includes 8 main pages. The minimalistic design is developed to help you create applications such as:

* A **job search** application.
* A **real estate** platform that helps users find their ideal home.
* An online **learning** community for creative and curious people.
* A **mental health** website with an appointment form.
* A **financial** aid portal aimed at maintaining and growing your savings.
* A **subscription** service that helps others solve everyday problems.
* A website with **SaaS** services to make various aspects of life easier.
* A **social** application to bring people closer

<mark style="color:green;">Easy</mark><mark style="color:red;">Code</mark> has also developed additional pages for this template, which should include different types of services. These can be “About Us”, “Contacts”, “Blog” and many more similar pages, choose what is best suited for your needs.

This template is fully responsive for all types of devices. Our team has developed this template according to all modern UX/UI design standards with an intuitive interface and pleasant colors.

Ez Multibase template is completely free, although additional modifications may be discussed. Feel free to contact us with any questions and we will be happy to find a solution to your idea.

***

## Features

* **Landing pages: 8 Pages**
* **Contact us: 2 Pages**
* **About us**
* **Blog: 2 Pages**
* **Portfolios: 2 Pages**
* **Portfolio Details: 4 Pages**
* **Services: 2 Pages**
* **Career: 2 pages**
* **Testimonials: 2 pages**
* **Pricing: 2 Pages**
* **Sign Up: 3 Pages**
* **Sign In: 3 Pages**
* **Reset Password: 3 Pages**
* **404 page**

***

## Notes

{% hint style="info" %} <mark style="color:blue;">**Important note**</mark><mark style="color:blue;">:</mark> After purchasing this template and customizing it, be sure that you had a chance to learn how to set up data security.&#x20;

Check all privacy settings by the following link before launch: [*<mark style="color:blue;">**Bubble Privacy**</mark>* ](https://manual.bubble.io/help-guides/data/the-database/protecting-data-with-privacy-rules)

Since access to objects differs in each application and is unique for each case, ensure you have established all the privacy rules.
{% endhint %}

{% hint style="danger" %} <mark style="color:red;">This template is not the final product. Any part of the application can be modified for different needs.</mark>
{% endhint %}

***

## Pages&#x20;

### index

This page presents the features of this application. Also on this page, clients can find links to other <mark style="color:green;">Eazy</mark><mark style="color:red;">Code</mark> templates on this topic.&#x20;

### landing\_course

This is an example of a landing page for an education site.

### landing\_health

This is an example of a landing page for a mental health site.

### landing\_real\_estate

This is an example of a landing page for a real estate site.

### landing\_finance

This is an example of a landing page for a finance site.

### landing\_jobdirectory

This is an example of a landing page for a job search site.

### saas\_application

This is an example of a landing page for a SAAS application site.

### social\_app

This is an example of a landing page for a social application site.

### about\_us

This is an example of a page to familiarize clients with the principles and advantages of the company.

### contact\_01

This is an example of a page with a form to contact the client with the administration.

### contact\_02

This is an example of a page with a form to contact the client with the administration.

### blog\_category

This is an example of a blog page.

### blog\_regular

This is an example of a blog page.

### portfolio-1

This is an example of a portfolio page.

### portfolio-2

This is an example of a portfolio page.

### portfolio\_details\_1

This is an example of a page describing a completed project.

### portfolio\_details\_2

This is an example of a page describing a completed project.

### portfolio\_details\_3

This is an example of a page describing a completed project.

### portfolio\_details\_4

This is an example of a page describing a completed project.

### service-01

This is an example of a page with a range of services.

### service\_details

This is an example of a page with a range of services.

### career

This is an example of a Career & Opportunities page.

### career\_details

This is an example of a vacancy page.

### testimonial-1

This is an example of a testimonial page.

### testimonial-2

This is an example of a testimonial page.

### pricing\_1

This is an example of a pricing and features page.

### pricing\_2

This is an example of a pricing and features page.

### sign\_up\_1

This is an example of a Sign-Up page.

### sign\_up\_2

This is an example of a Sign-Up page.

### sign\_up\_3

This is an example of a Sign-Up page.

### sign\_in\_1

This is an example of a Sign-In page.

### sign\_in\_2

This is an example of a Sign-In page.

### sign\_in\_3

This is an example of a Sign-In page.

### reset\_pw\_1

This is an example of a reset password page.

### reset\_pw\_2

This is an example of a reset password page.

### reset\_pw\_3

This is an example of a reset password page.

### 404

This page appears when something goes wrong in the app's work

***

## Reusable elements

### Footer

This reusable element includes links to the <mark style="color:green;">Eazy</mark><mark style="color:red;">Code</mark> templates, socials, and personal web.

### Header

This reusable element includes the app navigation panel.

***

## Workflow

Highlighting the workflow with color is a great way to separate actions in essence and significance. Below is the <mark style="color:green;">Eazy</mark><mark style="color:red;">Code</mark> standard for the use of colors with a detailed explanation.

{% hint style="warning" %} <mark style="color:orange;">The standards below are for informational purposes only. Any discrepancy is not related to the functionality of the application.</mark>
{% endhint %}

**Blue** - The actions taking place on our screen do not utilize the application's resources. For instance, when an element is clicked and a popup is opened or closed.

<div align="center"><figure><img src="https://1427565863-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwuVpDcDmZQqJGW4nltd9%2Fuploads%2Fa6ECFLHHyTqpr90FXSPb%2Fimage.png?alt=media&#x26;token=772855b5-5b7b-49aa-b99e-04701767624f" alt="" width="200"><figcaption></figcaption></figure></div>

**Green** - These actions involve creating or modifying entries in the database. For example, "Create a new Thing," "Make changes to a thing or a list of things," as well as "Copy a list of things," and so on.

<figure><img src="https://1427565863-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwuVpDcDmZQqJGW4nltd9%2Fuploads%2FllvYT6zyLSb3QtkbzWj0%2Fimage.png?alt=media&#x26;token=65bc26ac-4a39-49ac-af76-56028f5bc333" alt="" width="200"><figcaption></figcaption></figure>

**Red** - This action involves deleting or resetting values. For instance, "Delete a thing or a list of things," as well as "Reset a group" and "Reset inputs."

<figure><img src="https://1427565863-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwuVpDcDmZQqJGW4nltd9%2Fuploads%2FctFJTDZVJYSxbjS2melb%2Fimage.png?alt=media&#x26;token=60d0a236-cca6-491b-88b6-a26f2311cc8c" alt="" width="200"><figcaption></figcaption></figure>

**Orange** - Actions related to your navigation. For example, "Navigate to a page," or "Do when a condition is true" – when you use specific values for checking, such as "When the current user is logged in," and so on.

<figure><img src="https://1427565863-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwuVpDcDmZQqJGW4nltd9%2Fuploads%2F7e8TWWOrsNOk3PttmqlN%2Fimage.png?alt=media&#x26;token=75cde6b5-e72b-4f75-a540-2507e1f92ed9" alt="" width="200"><figcaption></figcaption></figure>

**Cyan** - Actions utilizing Custom Events – lengthy tasks that involve the creation, modification, deletion, and plugins within a single comprehensive workflow as steps.

<figure><img src="https://1427565863-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwuVpDcDmZQqJGW4nltd9%2Fuploads%2FygcvmFN64pIlShKKlsYH%2Fimage.png?alt=media&#x26;token=767513b2-cb61-4010-be33-cd4ff5967fad" alt="" width="200"><figcaption></figcaption></figure>

**Brown** - Custom workflow, API workflow, and similar tasks.

<figure><img src="https://1427565863-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwuVpDcDmZQqJGW4nltd9%2Fuploads%2FIDdRjV71dqlcIXAsbOIV%2Fimage.png?alt=media&#x26;token=c76c2a04-b052-468b-b47c-efe04457d373" alt="" width="200"><figcaption></figcaption></figure>

**Purple** - The significance of this color is determined by the developer themselves, as it is done due to the fact that everyone has their own approach to development.

<figure><img src="https://1427565863-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwuVpDcDmZQqJGW4nltd9%2Fuploads%2FQEZ73m2nAW9oTEAIFhDR%2Fimage.png?alt=media&#x26;token=007881d1-774f-40e0-84f2-557e3f60caa4" alt="" width="200"><figcaption></figcaption></figure>

**Grey** - All other actions.

<figure><img src="https://1427565863-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwuVpDcDmZQqJGW4nltd9%2Fuploads%2FUJj9aHsMG5LM8tZCMPLF%2Fimage.png?alt=media&#x26;token=eac4b920-8f7a-464e-bb6d-f1905009ad28" alt="test" width="201"><figcaption></figcaption></figure>

***

## Data Types

### 1photo

This data type is used to store image proprieties.

<table data-full-width="false"><thead><tr><th>Field name</th><th>Type</th><th>Notes</th><th data-hidden>Notes</th></tr></thead><tbody><tr><td><code>image</code></td><td><code>image</code></td><td>Stores the images used on application.</td><td></td></tr></tbody></table>

### Blog

This data type is used to store blog proprieties.

<table data-full-width="false"><thead><tr><th>Field name</th><th>Type</th><th>Notes</th><th data-hidden>Notes</th></tr></thead><tbody><tr><td><code>Images</code></td><td><code>image</code></td><td>Stores the blog image.</td><td></td></tr><tr><td><code>Post_name</code></td><td><code>text</code></td><td>Stores the blog content.</td><td></td></tr></tbody></table>

### Category

This data type is used to store job category proprieties.

<table data-full-width="false"><thead><tr><th>Field name</th><th>Type</th><th>Notes</th><th data-hidden>Notes</th></tr></thead><tbody><tr><td><code>Color</code></td><td><code>text</code></td><td>Stores the category color code.</td><td></td></tr><tr><td><code>Title</code></td><td><code>text</code></td><td>Stores the category title.</td><td></td></tr><tr><td><code>Vacancies</code></td><td><code>List of</code> <a href="#job"><code>Jobs</code></a></td><td>Stores the job data type.</td><td></td></tr></tbody></table>

### Comments

This data type is used to store comment proprieties.

<table data-full-width="false"><thead><tr><th>Field name</th><th>Type</th><th>Notes</th><th data-hidden>Notes</th></tr></thead><tbody><tr><td><code>Age-city-country</code></td><td><code>text</code></td><td>Stores the commentator age,city and country of living.</td><td></td></tr><tr><td><code>Name</code></td><td><code>text</code></td><td>Stores the commentator name.</td><td></td></tr><tr><td><code>Photo</code></td><td><code>image</code></td><td>Stores the commentator image.</td><td></td></tr><tr><td><code>Subject</code></td><td><code>text</code></td><td>Stores the comment subject.</td><td></td></tr><tr><td><code>Title</code></td><td><code>text</code></td><td>Stores the comment title.</td><td></td></tr></tbody></table>

### Job

This data type is used to store job proprieties.

<table data-full-width="false"><thead><tr><th>Field name</th><th>Type</th><th>Notes</th><th data-hidden>Notes</th></tr></thead><tbody><tr><td><code>Emplee</code></td><td><code>List of</code> <a href="#user"><code>Users</code></a></td><td>Stores the user data type.</td><td></td></tr><tr><td><code>Title</code></td><td><code>text</code></td><td>Stores the job title.</td><td></td></tr></tbody></table>

### Pages Links

This data type is used to store links proprieties.

<table data-full-width="false"><thead><tr><th>Field name</th><th>Type</th><th>Notes</th><th data-hidden>Notes</th></tr></thead><tbody><tr><td><code>descripiton</code></td><td><code>text</code></td><td>Stores the page description.</td><td></td></tr><tr><td><code>image</code></td><td><code>image</code></td><td>Stores the page image.</td><td></td></tr><tr><td><code>Page</code></td><td><code>text</code></td><td>Stores the page link.</td><td></td></tr><tr><td><code>title</code></td><td><code>text</code></td><td>Stores the page title.</td><td></td></tr></tbody></table>

### Portfolio-Examples

This data type is used to store examples for portfolio proprieties.

<table data-full-width="false"><thead><tr><th>Field name</th><th>Type</th><th>Notes</th><th data-hidden>Notes</th></tr></thead><tbody><tr><td><code>category</code></td><td><code>number</code></td><td>Stores the number of category.</td><td></td></tr><tr><td><code>image</code></td><td><code>image</code></td><td>Stores the attached image.</td><td></td></tr><tr><td><code>Short_info</code></td><td><code>text</code></td><td>Stores the portfolio description.</td><td></td></tr><tr><td><code>Title</code></td><td><code>text</code></td><td>Stores the portfolio title.</td><td></td></tr></tbody></table>

### Review

This data type is used to store review proprieties.

<table data-full-width="false"><thead><tr><th>Field name</th><th>Type</th><th>Notes</th><th data-hidden>Notes</th></tr></thead><tbody><tr><td><code>content</code></td><td><code>text</code></td><td>Stores the review content.</td><td></td></tr><tr><td><code>user_Image</code></td><td><code>image</code></td><td>Stores the reviewer image.</td><td></td></tr><tr><td><code>user_Name</code></td><td><code>text</code></td><td>Stores the reviewer name.</td><td></td></tr><tr><td><code>user_Skills</code></td><td><code>text</code></td><td>Stores the reviewer skills.</td><td></td></tr></tbody></table>

### User

This data type is used to store user proprieties.

<table data-full-width="false"><thead><tr><th>Field name</th><th>Type</th><th>Notes</th><th data-hidden>Notes</th></tr></thead><tbody><tr><td><code>state</code></td><td><code>text</code></td><td>Stores the user description.</td><td></td></tr></tbody></table>

### Vacancy

This data type is used to store vacancy proprieties.

<table data-full-width="false"><thead><tr><th>Field name</th><th>Type</th><th>Notes</th><th data-hidden>Notes</th></tr></thead><tbody><tr><td><code>Company_name</code></td><td><code>text</code></td><td>Stores the company name.</td><td></td></tr><tr><td><code>Location</code></td><td><code>text</code></td><td>Stores the company location.</td><td></td></tr><tr><td><code>Vacancy name</code></td><td><code>text</code></td><td>Stores the vacancy title.</td><td></td></tr></tbody></table>

***

## Option sets

### Country

List of countries.

### Focus-Triggers

* contact
* blog
* portfolio
* portfolio\_details
* service
* careers
* testimonials
* pricing
* account
* utility

***

<div align="left"><figure><img src="https://1427565863-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwuVpDcDmZQqJGW4nltd9%2Fuploads%2FOmA8OIR6KMcPc4Kd8oZW%2Fimage.png?alt=media&#x26;token=d8d79fa2-356b-4dd7-a687-fc59b1c965b3" alt="" width="188"><figcaption></figcaption></figure></div>

The template is sold as is, although additional modifications can be discussed. Feel free to contact us for any inquiries and we’ll be happy to find a solution for your ideas – <http://eazycode.com/>

**Hire us:**

<img src="https://1427565863-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwuVpDcDmZQqJGW4nltd9%2Fuploads%2FnhRM38XquaMB7rEGRZF5%2Fimage.png?alt=media&#x26;token=94debb70-7346-48cc-8e7a-ddac3b68cc70" alt="" data-size="line"> <https://www.fiverr.com/share/qQoDQZ>\ <img src="https://1427565863-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwuVpDcDmZQqJGW4nltd9%2Fuploads%2FUnmo0SgqtdtObJcWnXKG%2Fimage.png?alt=media&#x26;token=84a44ee4-c963-4409-ab03-5e03da5f9917" alt="" data-size="line"> <https://www.upwork.com/freelancers/~01c1a4cbef44ecb5f1>\
\
**Follow us:**

<img src="https://1427565863-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwuVpDcDmZQqJGW4nltd9%2Fuploads%2FY27NTLRLjxmS860b2LuF%2Fimage.png?alt=media&#x26;token=de978886-fe93-45d9-9aa2-dbe633c9c900" alt="" data-size="line"> <https://www.facebook.com/eazycode>\ <img src="https://1427565863-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwuVpDcDmZQqJGW4nltd9%2Fuploads%2FJxNkIN1XL49rJ0d1PW4h%2Fimage.png?alt=media&#x26;token=6bc2d54b-741e-4327-895e-c9d256e29cfc" alt="" data-size="line"> <https://twitter.com/ezcode_official>  \ <img src="https://1427565863-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwuVpDcDmZQqJGW4nltd9%2Fuploads%2FDIjJ2ERcrlmbdSWhRNBd%2Fimage.png?alt=media&#x26;token=0a8166ae-162e-4fcb-bef6-e458c760fee7" alt="" data-size="line"> <https://www.instagram.com/eazycodecom/>\ <img src="https://1427565863-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwuVpDcDmZQqJGW4nltd9%2Fuploads%2F0K22Xx5JDxzKfhXJkmSi%2Fimage.png?alt=media&#x26;token=90af72e3-5fcc-4ea2-baf6-56525f3e1e6a" alt="" data-size="line"> <https://www.linkedin.com/company/eazycodecom/>