Azzle - AI Technology & Startup HTML Template Document

Intoduction

Azzle - AI Technology & Startup HTML Template

Created : 2-Nov-2023
By : Mthemeus
E-mail:mthemeus@gmail.com
Last Update : 2-Nov-2023
Version : 1.0.0

Thank you for purchasing Azzle - AI Technology & Startup HTML Template. If you have any questions that are beyond the scope of this help file, please feel free to email, via my user page contact form or put a ticket at Support Center .
Thank you so much!

Getting Started

This Template is Tailwind CSS, where you need to install Node.js. You can download Node.js LTS from here

After install Node.js, open the terminal in to the azzle folder root directory and run npm install
or yarn install
for install node package modules.

Here all the packages will be installing. After installed all packages , you can run npm start
or yarn start for local development purpose

For minify Tailwind CSS in to the Production version run npm run minify
or yarn minify

Tailwind File Configuration

You can customize/ configuration fonts, color, screen, plugins etc from tailwind.config.js file. For more details Visit Tailwind Configuration Document

Folder Structure

    HTML Folder
        azzle/
        ├─ assets/
        │  ├─ css/
        │  │  ├─ all CSS files
        │  ├─ fonts/
        │  │  ├─ all Fonts files
        │  ├─ img/
        │  │  ├─ all Images files
        │  ├─ js/
        │  │  ├─ all JavaScript files
        ├─ src/
        │  ├─ tailwind.css
        ├─ .prettierrc
        ├─ all HTML file
        ├─ package.json
        ├─ tailwind.config.js

HTML Structure

The html template uses Latest Tailwind 3 with valid HTML5 tags. This theme is a responsive layout. All of the information in content area is nested within a class and comes with predefined classes.

Output

Tailwind Files and Structure

Mainly 2 main CSS files are used in this theme. The first one `tailwind.css` in `src` folder to generate `style.css` file into the `assets/css` folder, second one is `custom.css` to control the layouts.

JavaScript

This theme imports 2 types of Javascript files. All of these free from jquery dependency.

main.js
vendors/clients JavaScript plugins

Contact form Structure

Output

Required File

Required Css

Required Js

Logo Structure

Blog Structure

Copy Right Structure

Features

4 Awesome Multi-Homepages
4 Awesome Header Styles
Awesome Sticky Header Styles
W3C validated code
SASS File Included
8 inner pages
40+ Unique Element
Blog Standard Layout
100% pixel perfect design
Clean and Simple Style
Advanced Typography
Smooth transition effects.
Cross Browser Optimization.
Google font.
Compatible Browsers – IE9+, Chrome, Safari, Opera, Firefox
Documentation – Yes
License – GPL
Version – 1.0.3
Layout – Responsive
Columns – 4
Files Included -html, JS, css
User Friendly Code
Easy to customize
Clean & Modern Design
CSS3 animations
Full Responsive
SEO friendly code

Sources and Credits

Fonts Used int the template are google fonts

Fonts Used are :

DM San Space Grotesk Inter Clash Display

Image Used:

Sliders Used Are :

Swiper Slider ( Swiper Slider )

Every Code is properly commented for Editing Ease.

Support

Once again, thank you so much for purchasing this theme. As I said at the beginning, I'd be glad to help you if you have any questions relating to this theme. No guarantees, but I'll do my best to assist. If you have any queries, please feel free to contact us at

mthemeus@gmail.com

Email Us at : Mthemeus

Intoduction