Project Overviewlink

Teckko is a static HTML template designed for IT technology companies, built on Bootstrap 5. It provides a complete set of frontend pages (Home, About, Blog, Portfolio, Services, Team, Pricing, FAQ, etc.), suitable for quickly building a corporate website for IT service or software companies.

Tech Stacklink

• HTML5 / CSS3 (Static Pages)
• Bootstrap 5 (Responsive Layout Framework)
• SCSS (Style Development, but the release version uses compiled CSS)
• jQuery (DOM Interaction & Animation Logic)
• Third-party CSS Libraries: Animate, Swiper Slider, Magnific Popup, Nice Select, Odometer
• Custom Icon Font (IcoMoon)

Project Structurelink

teckko-package/
├── documentation/              # Documentation Directory
└── teckko/
    ├── index.html               # Homepage Entry
    ├── about-us.html
    ├── blog-*.html              # Blog Pages (4 Layouts)
    ├── contact.html
    ├── faq.html
    ├── porfolio-*.html          # Portfolio Pages (3 Layouts)
    ├── pricing.html
    ├── services-*.html
    ├── team.html
    ├── contact/
    │   └── contact-process.php  # Form Backend Processing
    ├── css/
    │   ├── styles.css           # Main Stylesheet
    │   └── *.min.css            # Third-party Library Styles
    ├── icons/icomoon/
    │   ├── style.css            # Icon Font Styles
    │   └── selection.json       # IcoMoon Icon Configuration
    └── image/                   # Image Assets (avatar, blog, icon)

Core File Descriptionlink

• teckko/index.html — Homepage, includes top navigation, carousel, counters, and other main modules
• teckko/css/styles.css — Main stylesheet, covers all page layouts and color schemes
• teckko/js/main.js — Core interaction logic: sticky navigation, scroll loading, counters, modals, etc.
• teckko/scss/abstracts/_variable.scss — SCSS variable definitions, includes brand colors and font configuration
• teckko/contact/contact-process.php — PHP backend processing script for the contact form
• teckko/icons/icomoon/style.css — Custom icon font styles, defines classes like icon-fb, icon-phone

Quick Startlink

1. Open teckko/index.html directly in a browser to preview all pages.
2. To modify styles, edit the SCSS files under scss/ and recompile, or directly edit css/styles.css.
3. The contact form requires deployment to a PHP environment (Apache/Nginx recommended), with contact-process.php placed in an executable directory.

Usage Suggestionslink

This template is a pure frontend static site; SEO and multilingual support need to be extended separately. For production use, it is recommended to replace CSS/JS with minified versions to improve loading speed.