#### Introduction

Introducing Authea Authentication purposes, including Sign In, Sign Up, Forgot Password a versatile template meticulously designed with the power of Tailwind CSS version 3. This modern, creative, and clean template is ideal for crafting captivating Count Down pages, Coming Soon announcements, professional launches, and product unveiling websites. With a foundation in contemporary web technologies such as HTML5, SCSS, Javascript, Gulp and Yarn. Authea ensures a seamless and dynamic user experience. It’s built with the latest version of Tailwind CSS (v3.3.3) along with HTML5, SCSS, and CSS3, making it fully responsive.

This documentation is guidelines for all users who can even be a beginner or experienced web developer.

Please feel free to get back to us via email `zoyothemes.com`

#### Setup HTML

##### Introduction

We are using gulp which allows having complete automation for build flow. In case if you don't know Gulp then it's easy to use it. Gulp is a toolkit for automating painful or time-consuming tasks in the development workflow, so you can stop messing around while building any project. You can read it more about it here. Please follow below steps to install and setup all prerequisites:

##### Prerequisites

Please follow below steps to install and setup all prerequisites:

- ###### Yarn

  Make sure to have the Yarn installed & running in your computer. If you already have installed Yarn on your computer, you can skip this step. We suggest you to use Yarn instead of NPM.

- ###### Nodejs

  Make sure to have the Node.js installed & running in your computer. If you already have installed Node on your computer, you can skip this step if your existing node version is greater than 16.

- ###### Gulp

  Make sure to have the Gulp installed & running in your computer. If you already have installed gulp on run command npm install -g gulp from your terminal.

- ###### Git

  Make sure to have the Git installed globally & running on your computer. If you already have installed git on your computer, you can skip this step.

##### Installation

To setup the admin theme, follow below-mentioned steps:

- ###### Install Prerequisites

  Make sure to have all above prerequisites installed & running on your computer

After you finished with the above steps, you can run the following commands into the terminal / command prompt from the root directory of the project to run the project locally or build for production use:

Command | Description
--- | ---
`yarn install` | This would install all the required dependencies in the `node_modules` folder.
`gulp` | Runs the project locally, starts the development server and watches for any changes in your code, including your HTML, javascript, sass, etc. The development server is accessible at http://localhost:3000.
`gulp build` | Generates a `/dist` directory with all the production files.

#### Structure

I have tried to follow the standards and modular structure while developing the theme. Following sections are explaining the theme File & Folder, structure, html file struture and plugins.

    ├── Documentation
    └── HTML
    ├── dist folder
    ├── src folder
    │   └── assets
    │   │   └── css
    │   │   └── fonts
    │   │   └── images
    │   │   └── js
    │   │   └── php
    │   │   └── scss
    │   │   │	└── custom
    │   │   │	│	└── pages
    │   │   │	│	│	└── _helper.scss
    │   │   │	└── _fonts.scss
    │   │   │	└── _general.scss
    │   └── partials
    │   │   └── All partials Files
    │   └──  All HTML Files (16+ Files)
    ├── gulpfile.js
    ├── package.json
    ├── tailwind.config.js
    └── README.md

#### CSS

Files are explained below:

File | Description
--- | ---
`CSS` | You use the icons.css and tailwind.css.
`style.css` | This file is containing all common styles for all the pages.

#### Javascript

Files are explained below:

File | Description
--- | ---
`app.js` | This is a main js file. All important javascript like page loader, menu, sticky menu, menu-toggler, one page menu etc.
`plugins.init.js` | All init js like working tiny slider, counter, countdown, lightbox, gallery, wow animation, typed text, back button, contact js etc.

#### Credits & Official Documentation

We've used the following resources as listed. These are some awesome creation and we are thankful to the community.

- Yarn Js
- Gulp Js
- Nodejs.
- Git
- Tailwind css
- Google Fonts
- Freepic Images
- Unsplash Images

#### Support

Once again thank you for your purchase. I'll be happy to answer the the questions you have related to the theme. In case if you have any suggestion or feature, request please feel free to contact me, I'll try to implement it and will release as part of future updates.

Stay Awesome!

Zoyothemes

#### Changelog

Version 1.0.0 13th Janurary 2023

- Initial released

©
Zoyothemes. Design with
by Zoyothemes.