Project Overviewlink

Marko is a modern HTML5 static website template designed for digital marketing agencies, featuring a dark theme with purple (#C82AEF) as the accent color. The template includes multiple complete pages such as Home, Case Studies, Services, Blog, Team, Pricing, and more, making it suitable for quick website building in digital marketing, SEO, content strategy, and other business scenarios.

Tech Stacklink

• HTML5 + CSS3 + JavaScript
• Bootstrap 5 (Responsive Layout)
• Font Awesome 6 (Icon Library)
• Swiper (Carousel Component)
• Animate.css (Animation Effects)
• Google Fonts (Plus Jakarta Sans / Red Hat Text)

Project Structurelink

markohtml-10/
└── Marko Main File/
    ├── HTML_TEMPLATE/          # Official Template Files
    │   ├── index.html          # Home Page
    │   ├── about.html          # About Us
    │   ├── blog.html           # Blog List
    │   ├── contact.html        # Contact Page
    │   ├── pricing.html        # Pricing Page
    │   ├── service.html        # Services Page
    │   ├── team.html           # Team Page
    │   ├── case_studies.html   # Case Studies
    │   ├── faq.html            # FAQ
    │   ├── partnership.html    # Partnership
    │   ├── 404_page.html       # 404 Page
    │   ├── single_post.html    # Blog Post Detail
    │   ├── single_services.html # Service Detail
    │   ├── header.html         # Header Component
    │   ├── footer.html         # Footer Component
    │   ├── sidebar.html        # Sidebar Component
    │   ├── search-form.html    # Search Modal
    │   ├── css/
    │   │   └── style.css       # Main Stylesheet
    │   └── image/              # Image Assets
    └── DOCUMENTATION/          # Official Documentation
        ├── index.html
        └── css/style.css

Core File Descriptionlink

• HTML_TEMPLATE/index.html — Home page entry, includes Banner, Case Studies, Expertise areas, and other main sections
• HTML_TEMPLATE/css/style.css — Global stylesheet defining color variables, typography, layout, animations, and a complete style system
• HTML_TEMPLATE/header.html / footer.html — Header and footer components for reuse across pages
• HTML_TEMPLATE/sidebar.html — Sidebar navigation component
• HTML_TEMPLATE/search-form.html — Full-screen search modal integrated into the header
• DOCUMENTATION/index.html — Official documentation page with customization guide

Quick Startlink

1. Download and extract the template files
2. Navigate to the markohtml-10/Marko Main File/HTML_TEMPLATE/ directory
3. Open index.html directly in a browser to preview
4. For a local server, run:
   bashcontent_copyCopy

   npx serve .
   

   Or use the VS Code Live Server extension

Usage Tipslink

• This template consists of pure static pages; edit the corresponding HTML files directly to modify content. Customize the logo, colors, etc., quickly via CSS variables (e.g., --accent-color, --secondary) in style.css.
• All images in the template are placeholders (dummy-img); replace them with actual business assets before going live.