DejazmachMolla/apple-clone

Positioning and Floating Elements

This project is a clone of the Old Apple home page.

Live Demo

Live Demo Link

Navigation bar

• The navbar contains the logo, some buttons and a search field
• All of them have a similar gradient effect
• The links take adifferent gradient on hover than their unhovered state but keeps the texture of the unhovered state

Main Body

• The main body consists of a stretching jambo background image followed by a row of 4 blocks with background images
• The jambo background image has some transparent images and a link on top of it

Footer

• The footer is a 2 column grid
• The left column contains two paragraphs htat are a little far from their left edge and are still aligned to the left
• The right colun contains links separated by a border

Built With

• HTML5
• CSS3

Getting Started

Open index.html in the browser

Authors

👤 @DejazmachMolla

• Github: @githubhandle
• Twitter: @twitterhandle
• Linkedin: linkedin

🤝 Contributing

Contributions, issues and feature requests are welcome! Feel free to check the issues page.

Show your support

Give a ⭐️ if you like this project!

Acknowledgments

• Microverse Building with Backgrounds and Gradients project.

📝 License

This project is MIT licensed.