For index.html Click Counter Web App

This is a basic HTML + JavaScript project that demonstrates how to use the DOM to create an interactive . Every time the user clicks the button, the number increases.

---

Features

• Simple UI with a button and counter
• JavaScript DOM manipulation
• Beginner-friendly structure

---

It Works Shoul be

1. When the page loads, the counter is set to 0.
2. Each click on the "Click Me" button triggers a JavaScript function.
3. The function increments the number and updates the displayed count on the page.

---

Technologies Used

• HTML5
• JavaScript (Vanilla JS)

---

For index2.html Responsive Card Layout

This project demonstrates a simple two-card layout using HTML and CSS. The layout is meant to display two cards side-by-side on desktop screens.

---

Features

• Two-card layout with borders and padding
• Float-based layout using classic CSS techniques
• Mobile-friendly with basic viewport setup

---

How It Works

• Each .card is styled to take 50% width and floated left to display side-by-side.
• The .container holds both cards.
• The <meta name="viewport"> tag ensures the layout doesn't break on mobile devices, though it currently lacks full responsive behavior.

---

Current Limitations

• Cards do not stack on small screens (mobile) — this can lead to layout issues.
• Uses float: left, which is outdated and less flexible compared to Flexbox or Grid.

---

For index3.html Password Strength Checker

This is a simple HTML + JavaScript web page that checks the strength of a user's password input in real-time.

---

Features

• Live password validation as user types
• Checks for:
  • Minimum 8 characters
  • At least one number
  • At least one special character
  • Displays strength message in red or green

---