AmazonClone

Savita Patidar

Hosted link : https://alex21c.github.io/AmazonClone/prime/index.html

Amazon Prime Landing Page : This is a sample HTML code for an Amazon Prime landing page, showcasing the benefits and features of Amazon Prime membership. The code is styled using CSS to create a responsive and visually appealing layout.

Features :

  1. Responsive design for various screen sizes.
  2. Stylish presentation of Amazon Prime benefits.
  3. Use of Amazon Ember font for a consistent look.
  4. Customized styles for buttons, images, and text.

Code Structure:

The code is organized into the following main sections:

  1. Hero Section: Introduction to Amazon Prime with a login button and terms link.
  2. Benefits of Prime: Sections highlighting different benefits with images and descriptions.
  3. Media Queries: Responsive design for different screen sizes.
  4. Styles: The CSS file (styles.css) provides styling for various elements, including colors, fonts, and layout.
  5. Responsive Design: The landing page is designed to be responsive, adapting to different screen sizes for seamless user experience.
  6. Images sourced from Amazon Prime Image Repository.

Techstack used : HTML5, CSS3, aos library (fontawesome animate.js clippy googleFonts)

Screenshots & Description : hero-section :- image1:

Alt text Description: In the hero section, the flex property is utilized to align the image and paragraph in a unified direction. The design is enhanced using various CSS properties to achieve an appealing layout.

main-section :-
 image2:

Alt text Description: Within the main section, the flex property is again employed to ensure a cohesive layout in a single direction. Additional CSS properties are applied to enhance the visual appeal. Notably, animations are introduced using the aos library to make images more captivating.

Additional Images:-

 These images showcase the effective use of flex properties, CSS styling, and animations to create a visually appealing and responsive Amazon Prime landing page. The design choices aim to provide an engaging user experience and highlight the key features of Amazon Prime.

image3: Alt text

image4: Alt text

image5: Alt text

image6: Alt text