Project Overview
BOTS is a showcase static website template for AI tech companies/agencies, featuring a dark background design with Swiper carousel, GSAP animations, and AOS scroll animations. It's ideal for quickly building AI-related corporate websites, portfolios, or service introduction pages.
Tech Stack
- Bootstrap 5 (layout & components)
- jQuery (DOM manipulation & interactions)
- Swiper (carousel & slideshow)
- GSAP + ScrollTrigger (advanced animations)
- AOS (scroll fade-in animations)
- Manrope font (Google Fonts)
Project Structure
botsaihtml-10/bots-main/
├── Documentation/ # Official documentation
└── bots/
├── index.html # Homepage entry
├── about.html # About us
├── blog.html # Blog list
├── contact.html # Contact page
├── faq.html # FAQ
├── pricing.html # Pricing page
├── projects.html # Case studies
├── services.html # Services list
├── team.html # Team introduction
├── css/
│ └── style.css # Main theme styles
├── js/
│ └── main.js # Interaction logic & animation config
└── mail.php # Form backend processing
Core File Description
index.html— Homepage with Hero carousel, service slider, and team showcasecss/style.css— Global styles, dark theme color scheme, Manrope fontjs/main.js— Navigation, carousel initialization, sticky scroll, offcanvas menu, etc.mail.php— Backend email sending for contact formnews-mail.php— Backend processing for newsletter subscriptioncontact.html— Contact page with form submission entry
Quick Start
Open bots/index.html directly in a browser, or access via a local server (e.g., Live Server, http-server). Ensure mail.php / news-mail.php can run properly in a PHP environment.
Usage Suggestions
- Change the recipient email in
mail.phpto an actual address before deployment - Replace all placeholder images and text in the template with real content before going live
