Skip to content

🏁 Ferrari Racing Website is a mockup website to practice markup, styles and dynamic markup injection, Understanding Medium-fidelity wireframes, follow written requirements (e.g. user stories), and much more. Microverse's Module 1 - Capstone Project. Check it out! πŸ‘‡

License

Notifications You must be signed in to change notification settings

ITurres/Ferrari-Racing-Website

Repository files navigation

ferrari logo

Ferrari Racing Website

πŸ“— Table of Contents

πŸ“– Ferrari Racing Website

Ferrari Racing Website is a mockup website to practice markup, styles and dynamism.

The learning objectives cover on this project were:

  • Understand how to use medium-fidelity wireframes to create a UI.
  • Follow written requirements (e.g. user stories).
  • Use semantic HTML tags.
  • Apply best practices in HTML code.
  • Use CSS selectors correctly.
  • Use CSS box model.
  • Use Flexbox and Grid to place elements in the page.
  • Use images and backgrounds to enhance the look of a website.
  • Demonstrate ability to create UIs adaptable to different screen sizes using media queries.
  • Use GitHub Pages to deploy web pages.
  • Apply JavaScript best practices and language style guides in code.
  • Use JavaScript to manipulate DOM elements.
  • Use JavaScript events.
  • Use objects to store and access data.

πŸ›  Built With

Tech Stack

Markup
Styles
Dynamic

Key Features

  • Mobile Menu
  • Dynamic injection of HTML Markup

(back to top)

πŸš€ Live Demo

(back to top)

πŸ’» Getting Started

To get a local copy up and running, follow these steps.

Prerequisites

In order to run this project you need:

  • Not applicable

Setup

Clone this repository to your desired folder:

Example commands:

  cd my-folder
  git clone git@github.com:ITurres/Ferrari-Racing-Website.git

Install

Install this project with:

  • Not applicable

Usage

To run the project, execute the following command:

  • Not applicable

Run tests

To run tests, run the following command:

  • Not applicable

Deployment

You can deploy this project using:

  • LiveServer or the like.

(back to top)

πŸ‘₯ Authors

πŸ‘€ Author1

(back to top)

πŸ”­ Future Features

  • See More button for the 'Upcoming Races Section'

(back to top)

🀝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

(back to top)

⭐️ Show your support

Give a ⭐ if you liked this project!

(back to top)

πŸ™ Acknowledgments

Original design idea by Cindy Shin in Behance.

Content and Images of and from Ferrari.

(back to top)

πŸ“ License

This project is MIT licensed.

(back to top)


About

🏁 Ferrari Racing Website is a mockup website to practice markup, styles and dynamic markup injection, Understanding Medium-fidelity wireframes, follow written requirements (e.g. user stories), and much more. Microverse's Module 1 - Capstone Project. Check it out! πŸ‘‡

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published