Skip to content

Umairalimalik78/CSS-Assignment-7-Apple-Clone

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🍎 Apple Website Clone

A clean and modern clone of the Apple website built with pure HTML and CSS — replicating the iconic Apple design with custom fonts and media assets.


🔗 Live Demo

👉 applle-website-clone.netlify.app


📸 Preview

applle-website-clone netlify app_ (2)

✨ Features

  • 🍎 Apple-inspired UI design
  • 🎨 Pixel-perfect layout using HTML & CSS
  • 🖋️ Custom Apple fonts included
  • 🖼️ Media assets (images/videos) organized cleanly
  • 📱 Responsive and clean design
  • 🌐 Deployed and live on Netlify

🛠️ Built With

Technology Purpose
HTML5 Page structure & layout
CSS3 Styling & design
Custom Fonts Apple-style typography

📁 Project Structure

CSS-Assignment-7-Apple-Clone/
│
├── index.html      # Main HTML file
├── style.css       # Main stylesheet
├── Fonts/          # Custom Apple fonts
└── Media/          # Images and media assets

🚀 Getting Started

Run Locally

  1. Clone the repository

    git clone https://github.com/Umairalimalik78/CSS-Assignment-7-Apple-Clone.git
  2. Navigate to the project folder

    cd CSS-Assignment-7-Apple-Clone
  3. Open index.html in your browser

    Simply double-click the index.html file or open it with Live Server in VS Code.


🌐 Deployment

This project is deployed using Netlify. Live URL: applle-website-clone.netlify.app


👨‍💻 Author

Umair Ali


Made with ❤️ by Umair Ali

About

A pixel-perfect Apple website clone built with HTML and CSS featuring custom Apple fonts and media assets. Deployed on Netlify.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors