Affan – PWA 移动手机版企业网站 HTML 模板

Affan 是一种基于现代最新技术的多用途 PWA 就绪移动模板。 它带有 Creative Design、Vanilla JavaScript、Bootstrap 5、渐进式 Web 应用程序 (PWA) 就绪、Dark 和 RTL 功能。它适用于任何初创公司、代理机构、企业、课程、企业、电子商务商店、旅游、新闻、作品展示、杂志和博客移动网站或应用程序。所以,用这个构建你喜欢的任何东西。它采用最新的设计趋势精心制作,并采用所有现代方法进行编码。这是一个多功能和多维可用模板。所有文件代码都经过精心组织和很好的注释,以便于定制。它 100% 响应,并且在 Android 和 iOS 手机上运行良好。




  • 普通10金币
  • 永久会员免费推荐


Affan – PWA Mobile HTML Template Affan

By designing-world

The Affan is a modern and latest technology-based multipurpose PWA-ready mobile template. It’s come with a creative design, vanilla JS, Bootstrap 5.2.3, progressive web app (PWA) ready, Dark & RTL features.

It’s crafted with the latest trend in design & coded with all modern approaches. It’s a versatile & multi-dimensional usable template. All files code have been well organized and nicely commented on for ease to customize. It’s 100% responsive and it works nicely on Android & iOS mobile phones.

It’s suitable for any startup, agency, business, course, corporate, eCommerce store, travel, news, portfolio, magazine & blog mobile website, or app. So, build whatever you like with this.

Main Features:

  • Bootstrap 5.2.3
  • PWA Ready
  • Vanilla JS
  • 220+ Elements
  • 100+ Pages
  • npm
  • Gulp 4
  • Pug
  • 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

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 is when your user visits your website, it will show a notification to add to the home screen. If the user adds by clicking on the Add Now button, then he can use it like native apps from the home screen of his mobile phone. Which will give your user a very good experience.

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, Pug, 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. HTML code can be easily & efficiently written with Pug and 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?

Q. Can I make a WordPress theme with it?

Q. Is it native apps? Can it be offered in Play Store or Apple Store?
No. However, if you want to submit to Play Store or Apple Store, you need to convert to Native Apps.

Q. Can it be converted to native apps?

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 (v1.6.0): Dec 23, 2022

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 'venobox' js plugin.

Changelog (v1.5.0): August 11, 2022

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): Oct 12, 2021

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): Sep 3, 2021

New Added: The whole code is written with Vanilla JavaScript. From now, 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): Jun 28, 2021

The documentation has been completely updated with enriched content.

Changelog (v1.2.0): Jun 21, 2021

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): March 13, 2021

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): Dec 14, 2020

Initial Release




本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。

最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。 若排除这种情况,可在对应资源底部留言,或联络我们。

对于会员专享、整站源码、程序插件、网站模板、网页模版等类型的素材,文章内用于介绍的图片通常并不包含在对应可供下载素材包内。这些相关商业图片需另外购买,且本站不负责(也没有办法)找到出处。 同样地一些字体文件也是这种情况,但部分素材会在素材包内有一份字体下载链接清单。


源码素材属于虚拟商品,具有可复制性,可传播性,一旦授予,不接受任何形式的退款、换货要求。请您在购买获取之前确认好 是您所需要的资源