🎨 Daniels – Single-Page Portfolio & Landing Page

A polished, mobile-first single-page website showcasing personal branding, projects, testimonials, and blog snippets.
Developed with HTML5, custom SCSS/CSS3, Bootstrap 5, Animate.css, and Font Awesome, and optimized for performance, accessibility, and SEO.

---

🚀 Features

• 🏠 Home (Hero) – full-screen header with call-to-action
• 👤 About – split image/text layout introducing “Daniels”
• 🛠️ Services – icon-driven cards describing core offerings
• 🖼️ Portfolio – responsive grid of project thumbnails with hover overlays
• ⭐ Testimonials – Bootstrap carousel with client quotes & photos
• 🎯 Animated Stats Counter – CSS-only counters in “Counter” section
• 📰 Blog Preview – three featured post cards with titles & dates
• ✉️ Contact – address, phone, email, and static map placeholder
• 🌙 Sticky Navbar – auto-swap logo (light ⇄ dark) on scroll via CSS
• 🎨 Animate.css — subtle scroll animations on every section
• ♿ Accessibility – semantic markup, alt attributes, contrast-checked
• ⚡ Performance – lazy-loaded images, minified CSS, optimized assets

---

🛠️ Tech Stack

Purpose	Library / Tool
Markup	HTML5
Styling	SCSS → CSS3 + Bootstrap 5.3
Animations	Animate.css 4.1
Icons	Font Awesome 6 (self-hosted webfonts)
Tooling	Pure static site – no build step
Performance	Native lazy-loading, Gzip/Brotli ready

---

📦 Getting Started

1️⃣ Clone the repository

git clone https://github.com/kareemwaleed266/daniels-landing-page.git
cd daniels-landing-page