# Ez Photographer

<figure><img src="/files/UzMhQCgliukmyH2VOdiw" alt=""><figcaption></figcaption></figure>

***

## 🔗Links

&#x20;      [**Template Link on Bubble Marketplace**](https://bubble.io/template/ez-photographer-1642598514684x364399327280365600)

&#x20;      [**Template Link on Our Website**](https://eazycode.com/template/ez-photographer-1692021503215x693380690644285200)

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

***

## Photos

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

<figure><img src="/files/Svc9GZgOc07RPdpkoCss" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="2" %}

<figure><img src="/files/CRmc1sLfFIeGBXyVVDtW" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="3" %}

<figure><img src="/files/56ZvnF5E7fFveuhAseUQ" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="4" %}

<figure><img src="/files/ahbu5ncY1vxbeCH3Xqny" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="5" %}

<figure><img src="/files/ciugUdsKQcyLt4mNxdqi" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="6" %}

<figure><img src="/files/DJnph45p4t0o6dmVTEMU" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="7" %}

<figure><img src="/files/Jlir6pl0m7VmDEnqTzPD" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

***

## Introduction&#x20;

Be the center of attention with Ez Photographer, the perfect template designed for creative people and professional art studios.

Ez Photographer's sleek design ensures that your work is the center of attention, allowing you to highlight your creativity and talent. A user-friendly interface makes it easy to customize and manage your content without getting distracted by complex and confusing functionality.

Our template is aimed specifically at allowing you to share your passion and make a lasting impression on your audience and those who have yet to become acquainted with your work.

Our template is fully compatible and responsive across all device types. Our team has developed this template in line with up-to-date UX/UI design standards, providing an intuitive interface and visually pleasing aesthetics.

While we sell the template as is, we remain open to discussing additional modifications. Before purchasing the template, we recommend checking out the preview section. If you have any questions or require further clarification, please do not hesitate to contact us, and we'll be delighted to assist and tailor a solution to suit your needs.

***

## Features

* **Main Page**
* **About Us**
* **Gallery**
* **Blog**
* **Projects**
* **Contacts**
* **Reviews**
* **Team**
* **Responsive Design**

***

## 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&#x20;

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;

### about

This page displays a description of the website owner.

### blog

This page contains a list of blogs and allows you to add/edit/delete any of them.

### blog\_images\_format

This page displays detailed blog information and allows you to see comments and create new ones.

### contacts

This page contains the Contact Us form.

### edit\_blog

This page allows you to edit the chosen blog.

### edit\_project

This page allows you to edit chosen projects.

### Gallery

This page displays a list of images filtered by category.

### project

This page contains detailed information about a project. It displays images, title, and content.

### projects

This page displays a list of projects and comments from users.

### team

This page contains a list of our team members and companies we work with.

### testimonials

This page displays a list of customer reviews.

### 404

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

***

## Reusable elements

### Footer

This reusable element is the footer of the app. It contains our templates, plugins, and social links.

### header

This reusable element is the desktop header. It contains logo and navigation links through the app.

### Header mobile

This reusable element includes the mobile header. It contains a logo and mobile-menu trigger.

### mobile-menu

This reusable element contains a mobile navigation menu.

***

## 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="/files/jXBLqAqnhRtr8trT1P4y" 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="/files/IhsNgLQzEqD60jRJQ1nn" 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="/files/Bvmu9eBxmVDTHmejQBzN" 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="/files/6V3DXdnLhMYwqnWDpiP8" 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="/files/GPrMgq8tXbrjY9yyZVyH" alt="" width="200"><figcaption></figcaption></figure>

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

<figure><img src="/files/keW5zGLMCW3tTyyEOWOZ" 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="/files/XNzKj8OwRFRk1HFOGqvy" alt="" width="200"><figcaption></figcaption></figure>

**Grey** - All other actions.

<figure><img src="/files/HC9QqjagbZp1qTBebH6y" alt="test" width="201"><figcaption></figcaption></figure>

***

## Data Types

{% hint style="info" %} <mark style="color:blue;">This data type contains information only for demonstration purposes.</mark>
{% endhint %}

