This project is a simple landing page for Adidas, showcasing their running shoes. The page is designed to be responsive and visually appealing, with a modern layout and design.
- Responsive Design: The page adjusts its layout based on the screen size, ensuring a good user experience on both desktop and mobile devices.
- Navigation Menu: A navigation menu with links to different sections of the site.
- Hero Section: A hero section with a headline, description, and an image of Adidas running shoes.
- Background Design: A unique background design with a red circle at the bottom right.
index.html: The main HTML file containing the structure of the landing page.style.css: The CSS file containing styles for the landing page, including media queries for responsiveness.images/: A directory containing images used on the landing page.
The CSS file includes media queries to adjust the layout for different screen sizes:
- Between 970px and 1090px: The image width is set to 315px.
- Below 970px: The content and navigation are displayed in a column layout, and the background circle is adjusted.
- Clone the repository.
- Open
index.htmlin a web browser to view the landing page.
- Abdelrahman Gamal: Special thanks to Abdelrahman Gamal for his helpful videos that guided the development of this landing page.
This project is licensed under the MIT License.