Affan 1.7.0 - PWA Mobile HTML Template

Key Features and Technical Overview

• Bootstrap 5
• PWA Ready
• Vanilla JavaScript
• 220+ Elements
• 100+ Pages
• Node Package Manager
• Gulp 4
• SCSS
• Dark Mode
• RTL Ready
• CSS3
• HTML5
• Varieties Header Menu
• Varieties Footer Menu
• Left & Right Sidebar
• Alerts & Toasts
• Automated Online/Offline Detection
• Varieties Form Elements
• Auto Complete Form
• Range Input
• Accordion
• Timeline
• Isotope Image Gallery
• User Ratings
• Lots of Helper Elements
• Tiny Slider
• Data Table
• Countdown & Counterup
• Apex Charts
• Versatile Mobile Template
• Nicely Designed
• Coded with the Latest Technology
• Bug Free Code
• Cross Browser Support
• Notifications Page
• Language Page
• Password Strength Meter
• OTP Pages
• Shop Pages
• User Profile
• Coming Soon
• Authentication Pages
• Unique Design
• Blog Pages
• Google Fonts
• Easy to Customize
• Clean & 100% Validate Code

What Affan Is Designed For

It’s specially designed for creating Progressive Web Applications (PWA) that deliver users a seamless, mobile-first experience. It’s a responsive and customizable template that can create various variations.

It’s suitable for any of the following mobile-focused sites or apps: Startup, Agency, Business, Course, Corporate, eCommerce Store, Travel, News, Portfolio, Magazine & Blog.

So, build whatever you like with this.

Usage, Customization, and Development Tools

• All file codes have been well organized and nicely commented on for easy customization.
• Pre-built HTML, CSS, and JS code to accelerate development and customization.
• Easy to customize with plain HTML5 code (PUG dropped).

Notes on Media and Credits

Please Note: All images & videos are used only for preview purposes. These images & videos are not available in the downloaded package.

All Credits: All credits are given in the documentation file.

Pre-Buy FAQ

• Q. What kind of template is this?

  Affan is an HTML5 mobile template. It also has a PWA feature and Dark and RTL modes.

• Q. What will I get if I buy it?

  All HTML files and everything else. However, images are not available in the downloaded package.

• Q. What is PWA?

  PWA stands for Progressive Web App, which is a type of web application that combines the best features of both web and mobile applications. PWAs are built using web technologies such as HTML, CSS, and JavaScript, but they are designed to offer a native app-like experience to users.

• Q. What do I need to know to edit?

  You don’t need to know anything special, you just need to know how to edit HTML files.

• Q. So what is the function of NPM, Gulp, and SCSS?

  NPM is the package manager. With it, you can easily manage all CSS and JS files. Gulp is a toolkit to automate & enhance your workflow. CSS can be written easily & efficiently with SCSS.

• Q. If I don’t know any of these, can’t I edit?

  Yes, of course, you can. All you have to do is edit the HTML file.

• Q. Is this a WordPress theme?

  No.

• Q. Can I make a WordPress theme with it?

  Yes.

• Q. Is it native apps? Can it be offered in the Play Store or Apple Store?

  No. However, if you want to submit to the Play Store or Apple Store, you need to convert to Native Apps.

• Q. Can it be converted to native apps?

  Yes.

• Q. How many sites can I make by buying it for $24?

  You can use it on a single domain with a single license.

Changelog

Changelog (v1.7.0)

• Updated: Bootstrap v5.2.3 > Bootstrap v5.3.3
• Updated: Bootstrap Icons v1.10.2 > Bootstrap Icons v1.11.3
• Updated: Apexcharts v3.36.3 > Apexcharts v3.49.1
• Updated: Some elements designs
• Updated: Updated all development dependencies

Changelog (v1.6.0)

• Updated: Bootstrap v5.2.0 > Bootstrap v5.2.3
• Updated: Bootstrap Icons v1.9.1 > Bootstrap Icons v1.10.2
• Updated: Apexcharts v3.35.3 > Apexcharts v3.36.3
• Updated: baguettebox.js has been dropped. Instead, we used the 'venobox' js plugin.

Changelog (v1.5.0)

• Updated: Design Quality
• Updated: PUG has been dropped. Now, we used plain HTML5 code in the template. So that everyone can easily edit or customize.
• Updated: Bootstrap v5.1.3 > Bootstrap v5.2.0
• Updated: Bootstrap Icons v1.8.1 > Bootstrap Icons v1.9.1
• Updated: Apexcharts v3.33.2 > Apexcharts v3.35.3

Changelog (v1.4.0)

• Updated: Bootstrap v5.1.0 > Bootstrap v5.1.3
• Improved: Code Quality
• Added: Isotope layout in the Image Gallery page (Premium Plugin)

Changelog (v1.3.0)

• New Added: The whole code is written with Vanilla JavaScript. From now on, there is no need for jQuery dependency.
• New Added: Filter Menu on Elements Page
• New Added: Offcanvas Navbar
• New Added: Horizontal Scroll Menu
• New Added: Notification Button
• New Added: Login Page via Social Media
• New Added: Large Checkbox
• New Added: Toggle Password Visibility
• New Added: Comparison Table
• Updated: Bootstrap v5.0.1 > Bootstrap v5.1.0
• Improved: Design & Code Quality

Changelog (v1.2.1)

• The documentation has been completely updated with enriched content.

Changelog (v1.2.0)

• Improved: Design Quality
• Improved: Code Quality
• Updated: Bootstrap v5.0.0-beta2 > Bootstrap v5.0.1
• Updated: Owl Carousel 2.2.1 > Owl Carousel 2.3.4
• Updated: Font Family - Public Sans to Poppins
• Removed: Clipboard js Plugin
• New Added: Added 'static' folder (This folder contains all the static files.)

Changelog (v1.1.0)

• New Added: 3 chat pages & 1 tab page
• Improved: Dark & RTL mode
• Improved: Design Quality
• Improved: Code quality
• Updated: Bootstrap v5.0.0-beta1 > Bootstrap v5.0.0-beta2
• Updated: Commissioner Google Fonts > Public Sans Google Fonts

Changelog (v1.0.0)

• Initial Release