diff --git a/Programs/Program35.html b/Programs/Program35.html
new file mode 100644
index 0000000..43e01de
--- /dev/null
+++ b/Programs/Program35.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Image Positioning</title>
+    <style>
+        .content-box {
+            position: relative;
+            width: 300px; /* Adjust the width as needed */
+            height: 200px; /* Adjust the height as needed */
+            border: 1px solid #000;
+            overflow: hidden;
+        }
+
+        .content-box img {
+            position: absolute;
+            top: 10%; /* 10% from the top */
+            left: 5px; /* 5px from the left */
+            width: calc(100% - 5px); /* Adjust width to fit the content box */
+            height: auto; /* Maintain aspect ratio */
+        }
+    </style>
+</head>
+<body>
+    <div class="content-box">
+        <img src="river.jpg" alt="Sample Image">
+    </div>
+</body>
+</html>
diff --git a/Programs/calculator.html b/Programs/calculator.html
new file mode 100644
index 0000000..b7ee8ec
--- /dev/null
+++ b/Programs/calculator.html
@@ -0,0 +1,199 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Advanced Calculator</title>
+    <style>
+        body {
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            height: 100vh;
+            background-color: #f4f4f4;
+            margin: 0;
+        }
+        .calculator {
+            border: 3px solid #000;
+            border-radius: 15px;
+            overflow: hidden;
+            background-color: #fff;
+            box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
+            width: 400px;
+        }
+        .display {
+            width: 100%;
+            padding: 20px;
+            text-align: right;
+            font-size: 2rem;
+            border-bottom: 3px solid #000;
+            box-sizing: border-box;
+            display: flex;
+            flex-direction: column;
+            justify-content: center;
+        }
+        .previous-operand {
+            color: #888;
+            font-size: 1.2rem;
+        }
+        .current-operand {
+            font-size: 2.5rem;
+        }
+        .buttons {
+            display: grid;
+            grid-template-columns: repeat(4, 1fr);
+        }
+        .button {
+            padding: 25px;
+            font-size: 1.8rem;
+            border: 1px solid #000;
+            background-color: #e0e0e0;
+            cursor: pointer;
+            text-align: center;
+            transition: background-color 0.3s;
+        }
+        .button:hover {
+            background-color: #d0d0d0;
+        }
+        .button.clear {
+            grid-column: span 2;
+            background-color: #ff6666;
+        }
+        .button.equal {
+            grid-column: span 2;
+            background-color: #66ff66;
+        }
+        .button.delete {
+            grid-column: span 2;
+            background-color: #ff9933;
+        }
+        .button.advanced {
+            background-color: #66b3ff;
+        }
+    </style>
+</head>
+<body>
+
+    <div class="calculator">
+        <div class="display">
+            <div class="previous-operand" id="previous-operand"></div>
+            <div class="current-operand" id="current-operand">0</div>
+        </div>
+        <div class="buttons">
+            <div class="button advanced" onclick="calculateSquareRoot()">√</div>
+            <div class="button advanced" onclick="calculateSquare()">x²</div>
+            <div class="button advanced" onclick="calculatePercentage()">%</div>
+            <div class="button" onclick="chooseOperation('/')">/</div>
+            <div class="button" onclick="appendNumber('7')">7</div>
+            <div class="button" onclick="appendNumber('8')">8</div>
+            <div class="button" onclick="appendNumber('9')">9</div>
+            <div class="button" onclick="chooseOperation('*')">*</div>
+            <div class="button" onclick="appendNumber('4')">4</div>
+            <div class="button" onclick="appendNumber('5')">5</div>
+            <div class="button" onclick="appendNumber('6')">6</div>
+            <div class="button" onclick="chooseOperation('-')">-</div>
+            <div class="button" onclick="appendNumber('1')">1</div>
+            <div class="button" onclick="appendNumber('2')">2</div>
+            <div class="button" onclick="appendNumber('3')">3</div>
+            <div class="button" onclick="chooseOperation('+')">+</div>
+            <div class="button" onclick="appendNumber('0')">0</div>
+            <div class="button" onclick="appendNumber('.')">.</div>
+            <div class="button clear" onclick="clearDisplay()">C</div>
+            <div class="button equal" onclick="compute()">=</div>
+            <div class="button delete" onclick="deleteLast()">⌫</div>
+        </div>
+    </div>
+
+    <script>
+        let currentOperand = '';
+        let previousOperand = '';
+        let operation = undefined;
+
+        const previousOperandElement = document.getElementById('previous-operand');
+        const currentOperandElement = document.getElementById('current-operand');
+
+        function appendNumber(number) {
+            if (number === '.' && currentOperand.includes('.')) return;
+            currentOperand = currentOperand.toString() + number.toString();
+            updateDisplay();
+        }
+
+        function chooseOperation(op) {
+            if (currentOperand === '') return;
+            if (previousOperand !== '') {
+                compute();
+            }
+            operation = op;
+            previousOperand = currentOperand;
+            currentOperand = '';
+            updateDisplay();
+        }
+
+        function compute() {
+            let computation;
+            const prev = parseFloat(previousOperand);
+            const current = parseFloat(currentOperand);
+            if (isNaN(prev) || isNaN(current)) return;
+            switch (operation) {
+                case '+':
+                    computation = prev + current;
+                    break;
+                case '-':
+                    computation = prev - current;
+                    break;
+                case '*':
+                    computation = prev * current;
+                    break;
+                case '/':
+                    computation = prev / current;
+                    break;
+                default:
+                    return;
+            }
+            currentOperand = computation;
+            operation = undefined;
+            previousOperand = '';
+            updateDisplay();
+        }
+
+        function clearDisplay() {
+            currentOperand = '';
+            previousOperand = '';
+            operation = undefined;
+            updateDisplay();
+        }
+
+        function updateDisplay() {
+            currentOperandElement.innerText = currentOperand || '0';
+            previousOperandElement.innerText = previousOperand
+                ? `${previousOperand} ${operation || ''}`
+                : '';
+        }
+
+        function calculateSquareRoot() {
+            if (currentOperand === '') return;
+            currentOperand = Math.sqrt(parseFloat(currentOperand)).toString();
+            updateDisplay();
+        }
+
+        function calculateSquare() {
+            if (currentOperand === '') return;
+            currentOperand = (parseFloat(currentOperand) ** 2).toString();
+            updateDisplay();
+        }
+
+        function calculatePercentage() {
+            if (currentOperand === '') return;
+            currentOperand = (parseFloat(currentOperand) / 100).toString();
+            updateDisplay();
+        }
+
+        function deleteLast() {
+            if (currentOperand === '') return;
+            currentOperand = currentOperand.toString().slice(0, -1);
+            updateDisplay();
+        }
+    </script>
+
+</body>
+</html>
diff --git a/Programs/lst of programs.docx b/Programs/lst of programs.docx
new file mode 100644
index 0000000..af24d43
Binary files /dev/null and b/Programs/lst of programs.docx differ
diff --git a/Projects/SamvadHub/index.html b/Projects/SamvadHub/index.html
index e6995ac..d4731bf 100644
--- a/Projects/SamvadHub/index.html
+++ b/Projects/SamvadHub/index.html
@@ -31,6 +31,8 @@ <h2 class="logo">
     <main>
         <div class="container">
             <!--===========LEFT===========-->
+            
+            
             <div class="left">
 
             </div>
diff --git a/Study Material/Git Cheat Sheet.pdf b/Study Material/Git Cheat Sheet.pdf
new file mode 100644
index 0000000..a5a12f1
Binary files /dev/null and b/Study Material/Git Cheat Sheet.pdf differ
diff --git a/Study Material/Git Notes.pdf b/Study Material/Git Notes.pdf
new file mode 100644
index 0000000..492f1cd
Binary files /dev/null and b/Study Material/Git Notes.pdf differ
diff --git a/Study Material/Introduction to PHP.pdf b/Study Material/Introduction to PHP.pdf
new file mode 100644
index 0000000..b55263b
Binary files /dev/null and b/Study Material/Introduction to PHP.pdf differ
diff --git a/Study Material/UNIT 4.pptx b/Study Material/UNIT 4.pptx
new file mode 100644
index 0000000..e8bcb12
Binary files /dev/null and b/Study Material/UNIT 4.pptx differ
diff --git a/Study Material/Unit 5.pptx b/Study Material/Unit 5.pptx
new file mode 100644
index 0000000..dd9528f
Binary files /dev/null and b/Study Material/Unit 5.pptx differ
