Skip to content

Latest commit

 

History

History
43 lines (30 loc) · 1.66 KB

README.md

File metadata and controls

43 lines (30 loc) · 1.66 KB

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.