diff --git a/TaasCode/images/InstagramIcon.png b/TaasCode/images/InstagramIcon.png
new file mode 100644
index 0000000..0aedbc4
Binary files /dev/null and b/TaasCode/images/InstagramIcon.png differ
diff --git a/TaasCode/images/TwitterIcon.png b/TaasCode/images/TwitterIcon.png
new file mode 100644
index 0000000..96f1f48
Binary files /dev/null and b/TaasCode/images/TwitterIcon.png differ
diff --git a/TaasCode/images/facebookIcon.png b/TaasCode/images/facebookIcon.png
new file mode 100644
index 0000000..099dfa1
Binary files /dev/null and b/TaasCode/images/facebookIcon.png differ
diff --git a/TaasCode/images/youtubeIcon.png b/TaasCode/images/youtubeIcon.png
new file mode 100644
index 0000000..4c22e58
Binary files /dev/null and b/TaasCode/images/youtubeIcon.png differ
diff --git a/index.html b/index.html
index 61910d1..2a7215b 100644
--- a/index.html
+++ b/index.html
@@ -97,5 +97,39 @@ <h2>Python</h2>
                  
                  </section>
 
+                 <div class="down">
+                  <img src="./TaasCode/images/studen.jpg" width="700px" height="200px">
+                  <p class="img-txt">Enroll For our Varios Online Courses <br>AnyWhere From The World</p>
+                  <button>Contact Us</button>
+                 </div>
+
+                 <div class="down-2">
+                  <h3>
+                    About Us
+                  </h3>
+                  <p>This School is it devlops in the languages shown above and you can choose your specialization whether you want fron-end devloper or full stack devloper Also, if you want, we will grow both of them</p>
+                 </div>
+                 <footer>
+                  <setion class="footer">
+                    <nav>
+                        <h1>TaasCode<span>School</span> </h1>
+                        <ul>
+                            <li><a href="index.html">HOME</a></li>
+                            <li><a href="courses.html">COURSES</a></li>
+                            <li><a href="AboutUs.html">ABOUT US</a></li>
+                            <li><a href="Contact.html">CONTACT</a></li>
+                        </ul>
+                    </nav>
+                      </setion>
+                      <section class="footer-1">
+                          <p>TaasCode<span>@copyright 2023 all rights reserved</span></p>
+                           <img src="./TaasCode/images/facebookIcon.png">
+                           <img src="./TaasCode/images/TwitterIcon.png">
+                           <img src="./TaasCode/images/InstagramIcon.png">
+                           <img src="./TaasCode/images/youtubeIcon.png" >
+
+                      </section>
+                 </footer>
+
 </body>
 </html>
diff --git a/style.css b/style.css
index c4b1fbe..bc5d936 100644
--- a/style.css
+++ b/style.css
@@ -199,3 +199,123 @@ h1, h2, h3, h4, h5, span  {
                   transition-timing-function: cubic-bezier(0.31, -0.105); 
                   }
                   
+.down {
+	position: relative;
+	text-align: center;
+}
+.down img{
+	filter:brightness(30%);
+}
+.down .img-txt{
+	position: absolute;
+	top: 50%;
+	left: 50%;
+    transform: translate(-50%, -50%);
+    color: white;
+    font-size: 15px;
+    line-height: 1.8;
+	font-family: 'Times New Roman', Times, serif;
+}
+.down button {
+	position: absolute;
+	top: 80%;
+	left: 50%;
+    transform: translate(-50%, -50%);
+	background-color: #14213d;
+	color: #fff;
+	height: 30px;
+	width: 100px;
+	border-style: inset;
+	border-color:#fca311;
+	border-width: 1px;
+}
+.down button:hover{
+	background-color:#fca311;
+}
+.down-2{
+	position: relative;
+	text-align: center;
+	background-color:rgb(245, 190, 171) ;
+	width: 500px;
+	margin-top: 100px;
+	margin-left: 400px;
+	margin-bottom: 100px;
+	padding-bottom: 10px;
+	padding-top: 10px;
+}
+.down-2 h3 {
+	font-size: 20px;
+	font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
+}
+.down-2 p {
+	font-family:Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
+	font-size: 15px;
+}
+.footer nav {
+	background-color: #14213d;
+	width: 100%;
+	height: 100px ;
+	display: flex;
+	justify-content: space-between;
+	padding: 30px 14%;
+}
+
+.footer nav h1 {
+	color: #fca311;
+	font-size: 2rem;
+}
+.footer nav p{
+	color: #fca311;
+	font-size: 1rem;
+}
+.footer nav span{
+	color: #fff;
+}
+
+.footer nav ul li{
+	display: inline-block;
+	list-style-type: none;
+	padding-left: 40px;
+}
+
+.footer nav ul li a{
+	text-decoration: none;
+	color: #fff;
+	font-size: 1.3rem;
+	transition: all .5s ease;
+}
+
+.footer nav ul li .active{
+	color: #fca311;
+	transition: all .5s ease;
+}
+
+.footer nav ul li .active:hover{
+	color: #fff;
+}
+
+.footer nav ul li a:hover{
+	color: #fca311;
+}
+
+.footer-1 {
+	background-color: #14213d;
+	width: 100%;
+	height: 100px ;
+	display: flex;
+	justify-content: space-between;
+	padding: 30px 15%;
+}
+.footer-1  p{
+	color: #fca311;
+	font-size: 20px;
+}
+.footer-1  span{
+	color: #fff;
+}
+
+.footer-1  img{
+	display: inline-block;
+	list-style-type: none;
+	padding-left: 20px;
+}
\ No newline at end of file