Quadron - Drone Business and Camera HTML Template preview 1

Quadron - Drone Business and Camera HTML Template

bookmark

This is a multi-page enterprise website template based on Bootstrap 4, featuring homepage variants, blog, case studies, shop, contact form, and other complete functional modules. It is suitable for building aviation or training company w...

HTML

Project Overview

This is a multi-page enterprise website template based on Bootstrap 4, featuring homepage variants, blog, case studies, shop, contact form, and other complete functional modules. It is suitable for building aviation or training company websites.

Tech Stack

  • Bootstrap 4.3.1
  • Gulp 4.0.0 (build tool)
  • Sass (CSS preprocessor)
  • jQuery
  • AOS (animation effects), magnific-popup (lightbox), slick-carousel (carousel)
  • jQuery Nice Select (custom dropdown), jQuery nstSlider (range slider)

Project Structure

text
HTML/
  gulpfile.js
  package.json
  src/
    index.html              # Homepage
    index-02.html           # Homepage variant
    index-03.html           # Homepage variant
    about.html              # About Us
    blog.html               # Blog list
    blog_post.html          # Blog post detail
    cases.html              # Case studies list
    services.html           # Services list
    shop_catalog.html       # Product catalog
    shop_cart.html          # Shopping cart
    contact.html            # Contact page
    faq.html                # FAQ
    gallery_col.html        # Gallery (grid)
    gallery_masonry.html    # Gallery (masonry)
    pilot_training.html     # Pilot training
    platform.html           # Platform introduction
    external/
      form/                 # Form processing (PHP)
      nstslider/            # Range slider
      slick-carousel/       # Carousel component
Documentation/
  doc.html
  assets/                   # Documentation style assets

Core File Description

  • HTML/gulpfile.js — Gulp build configuration, defines Sass compilation, file concatenation, BrowserSync tasks, etc.
  • HTML/package.json — Project dependency declaration
  • HTML/src/index.html — Main homepage entry file
  • HTML/src/external/form/contact-form.php — Contact form backend processing script
  • HTML/src/external/jquery-nice-select/ — Custom dropdown plugin
  • HTML/src/external/nstslider/ — Range slider plugin

Quick Start

bash
cd HTML
npm install
npx gulp

The browser will automatically open http://localhost:3000. Files modified in the src/ directory will auto-refresh.

Usage Suggestions

  • The template includes three homepage variants that can be directly replaced or merged and modified
  • Shop and training related pages can serve as vertical industry starting points; the contact form requires a PHP environment, please ensure server support
help_outline

FAQ