webdevpuneet.com

Event & Conference Website Template

A high-energy page for conferences, meetups and festivals: a stage hero with the date and city, reasons to attend, the speaker line-up, the day’s schedule, ticket tiers that sell out, sponsor logos and the practical questions answered.

One page keeps everything on a single scrolling page. The 5-page website opens all its pages in the editor: Home, About, Pricing, FAQ, Privacy.

Full page preview · scroll to see it all
The complete Event & Conference Website template: Navbar With Announcement Bar, Image Background Hero, Alternating Feature Rows, Team Carousel, Horizontal Timeline, Three-Tier Pricing, Scrolling Logo Cloud, FAQ Accordion, Popup & Promo Modal, Floating Social Share Bar, Big Wordmark Footer, Back to Top Button

Event & Conference Website Template — Patreon, Editable, Export HTML

Events · One page or 5 pages · 12 sections · Space Grotesk + Inter · Responsive · GSAP animation

Updated October 20, 2026

Extend with AI

Take This Template Further With AI

The AI prompt for this one is for Patreon supporters ($3 a month, 7 days free), along with a site with no ads. Supporters enter the passcode once and it is remembered in this browser.

· Become a supporter

Multi-page version

Pages in the 5-Page Event & Conference Website Template

Home (index.html): 6 sections, the home page
About (about.html): 1 sections
Pricing (pricing.html): 1 sections
FAQ (faq.html): 1 sections
Privacy (privacy.html): 1 sections

What's included

Sections in the Event & Conference Website Template

Navbar With Announcement Bar: A two-part site header: a slim announcement bar on top for news, launches or offers, with a link and a close button that collapses it smoothly; underneath, a navbar with the logo and links on the left and sign-in plus a CTA on the right
Image Background Hero: A full-width hero with your photo as the background, a dark gradient overlay that keeps text readable, a small label, a large white headline, supporting text, two buttons and an optional row of three stats along the bottom
Alternating Feature Rows: A zig-zag feature section: a centred heading, then rows that alternate image-left and image-right
Team Carousel: A team section with personality: tall portrait cards in a horizontal row, each with the person’s name and role over a soft gradient at the bottom of the photo
Horizontal Timeline: A horizontal timeline for company history, roadmaps and project milestones
Three-Tier Pricing: The classic SaaS pricing table: three plan cards side by side with the middle one highlighted as "Most popular", each with a name, short description, price, button and feature checklist
Scrolling Logo Cloud: A slim “Trusted by” strip: a short line of text above a row of customer logos that scrolls endlessly with soft fades at both edges and pauses on hover
FAQ Accordion: A centred FAQ section: heading and intro, then a single column of questions that expand smoothly to show their answers, one at a time, with a rotating plus/minus icon
Popup & Promo Modal: A popup or promo modal that opens by itself: in the middle of the screen with a dimmed page, or as a small card in a corner or along the bottom or top edge with no overlay, which the visitor can dismiss with ×
Floating Social Share Bar: A floating social share bar that takes no space in your layout
Big Wordmark Footer: A bold, modern footer: a closing call to action with a button at the top, a row of links and social icons in the middle, and your brand name as a giant wordmark across the full width at the bottom, revealed letter by letter with GSAP SplitText
Back to Top Button: A floating scroll-to-top button that appears after the visitor has scrolled down a distance you choose and glides back to the top of the page when clicked

Checklist

What a event & conference Website Needs

Date, city and a ticket button in the first screen
A schedule that is easy to scan, with times and tracks
Speakers with a photo and a line on their talk
Ticket tiers with what each includes and when prices rise
Practical information: venue, travel, accessibility and refunds

About this template

A Free Event & Conference Website Template You Can Edit Online

A high-energy page for conferences, meetups and festivals: a stage hero with the date and city, reasons to attend, the speaker line-up, the day’s schedule, ticket tiers that sell out, sponsor logos and the practical questions answered.

Use it as one scrolling page, or as a 5-page website (Home, About, Pricing, FAQ, Privacy) sharing one navbar, footer and theme. The one-page version is built from 12 sections of the Website Section Templates library and opens in the free Website Builder, where you can change every word and image, swap sections, set your own colours and fonts and export the finished site as clean HTML pages. The page is responsive, accessible and animated with GSAP, with content that stays visible without JavaScript.

