Case - Example Website 3

Requested

Assignment Overview: Your task is to transform a design into a functional web section using HTML, CSS, and JavaScript without relying on development frameworks or build processes. The goal is to create a pixel-perfect implementation that matches the provided designs for both desktop and mobile, complete with user interactions. Key Instructions: Framework and Build Process: Avoid the use of any development frameworks or build tools. Your submission should consist of plain HTML, CSS, and JavaScript files. Rationale and Documentation: As you work through the assignment, document your approach, including the rationale behind your design and coding decisions. This documentation is crucial for understanding your thought process and problem-solving strategies. Design and Interactions: You are provided with Figma links for both the design prototype and the working file. Please ensure your implementation is faithful to these designs, paying close attention to details and interactions. Custom Fonts: Incorporate the attached custom fonts into your design to maintain consistency with the provided prototypes. Responsiveness: Test your implementation across various screen sizes to ensure alignment and detail accuracy are maintained throughout. Submission Details: Please share the live URL of your completed section and the GitHub repository containing your code so we can review your work effectively.

Result

About

This is a case study to measure pixel perfect ui design skills coding by pure HTML, CSS, JS without using any framework.

Stack

HTML, CSS, JS, GSAP, Swiper.js

Installation

Clone the repository

git clone https://github.com/saintyusuf/case-exampleWebsite3.git

Change directory

cd case-exampleWebsite3

Open index.html file in your browser

open index.html