Exercise Page

src/css/stylemenstrualcycle.css

@@ -35,6 +35,11 @@ body{
     display:flex; 
     font-size: 20px;
 
+}
+.info-exercise{
+  order-color:white;
+  font-size: 20px;
+
 }
 .information1{
   border-color:white;
@@ -71,4 +76,15 @@ body{
 
 .inf li{
   color:#E82771;
+}
+
+.content-exercise{
+  border:2px solid #E82771;
+  border-radius:4px;
+}
+.content-exercise b{
+  color:#E82771;
+}
+.content-exercise a{
+  color:#E82771;
 }

src/exercises.html

@@ -46,7 +46,7 @@
         </div>
       </nav>
     </section>
-   <div class="forma">
+   <!-- <div class="forma">
     <div class="m-auto blog-post-content max-width-2 m-auto my-2">
         <h1 class="heading">Exercises</h1>
     <div class="information">
@@ -85,6 +85,77 @@ <h2>List of exercises you can do during your menstrual cycle : </h2>
     </div>
 </div>
 
+    </div> -->
+
+    <div class="container p-5">
+      <h1 class="head">Exercises</h1>
+         <div class="info-exercise py-3">
+          <h2 class="mb-4">List of exercises you can do during your menstrual cycle : </h2>
+         <div class="container p-4 content-exercise">
+          <div class="row g-3 pt-4 justify-content-center align-items-center">
+            <div class="col-md-8">
+              <b> Running</b>
+              <p class="pt-2">Yes, running! In the later days of your periods or when you have mild symptoms, you can go running. Go for a slow run and take some breaks in between if you feel uncomfortable. Running can reduce your pain and irritability instantly. Remember to keep yourself well hydrated. </p>
+             <a href="https://www.runnersworld.com/uk/health/a33479880/how-to-run-around-your-menstrual-cycle/" target="_blank">Click to read related article</a>
+            </div>
+            <div class="col-md-4">
+               <img src="./assets/img/run.jfif"  class="my-auto mx-auto" alt="">
+            </div>
+
+
+          </div>
+          <div class="row g-3 pt-4 flex-column-reverse flex-md-row justify-content-center align-items-center">
+            <div class="col-md-4 ">
+              <img src="./assets/img/cobra pose.png"  class="my-auto mx-auto w-100" alt="">
+           </div>
+            <div class="col-md-8 ">
+              <b >Cobra Pose</b> 
+              <p class="pt-2"> Lie on your stomach with your legs straight and feet together, and place your hands under your shoulders. Using your hands to push you, lift your head and shoulders. Breathe deeply. Hold this pose for 30 to 60 seconds, as long as you feel comfortable. Then return to your original lying Breathing should be deep.Try to completely fill the belly when you breathe in (inhale), allowing the belly to expand as you inhale. When you breathe out (exhale), the belly moves in and softens. If you are not able to take deep belly breaths you may be forcing the stretch and will need to ease out of it a bit. Breathe normally for 2 to 3 breaths, then repeat. </p>
+              <a href="https://www.youtube.com/watch?v=XU0wJ0OTopU&ab_channel=YogaJournal" target="_blank">Click here to watch video demonstration</a>
+
+            </div>
+          </div>
+
+          <div class="row g-3 pt-4 justify-content-center align-items-center">
+            <div class="col-md-8">
+              <b>Cat/Cow Pose</b>
+              <p class="pt-2">Get on your hands and knees. Make sure your hands are directly under your shoulders, and your knees are directly under your hips. Take a deep breath in, and lower your belly toward the ground, while you gently stretch your head and bottom to the This is a cow pose!
+                Breathe normally for 2 to 3 breaths. When you are ready to change your position, inhale deeply, then as you breathe out, curl your back toward the sky, with your head and bottom gently stretching towards the ground. This is a cat pose!
+                Breathe normally for 2 to 3 breaths. Slowly go back and forth between the two poses, holding them each for 2 to 3 breaths.</p>
+                <a href="https://www.youtube.com/watch?v=kqnua4rHVVA&ab_channel=Howcast" target="_blank">Click here to watch video demonstration</a>
+            </div>
+            <div class="col-md-4">
+               <img src="./assets/img/cat-cow.jfif"  class="my-auto mx-auto " alt="">
+            </div>
+          </div>
+
+          <div class="row g-3 pt-4 flex-column-reverse flex-md-row justify-content-center align-items-center">
+            <div class="col-md-4 ">
+              <img src="./assets/img/fishpose.jpg"  class="my-auto mx-auto w-75" alt="">
+           </div>
+            <div class="col-md-8 ">
+              <b >Fish Pose</b> 
+              <p class="pt-2">  Place a pillow on the floor. Place your back and head on the pillow and place your legs straight in front of you on the floor. Place your arms comfortably at your sides, with your palms facing up. Stay in this pose, breathing gently, as long as you feel comfortable. If having the legs straight causes low back discomfort, please bend the knees with feet flat on the floor.
+
+                During lighter menstrual days, try moderate-intensity aerobic exercises like walking or light jogging. This type of physical activity can reduce bloating (extra water weight) and the pain of cramping. Aerobic exercise helps your blood circulation and the release of “feel-good hormones” called endorphins (en DORF ins). These can also work together to soothe headaches and improve mood.</p>
+            <a href="https://www.youtube.com/watch?v=J0e-vOG8sLI&ab_channel=Howcast" target="_blank">Click here to watch video  demonstration</a>
+             </div>
+          </div>
+
+          <div class="row g-3 pt-4 justify-content-center align-items-center">
+            <div class="col-md-8">
+              <b> Running</b>
+              <p class="pt-2">Yes, running! In the later days of your periods or when you have mild symptoms, you can go running. Go for a slow run and take some breaks in between if you feel uncomfortable. Running can reduce your pain and irritability instantly. Remember to keep yourself well hydrated. </p>
+             <a href="https://www.runnersworld.com/uk/health/a33479880/how-to-run-around-your-menstrual-cycle/" target="_blank">Click to read related article</a>
+            </div>
+            <div class="col-md-4">
+               <img src="./assets/img/dance.jfif"  class="my-auto mx-auto w-75" alt="">
+            </div>
+         </div>
+
+         </div>
+
+         </div>
     </div>
 
     <div class="footer" id="about">