### Article

This data type is used to store article(post) 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>comment</code></td><td><code>List of</code> <a href="#comment"><code>Comments</code></a></td><td>Stores the comments data type.</td><td></td></tr><tr><td><code>discription</code></td><td><code>text</code></td><td>Stores the post content.</td><td></td></tr><tr><td><code>paragraph</code></td><td><code>List of</code> <a href="#paragraph"><code>Paragraphs</code></a></td><td>Stores the paragraph data type.</td><td></td></tr><tr><td><code>photo</code></td><td><code>image</code></td><td>Stores the post image.</td><td></td></tr><tr><td><code>title</code></td><td><code>text</code></td><td>Stores the post title.</td><td></td></tr></tbody></table>

### Comment

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>comment</code></td><td><code>text</code></td><td>Stores the comment content.</td><td></td></tr><tr><td><code>email</code></td><td><code>text</code></td><td>Stores the commentator email address.</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>rating</code></td><td><code>number</code></td><td>Stores the comment rating.</td><td></td></tr></tbody></table>

### Comment Show

This data type is used to store comments on [testimonials ](#testimonials)page 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>photo</code></td><td><code>image</code></td><td>Stores the commentator image.</td><td></td></tr><tr><td><code>text</code></td><td><code>text</code></td><td>Stores the comment content.</td><td></td></tr><tr><td><code>title</code></td><td><code>text</code></td><td>Stores the coment title.</td><td></td></tr></tbody></table>

### Contact Comment

This data type is used to store contact us 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>Comment</code></td><td><code>text</code></td><td>Stores the message content.</td><td></td></tr><tr><td><code>Email</code></td><td><code>text</code></td><td>Stores the sender email address.</td><td></td></tr><tr><td><code>Name</code></td><td><code>text</code></td><td>Stores the sender name.</td><td></td></tr><tr><td><code>Rating</code></td><td><code>number</code></td><td>Stores the comment rating.</td><td></td></tr></tbody></table>

### Paragraph

This data type is used to store paragraph 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>text</code></td><td><code>text</code></td><td>Stores the paragraph content.</td><td></td></tr><tr><td><code>title</code></td><td><code>text</code></td><td>Stores the paragraph title.</td><td></td></tr></tbody></table>

### Project

This data type is used to store project 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>photo</code></td><td><code>Lis ofimages</code></td><td>Stores the project images.</td><td></td></tr><tr><td><code>text</code></td><td><code>text</code></td><td>Stores the project description.</td><td></td></tr><tr><td><code>Title</code></td><td><code>text</code></td><td>Stores the project title.</td><td></td></tr></tbody></table>

### Project Category

This data type is used to store project 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>category</code></td><td><a href="#category"><code>category</code></a></td><td>Stores the category option set.</td><td></td></tr><tr><td><code>photo</code></td><td><code>image</code></td><td>Stores the category image.</td><td></td></tr></tbody></table>

***

## Option Sets&#x20;

### Category

* Fashion
* Art
* Nature

***

<div align="left"><figure><img src="/files/FWlRXstCc6xNIGrX5Eqb" 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="/files/4KPeHfCmX2d7zpd83cXF" alt="" data-size="line"> <https://www.fiverr.com/share/qQoDQZ>\ <img src="/files/h0wwtUMwvDod7FamBfIq" alt="" data-size="line"> <https://www.upwork.com/freelancers/~01c1a4cbef44ecb5f1>\
\
**Follow us:**

<img src="/files/67Q41mFR1z6nYwKvqJeJ" alt="" data-size="line"> <https://www.facebook.com/eazycode>\ <img src="/files/6MUa0InxwRzMoVStCu5q" alt="" data-size="line"> <https://twitter.com/ezcode_official>  \ <img src="/files/IUseXDC1i7zfvZcQgctx" alt="" data-size="line"> <https://www.instagram.com/eazycodecom/>\ <img src="/files/0dMeGeMKCjKSGW3RBP6P" alt="" data-size="line"> <https://www.linkedin.com/company/eazycodecom/>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.eazycode.com/ezcode-documentation/templates/ez-photographer.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.