Skip to content

Latest commit

 

History

42 Commits

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🏎️ Formula One Landing Page

“Speed. Precision. Passion. This is Formula One.”

Welcome to my Formula One Landing Page, a sleek and modern web experience that captures the thrill of Formula 1 racing, from the roar of the engines to the elegance of the teams and drivers.

Built as part of my FreeCodeCamp Responsive Web Design project, this site blends creativity, structure, and precision, just like F1 itself.


🌐 Live Demo

🚀 View the website here


🧠 Overview

This landing page highlights key aspects of the 2025 F1 season including teams, drivers, and races, while giving users the chance to subscribe for updates and explore official F1 merchandise.

✨ Every section is designed with accessibility, visual balance, and modern web standards in mind.


💎 Features

Smooth navigation with internal anchors
Responsive design that adapts beautifully to all screen sizes
Subscription form with email validation
Dynamic visuals powered by Remix Icons and Google Fonts
YouTube video embed for interactive content
Stylish product cards showcasing F1 merchandise


🧱 Built With

Technology Purpose
🧩 HTML5 Semantic structure and clean layout
🎨 CSS3 Modern styling, spacing, and responsiveness
🖋️ Google Fonts (Montserrat & Open Sans) Elegant typography
🧿 Remix Icons Sleek iconography
▶️ YouTube Embed Interactive media integration

🔮 Future Enhancements

💬 Add JavaScript interactivity to “Add to Cart” buttons
📱 Add a mobile navigation toggle
💨 Animate scroll transitions for smoother flow
🧮 Integrate a live F1 data API for real-time stats


📸 Preview

Formula One Landing Page Screenshot


🧑‍💻 Author

👋 Eddie (Emerald Kingg)
A creative developer blending tech and art passionate about clean design, powerful storytelling, and speed (both in racing and in code).

🗯️ “Formula 1 isn’t just a sport, it’s innovation on wheels.”


🏁 Acknowledgements

Built with guidance from the FreeCodeCamp curriculum, which helps learners around the world build real-world coding projects.


About

A modern, responsive Formula 1 landing page showcasing team, driver, and race information. Developed for the FreeCodeCamp Product Landing Page challenge using HTML and CSS.

Resources

Stars

2 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages