Aqlix – Technology & IT Solutions HTML5 Template
Aqlix is a sleek, modern, and high-performance HTML5 template designed
specifically for Technology companies, IT agencies, SaaS startups, software
firms, app landing pages, and digital product agencies. With its clean
aesthetics, smooth scroll animations, magic cursor interactions, and powerful
layout options, Aqlix helps you present your services, products, and brand in
a way that captivates your audience and drives conversions.
Built with HTML5, CSS3, Bootstrap 5, SCSS, and the latest web technologies
including GSAP, Lenis smooth scroll, and Swiper sliders, Aqlix is fully
responsive, lightning-fast, and SEO-optimized – ensuring your website looks
stunning and performs flawlessly on every device, from mobile to desktop.
Whether you’re launching a new IT agency, a SaaS product, a tech startup, or
a digital software business, Aqlix gives you a professional, future-ready
website that turns visitors into paying customers.
Template Features
Layout & Pages
- Based on Bootstrap 5 with a custom 1324px container grid system.
- 18 valid HTML5 pages – 3 homepage layouts + 15 inner pages.
- 3 unique homepage demos: animated headline hero, full-screen video hero, and Swiper hero slider.
- Reusable inner page breadcrumb banner with animated shapes and glow effects.
- Sticky transparent header, offcanvas mobile menu, and full-screen search overlay on every page.
- Consistent footer with newsletter, quick links, contact info, and copyright bar.
- Fully responsive layout optimized for desktop, tablet, and mobile devices.
- Ideal for IT companies, SaaS startups, software firms, cloud services, and digital agencies.
Design & Customization
- Modern technology-focused UI with clean typography and bold accent color styling.
- Complete SCSS source files included (
assets/scss/). - Global color control via CSS variables in
_colors.scss(primary, accent, text, etc.). - Organized HTML structure using the
tc-class prefix for easy section identification. - Utility data attributes:
data-bg-img,data-bg-color,data-color,data-width. - Free Google Fonts: Inter, Libre Baskerville, Fraunces, Sue Ellen Francisco, Tillana.
- Font Awesome Pro icon set included.
- Well-commented HTML, CSS, and JavaScript for quick customization.
Animation & Interaction
- GSAP + ScrollTrigger scroll reveal animations on sections and elements.
- Lenis smooth scrolling integrated across all pages.
- Custom magic cursor with magnetic hover effects on buttons and links.
- Animated rotating headline on Home 1 (
index.html). - Optional letter-by-letter preloader (easily disabled via HTML or JS option).
- Sticky header with scroll-based style change.
- Smooth back-to-top button.
Sliders, Counters & Components
- Swiper sliders: hero slider, brand marquee, project slider, testimonial slider, text marquee.
- PureCounter animated number counters on services and stats sections.
- Magnific Popup for YouTube video lightbox and image popup.
- Portfolio category filter (SaaS, Fintech, Healthcare, Enterprise, Security).
- Blog category filter (Cloud, Security, AI, DevOps, SaaS).
- Monthly / Yearly pricing toggle with save badge on pricing sections.
- Bootstrap tabbed service showcase (Home 3).
- FAQ accordion with sidebar stats and popular topics panel.
- Contact form layout with call, email, and location quick-contact cards.
Code Quality & Support
- Valid HTML5 & CSS3 markup.
- Cross-browser compatible (Chrome, Firefox, Safari, Edge).
- SEO-friendly semantic HTML structure.
- Comprehensive documentation included (
aqlix-documentation/). - 24/7 friendly customer support via ThemeForest and email.
There are 18 HTML files included with this template. All files
are fully responsive and easily customizable – open any HTML file, locate the
named section (e.g. tc-hero-area, tc-service-area),
update the content or image path, and save.
Key Sections Included
- Hero Section – Animated headline hero (Home 1), Swiper full-screen hero slider with video CTA (Home 2), full-screen background video hero with play button (Home 3).
- About Section – Company overview with image gallery, experience counter, and mission/vision content blocks.
- Services Section – Icon-based service cards, tabbed service showcase, and detailed service listing layouts.
- Technology Stack Section – Grid showcase of HTML5, CSS3, Bootstrap, SASS, Swiper, jQuery, Google Fonts, and W3C badges.
- Process / How It Works – Step-by-step workflow section with numbered process cards (About page).
- Counter / Stats Section – PureCounter animated statistics for projects, clients, and experience.
- General Content / CTA Section – Full-width call-to-action banner with background image and button.
- Join / Newsletter Section – Email subscription CTA with decorative shapes.
- Mission & Locations – Company mission values and global office location cards (About page).
- Team Section – Team member grid with social links and hover effects.
- Project / Portfolio Section – Grid layout, Swiper slider, and category filter (SaaS, Fintech, Healthcare, Enterprise, Security).
- Brand / Client Logo Marquee – Infinite scrolling partner/client logo slider.
- Pricing Section – 3-tier pricing cards with monthly/yearly toggle and feature checklist.
- Testimonial Section – Client review slider with avatar, rating, and quote layout.
- FAQ Section – Bootstrap accordion with sidebar image, stats, and popular topic tags.
- Blog Section – Standard blog with sidebar, grid layout with category filter, and single post details page.
- Contact Section – Contact form, quick call/email/location cards, and office info layout.
- Breadcrumb Banner – Animated inner-page header with title, breadcrumb trail, and decorative shapes.
- 404 Error Section – Custom styled error page with back-to-home CTA.
- Header & Footer – Sticky navigation, offcanvas menu, search popup, multi-column footer, and copyright bar.
Included Pages
- index.html – Home 01: Animated rotating headline hero, about, services, technology stack, team, project grid, brand marquee, pricing, testimonials, FAQ, blog, and contact sections.
- index-2.html – Home 02: Full-screen video background hero, text marquee slider, join/newsletter CTA, services, brand logos, project Swiper slider, testimonials, and blog sections.
- index-3.html – Home 03: Swiper hero slider with video button, tabbed services showcase, technology stack, team grid, project slider, testimonials, FAQ, blog, and contact sections.
- about.html – About company overview, step-by-step process, brand marquee, join CTA, mission/vision, global locations, and team preview.
- services.html – IT services listing cards, animated counter stats, and technology stack showcase.
- service-details.html – Single service details with feature list, sidebar navigation, and related content blocks.
- projects.html – Portfolio grid with category filter buttons (All, SaaS, Fintech, Healthcare, Enterprise, Security).
- project-details.html – Case study layout with project overview, gallery, and related services section.
- team.html – Team members grid layout with testimonial slider section.
- team-details.html – Individual team member profile with bio, skills, and related team members.
- testimonial.html – Dedicated client reviews page with brand marquee and contact form section.
- blog.html – Standard blog layout with sidebar (categories, recent posts, tags, search).
- blog-grid.html – Blog grid layout with category filter (Cloud, Security, AI, DevOps, SaaS).
- blog-details.html – Single blog post with post content, author info, tags, and comments area.
- pricing.html – Pricing plans page with monthly/yearly toggle, 3-tier cards, and brand marquee.
- faq.html – FAQ page with accordion panel, sidebar image, stats counter, and popular topics.
- contact.html – Contact page with form, call/email/location quick cards, and office details.
- 404.html – Custom 404 error page with breadcrumb banner and back-to-home button.
Included with your purchase:
- Complete HTML Template Files
- SCSS Source Files
- Comprehensive Documentation
Notes
Please note this item is an HTML5 template only. It is not a
PSD file or WordPress theme. Images used in the demo are for preview purpose
only and are not included in the download files.
To ensure smooth scroll, GSAP animations, Lenis, and all JavaScript features
work correctly, open the template through a local server or
upload it to your hosting – do not open HTML files directly from the file
system (double-click).
Support
If you need any help using this template or require special customization,
please feel free to contact us. We are available 24/7 to assist you. If you
enjoy this template, please take a moment to rate it – your support means a
lot to us! Thank you.
Fonts Used
You need to install the below fonts before using Aqlix HTML files.
- Inter (Google Font)
- Libre Baskerville (Google Font)
- Fraunces (Google Font)
- Sue Ellen Francisco (Google Font)
- Tillana (Google Font)