Softec - Software and Technology HTML Template preview 1

Softec - Software and Technology HTML Template

bookmark

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...

HTML

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 template
  • softec/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 script
  • softec/service.html — Services listing page
  • softec/blog.html — Blog listing page

Quick Start

This project is a pure static template with no dependencies to install:

  1. After downloading and extracting, open softec/index.html locally to preview
  2. Or deploy the entire softec folder to any web server (Nginx/Apache)
  3. 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.css to 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
help_outline

FAQ