Web Development Tasks

This repository contains three web development tasks using HTML, CSS, and JavaScript. These exercises will help beginners build logic and get comfortable with front-end development.

---

1️⃣ Task 1: Neumorphic Login Form (HTML & CSS)

Description:

Create a login form with a neumorphic (soft UI) design.

Steps:

1. Use HTML to structure a login form with input fields for email and password.
2. Use CSS to apply a neumorphic effect using box-shadow and border-radius.
3. Ensure a smooth hover effect and proper focus styling for inputs.

---

2️⃣ Task 2: Responsive Card Slider (HTML & CSS)

Description:

Create a card slider that adjusts dynamically based on the screen size.

Steps:

1. Use HTML to create multiple content cards inside a container.
2. Use CSS Flexbox or Grid to align the cards properly.
3. Implement a smooth horizontal scrolling effect using overflow-x: auto.
4. Ensure responsiveness so that cards adjust based on screen width.

---

3️⃣ Task 3: Quiz App with Score Calculation (JavaScript)

Description:

Create a simple quiz application where users answer multiple-choice questions, and the score is calculated using JavaScript with OOP concepts.

Steps:

1. Use HTML to create a quiz interface with questions and options.
2. Use JavaScript to:
   • Implement a class-based structure for managing questions.
   • Use a switch statement to evaluate different question types.
   • Utilize conditional statements to check answers and calculate the final score.
3. Display the user’s score at the end and provide feedback.

---