apple-clone

a clone of an old version of Apple homepage using only HTML and CSS (flexbox for layout)

Stars
0

apple-clone

Forth-microverse-projet

Table of Contents

About The Project

Built for Microverse following these requirements:

nav and main container

  • should contain covering background image
  • should be covered with a link to "your-verse" page
  • should have a hieght a bit larger than content

nav

  • nav buttons should be covered with corresponding links
  • inner elements positioned with flex
  • must contain search field with a search icon
  • links must have hovering effect of changing background color

main

  • must be spaced with about 30px between each part of text
  • must contain a link to "your-verse-video" with an icon
  • the link must have hovering effect of underlining the text
  • must contain some space before and after the section

promo section

  • should have four sections divided evenly
  • promo images should be covered with links to respective promos

footer

  • should have some space between and around its sections

and following this lesson : https://www.theodinproject.com/courses/html5-and-css3/lessons/building-with-backgrounds-and-gradients

Built With

  • (HTML5)
  • (CSS3)
  • Assistant, Lucida Grande fonts

License

Distributed under the MIT License. See LICENSE for more information.

Contact

Mohamed Sabry - Github profile

Project Link: https://github.com/RodolfoRodriguezMata/nytimes-clone

Badges
Extracted from project README
Contributors