Objective:
Create a responsive landing page for an online store. The landing page should include a header, product section, and a footer. Focus on making the design visually appealing, and ensure that it looks good on various screen sizes..
Requirements:
- Design the HTML structure for the landing page, including a header, product section, and footer.
- Include placeholder content for the header, product section, and footer.
Use CSS to style the landing page with a clean and attractive design.
Ensure the page is responsive and looks good on both desktop and mobile devices.
Implement a navigation menu in the header with links to different sections of the page.
- Create a product section with at least four product cards.
- Each product card should include an image, product name, brief description, and a "Shop Now" button.
- Apply styles to make the product section visually appealing.
- Utilize media queries to create a responsive layout that adjusts for various screen sizes.
- Ensure that the design is mobile-friendly, and test the page on different devices.
-
If you achieved all the tasks, use a CSS framework (e.g., Bootstrap or tailwind) to enhance the responsiveness and styling of the landing page.
-
Implement any additional features or components provided by the chosen library.
Submission:
- Submit your HTML and CSS files.
- Include screenshots of the landing page on desktop and mobile devices.
- Provide a brief description of the design choices made during the development process.
- Use comments in your code & make it clean
WELCOME TO MY ONLINE STORE
Large view Online Store:
Mobile View Online Store:
