fikrcamp · Khaderaa-saleh · Dec 4, 2022 · Dec 6, 2022
diff --git a/1.webp b/1.webp
diff --git a/2.webp b/2.webp
diff --git a/OIP.jpg b/OIP.jpg
diff --git a/css/style.css b/css/style.css
@@ -0,0 +1,54 @@
+#header
+{
+
+    color: rgb(239, 26, 33);
+    font-family: Arial, Helvetica, sans-serif;
+    text-align: center;
+
+    display:flex;
+    justify-content: space-between;
+    align-items: center;
+    padding:0px 20px
+
+
+
+}
+#header img
+{
+
+
+}
+#nav a
+{
+padding: 40px;
+
+}
+#nav a:hover{
+    color:red;
+    cursor:pointer;
+}
+#center
+{
+
+        display:flex;
+        justify-content: center;
+
+
+}
+#text{
+    text-align:center;
+    width: 50%;
+    margin:40px 0px
+}
+
+#text p {
+    padding:15px 0px;
+}
+#footer
+{
+    background-color: rgb(192, 234, 234);
+    display:flex;
+    justify-content: center;
+    align-items: center;
+    padding:0px 20px
+}
diff --git a/index.html b/index.html
@@ -17,5 +17,37 @@
   </head>
   <body>
     <!-- Add your HTML  here -->
+
+    <div id="header">
+      <img src="logo.webp" alt="logo" height="85px" width="112px" >
+      <div id="nav">  
+      <a>Home</a>
+      <a>About</a>
+      <a>Service</a>
+      </div></div>
+      <div id="center">
+        <div id="text">
+        <h1>Nutrition Blog: Nutrition & Healthy Eating Tips & Guidelines</h1>
+        <h3>Nutrition Myths vs. Facts</h3>
+        <img src="1.webp"/>
+        <p>By: Registered dietitians and nutritionists at JM Nutrition   In this post: Why are there so many nutrition myths and misconceptions What can you do to determine what if nutrition fact and what is nutrition fiction A close look at some common nutrition myths vs. facts, and corresponding explanations  ......</p>
+      </div>
+      </div>
+      <div id="center">
+        <div id="text">
+        <h3>Endurance Athletes Nutrition Misconceptions No One Told You About</h3>
+        <img src="2.webp"/>
+        <p>By: Johnny Zhao, MHSc, BASc, RD, Sports Nutrition Dietitian, edited by the JM Nutrition team Nutrition for endurance athletes is a topic that is becoming increasingly more popular, at least in the fitness and sports nutrition realm. Because there’s a great deal of information on the topic online it is......</p>
+      </div>
+      </div>
+      <div id="footer">
+        <img src="logo.webp" alt="logo" height="85px" width="112px" >
+      <div id="nav">  
+      <a>Home</a>
+      <a>About</a>
+      <a>Service</a>
+      </div>
+      </div>
+
   </body>
 </html>
diff --git a/logo.webp b/logo.webp