From 8e3b24c2e0123d9342bd1282153f28ce32201b12 Mon Sep 17 00:00:00 2001
From: Dr Azad Rasul <azad.rasul@soran.edu.iq>
Date: Thu, 4 Jan 2024 13:23:45 +0300
Subject: [PATCH] Update index.html

---
 index.html | 58 ++++++++++++++++++++++++++++--------------------------
 1 file changed, 30 insertions(+), 28 deletions(-)
diff --git a/index.html b/index.html
index 8c7909d..ac99b60 100644
--- a/index.html
+++ b/index.html
@@ -1,35 +1,37 @@
-<!doctype html>
-<html lang='en'>
+<!DOCTYPE html>
+<html lang="en">
 <head>
-<meta charset="utf-8">
+  <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1">
-  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">
-  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
-  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"></script>
-  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script>
-  <script
-    src="https://code.jquery.com/jquery-3.3.1.js"
-    integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60="
-    crossorigin="anonymous">
-</script>
-  <link type="text/css" rel="stylesheet" href="style.css" />
   <title>Home</title>
-<script> 
-$(function(){
-  $("#header").load("header.html"); 
-  $("#footer").load("footer.html");
-});
-</script> 
- <div id="header"></div>
+  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">
+  <link rel="stylesheet" href="style.css">
 </head>
 <body>
+  <!-- Header -->
+  <header id="header"></header>
 
-<center><img src="https://octodex.github.com/images/pythocat.png" style="width:30%"></center></div> 
-  <!--test-->
-<!--Remaining section-->
-</body>
+  <!-- Main Content -->
+  <main>
+    <div style="text-align: center;">
+      <img src="https://octodex.github.com/images/pythocat.png" style="width:30%;" alt="Pythocat Image">
+    </div>
+    <!-- Remaining section of your content goes here -->
+  </main>
 
-<!--Footer-->
-<div id="footer"></div>
-<!--Footer-->
-<html>
+  <!-- Footer -->
+  <footer id="footer"></footer>
+
+  <!-- Scripts -->
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script>
+  <script>
+    $(function(){
+      // Load header and footer content dynamically
+      $("#header").load("header.html"); 
+      $("#footer").load("footer.html");
+    });
+  </script>
+</body>
+</html>
