Project Overview
techguru is a responsive HTML5 website template designed for IT solutions and technology companies. It includes complete pages such as homepage, services, case studies, blog, team, pricing, and more, making it ideal for quickly building a tech company or SaaS product website.
Tech Stack
- HTML5 / CSS3 (static pages)
- Bootstrap v5.1.3 (grid system and base components)
- jQuery (ecosystem plugin collection)
- Google Fonts (Space Grotesk + Marcellus)
- Font Awesome (icon library)
- AOS / Animate.css / Swiper / Jarallax (animations and carousels)
Project Structure
techguru-pack/
├── 01-html-file/
│ ├── index.html # Homepage
│ ├── index2.html # Homepage variant
│ ├── index3.html # Homepage variant
│ ├── about.html # About Us
│ ├── services.html # Services list
│ ├── blog.html # Blog
│ ├── products.html # Products
│ ├── team.html # Team
│ ├── pricing.html # Pricing
│ ├── portfolio.html # Portfolio
│ ├── contact.html # Contact page
│ ├── cart.html # Shopping cart
│ ├── checkout.html # Checkout
│ ├── login.html # Login
│ ├── sign-up.html # Sign up
│ ├── 404.html # Error page
│ ├── coming-soon.html # Coming soon
│ ├── faq.html # FAQ
│ └── assets/ # CSS/JS/Images/Fonts
└── 02-documentation-file/
└── index.html # Official documentation page
Core File Description
01-html-file/index.html— Main homepage template, integrating Banner, services, case studies, testimonials and other sectionsassets/css/style.css— Global main stylesheetassets/css/module-css/— Styles split by functional modules (banner, services, team, etc.)assets/js/— jQuery plugins and business logic scripts02-documentation-file/index.html— Official usage documentation
Quick Start
- Extract the archive and navigate to the
techguru-pack/01-html-file/directory - Open
index.htmldirectly in a browser to preview - For server deployment, upload the entire
01-html-file/folder to the web root directory
Usage Recommendations
The template is built on Bootstrap, with modular components already encapsulated. To modify content, simply edit the text and image paths in the corresponding HTML files. For custom styles, it's recommended to override in style.css or a separate CSS file rather than modifying the source files directly.
