AIvent - AI Events, Conferences, and Meetups HTML Template preview 1

AIvent - AI Events, Conferences, and Meetups HTML Template

bookmark

AIvent is a static HTML website template designed for AI-themed events, conferences, and gatherings. Built on the Bootstrap 5 framework, it includes complete pages such as the homepage (6 variants), tickets, news, and contact page, with...

HTML

Project Overview

AIvent is a static HTML website template designed for AI-themed events, conferences, and gatherings. Built on the Bootstrap 5 framework, it includes complete pages such as the homepage (6 variants), tickets, news, and contact page, with support for dark/light theme switching.

Tech Stack

  • Bootstrap 5 (CSS framework)
  • jQuery (interaction logic)
  • Swiper (carousel component)
  • Marquee (marquee animation)
  • Manrope (Google Fonts)
  • FontAwesome / Elegant Icons (icon libraries)

Project Structure

text
aiventhtml-10/AIvent/AIvent HTML/
├── index.html              # Homepage (default)
├── index-slider.html       # Homepage - Slider version
├── index-static-background.html
├── index-slider-text.html
├── index-countdown.html
├── index-select.html
├── news.html / news-single.html
├── tickets.html
├── contact.php
├── css/
│   ├── bootstrap.min.css
│   ├── style.css           # Main stylesheet (CSS variable definitions)
│   ├── vendors.css
│   └── swiper.css / swiper-custom-1.css
├── js/
│   ├── designesia.js       # Core interactions
│   ├── countdown-custom.js # Countdown logic
│   ├── custom-marquee.js   # Marquee
│   ├── custom-swiper-1.js  # Swiper configuration
│   └── validation-contact.js
└── images/ / fonts/ / video/

Key File Descriptions

  • index.html — Main entry page with complete structure including navigation, hero, countdown, etc.
  • css/style.css — Main stylesheet defining CSS variables for colors, fonts, spacing, etc.
  • js/designesia.js — Core interactions for navigation, scrolling, menus, etc.
  • js/countdown-custom.js — Event countdown functionality (defaults to December 10, 2025)
  • js/custom-swiper-1.js — Swiper carousel plugin initialization configuration
  • index-countdown.html — Dedicated countdown landing page variant

Quick Start

Open aiventhtml-10/AIvent/AIvent HTML/index.html directly in your browser, or run it using any local server (e.g., Live Server). The template requires no build steps — simply modify the CSS variables in css/style.css to change the theme.

Usage Suggestions

The template comes with 6 homepage variants. Choose the version that best matches your event type and replace the logo, background images, and video assets in the images/ folder. The countdown date needs to be manually adjusted to your actual event time in js/countdown-custom.js.

help_outline

FAQ