Artclass | Site V2 !!hot!!
<!-- Courses Section --> <section id="courses" class="py-24 lg:py-32"> <div class="max-w-7xl mx-auto px-6 lg:px-8"> <div class="flex flex-col lg:flex-row lg:items-end lg:justify-between gap-8 mb-16"> <div class="reveal"> <p class="text-sm font-500 tracking-[0.2em] text-[var(--accent)] uppercase mb-4">Featured Courses</p> <h2 class="font-display text-4xl lg:text-5xl font-300 tracking-tight"> Curated paths to<br> <span class="italic font-500">artistic mastery</span> </h2> </div>
<!-- Navigation --> <nav class="fixed top-0 left-0 right-0 z-50 backdrop-blur-md bg-[var(--bg)]/80 border-b border-[var(--border)]"> <div class="max-w-7xl mx-auto px-6 lg:px-8"> <div class="flex items-center justify-between h-20"> <a href="#" class="font-display text-2xl font-500 tracking-tight animate-fade-up" aria-label="ArtClass Home"> ArtClass </a> artclass site v2
.blob-2 width: 400px; height: 400px; background: radial-gradient(circle, #1a1a1a 0%, transparent 70%); bottom: 20%; left: -100px; animation: float 25s ease-in-out infinite reverse; !-- Courses Section -->