1st Project, creating an ecommerce landing page by html and css
- 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:
- Implement ARIA (Accessible Rich Internet Applications) attributes to enhance the accessibility of interactive elements such as buttons, menus, and forms.
- 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