Add files via upload

Author: munlicode

layout.html

@@ -34,8 +34,24 @@
 
 
         <!-- Main Content -->
-        <main class="container py-5 text-center">
-            AHHHHHHHHHHH HELPLPLP HILFEEEEE
+        <main class="container py-5 text-center">    
+        <p>Look for information in:</p>
+            <ul>
+                <li><a href="https://www.ncbi.nlm.nih.gov/pmc/articles/PMC1402378/">NIH: Health benefits of physical activity: the evidence</a></li>
+                <lr></lr>
+                <li><a href="https://www.who.int/news-room/fact-sheets/detail/physical-activity">WHO.int: Physical activity</a></li>
+                <lr></lr>
+                <li><a href="https://www.nhs.uk/live-well/exercise/exercise-health-benefits/">NHS: Benefits of exercise</a></li>
+                <lr></lr>
+                <li><a href="https://www.cdc.gov/physical-activity-basics/benefits/index.html">CDC: Benefits of Physical Activity</a></li>
+                <lr></lr>
+                <li><a href="https://medlineplus.gov/benefitsofexercise.html">Medlineplus: Benefits of Exercise</a></li>
+            </ul>
+            Additional & Non-Related:
+            <ul>
+                <li><a href="https://jsilva.blog/2019/01/11/eat-move-sleep-book-summary/">eat-move-sleep-book-summary</a></li>
+            </ul>
+
 
             Something
         </main>

styles.css

@@ -0,0 +1,21 @@
+
+  .button-link {
+    text-decoration: none;
+    color: white;
+    background-color: #3498db;
+    padding: 10px 20px;
+    border-radius: 5px;    /* Rounded corners */
+    font-family: Arial, sans-serif;
+    font-weight: bold;
+    border: 2px solid transparent;
+    transition: background-color 0.3s ease, border-color 0.3s ease;
+  }
+
+  .button-link:hover {
+    background-color: #2ecc71;    /* Changes background on hover */
+    border-color: #3498db;        /* Adds border color on hover */
+  }
+  P {
+    text-align: left;
+    position: 20%;
+  }