Skip to content
/ alva Public

A modern, responsive hero section built with HTML5, Tailwind CSS and JavaScript, inspired by a Dribbble UI concept. Features include an announcement banner, toggle-style buttons, clean call-to-actions, and an avatar group to highlight team engagement. Perfect for landing page headers or marketing sections.

Notifications You must be signed in to change notification settings

dev-namra/alva

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

11 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Alva Hero Section

This is a responsive hero section built using HTML5 and Tailwind CSS, inspired by a UI design originally found on Dribbble. The section showcases modern design principles including rounded buttons, avatar groups, announcement banners, and responsive layout.


✨ Features

  • Clean and modern UI
  • Responsive layout using Tailwind utility classes
  • "New / Multi-currency account" toggle-styled button
  • Announcement banner with dismiss button
  • Primary call-to-action (CTA) and secondary preview button
  • Avatar group to show team engagement
  • Background image area styled to match Dribbble inspiration

📸 Preview

Hero Screenshot

🔎 Based on a concept spotted on Dribbble


🛠 Technologies Used

  • HTML5
  • Tailwind CSS
  • Google Fonts (Lato)
  • Font Awesome (for icons)

🚀 Getting Started

To run this project locally:

  1. Clone the repository:
git clone https://github.com/yourusername/your-repo-name.git
cd your-repo-name

About

A modern, responsive hero section built with HTML5, Tailwind CSS and JavaScript, inspired by a Dribbble UI concept. Features include an announcement banner, toggle-style buttons, clean call-to-actions, and an avatar group to highlight team engagement. Perfect for landing page headers or marketing sections.

Topics

Resources

Stars

Watchers

Forks