diff --git a/new index b/new index
new file mode 100644
index 0000000000000000000000000000000000000000..861b936023e1640e703f08419d8d4138182f2111
--- /dev/null
+++ b/new index	
@@ -0,0 +1,92 @@
+<section class="admission_section">
+        <div class="container">
+          <div class="row">
+            <div class="col-md-6">
+              <div class="admission_detail-box">
+                <h3>Animals</h3>
+                <div class="image-container">
+                  <img src="images/dog.png" alt="Image">
+                  <div class= "layover">
+                  </div>
+                   </div>
+                <p>
+                "Welcome to the amazing world of animals! From cuddly kittens to lions, and from tiny ants to enormous elephants, animals come in all shapes, sizes, and colors
+                . So let's discover the magic of language together, both spoken and signed language!"
+                </p>
+                <div class="">
+                  <a href="animal.html" class="call_to-btn btn_white-border">Start to Study</a>
+                  <a href="greeting.html" class="call_to-btn btn_white-border">Play Game </a>
+                </div>
+              </div>
+            </div>
+            <div class="col-md-6">
+              <div class="admission_img-container">
+                <img src="images/animals.png" alt="" height="370" width="300">
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+      <section class="why_section">
+        <div class="container">
+          <div class="row">
+            <div class="col-md-6">
+              <div class="why_img-container">
+                <img src="images/greeting.png" alt="" height="370" width="300">
+              </div>
+            </div>
+            <div class="col-md-6">
+              <div class="why_detail-box">
+                <div class="image-container">
+                    <img src="images/welcome.png" alt="Image">
+                    <div class= "layover">
+                    </div>
+                </div>
+                <h3>Greeting</h3>  
+                <p>
+                    "Welcome to the exciting world of greetings! Greetings are how we say hello and show kindness to one another. 
+                     Whether you're meeting someone new or saying hello to a friend, learning how to greet others is an important part of 
+                     communication and showing respect. So let's discover the joy of saying hello, both with our words and with our hands!"
+                </p>
+                <div class="">
+                  <a href="greeting.html" class="call_to-btn btn_white-border">Start to Study </a>
+                  <a href="greeting_game.html" class="call_to-btn btn_white-border">Play Game </a>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+      <section class="determine_section">
+        <div class="container">
+          <div class="row">
+            <div class="col-md-6">
+              <div class="determine_detail-box">
+                <h3>Expression</h3>
+                <div class="image-container">
+                  <img src="images/face.png" alt="Image">
+                  <div class= "layover">
+                  </div>
+              </div>
+                <p>
+                    "Welcome to the fascinating world of expressions! Expressions are how we communicate our feelings and emotions, whether through words or gestures.
+                     So get ready to explore the wide range of expressions we use every day, 
+                     both in spoken language and in the language of signs!"
+                </p>
+                <div class="">
+                  <a href="expression.html" class="call_to-btn btn_white-border">Start to Study</a>
+                  <a href="greeting.html" class="call_to-btn btn_white-border">Play Game </a>
+                </div>
+              </div>
+            </div>
+            <div class="col-md-6">
+              <div class="determine_img-container">
+                <img src="images/expression.png" alt="" height="370" width="300">
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+      </div>
+</body>
+</html>
\ No newline at end of file