CodeYourFuture · mabalal · May 4, 2023 · May 24, 2023
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -0,0 +1,3 @@
+{
+  "liveServer.settings.port": 5501
+}
diff --git a/css/style.css b/css/style.css
@@ -6,3 +6,48 @@
  *    for example: General styles, Navigation styles, Hero styles, Footer etc.
  * 
  */
+body {
+  background-color: rgb(190, 181, 181);
+  max-width: 1000px;
+  margin: 0 auto;
+}
+
+.header {
+  text-align: center;
+  background-color: rgb(136, 118, 118);
+  height: 150px;
+  justify-content: center;
+  display: flexbox;
+  align-items: center;
+  padding: 15px;
+}
+.divimg {
+  width: auto;
+  height: auto;
+}
+img {
+  width: 100%;
+  height: 500px;
+}
+footer {
+  bottom: 0;
+  width: 100%;
+  height: 100px;
+  background-color: rgb(120, 133, 138);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+
+  /* adjust to your desired height */
+}
+ul {
+  list-style: none;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+li {
+  display: inline;
+  justify-content: space-between;
+  margin-right: 20px;
+}
diff --git a/blog-sketch-week-1.png → image/blog-sketch-week-1.png b/blog-sketch-week-1.png → image/blog-sketch-week-1.png
diff --git a/image/chander-r-z4WH11FMfIQ-unsplash (1).jpg b/image/chander-r-z4WH11FMfIQ-unsplash (1).jpg
diff --git a/image/exercise.jpg b/image/exercise.jpg
diff --git a/index.html b/index.html
@@ -16,6 +16,65 @@
     <link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
   </head>
   <body>
+    <main>
+      <div class="header">
+        <h2>
+          The Benefits of Daily Exercise: Why You Should Make it a Priority
+        </h2>
+        <p>
+          <b
+            >The Benefits of Daily Exercise: Why You Should Make it a
+            Priority</b
+          >
+        </p>
+      </div>
+      <div class="divimg">
+        <img src="./image/exercise.jpg" alt="exercise" />
+      </div>
+      <div class="introduction">
+        <b> Introduction: </b>
+        <p>
+          you're looking to improve your physical and mental health, exercise is
+          one of the most effective ways to do so. Daily exercise has numerous
+          benefits that can have a positive impact on your life. In this blog
+          post, we'll explore the benefits of daily exercise and why you should
+          make it a priority. Body: Boosts Physical Health: Daily exercise can
+          help you maintain a healthy weight, reduce the risk of chronic
+          diseases such as diabetes and heart disease, and improve your
+          cardiovascular health. Improves Mental Health: Exercise releases
+          endorphins, which can improve your mood, reduce stress and anxiety,
+          and even alleviate symptoms of depression. Increases Energy Levels:
+          Regular exercise can help increase your energy levels and reduce
+          fatigue, allowing you to perform daily tasks more efficiently.
+          Enhances Sleep Quality: Exercise can help you fall asleep faster and
+          improve the quality of your sleep, leading to increased alertness and
+          productivity during the day. Boosts Brain Power: Exercise has been
+          shown to improve cognitive function and memory, and even help prevent
+          age-related cognitive decline.
+        </p>
+      </div>
+      <div class="conclusion">
+        <img src="./image/chander-r-z4WH11FMfIQ-unsplash (1).jpg" alt="" />
+        <b>Conclusion:</b>
+        <p>
+          As you can see, daily exercise can have numerous benefits for both
+          your physical and mental health. Making exercise a priority in your
+          daily routine can lead to a healthier and happier life. So why not
+          start today? Whether it's a walk around the block or a full workout at
+          the gym, every little bit helps. Your body and mind will thank you for
+          it!
+        </p>
+      </div>
+    </main>
+    <footer class="footer">
+      <ul>
+        <li><a href="">About Us</a></li>
+        <li><a href="">Contact Us</a></li>
+        <li><a href="">Our Service</a></li>
+        <li><a href="">Customer Care</a></li>
+        <li><a href="">New Updates</a></li>
+      </ul>
+    </footer>
     <!-- Add your HTML markup here -->
     <!-- Remember: Use semantic HTML tags like <header>, <main>, <nav>, <footer>, <section> etc -->
   </body>