ALX-Project-1

Figma design - Link

🌐 Responsive Website with Clean Design

This repository contains the source code for a responsive and user-friendly website designed with CSS for a modern and clean aesthetic. The project focuses on delivering seamless user experiences and accessible, visually appealing layouts. 🎨

---

✨ Features

🎯 General Styling

• 🔄 Comprehensive reset for consistent styles across browsers.
• ✍️ Base typography with a readable font and optimal line spacing.

🧭 Navbar

• 📱 Flexible, responsive navigation bar.
• 🖼️ Includes a logo and a dynamic list of links with hover effects.

🖼️ Header Section

Part 1:

• 🎉 Centered headline for a strong visual impact.
• 💡 Stylish span elements for additional messaging.
• 🚀 Call-to-action button with smooth hover animations.

Part 2:

• 🌟 A dedicated section for highlighting "Smile of the Year" features.
• 🖼️ Grid layout for showcasing individual content blocks with images, titles, and descriptions.

📌 Main Section

• 🖇️ Flexible layout for content, using flex-wrap for responsiveness.
• Supports images, quotes, and descriptive text in an intuitive structure.

📱 Responsiveness

• 🧩 CSS grid and flexbox ensure adaptability to various screen sizes.
• ✨ Aesthetic hover effects for interactive elements.

---

💻 Technologies Used

• HTML: 🏗️ Structural framework for the webpage.
• CSS: 🎨 Style and design, focusing on modern and clean layouts.