Building with Backgrounds and Gradients

Fourth Microverse Project - Backgrounds and gradients
Explore the docs »

View Demo · Report Bug · Request Feature

Table of Contents

• About the Project
  • Built With
• Use
• Roadmap
• License
• Contact
• Acknowledgements

About The Project

This is my 4th Microverse Project.

Objective

-Getting experience with Flexbox -Getting the handle of gradients -Getting the handle of background

Assignment:

1. Go to this old version of apple.com and have a look around.
2. Follow the instructions atop the Google Homepage project to set up a Github repository for this project (of course you’ll need to change the title).
3. Create a new HTML document.
4. Think about all the elements on the page and how they are grouped together.
5. Lay out the basic structure of the page using empty semantic HTML elements that are appropriately sized and positioned. You may want to make their background colors different so you can see them. Don’t forget to use your browser’s developer tools (right click on the page, click “inspect element”)!
6. Set up the top navigation bar. How is that gradient achieved?
7. Set up the main background image. You can grab that exact image from their webpage by finding the
   tag in your inspector and checking out its background image.
8. Fill in and position the additional sections. Don’t worry about enclosing every paragraph of text in

   tags.

9. Push your solution to Github.

Built With

This project was built using raw html and css, and all support necessary for using font awesome.*

Use

It's not a dynamic webpage, just a static one. So there is no use involved.

Roadmap

See the open issues for a list of proposed features (and known issues).

License

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

Contact

Josue Brigido - Github profile

Project Link: Project repo

Acknowledgements

• Font Awesome