Toggle navigation

Fasho - Fashion eCommerce HTML5 Template

Version 1.0.0

Fasho is a cutting-edge, stylish, and highly versatile eCommerce HTML template crafted for fashion, clothing, and lifestyle brands. Built on the robust Bootstrap 5 framework, Fasho ensures a fully responsive, mobile-first design that looks flawless across all devices. With its modern aesthetic, smooth animations powered by GSAP (GreenSock Animation Platform), and advanced features, this template is perfect for building online boutiques, retail stores, and multi-vendor marketplaces.

Designed to impress, Fasho elevates user experience with seamless transitions, engaging visuals, and dynamic content. Whether you’re a developer or an entrepreneur, this template provides all the tools needed to build a visually stunning, performance-optimized, and SEO-friendly eCommerce site.

Key Features:

  • Smooth Animations with GSAP: Bring your site to life with smooth, professional-grade animations powered by the GreenSock Animation Platform (GSAP).
  • Responsive Design: Fully responsive layout, optimized for all devices, from desktops to smartphones.
  • Bootstrap 5 Framework: Built with the latest Bootstrap framework for scalability, flexibility, and modern design standards.
  • Elegant UI/UX: Minimalist and user-friendly design to enhance the shopping experience.
  • Pre-designed Pages: Includes Home, Shop, Product Detail, Cart, Checkout, Blog, About Us, Contact, and more.
  • Advanced Product Showcase: Stylish grids, sliders, and carousels to highlight your products beautifully.
  • SEO Optimized: Clean and well-structured code to help your site rank higher on search engines.
  • Fast Loading Speed: Optimized for speed and performance, ensuring a smooth browsing experience.
  • Cross-Browser Compatibility: Compatible with all major browsers, including Chrome, Firefox, Safari, and Edge.
  • Developer Friendly: Clean, well-organized codebase with SASS files for effortless customization.
  • Integrated Features: Product filters, wishlist, newsletter subscription, and more to enhance functionality.

Why Choose Fasho?

With its smooth animations via GSAP, Fasho creates a dynamic and immersive user experience that keeps visitors engaged. The combination of modern design, powerful features, and robust animations makes it the ideal choice for building a standout fashion eCommerce site.

Transform your online store into a captivating shopping destination with Fasho – a premium fashion eCommerce HTML template powered by Bootstrap 5 and GSAP animations.

Let your products shine and your business thrive with Fasho!

Installation

Follow the steps below to set up your site template:

  1. Unzip the downloaded package and open the Template folder to find all the template files.
    You will get Donity folder in there. You need to upload this folder to your hosting website.
    server using FTP or cPanel in order to use it on your website.
  2. Below is the folder structure you will see in your website root directory:
    • Donity/assets/css – Stylesheet files
    • Donity/assets/css/iconly.css Icon/fonts files
    • Donity/assets/images – Image files
    • Donity/assets/js – JS files
  3. You need to upload all or specific HTML files as per your needs.
  4. And now you are ready to go to generate your website with this awesome template.

HTML Structure

We are using the Bootstrap Latest Version v5.2.3 framework in this template.
The general template structure is the same throughout the template. Here is the general structure.

All Pages

Introduce Donity All Pages

    • index.html is ====> Home One

    • home-two.html is ====> Home Two

    • home-three.html is ====> Home Three

    • home-four.html is ====> Home Four

    • home-five.html is ====> Home Five

    • home-six.html is ====> Home Six

    • donate-page.html is ====> Donate Page

    • team-one.html is ====> Team One Page

    • team-two.html is ====> Team Two Page

    • team-three.html is ====> Team Three

    • about.html is ====> About Page

    • services.html is ====> Services Page

    • services-details.html is ====> Services Details Page

    • Project.html is ====> Project Page

    • project-details.html is ====> Project Details Page

blog.html is ====> Blog Post

  • blog-single.html is ====> Blog Details Page

  • faq.html is ====> Faq Post

  • contact.html is ====> Contact Us Page

CSS Structure

The style.css file contains all of the specific stylings for the page. The file is separated into sections using:

  • bootstrap.min.css

    This file includes core bootstrap styles

    Source

  • iconly.css

    This file include iconly font icon

  • iconsax-style.css

    This file include iconsax font icon

  • lity.min.css

    This file includes Lity popup.

  • slick.css

    This file contains styles about slick carousel plugin

    Source

  • tabanimation.css

    This file contains styles about tabs

  • style.css

    All styles about template

JavaScripts

  • jQuery 3.6.0

    jQuery is a fast, small, and feature-rich JavaScript library.

    Source

  • bootstrap.min.js

    Core bootstrap js file

    Source

  • gsap.js

    GSAP is a robust JavaScript toolset that turns developers into animation superheroes. Build
    high-performance animations that work in every major browser.

    Source

  • slick.min.js

    jQuery carousel plugin from Slick

    Source

  • ScrollTrigger.min.js

    Scrolltigger is work for animation reveal with GSAP

  • locomotive-scroll.min.js

    A lightweight script to Smooth Scroll

  • main.js

    This file contains all script about site.

Credits