helloSwaps - Simple Landing Page

This is a responsive landing page project built with only HTML and CSS following a mobile‑first design approach. The project is a concept UI for a crypto exchange platform where users can explore buy/sell offers, view features, and sign up.

---

✨ Features

• Mobile‑first responsive design
  Starts simple on small screens, then scales up beautifully with CSS media queries.

• Clean and modern layout
  Simple use of sections:

  • Navbar with logo, navigation, and buttons
  • Hero section with a form and "Why Zappr?" CTA
  • Brand showcase highlighting popular cryptocurrencies
  • Features section with descriptive cards
  • Offers section for Buy/Sell options
  • Login section with a bold call‑to‑action
  • Footer with products, about, and support details

• Custom styling with CSS variables
  Maintainable and consistent use of theme colors (--black, --white, --purple, --yellow, etc).

• Responsive breakpoints

  • 768px (tablet, medium devices)
  • 1024px (large)
  • 1280px (x‑large)
  • 1536px (2x‑large)

• Google Fonts integration
  Using the "Inter" typeface for a modern, sleek feel.

---

🛠️ Technologies Used

• HTML5
• CSS3
• Google Fonts

That’s it has no JavaScript , frameworks or libraries. 100% static front‑end project.

---

📱 Mobile‑First Design

Instead of building for desktop and “squeezing” it down, this page starts with the smallest screen in mind and progressively enhances layouts with media queries for larger sizes.

This ensures:

• Faster loading on smaller screens
• Cleaner layouts for mobile users (the vast majority today!)
• Progressive improvements for tablets and desktops

---

📦 Folder Structure

helloSwaps
┣ img/
┣ index.html
┣ style.css
┗ README.md

---

🚀 Getting Started

git clone https://github.com/TOMJID/helloSwaps.git
 cd helloSwaps  

👨‍💻 Author

Crafted with care & love as a web developer [ Tomjid ]