Project Overview
Softec is a static HTML template designed for data technology companies, offering complete pages for data analysis, product display, service introduction, and more. It includes 5 homepage variants, plus 20+ pages such as blog, team, case studies, pricing, and careers, making it ideal for quickly building a corporate website.
Tech Stack
- Bootstrap 5 (Grid & basic components)
- Static HTML (pure frontend, no build required)
- jQuery (DOM manipulation & interactions)
- Swiper.js (carousels)
- MeanMenu (mobile navigation)
- Magnific Popup (image/video lightbox)
- Font Awesome 5 (icons)
Project Structure
text
softechtml-10/
├── documentation/ # Official documentation pages
│ ├── index.html
│ └── assets/
├── softec/ # Main template (LTR)
│ ├── index.html # Homepage
│ ├── about.html
│ ├── blog.html / blog-list.html / blog-details.html
│ ├── service.html / service-details.html
│ ├── project.html / project-details.html
│ ├── team.html / team-details.html
│ ├── price.html
│ ├── contact.html
│ ├── career.html / career-details.html
│ ├── integrations.html
│ ├── sign-in.html / register.html
│ ├── 404.html
│ └── assets/
│ ├── css/style.css # All styles
│ └── js/main.js # All interactions
└── softec-rtl/ # RTL version (Arabic, etc.)
Core File Description
softec/index.html— Main homepage templatesoftec/assets/css/style.css— Complete stylesheet (includes CSS variables, responsive design, component styles)softec/assets/js/main.js— Interaction logic (scroll listening, carousels, navigation, counters, etc.)softec/assets/mail.php— Contact form email sending backend scriptsoftec/service.html— Services listing pagesoftec/blog.html— Blog listing page
Quick Start
This project is a pure static template with no dependencies to install:
- After downloading and extracting, open
softec/index.htmllocally to preview - Or deploy the entire
softecfolder to any web server (Nginx/Apache) - Form functionality requires server environment configuration to support PHP email sending
Usage Suggestions
- The template includes multiple built-in color variables; modify CSS variables in
style.cssto change the theme uniformly - All pages are based on the Bootstrap grid and are responsive for mobile devices
- For Chinese content, manually replace English text in the HTML and handle font fallbacks as needed
