Ferrari Racing Website

📗 Table of Contents

• 📖 About the Project
  • 🛠 Built With
    • Tech Stack
    • Key Features
  • 🚀 Live Demo
• 💻 Getting Started
  • Setup
  • Prerequisites
  • Install
  • Usage
  • Run tests
  • Deployment
• 👥 Authors
• 🔭 Future Features
• 🤝 Contributing
• ⭐️ Show your support
• 🙏 Acknowledgements
• 📝 License

📖 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

• HTML

Styles

• CSS
• Bootstrap

Dynamic

• JavaScript

Key Features

• Mobile Menu
• Dynamic injection of HTML Markup

(back to top)

🚀 Live Demo

• Live Demo Link

• Project Presentation

(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

• GitHub: @ITurres
• Twitter: @Arthur_ITurres
• LinkedIn: Arthur Emanuel G. Iturres

(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)

---