Project Overviewlink

Evalo is a multi-page Landing Page template built on Bootstrap, featuring 8 homepage variants (Saas, Startup, Digital Agency, App Landing Page, Portfolio, etc.) with a complete documentation page. Ideal for quickly building startup, agency, or product introduction websites.

Tech Stacklink

• Bootstrap 5 (CSS framework)
• Poppins (Google Fonts)
• jQuery + vanilla JS
• Plugins: Slick (carousel), AOS (scroll animations), Animate.css, Fancybox (image preview), Flaticon (icons)

Project Structurelink

evalohtm-10/
├── documentation/          # Template usage documentation
│   ├── doc.html
│   ├── css/style.css
│   └── js/script.js
└── main-files/            # Main files for actual use
    ├── index.html         # Default homepage (Saas style)
    ├── index2-sass.html
    ├── index3-digital-agency.html
    ├── index4-startup.html
    ├── index5-app-landing-page.html
    ├── index6-agency.html
    ├── index7-portfolio-minimal.html
    ├── index8-portfolio.html
    ├── about-us.html, blog*.html, contact-us.html, login.html, service.html, team.html, faq.html, 404-error.html
    └── css/
        ├── bootstrap.min.css
        ├── style.css      # Main stylesheet (~1500 lines)
        ├── slick.css, aos.css, animate.css, responsive.css, etc.

Core File Descriptionlink

• main-files/index.html — Default homepage entry, showcasing Saas style layout
• main-files/css/style.css — Theme main stylesheet, defining global styles for buttons, headings, typography, etc.
• main-files/css/bootstrap.min.css — Bootstrap framework core CSS
• main-files/index3-digital-agency.html — Digital marketing agency style page
• main-files/index5-app-landing-page.html — App landing page variant
• documentation/doc.html — Template customization guide (image replacement, color scheme modification, etc.)

Quick Startlink

1. After downloading, navigate to the evalohtm-10/main-files/ directory
2. Open index.html directly in your browser to preview
3. Or deploy to any static server (e.g., npx serve .)

Usage Suggestionslink

• When modifying copy and images, preserve CSS class names; the theme color #6c63ff is preset in style.css; for brand color adjustments, consider a global search and replace.
• Use the megamenu navigation within pages to switch between different homepage variants. Before customization, it's recommended to read through documentation/doc.html to understand how to modify each section.