- Create a basic Ecommerce landing page with HTML which should include:
- A header section with a logo and navigation menu.
- A hero section with a catchy headline, subheading, and a call-to-action button.
- A product showcase section with images, titles, and brief descriptions of featured products.
- Incorporate customer reviews or testimonials to build trust and credibility.
- Integrate a newsletter subscription form to capture user email addresses for marketing purposes.
- A footer section with links to important pages, contact information, and social media icons.
- Conduct accessibility testing using automated tools and assistive technologies, and fix any identified issues.
Implement the following in addition to the basic requirements:
- Use proper form labeling techniques, associating labels with their respective form controls.
- Ensure that the website is fully navigable and usable using only a keyboard, without relying on mouse interactions.
Peer Review:
- Review the code and implementation of 2 assignments from other participants.
- Provide constructive feedback and suggestions for improvement.
Please note that the bonus requirements and reviews are optional and can be completed if you have additional time and advanced skills.
Happy coding!
- Implement a sticky header or footer to ensure navigation or important information remains visible while scrolling.
- Create a responsive layout using CSS Grid or Flexbox to ensure proper alignment and positioning of page elements.
- Implement a responsive design that adapts to different screen sizes and devices using media queries.
- Implement CSS animations or transitions to enhance user interactions and visual feedback.
Peer Review
- Use variables in Sass to define and reuse common values like colors, fonts, or spacing.
- Use nesting to organize styles within different sections or components of the landing page.
- Utilize Sass mixins to create reusable styles for buttons, forms, or other UI components.
- Implement Sass partials to separate styles for different sections or components into separate files.
Peer Review