fikrcamp · Khaderaa-saleh · Dec 4, 2022 · Dec 6, 2022
diff --git a/22.jpg b/22.jpg
diff --git a/about.html b/about.html
@@ -6,8 +6,40 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>About page</title>
     <link rel="stylesheet" href="style/style.css" />
+
   </head>
   <body>
-    <!-- start here -->
+    <!-- heading section -->
+    <div id="header" >
+         <img id="logo" src="22.jpg" alt="logo" height="85px" />
+      <div id="nav">
+           <a href="home.html">Home</a>
+           <a href="about.html">About</a>
+       </div>
+    </div>
+    <!-- /heading section -->
+    <div id="prog" >
+      <div id="prog-text"></div>
+         <h1>BOOTCAMP</h1>
+          <p>You are welcome to join  or contact the 
+            Arena District Athletic Club to learn more about our exceptional offerings.</p>
+
+         <a htef="">BOOK NOW </a> 
+        </div>
+      </div>
+    </br>    
+     <footer>
+      <div id="footer">
+        <img src="11.gpeg" alt="content us 005..." height="85px" width="85px" />
+       <div id="nav">
+            <a href="home.html">Home</a>
+            <a href="about.html">About</a>
+        </div>
+     </div>
+     </footer>
+
+
+
+
   </body>
 </html>
diff --git a/card-1.png b/card-1.png
diff --git a/card-2.png b/card-2.png
diff --git a/card-3.png b/card-3.png
diff --git a/card-4.png b/card-4.png
diff --git a/home.html b/home.html
@@ -8,6 +8,41 @@
     <link rel="stylesheet" href="style/style.css" />
   </head>
   <body>
-    <!-- start here -->
+
+     <!-- heading section -->
+     <div id="header" >
+      <img id="logo" src="22.jpg" alt="logo" height="85px" />
+   <div id="nav">
+        <a href="home.html">Home</a>
+        <a href="about.html">About</a>
+    </div>
+ </div>
+ <!-- /heading section -->
+ <div id="prog" >
+  <div id="prog-text"></div>
+     <h1>BOOTCAMP</h1>
+      <p>You don't like your the shap of your body and you want to have a harmonious, athletic body , and you don't have the capabilities or necessary
+         tool
+      </p>
+      <p>We welecome to the BOOTCAMP Sports Center ,where you will  have all the mean to achieve your dream of owning a fit
+          and healthy athletic  body</p>
+         <p> Hurry up to subscribe to the center for a year and have a discount of 70% hurry up and join us to 
+           achieve your dreams
+         </p>
+
+     <a htef="">BOOK NOW </a> 
+    </div>
+  </div>
+</br>    
+ <footer>
+  <div id="footer">
+
+    <div id="nav">
+        <a href="home.html">Home</a>
+        <a href="about.html">About</a>
+    </div>
+ </div>
+ </footer>
+
   </body>
 </html>
diff --git a/logo.png b/logo.png
diff --git a/style/style.css b/style/style.css
@@ -0,0 +1,68 @@
+#header
+{
+    background-color: white;
+    color: aquamarine;
+    font-family: Arial, Helvetica, sans-serif;
+    text-align: center;
+    font-size: large;
+
+
+
+    display:flex;
+    justify-content: space-between;
+    align-items: center;
+    padding:0px 40px 50px 0px ;
+
+}
+#nav a
+{
+       padding: 10px;
+        margin:0px 10px  
+
+}
+#nav a:hover
+{
+    color:rgb(132, 232, 74);
+    cursor:pointer;
+}
+#prog
+{
+
+    display:flex;
+    flex-direction: column;
+    align-items: center;
+    padding:0px 0px 40px 0px ;
+
+
+}
+#prog-text
+{
+
+        text-align:center;
+        width: 50%;
+        margin:0px 50px 0px 100px;
+        padding:0px 0px 0px 0px
+
+
+}
+#prog a
+{
+    padding: 40px;
+    color: rgb(247, 2, 2);
+    font-size: 30px;
+}
+
+#prog a:hover
+{
+    color:rgb(132, 232, 74);
+    cursor:pointer;
+}
+
+#footer
+{
+
+    background-color:rgb(150, 185, 83);
+    color: bisque;
+    font-family: Arial, Helvetica, sans-serif;
+    text-align: center;
+}
diff --git a/unnamed.jpg b/unnamed.jpg