Project Overview
Cetalog is a static HTML template designed for marketing and SEO agencies, built on Bootstrap 5. It provides complete page templates including homepage variants, services, case studies, team, blog, pricing, and more, making it suitable for quickly building corporate websites.
Tech Stack
- Bootstrap 5 (CSS framework)
- jQuery (DOM manipulation and interactions)
- Font Awesome 6 Pro (icon library)
- Google Fonts (Montserrat Alternates + Outfit)
- Slick Slider (carousel)
- MeanMenu (mobile navigation)
Project Structure
text
cetaloghtml-10/
├── cetalog/ # Main template directory
│ ├── index.html # Homepage
│ ├── index-2.html # Homepage variant 2
│ ├── index-3.html # Homepage variant 3
│ ├── about-us.html
│ ├── our-services.html
│ ├── service-details.html
│ ├── case-studies.html
│ ├── case-details.html
│ ├── our-team.html
│ ├── team-details.html
│ ├── pricing-plan.html
│ ├── faq.html
│ ├── blog-details.html
│ ├── read-blog.html
│ ├── contact-us.html
│ ├── login.html
│ ├── register.html
│ └── assets/
│ ├── css/ # Stylesheets (includes main.css)
│ ├── js/ # Interactive scripts (main.js)
│ ├── fonts/ # Font files
│ └── img/ # Image assets
├── documentation/ # Official documentation
└── ...
Core File Description
cetalog/assets/css/main.css— Main stylesheet containing layout, components, and page stylescetalog/assets/js/main.js— Interactive logic including preloader, navigation, carousel, back-to-top, etc.cetalog/assets/css/bootstrap.css— Bootstrap framework stylescetalog/index.html— Homepage entry point with complete layout including header, carousel, service sections, etc.
Quick Start
This is a purely static template with no build tools required. Simply open it in a browser to preview:
text
Double-click the cetalog/index.html file directly, or open it using a local server
(such as Live Server, http-server, etc.)
Usage Suggestions
- When modifying colors and content, prioritize editing the CSS variable definition block in
main.cssfor consistent styling - The mobile menu is implemented via the jQuery MeanMenu plugin; breakpoint configuration can be adjusted in
main.js
