Project Overviewlink

SEO7 is a responsive HTML template designed for SEO companies, social media, and digital marketing agencies. Built on Bootstrap 5, it includes multiple homepage variants, blog, services, team, project showcase, pricing, FAQ, and other complete pages, making it ideal for quickly building marketing websites or advertising agency showcase sites.

Tech Stacklink

• HTML5 / CSS3 (SCSS)
• Bootstrap 5
• jQuery
• AOS (Animate On Scroll) animation library
• Swiper carousel component
• Magnific Popup lightbox
• Font Awesome / Phosphor Icons

Project Structurelink

seo7html-10/
├── seo7/                          # Template main directory
│   ├── index.html                 # Homepage (default version)
│   ├── index-2/3/4.html           # Homepage variants
│   ├── about.html / contact.html
│   ├── blog.html / blog-details.html
│   ├── services.html / service-details.html
│   ├── projects.html / project-details.html
│   ├── team.html / team-details.html
│   ├── pricing-plan.html / faq.html
│   └── assets/
│       ├── css/
│       │   ├── main.css           # Main stylesheet (CSS)
│       │   └── bootstrap.min.css
│       ├── js/
│       │   └── main.js            # Core interaction logic
│       └── images/
├── documentation/                 # Official documentation page
└── seo7.zip                       # Packaged file

Core File Descriptionlink

• seo7/index.html — Homepage entry file, includes navigation, Hero, service showcase, and complete layout
• seo7/assets/css/main.css — Main stylesheet, includes responsive variables, components, and layout styles
• seo7/assets/js/main.js — Interaction logic: mobile menu, scroll-to-top, Toast notifications, theme/direction switching
• seo7/assets/sass/main.scss — SCSS source entry, used for custom compilation
• seo7/assets/css/aos.css — Page scroll animation styles
• documentation/index.html — Template official documentation, includes HTML/CSS/JS structure explanations

Quick Startlink

Simply open seo7/index.html in your browser to preview. For style modifications, it's recommended to use VS Code with the Live Server extension and SCSS compilation for development.

Usage Suggestionslink

• Multiple homepage variants (index-2/3/4) can replace index.html as needed, or be integrated into a single page with multi-tab switching
• The dynamicActiveMenuClass function in main.js automatically highlights the current navigation item; maintain consistent path structure when migrating pages
• The documentation directory contains specific modification instructions for Logo, contact forms, service blocks, etc. It's recommended to read through it before deployment