The template ships with a Space Grotesk and Inter font pairing and a colour theme suited to event & conference websites; switch to any Google Font, upload your own, or apply your brand kit in one click.

Extras included

Extras Built Into the Event & Conference Website Template

Beyond the standard sections, the Event & Conference Website template includes 2 extras that you can edit, move or remove in the builder.

Horizontal Timeline: a pinned horizontal schedule that moves through both days of the conference as you scroll.

Back to Top Button: a floating back to top button that appears after the visitor scrolls, so a long page is easy to leave and return.

Each extra has its own page in the free Website Section Templates library, where you can try its settings on their own before you use it here.

Make it yours

How to Get the Most From the Event & Conference Website Template

An event site needs to answer four questions in seconds: what is it, when and where, who is speaking, and how much is a ticket. This template leads with the date, city and a ticket button, then shows the schedule, a speaker carousel, ticket tiers with early-bird pricing, a sponsor strip and a practical FAQ. A large closing footer repeats the date and the ticket call to action.

Use the announcement bar for urgency, such as the price rise date, and update the schedule as sessions are confirmed. Add your real speakers with a photo and one line on their talk, since these are the strongest draw for a conference, and list tiers by what each includes rather than only by name. The multi-page version adds About, Pricing and FAQ pages. Link the ticket buttons to your ticketing platform.

Who it’s for

Best For

★
Conferences and summits
A ready-made starting point for conferences and summits, with real copy you can adapt in minutes.
◆
Meetups and workshops
A ready-made starting point for meetups and workshops, with real copy you can adapt in minutes.
●
Festivals and launches
A ready-made starting point for festivals and launches, with real copy you can adapt in minutes.

Step by step

How to Use This Template

  1. 1
    Open the templateClick “Use as one page” or “Use as 5-page website” to load it in the Website Builder. Your current website is kept in Saved.
  2. 2
    Make it yoursClick any section to change its text, images and links; upload your logo and photos.
  3. 3
    Set your brandPick colours and fonts in the Theme tab, or apply your saved brand kit.
  4. 4
    Adjust the pageAdd sections from the library, drag to reorder, duplicate or remove what you don’t need.
  5. 5
    Export and publishDownload the ZIP (one HTML file per page for the multi-page version) and upload it to Netlify, Vercel or any host.

Got questions?

Frequently Asked Questions

Link the ticket buttons to your ticketing platform, such as Eventbrite, Tito or Stripe Checkout. The page shows the tiers and prices, and the platform handles payment.

Yes. The schedule uses alternating feature blocks that you can add to, reorder and rename by day or track. For a long programme, add a Schedule page in the multi-page version.

Yes. Replace the city with "online", shorten the schedule and use the pricing section for free and paid places. It works for meetups, workshops, launches and online summits.

Use the logo strip for sponsors, and say how many places or perks each tier receives in the About page. Upload transparent PNG or SVG logos for the cleanest result.

The Event & Conference Website template is a Patreon template. Anyone can preview and edit it for free. Exporting and forking it are for Patreon supporters ($3 a month, with a 7-day free trial), who enter the supporter passcode once; designs you make with it can then be used in personal and commercial work. No attribution is required.

Click “Use this template” to open it in the free Website Builder. Click any section to change its text, images and links, change colours and fonts for the whole page in the Theme tab, and add, remove or drag sections to reorder them.

Both. Use it as one scrolling page, or as a 5-page website (Home, About, Pricing, FAQ, Privacy) that opens with every page in the editor. The pages share one navbar, footer and theme, and the menu links to every page automatically. Add more pages (About, Pricing, Contact, Blog and others) or remove any you don’t need in the builder’s Pages tab.

Yes. As one page you get a ZIP with index.html and an assets folder. As a 5-page website you get one HTML file per page (index.html, about.html, pricing.html, faq.html, privacy.html), a shared styles.css and script.js, and an assets folder with your images, then upload it to any web host. Links between pages also work when you open the files from your computer.