Project Overviewlink

Bistly is a set of static HTML templates for restaurant and café websites, featuring three homepage variants: restaurant, café, and dessert shop. It includes complete pages for menu display, shopping cart, blog, team introduction, and more, making it ideal for quickly building food and beverage business websites.

Tech Stacklink

• HTML5 + CSS3 + Vanilla JavaScript
• Bootstrap 5.x (CSS framework)
• jQuery (document page interactions)
• FontAwesome (icon library)
• Google Fonts (Marcellus + Roboto)
• AOS (scroll animations), Slick (carousel), Magnific Popup (lightbox), Nice Select (dropdown)

Project Structurelink

bistlyhtml-10/
└── Main_File/
    ├── Documentation/
    │   └── index.html          # Template usage documentation
    └── bistly/
        ├── index.html         # Homepage - Restaurant
        ├── index-2.html       # Homepage - Café
        ├── index-3.html       # Homepage - Dessert Shop
        ├── about.html         # About Us
        ├── menu-grid.html     # Menu Grid
        ├── menu-list.html     # Menu List
        ├── menu-details.html  # Menu Item Details
        ├── shop.html          # Shop List
        ├── shop-details.html  # Product Details
        ├── cart.html          # Shopping Cart
        ├── checkout.html      # Checkout
        ├── blogs.html         # Blog List
        ├── blog-details.html  # Blog Details
        ├── chefs.html         # Chef Team
        ├── gallery.html       # Gallery
        ├── contact.html       # Contact Us
        ├── 404.html           # Error Page
        └── assets/
            ├── css/           # Stylesheets
            ├── fonts/         # Icon fonts
            └── images/        # Image assets

Key File Descriptionslink

• bistly/index.html — Restaurant homepage entry, includes navigation, slideshow, and menu display
• bistly/assets/css/common-style.css — Global shared styles, required by all pages
• bistly/assets/css/pages/home-restaurant.css — Homepage-specific styles
• bistly/assets/css/pages/innerpages.css — Common styles for inner pages (About, Contact, etc.)
• bistly/checkout.html — Checkout flow page with form layout
• Main_File/Documentation/index.html — Official template documentation

Quick Startlink

Open Main_File/bistly/index.html directly in your browser to preview the restaurant homepage. For local development, use any static server (e.g., npx serve .) to serve the directory.

Usage Tipslink

• The three homepages (index / index-2 / index-3) share the same structure and components, differing only in theme styles. You can choose or merge them as needed during development.
• The built-in shopping cart and checkout flow are pure frontend static demos. For production, you'll need to integrate a backend API.
• Before deployment, replace the placeholder images in assets/images with real restaurant assets.