/Apple-clone

This is a clone from old version of apple.com . I have played with Background Image and Color Gradient to create exact same replica.

Primary LanguageCSSMIT LicenseMIT

Apple-clone

old version of apple.com clone for Microverse CSS Course

Hello! I'm Krishna and this is my PROJECT: BUILDING WITH BACKGROUNDS AND GRADIENTS from the curriculum of The Microverse global School for developpers

Link for the curriculum.

Here is the original page .

Screenshot_2020-01-28 Apple clone

Additional description about the project and its features.

  • <header> tag created containing nav-bar with <nav> tag with multiple <li> tag which have the apple logo, multiple links and a seach-bar in it.

  • For icons Font Awesome is used

  • Nav bar is contained and aligned with flexboxes.

  • Thumbnails images were wrapped inside <div> tags with class="thumbnail-container" and given class of thumbnails and aligned with the flexboxes.

  • The <footer> tag was created for the content at the bottom. Multiple <divs> with multiple <uls> and <lis> are also created .

Built With

  • HTML5 & CSS3

Live Demo

https://raw.githack.com/Krishnabot/Apple-clone/tree/feature-branch

https://krishnabot.github.io/Apple-clone/

Authors

👤 Krishna Prasad Acharya

🤝 Contributing

Contributions, issues and feature requests are welcome!

Please raise any issue with new issue of you have any .Any feedback is warmly welcomed.

Show your support

Give a ⭐️ if you like this project!