Project Overviewlink

ReRoof is a responsive HTML 5 multi-page template designed for the roofing/building services industry. It includes homepage variants, portfolio, blog, shop, service details, team, contact page, and other complete pages, making it suitable for quickly building corporate showcase websites.

Tech Stacklink

• HTML5 + Bootstrap 5.1.3
• CSS: Owl Carousel, Swiper, Nice Select, AOS, Jarallax, Magnific Popup, Flaticon
• Font: Open Sans + Rubik (Google Fonts), Font Awesome 6
• jQuery ecosystem (jquery.magnific-popup, jquery-ui, jquery.nice-select)

Project Structurelink

reroofhtml-10/reroof-pack/
├── 01-html-file/           # Template main files
│   ├── index.html          # Homepage (multiple variants)
│   ├── blog.html           # Blog list
│   ├── cart.html           # Shopping cart
│   ├── checkout.html       # Checkout
│   ├── login.html          # Login page
│   ├── sign-up.html        # Sign up page
│   ├── coming-soon.html    # Coming soon page
│   ├── service.html        # Services list
│   └── assets/             # CSS/JS/Images/Icons
└── 02-documentation-file/  # Usage documentation

Key Fileslink

• 01-html-file/index.html — Homepage entry, includes Banner, Services, Why Choose sections
• 01-html-file/blog.html — Blog list page displaying article cards
• 01-html-file/cart.html — Shopping cart page
• 01-html-file/login.html — User login form page
• 01-html-file/coming-soon.html — Countdown coming soon page with email subscription
• 02-documentation-file/index.html — Complete template usage documentation

Quick Startlink

Open reroof-pack/01-html-file/index.html directly in a browser, or deploy it to any static server (e.g., VS Code Live Server, Nginx).

Usage Tipslink

The pages heavily rely on external CDN resources (Bootstrap, jQuery plugins). Pay attention to resource paths when modifying. For production use, it's recommended to deploy CSS/JS/images and other static assets to a CDN or local directory, and replace placeholder images with real content.