Aqlix - Technology & IT Solutions HTML5 Template

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.
• 30 valid HTML5 pages – 10 homepage layouts + 20 inner pages.
• 10 unique homepage demos: animated headline hero, full-screen video hero, Swiper hero slider, plus seven new layouts for IT operations, product studio, AI & automation, cybersecurity, cloud & DevOps, data analytics and digital agency.
• Two About page layouts (about.html, about-2.html) and new inner pages: Careers, Industries, Technologies and Privacy Policy.
• 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 Free icon set included.
• Well-commented HTML, CSS, and JavaScript for quick customization: every page section is wrapped in Start / End comments, and the SCSS / JS files carry an index at the top.
• New reusable BEM-style components (tc-band, tc-action, tc-matrix, tc-pipeline, tc-plan, tc-ask, tc-callout and more) with colours and radii controlled by --tc-ui-* variables in assets/scss/utils/_ui-tokens.scss.
• Spacing helper classes (mb-60, mb-70 and others from spacing.css) are used for section gaps, so spacing can be changed in the HTML.

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, a fast-following dot, a trailing ring and a press effect on click.
• Animated hero visuals built in CSS / SVG on the new homepages: threat radar, deploy terminal, charts, node graph and a live operations panel.
• 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) and accessible tab switcher with keyboard support (assets/js/tc-home.js, Home 5 and Home 6).
• Light-weight pricing switch (fixed project / monthly retainer) on Home 5.
• Accordion FAQ and capability lists built on native details / summary (no extra JavaScript).
• Improved header dropdown menus: no flicker when moving the mouse out and in, keyboard (:focus-within) support and staggered item reveal.
• Careers page with open-roles list, industries photo cards, technologies directory and a legal page layout with sticky table of contents.
• 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 30 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

• Menu: Home 01 – Home 10 are listed under Home; About 01 / 02 under About Us; Careers, Industries, Technologies and Privacy Policy under 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.
• index-4.html – Home 04 (IT operations): rounded dark hero with photo and live status cards, capability matrix, operations dashboard panel, delivery pipeline, case files, team, plans, FAQ and closing banner.
• index-5.html – Home 05 (product studio): centred hero with dashboard image, tabbed services, photo band with stats, recent launches grid, tech stack, pricing switch, reviews, team, journal and closing banner.
• index-6.html – Home 06 (AI & automation): dark hero with animated node graph and command input, expandable capability list, signal-to-action tabs, results, case studies, governance, technology and plans.
• index-7.html – Home 07 (cybersecurity): animated threat radar hero, service matrix, incident response steps, stats, case studies, plans, reviews and FAQ.
• index-8.html – Home 08 (cloud & DevOps): deploy terminal hero, platform capabilities, delivery model, case studies, engagement plans, reviews and FAQ.
• index-9.html – Home 09 (data analytics): chart-card hero, client wordmarks, analytics services, method, results, plans, reviews and FAQ.
• index-10.html – Home 10 (digital agency): oversized-type hero with portrait photos, portfolio bento grid, services list, studio about, process, team, reviews, journal and closing banner with email form.
• about.html – About company overview, step-by-step process, brand marquee, join CTA, mission/vision, global locations, and team preview.
• about-2.html – Second About layout with mission, values, history timeline, leadership team and certifications.
• 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.
• careers.html – Benefits, open roles list, hiring process, stats and application FAQ.
• industries.html – Six sector cards, sector approach, stats, case studies and FAQ.
• technologies.html – Platform and tool directory, selection principles, certifications and proof-of-concept section.
• privacy-policy.html – Legal page layout with sticky table of contents (sample text only – have it reviewed by your own legal adviser).
• 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. The download contains grey placeholder images that show the exact size of each image (for example 1900X470 for the closing banners), so you can replace them with your own pictures at the same dimensions.

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)

Image Sources

Demo photographs on the new pages come from Unsplash and Pexels (free for commercial use). Product dashboards, charts, icons and diagrams are built in HTML / CSS / SVG.

1. Freepik
2. Unsplash
3. Pexels

Plugins & Libraries

• Bootstrap 5
• jQuery
• GSAP
• Lenis Smooth Scroll
• Swiper
• Magnific Popup
• PureCounter
• Font Awesome Free (Free License)