THIS PROJECT WAS MADE AS A PERSONAL EDUCATIONAL PROJECT.
It is NOT the official site of the company or brand identified in the project.
The creator of this page is NOT affiliated with the company or brand in any way.
This page is a personal project made solely for educational purposes.
🛒 Amazon Homepage Clone (HTML & CSS Only) Welcome to my Amazon Homepage Clone – a simple and static replica of the Amazon homepage built using only HTML and CSS. Also, no data collection or interactivity is enabled. This is the first web clone I've ever built, and it helped me understand the structure of real-world websites and how layout, design, and responsiveness come together.
🔨 What I Used HTML5 – for structuring the page.
CSS3 – for styling and layout.
Preview :
🎯 Features Replicated
✅ Navigation bar (with logo, search bar, and nav items)
✅ Hero section
✅ Product cards/grid layout
✅ Footer section
🚀 How to Run
Download or clone this repository.
Open the index.html file in any web browser.
That's it! No setup or installation required.
📚 What I Learned
How to structure a complex webpage using semantic HTML.
CSS layout techniques including Flexbox and Grid.
Styling components to closely resemble a real-world e-commerce site.
Importance of spacing, alignment, and design consistency.
💡 What's Next?
In the future, I plan to:
Add interactivity using JavaScript.
Explore Bootstrap or Tailwind CSS for faster styling.
Build more clones to continue improving my frontend skills.
🧑💻 About Me I'm currently learning web development and this is my very first step into cloning real websites. More coming soon!
📁 Project Structure
amazon-clone/ ├── index.html ├── style.css └── README.md Project link
📬 Feedback Feel free to share feedback or suggestions – I’m always eager to improve and learn! LinkedIn: https://www.linkedin.com/in/saniya-3a096631a/ GitHub: @Saniiyaa404