Project Overviewlink

Sunnar is a multi-page HTML business website template designed for the new energy, solar, and eco-environmental industries. It offers multiple homepage versions (carousel, classic, single-page, multi-page), along with complete business pages such as services, projects, team, news, pricing, and FAQ, making it suitable for quickly building a corporate showcase site.

Tech Stacklink

• HTML5 / CSS3 (static pages)
• Bootstrap 5 (grid and components)
• jQuery (interaction logic)
• Swiper Slider (carousel component)
• meanmenu (mobile navigation)
• Magnific Popup (image/video lightbox)
• WOW.js (scroll animations)
• Nice Select (dropdown styling enhancement)
• CounterUp (number scrolling)

Project Structurelink

sunnarhtml-10/
├── documentation/          # Official documentation pages
│   ├── index.html
│   └── assets/
├── sungo/                  # Template main directory
│   ├── index.html          # Default homepage
│   ├── index-2.html        # Homepage variant (carousel)
│   ├── index-one-page.html # Single-page homepage
│   ├── about.html
│   ├── service.html
│   ├── project.html
│   ├── team.html
│   ├── news.html
│   ├── pricing.html
│   ├── contact.html
│   ├── faq.html
│   └── 404.html
└── assets/
    ├── css/
    │   └── main.css        # Core styles
    ├── js/
    │   └── main.js         # Interaction scripts
    └── img/                # Sample images

Key File Descriptionslink

• sungo/index.html — Default homepage entry, includes top navigation, hero section, service preview, and complete layout
• sungo/assets/css/main.css — Global styles and theme variable definitions (theme color #1D8F2C)
• sungo/assets/js/main.js — Interaction logic for carousel, navigation, lightbox, number scrolling, etc.
• sungo/contact.html — Includes contact.php form processing file
• sungo/index-one-page.html — Single-page homepage, aggregates all content sections
• sungo/service-details.html — Service details page template

Quick Startlink

1. Deploy the sungo folder to a web server
2. Open sungo/index.html directly in a browser (some features like PHP forms require a local server)
3. Modify CSS variables in assets/css/main.css to quickly adjust the theme color

Usage Suggestionslink

• The template offers multiple homepage variants; choose based on actual business complexity (single-page is suitable for landing pages, multi-page for a complete corporate site)
• All third-party plugins (Swiper, WOW, etc.) are loaded via CDN, no additional dependency installation required
• Replace placeholder images and logos in assets/img/ before going live