Project Overviewlink

Choicy is a static HTML template designed for digital marketing agencies. It includes multiple complete pages such as Home, About, Services, Team, Case Studies, and Pricing, with built-in interactive features like Swiper carousels, sticky navigation, and search modals — ideal for quickly building a marketing agency website.

Tech Stacklink

• HTML5 / CSS3 (static pages)
• Bootstrap 5 (responsive layout framework)
• jQuery (DOM manipulation and interactivity)
• Swiper.js (carousel component)
• scroll-it.js (smooth anchor scrolling)
• sticky-kit (fixed sidebar)
• Google Fonts (Urbanist + Galada fonts)

Project Structurelink

choicyhtml-10/
├── choicy-html/          # Template main directory (for production)
│   ├── index.html        # Home page (4 style variants)
│   ├── about-*.html       # About Us
│   ├── services-*.html    # Services
│   ├── blog-*.html        # Blog
│   ├── contact.html       # Contact
│   ├── pricing.html       # Pricing page
│   ├── faqs.html          # FAQs
│   ├── career*.html       # Careers
│   ├── team-*.html        # Team
│   ├── projects-*.html    # Projects / Case Studies
│   ├── testimonial.html   # Testimonials
│   └── assets/
│       ├── css/           # Stylesheets
│       └── js/            # Scripts
└── Documentation/         # Official documentation
    └── index.html

Key Fileslink

• choicy-html/index.html — Home page entry, includes banner, services showcase, case study carousel, and other complete sections
• choicy-html/assets/js/main.js — Core interactivity: carousels, sticky header, mobile menu, search modal, etc.
• choicy-html/assets/css/main.css — Main site stylesheet, defines color scheme, fonts, and all page component styles
• choicy-html/assets/css/bootstrap.min.css — Bootstrap framework styles, ensures responsive layout foundation
• choicy-html/home-2.html — Home page variant (Hero carousel style), replace index.html to switch
• Documentation/index.html — Official documentation with instructions for replacing logo, images, contact info, etc.

Quick Startlink

1. Navigate to the choicy-html directory;
2. Open index.html directly in a browser to preview;
3. For a local server, use any static server, for example:
   bashcontent_copyCopy

   npx serve choicy-html
   

Usage Tipslink

• For production, use the choicy-html directory as the site root and follow the Documentation guide to replace the logo, images, and contact information;
• The template offers 4 home page styles, switchable via index.html, home-2.html, home-3.html, and home-4.html — choose the version that best fits your business for customization.