diff --git a/Students/Nishan/DOM.html b/Students/Nishan/DOM.html
new file mode 100644
index 0000000..48e0823
--- /dev/null
+++ b/Students/Nishan/DOM.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+    <style>
+        .fullpage {
+            height: 100vh; /* full viewport height */
+            display: flex;
+            justify-content: center; /* horizontal centering */
+            align-items: center;     /* vertical centering */
+        }
+        button {
+            padding: 15px 30px;
+            font-size: 18px;
+            cursor: pointer;
+        }
+    </style>
+</head>
+<body class="fullpage">
+    <button>Click me</button>
+</body>
+<script>
+    const button = document.querySelector('button');
+    button.addEventListener('click', () => {
+        alert('Button clicked!');
+        document.body.style.backgroundColor = 'lightblue'; // Change background color on click
+    });
+    
+
+</script>
+</html>
\ No newline at end of file
diff --git a/Students/Nishan/bag.jpg b/Students/Nishan/bag.jpg
new file mode 100644
index 0000000..551c8ce
Binary files /dev/null and b/Students/Nishan/bag.jpg differ
diff --git a/Students/Nishan/dom2.html b/Students/Nishan/dom2.html
new file mode 100644
index 0000000..39ec71b
--- /dev/null
+++ b/Students/Nishan/dom2.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+</head>
+<body>
+    <button class="btn">Change Background</button>
+</body>
+<script>
+    const colors = ["red","green","blue","yellow","orange"];
+    const btn = document.querySelector(".btn");
+btn.addEventListener("click",()=>{
+    const random = Math.floor(Math.random()*colors.length);//range 0- 4 
+    console.log(random)
+    document.body.style.backgroundColor = colors[random];
+
+
+})
+</script>
+</html>
\ No newline at end of file
diff --git a/Students/Nishan/for each.js b/Students/Nishan/for each.js
new file mode 100644
index 0000000..d23b00b
--- /dev/null
+++ b/Students/Nishan/for each.js	
@@ -0,0 +1,11 @@
+//foreach loop is used to iterate over the array and perform a function on each element of the array
+const MarbalHeros=["Iron Man","Captain America","Thor","Hulk","Black Widow","Hawkeye"];
+MarbalHeros.forEach(function(hero){
+    console.log(hero);
+})
+
+//foreach loop is used to iterate over the array and perform a function on each element of the array
+const numbers=[1,2,3,4,5];
+numbers.forEach(function(number){
+    console.log(number*2);
+})
\ No newline at end of file
diff --git a/Students/Nishan/forin  & forof.js b/Students/Nishan/forin  & forof.js
new file mode 100644
index 0000000..2c30295
--- /dev/null
+++ b/Students/Nishan/forin  & forof.js	
@@ -0,0 +1,42 @@
+// forin give only name of the key
+const letslearnUsersArray=[{
+    name:"saugat Bagale",
+    age:23,
+    isLogin:true
+},{
+    name:"Nishant",
+    age:24,
+    isLogin:false
+},
+{
+    name:"Aakriti",
+    age:22,
+    isLogin:true
+},
+{
+    name:"subin",
+    age:19,
+    isLogin:false
+},
+{
+    name:"kamala",
+    age:19,
+    isLogin:true
+},
+{
+    name:"suman",
+    age:19,
+    isLogin:false
+},
+
+]
+//forin give only name of the key
+for(let key in letslearnUsersArray){
+    console.log(letslearnUsersArray[key].name)
+}
+//for of give only name
+for(let key of letslearnUsersArray){
+    console.log(key.name)
+}
+
+
diff --git a/Students/Nishan/head phone.jpg b/Students/Nishan/head phone.jpg
new file mode 100644
index 0000000..81ef923
Binary files /dev/null and b/Students/Nishan/head phone.jpg differ
diff --git a/Students/Nishan/html+js copy 2.html b/Students/Nishan/html+js copy 2.html
new file mode 100644
index 0000000..14806ae
--- /dev/null
+++ b/Students/Nishan/html+js copy 2.html	
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+    <style>
+
+        .btn{
+            background-color: white;
+            color: black;
+            border: 2px solid black;
+            padding: 10px 20px;
+            font-size: 16px;
+            cursor: pointer;
+        }
+    </style>
+</head>
+<body>
+    <button class="btn" onclick="clicked()" onmouseover="over()" onmouseout="leave()">Click Me </button>
+</body>
+<script>
+    function clicked(){
+        alert("Button Clicked");
+    }
+    function over(){
+        document.querySelector(".btn").style.backgroundColor = "red";
+    }
+    function leave(){
+        document.querySelector(".btn").style.backgroundColor = "white";
+    }
+
+    </script>
+
+</html>
\ No newline at end of file
diff --git a/Students/Nishan/html+js.html b/Students/Nishan/html+js.html
new file mode 100644
index 0000000..14806ae
--- /dev/null
+++ b/Students/Nishan/html+js.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+    <style>
+
+        .btn{
+            background-color: white;
+            color: black;
+            border: 2px solid black;
+            padding: 10px 20px;
+            font-size: 16px;
+            cursor: pointer;
+        }
+    </style>
+</head>
+<body>
+    <button class="btn" onclick="clicked()" onmouseover="over()" onmouseout="leave()">Click Me </button>
+</body>
+<script>
+    function clicked(){
+        alert("Button Clicked");
+    }
+    function over(){
+        document.querySelector(".btn").style.backgroundColor = "red";
+    }
+    function leave(){
+        document.querySelector(".btn").style.backgroundColor = "white";
+    }
+
+    </script>
+
+</html>
\ No newline at end of file
diff --git a/Students/Nishan/jacket.jpg b/Students/Nishan/jacket.jpg
new file mode 100644
index 0000000..3fd5d77
Binary files /dev/null and b/Students/Nishan/jacket.jpg differ
diff --git a/Students/Nishan/luckeydraw.html b/Students/Nishan/luckeydraw.html
new file mode 100644
index 0000000..4e62d81
--- /dev/null
+++ b/Students/Nishan/luckeydraw.html
@@ -0,0 +1,100 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>lucky draw slot machine</title>
+    <style>
+        .container{
+            text-align: center;
+            margin-top: 50px;
+        }
+        .slot-machine{
+            display: flex;
+            justify-content: center;
+            margin-bottom: 20px;
+        }
+        .slot{
+            font-size: 3em;
+            margin: 0 10px;
+            width: 80px;
+            height: 80px;
+            line-height: 80px;
+            border: 2px solid #000;
+            border-radius: 10px;
+        }
+        #spinButton{
+            padding: 10px 20px;
+            font-size: 1.2em;
+            cursor: pointer;
+        }
+        #result{
+            margin-top: 20px;
+            font-size: 1.5em;
+        }
+        .currency{
+            position: absolute;
+            top: 20px;
+            right: 20px;
+            padding: 10px 20px;
+            background-color: #f0f0f0;
+            font-size: 1.5em;
+            margin-bottom: 20px;
+            display: block;
+        }
+    </style>
+</head>
+<body>
+<div class="container">
+
+    <h1>Lucky Draw Slot Machine</h1>
+    <span class="currency">$100</span>
+    <div class="slot-machine">
+        <div class="slot" id="slot1">🍒</div>
+        <div class="slot" id="slot2">🍋</div>
+        <div class="slot" id="slot3">🍇</div>
+    </div>
+    <button id="spinButton">Spin</button>
+    <div id="result"></div>
+</div>
+    
+</body>
+<script>
+
+    //initialize the symbols and get the elements
+   const symbols = ["🍒", "🍋", "🍇", "🍉", "🍊"];
+    const slot1 = document.getElementById("slot1");
+    const slot2 = document.getElementById("slot2");
+    const slot3 = document.getElementById("slot3");
+    const spinButton = document.getElementById("spinButton");
+    const result = document.getElementById("result");
+    let Currency = document.querySelector(".currency")
+    let currency=100
+    Currency.innerHTML=currency
+    console.log(Currency)
+
+    spinButton.addEventListener("click",()=>{
+        result.innerHTML=""
+        slot1.innerText= symbols[randomValue()]
+        slot2.innerText= symbols[randomValue()]
+        slot3.innerText= symbols[randomValue()]
+        if(slot1.innerText==slot2.innerText && slot2.innerText==slot3.innerText){
+            result.innerHTML="JackPot"
+            currency+=1000
+            Currency.innerHTML=currency
+        }
+        else{
+            currency-=100
+            Currency.innerHTML=currency
+
+        }
+
+    })
+    function randomValue(){
+     return Math.floor(Math.random()*symbols.length)
+     
+    }
+
+
+</script>
+</html>
\ No newline at end of file
diff --git a/Students/Nishan/mobile.jpg b/Students/Nishan/mobile.jpg
new file mode 100644
index 0000000..d7406c0
Binary files /dev/null and b/Students/Nishan/mobile.jpg differ
diff --git a/Students/Nishan/project.html b/Students/Nishan/project.html
new file mode 100644
index 0000000..679eb06
--- /dev/null
+++ b/Students/Nishan/project.html
@@ -0,0 +1,178 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<title>Mini Shop</title>
+<style>
+    body {
+        font-family: Arial;
+        margin: 0;
+        background: #f5f5f5;
+    }
+
+    header {
+        background: orange;
+        color: white;
+        padding: 15px;
+        text-align: center;
+        font-size: 24px;
+    }
+
+    .container {
+        display: flex;
+        padding: 20px;
+    }
+
+    .products {
+        width: 70%;
+        display: grid;
+        grid-template-columns: repeat(3, 1fr);
+        gap: 15px;
+    }
+
+    .card {
+        background: white;
+        padding: 10px;
+        border-radius: 8px;
+        text-align: center;
+        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+        transition: transform 0.3s ease, box-shadow 0.3s ease;
+    }
+
+    .card:hover {
+        transform: translateY(-5px);
+        box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);
+    }
+
+    .card img {
+        width: 100%;
+        height: 180px;
+        object-fit: cover;
+        border-radius: 6px;
+        display: block;
+        transition: transform 0.3s ease, filter 0.3s ease;
+        filter: brightness(1);
+    }
+
+    .card:hover img {
+        transform: scale(1.05);
+        filter: brightness(1.05);
+    }
+
+    button {
+        background: orange;
+        color: white;
+        border: none;
+        padding: 8px;
+        cursor: pointer;
+        margin-top: 10px;
+    }
+
+    .cart {
+        width: 30%;
+        background: white;
+        padding: 15px;
+        margin-left: 20px;
+        border-radius: 5px;
+    }
+
+    .cart-item {
+        display: flex;
+        justify-content: space-between;
+        margin: 5px 0;
+    }
+
+    .total {
+        font-weight: bold;
+        margin-top: 10px;
+    }
+</style>
+</head>
+<body>
+
+<header>🛍 Mini Daraz Store</header>
+
+<div class="container">
+
+    <!-- Products --->
+    <div class="products" id="productList"></div>
+
+    <!-- Cart -->
+    <div class="cart">
+        <h3>Cart</h3>
+        <div id="cartItems"></div>
+        <div class="total">Total: Rs <span id="total">0</span></div>
+    </div>
+
+</div>
+
+<script>
+const products = [
+    { id: 1, name: "Shoes", price: 2000, img: "shoes.jpg" },
+    { id: 2, name: "Watch", price: 1500, img: "watch.jpg" },
+    { id: 3, name: "Bag", price: 1200, img: "bag.jpg" },
+    { id: 4, name: "Headphone", price: 1800, img: "head phone.jpg" },
+    { id: 5, name: "Jacket", price: 2500, img: "jacket.jpg" },
+    { id: 6, name: "Mobile", price: 15000, img: "mobile.jpg" }
+];
+
+let cart = [];
+
+// Display products
+function showProducts() {
+    const productList = document.getElementById("productList");
+    productList.innerHTML = "";
+
+    products.forEach(p => {
+        productList.innerHTML += `
+            <div class="card">
+                <img src="${p.img}">
+                <h4>${p.name}</h4>
+                <p>Rs ${p.price}</p>
+                <button onclick="addToCart(${p.id})">Add to Cart</button>
+            </div>
+        `;
+    });
+}
+
+// Add to cart
+function addToCart(id) {
+    const product = products.find(p => p.id === id);
+    cart.push(product);
+    updateCart();
+}
+
+// Update cart
+function updateCart() {
+    const cartItems = document.getElementById("cartItems");
+    const totalEl = document.getElementById("total");
+
+    cartItems.innerHTML = "";
+    let total = 0;
+
+    cart.forEach((item, index) => {
+        total += item.price;
+
+        cartItems.innerHTML += `
+            <div class="cart-item">
+                ${item.name} - Rs ${item.price}
+                <button onclick="removeItem(${index})">X</button>
+            </div>
+        `;
+    });
+
+    totalEl.innerText = total;
+}
+
+// Remove item
+function removeItem(index) {
+    cart.splice(index, 1);
+    updateCart();
+}
+
+// Start
+showProducts();
+</script>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/Students/Nishan/shoes.jpg b/Students/Nishan/shoes.jpg
new file mode 100644
index 0000000..b6eb96d
Binary files /dev/null and b/Students/Nishan/shoes.jpg differ
diff --git a/Students/Nishan/task 4.html b/Students/Nishan/task 4.html
new file mode 100644
index 0000000..e69de29
diff --git a/Students/Nishan/task4.html b/Students/Nishan/task4.html
new file mode 100644
index 0000000..d224d3a
--- /dev/null
+++ b/Students/Nishan/task4.html
@@ -0,0 +1,112 @@
+<!-- Project idea: Quote + Color Generator
+
+Build a tiny page with one button: every click changes background color and shows a random motivational quote.
+
+How you can do it:
+
+Keep 2 arrays: one for colors, one for short quotes.
+On button click, generate random index for both.
+Update page background and the text content.
+Add one small rule: don’t repeat the same color twice in a row (you already know this concept).
+Why this boosts confidence:
+
+Super short build time (15-25 min).
+Uses DOM + arrays + random + condition in one clean mini-project.
+Looks fun and “real”, so students feel progress fast.
+If you want, I can give you 5 more “15-minute confidence projects” in the same style.
+
+const quotes = [
+"Believe in yourself and all that you are.",
+"Small progress is still progress.",
+"Discipline beats motivation.",
+"Success is the sum of daily efforts.",
+"Stay focused and never give up.",
+"Your only limit is your mindset.",
+"Dream big, start small, act now.",
+"Consistency creates confidence."
+];
+
+const colors = [
+"#FF6B6B",
+"#4ECDC4",
+"#45B7D1",
+"#F7B267",
+"#6A4C93",
+"#2EC4B6",
+"#FF9F1C",
+"#1B9AAA"
+];-->
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+    <style>
+    body {
+        text-align: center;
+        padding: 50px;
+        transition: background-color 0.5s ease;
+    }
+    button {
+        padding: 10px 20px;
+        font-size: 16px;
+        cursor: pointer;
+        background-color: #333;
+        color: #fff;
+        border: none;
+        border-radius: 5px;
+    }
+
+    </style>
+</head>
+<body>
+    <button onclick="changeQuoteAndColor()">Change Quote and Color</button>
+    <p id="quote">Click the button to see a motivational quote!</p>
+<script>
+    const quotes = [
+        "Believe in yourself and all that you are.",
+        "Small progress is still progress.",
+        "Discipline beats motivation.",
+        "Success is the sum of daily efforts.",
+        "Stay focused and never give up.",
+        "Your only limit is your mindset.",
+        "Dream big, start small, act now.",
+        "Consistency creates confidence."
+    ];
+
+    const colors = [
+        "#FF6B6B",
+        "#4ECDC4",
+        "#45B7D1",
+        "#F7B267",
+        "#6A4C93",
+        "#2EC4B6",
+        "#FF9F1C",
+        "#1B9AAA"
+    ];
+
+    let lastColorIndex = -1;
+
+    function changeQuoteAndColor() {
+        // Generate a random index for the quote
+        const quoteIndex = Math.floor(Math.random() * quotes.length);
+
+        // Generate a random index for the color, ensuring it's different from the last one
+        let colorIndex;
+        do {
+            colorIndex = Math.floor(Math.random() * colors.length);
+        } while (colorIndex === lastColorIndex);
+
+        // Update the last color index
+        lastColorIndex = colorIndex;
+
+        // Update the quote and background color
+        document.getElementById("quote").textContent = quotes[quoteIndex];
+        document.body.style.backgroundColor = colors[colorIndex];
+
+    }
+
+</script>
+</body>
+</html>
\ No newline at end of file
diff --git a/Students/Nishan/try.html b/Students/Nishan/try.html
new file mode 100644
index 0000000..c44cdd2
--- /dev/null
+++ b/Students/Nishan/try.html
@@ -0,0 +1,48 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>counter</title>
+    <style>
+        body{
+            background-color: #d65b5b;
+            color: rgb(24, 24, 24);
+            font-size: 1.5em;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            
+        }
+        button{
+            margin: 10px;
+            padding: 10px 20px;
+            font-size: 1em;
+        }
+    </style>
+</head>
+<body>
+    <h1 id="counter">0</h1>
+    <button id="increment">Increment</button>
+    <button id="decrement">Decrement</button>
+
+    
+</body>
+<script>
+    let count = 0;
+    const counter = document.getElementById('counter');
+    const incrementBtn = document.getElementById('increment');
+    const decrementBtn = document.getElementById('decrement');
+
+    incrementBtn.addEventListener('click', () => {
+        count++;
+        counter.textContent = count;
+    });
+
+    decrementBtn.addEventListener('click', () => {
+        count--;
+        counter.textContent = count;
+    });
+</script>
+
+</html>
\ No newline at end of file
diff --git a/Students/Nishan/watch.jpg b/Students/Nishan/watch.jpg
new file mode 100644
index 0000000..f21d74c
Binary files /dev/null and b/Students/Nishan/watch.jpg differ
