Components
Contents
Button Components
<button class="btn btn-primary">Primary Action</button> <button class="btn btn-primary" disabled>Disabled</button>...
Card Components
This is a basic glass card with semi-transparent background and backdrop blur effect. Perfect for general content....
Expandable Components
This content is hidden by default and can be revealed by clicking the header....
Form Components
<div class="form-group"> <label for="input">Label</label> <input type="text" id="input" class="form-input" placeholder="...
Grid Layout Components
Content for the first column. This layout is perfect for comparisons or dual content presentation....
Hero Section Components
Explore the timeless tales of gods, heroes, and monsters that shaped Western civilization....
List Components
<ul class="styled-list"> <li>List item one</li> <li>List item two</li> <li>List item three</li>...
Modal Components
This is a basic modal dialog. It displays content above the main page with a blurred overlay background....
Navigation Components
<nav class="nav-bar" aria-label="Main navigation"> <a href="/" class="nav-link">Home</a> <a href="/page" class="nav-link...
Page Title Mythology
Your page description for SEO
Search Components
<div class="search-box"> <input type="text" class="search-input" placeholder="Search..." aria-label="Search"> <button class="s...
Tab Components
Zeus is the sky and thunder god in ancient Greek religion, who rules as king of the gods on Mount Olympus....