This is a clone application of archived apple website.
In this project, my main aim was to learn how to align elements with float, flex and grid in CSS. I tried doing it by creating an application that looks like the archived apple.com website.
- HTML
- CSS (Box Model, Float, Grid, Flex and Positioning)
- Lint (Stickler)
- W3C Validator
https://rawcdn.githack.com/Godswilly/apple-clone/1fba26c23a94d3c2d6df5702a57ad885bbe18a2a/index.html
I cloned an archived copy of Apple website. The main aim is to ensure the elements get placed and styled roughly the same way as the source, so functionality is not a priority.
I used the browser’s developer tools to inspect the real Apple archive web page to understand how elements are placed and styled. I built my own page in a .html text file and opened it in our browser to check it out. We carried out the following steps:
- First setup a github repository for the project.
- Then create a .html file where all our HTML markup will go
- Create a .css file where all our styling code will reside
👤
- Github: https://github.com/Godswilly
- LinkedIn: https://www.linkedin.com/in/kalu-agu-kalu/
- Twitter: https://twitter.com/KaluAguKalu17
Contributions, issues and feature requests are welcome!
- Fork the Project
- Create your Feature Branch (git checkout -b feature/AmazingFeature)
- Commit your Changes (git commit -m 'Add some AmazingFeature')
- Push to the Branch (git push origin feature/AmazingFeature)
- Open a Pull Request
Give a ⭐ if you like this project!
Distributed under the MIT License.