Skip to content
Content Island logo Content Island logo Docs

IT Event

The IT Event template is a modern, responsive event website built with Astro, Tailwind CSS, and DaisyUI, with all content designed to be managed through Content Island (headless CMS).

It’s ideal for tech conferences, meetups, and IT events that need a professional online presence — schedules, speakers, sponsors, and FAQs, all easily kept up to date without touching any code.

IT Event template overview

What’s Inside the Template?

  • Header: Navigation bar with event branding, main site links, and a prominent call-to-action button.
  • Hero: Full-width hero section with conference background image, event name, date and location, and two call-to-action buttons.
  • InfoBar: Slim information strip highlighting key event details (venue, date, format, etc.).
  • StatsBar: At-a-glance statistics panel (number of attendees, speakers, tracks, sessions, etc.).
  • Speakers: “Meet Our Speakers” section with speaker cards showing photo, name, role, and social links.
  • Schedule: “Event Schedule” section with sessions organized by time slot.
  • Sponsors: “Backed by Industry Leaders” section with sponsor logos grouped by sponsorship tier.
  • FAQ: Accordion-style frequently asked questions section.
  • Footer: Footer with event branding, social media links, and legal links.
  • SEO-friendly setup and modern Astro project structure following the PODS pattern.

Content Mapping Guide

Each section of the IT Event template is directly linked to a type of content within Content Island.

Content mapping guide for the IT Event template

Getting Started

  1. Create a new blank project in Content Island (Add Project).

Add project button

  1. Choose “Start from a template”.

Templates tab

  1. Select the IT Event template.

Choose IT Event template

  1. In the final step (Quick Start), copy the CLI command provided and run it in your terminal.

Quick Start CLI command for the IT Event template

  1. Once created, run your local server:
Terminal window
npm run dev

Theming

The IT Event template supports two theme variants — dark and light — both fully customizable from Content Island without touching any code.

To configure the theme, go to the Content section and select the content item called Theme. There you will find two blocks, one for each variant, each with the following fields:

  • Color Primary: Main accent color (buttons, links, highlights, etc.).
  • Color Secondary: Secondary accent color.
  • Color Background: Page background color.
  • Color Surface: Surface/container background color.
  • Color Card: Card component background color.
  • Color Text: Main text color.
  • Font Title: Typeface for headings.
  • Font Body: Typeface for body text.