Conferencia is a complete landing page for multi-day conferences, summits and professional events. It opens with a full-height hero over a live countdown to the opening keynote, then moves through a speaker line-up, an About block with mission/vision/promise tabs and an award card, a tabbed day-by-day programme with venue details, an advantages panel, an interactive hover-driven experience strip, four production capability cards, a full-width showreel, three ticket tiers, a testimonial carousel with a partner marquee, an FAQ accordion and a three-post journal grid.
Everything ships in three languages — English, Arabic and German — switchable without a page reload from either the header or the mobile drawer. The choice persists across visits and can be forced with a ?lang= parameter. Arabic switches the document to RTL and swaps the type stack to Cairo and Tajawal; because the stylesheet is built on CSS logical properties rather than a separate RTL override file, the entire layout mirrors correctly — navigation, drawer direction, arrow icons, marquee travel, accordion toggles and pricing order — while numerals, phone numbers and prices stay left-to-right.
The CSS is authored mobile-first with min-width breakpoints only, so the phone layout is the baseline and wider viewports progressively add columns. Built with no build step and no framework: plain HTML, one stylesheet, Bootstrap for tabs and accordions, Swiper for the testimonial carousel, and GSAP for heading and reveal animations.
© . All rights reserved by Ahmad Badran
