Loading repository data…
codebyheera / repository
Apple-Clone
A simple Apple landing page clone built using HTML and CSS. This is my second front-end project after the Netflix clone. Designed to practice clean layouts and responsive design.
#apple-clone#beginner-project#clean-layout#css-flexbox#frontend-development#html-css
Live repository statistics
★ 2Stars
⑂ 0Forks
◯ 0Open issues
◉ 2Watchers
README preview
📱 Apple Landing Page Clone
A modern and responsive front-end clone of the official Apple landing page, built using HTML5 and CSS3. This is my second front-end project, created to further enhance my skills in layout design, semantic markup, and responsive styling.
🌐 Live Demo
🔗 View Live on Vercel 👉 (https://apple-clone-by-subhan.vercel.app/)
📸 Preview
🚀 Tech Stack
- HTML5
- CSS3
- Git & GitHub
- Vercel (for deployment)
📦 Features
- Fully responsive design
- Mobile-first layout
- Clean and minimal Apple-style UI
- Organized file structure
- Hover effects and styled buttons
- Semantic and accessible HTML
🧠 What I Learned
- Building pixel-perfect layouts based on real-world websites
- Writing scalable and clean HTML/CSS
- Enhancing responsiveness using Flexbox & media queries
- Practicing Git commands and GitHub version control
- Hosting static sites using GitHub Pages / Vercel
📁 Getting Started
To run this project locally:
🛠 Clone the repository
'bash git clone https://github.com/codebyheera/Apple-Clone.git
➡️ Navigate into the project directory cd apple-landing-page 🌐 Open the project in your browser Simply open the index.html file in your browser.
👤 Author — Muhammad Subhan Naeem Built with ❤️ by Heera 🔗 https://github.com/codebyheera