Project Overviewlink

Cretio is a multi-page HTML template designed for digital agencies, featuring 6 homepage variations (Digital Agency, Marketing Agency, Design Company, Creative Portfolio, Minimal Studio, SEO Agency), dark/light mode switching, GSAP animations, and Lenis smooth scrolling. Ideal for quickly building digital marketing and design agency websites.

Tech Stacklink

• Bootstrap 5
• GSAP + ScrollTrigger + ScrollToPlugin (animations)
• Lenis (smooth scrolling)
• Swiper (carousels)
• SCSS
• Flaticon icon font

Project Structurelink

Cretio - Digital Agency HTML Template/
├── index.html               # Default homepage
├── about.html               # About
├── services.html            # Services list
├── service-details.html     # Service details
├── portfolio.html           # Portfolio
├── portfolio-details.html   # Portfolio details
├── blog.html                # Blog list
├── blog-details.html        # Blog details
├── team.html                # Team
├── pricing.html             # Pricing
├── faq.html                 # FAQ
├── contact.html             # Contact
├── 404.html                 # Error page
├── coming-soon.html         # Coming soon
├── marketing-agency.html    # Marketing agency homepage
├── design-company.html      # Design company homepage
├── creative-portfolio.html  # Creative portfolio homepage
├── minimal-studio.html      # Minimal studio homepage
├── seo-agency.html          # SEO agency homepage
└── assets/
    ├── css/style.css        # Compiled styles
    ├── sass/                # SCSS source files
    ├── js/main.js           # Interaction logic (34 feature modules)
    ├── fonts/               # Flaticon icon font
    └── img/                 # Image assets

Core Fileslink

• assets/css/style.css — Main stylesheet defining CSS variables (colors, fonts, spacing) and all component styles
• assets/js/main.js — Interaction script implementing 34 features including preloader, smooth scrolling, animations, lightbox, etc.
• assets/sass/style.scss — SCSS entry file organizing module styles via imports
• index.html — Default homepage with complete sections: navigation, Hero, services, case studies, pricing, etc.
• marketing-agency.html — Marketing agency homepage variant showcasing a different visual layout
• coming-soon.html — Countdown coming soon page

Quick Startlink

This is a pure static project — simply open index.html in your browser to preview. For development, if you modify SCSS files, configure a Sass compiler to output to assets/css/.

Usage Tipslink

The 6 homepage variants can be quickly adapted for multi-site setups by copying and redirecting navigation links. Dark mode is controlled by the .dark class — toggle the theme by adding or removing this class on the body tag.