Project Overviewlink

Konsteer is a responsive HTML 5 website template designed for architecture/engineering companies. It includes multiple complete pages such as Home, Services, Projects, Blog, and Contact, with built-in preloader animation, navigation menu, and contact form functionality, making it ideal for quickly building a professional brand showcase site.

Tech Stacklink

• Bootstrap 5.2.0 (responsive layout framework)
• jQuery (core interaction script library)
• Font Awesome (icon font)
• Google Fonts (Open Sans / Open Sans Condensed)
• PHP (contact form email sending)

Project Structurelink

konsteerhtml-10/Konsteer pack/
├── Doc/                          # Template documentation
│   ├── index.html                # Documentation homepage
│   ├── css/
│   │   ├── bootstrap.css
│   │   ├── font-awesome.css
│   │   ├── style.css             # Documentation site styles
│   │   └── scrollbar.css
│   ├── js/
│   │   ├── jquery.js
│   │   ├── jquery.nav.js         # Single-page anchor navigation
│   │   ├── jquery.scrollTo.js
│   │   ├── script.js             # Documentation interaction scripts
│   │   └── scrollbar.js
│   └── images/
└── Konsteer/                     # Main template files
    ├── index.html                # Homepage (Version 1)
    ├── index-2.html              # Homepage (Version 2)
    ├── about.html
    ├── contact.html
    ├── service.html              # Services page (multiple versions)
    ├── projects.html
    ├── blog.html
    ├── error.html
    ├── sendemail.php              # Email sending script
    └── assets/                   # CSS/JS/images and other resources

Core File Descriptionlink

• Konsteer/index.html — Main template homepage entry point
• Konsteer/contact.html — Contact page with form submission
• Konsteer/sendemail.php — PHP email processing logic (requires recipient email configuration)
• Konsteer/assets/css/style.css — Main template styles
• Doc/index.html — Official documentation entry point, includes HTML/CSS/JS structure explanation
• Doc/js/script.js — Documentation site single-page navigation and scrollbar initialization

Quick Startlink

1. Deploy the Konsteer folder contents to a web server (e.g., Apache/Nginx)
2. Modify RECIPIENT_EMAIL in sendemail.php to the actual recipient email address
3. Access index.html directly to preview the result, or view the template structure documentation via Doc/index.html

Usage Recommendationslink

• Replace all demo placeholder content with actual company information before deployment; sendemail.php requires server support for the mail() function. For production environments, it is recommended to use professional email services (e.g., SendGrid) instead of the native mail() function.