Project Introductionlink

Cruv is a static HTML template designed for creative agencies and portfolio showcases. It provides multiple complete pages including Home, Services, Portfolio, Blog, Team, and more, making it suitable for quickly building an agency website or personal portfolio site. The template uses the Bootstrap framework and includes responsive navigation, animation effects, and a lightbox component.

Tech Stacklink

• HTML5 + CSS3 (Static pages)
• Bootstrap 5 (Layout & components)
• Swiper (Carousel)
• Magnific Popup (Image lightbox)
• Font Awesome (Icon library)
• jQuery (Interactive effects)
• PHP (Contact form backend)

Project Structurelink

cruv-html/
├── index.html             # Homepage
├── index-2.html           # Homepage variant
├── about.html             # About Us
├── services.html          # Services list
├── services-details.html  # Service details
├── portfolio-grid.html    # Portfolio (grid)
├── portfolio-list.html    # Portfolio (list)
├── portfolio-details.html # Portfolio details
├── blog-grid.html         # Blog (grid)
├── blog-list.html         # Blog (list)
├── blog-details.html      # Blog details
├── team.html              # Team members
├── pricing.html           # Pricing page
├── faq.html               # FAQ
├── contact-us.html        # Contact Us
├── 404.html               # Error page
├── mail.php               # Form email processing
└── assets/
    ├── css/style.css      # Main stylesheet
    ├── js/                # Script files
    └── img/               # Image assets

Core File Descriptionlink

• index.html — Main homepage, includes navigation, slideshow, service showcase and other modules
• assets/css/style.css — Global styles, modify here to adjust colors and layout
• assets/js/ — jQuery plugins and business logic scripts
• portfolio-grid.html — Portfolio grid layout page
• contact-us.html — Contact page with form submission functionality
• mail.php — PHP backend that receives and sends contact form data

Quick Startlink

No build tools required. Simply open index.html in your browser to preview. For deployment, upload the entire cruv-html folder to your server.

For the contact form to work properly, deploy it in a PHP-supported environment and modify the recipient email address in mail.php.

Usage Suggestionslink

• Replace image assets in assets/img/ to update content
• The contact form depends on a PHP environment; if using static hosting, integrate a third-party form service instead