Add card section with links

index.html

@@ -108,10 +108,76 @@ <h3 class="mb-md-0 pe-5">
             </div>
         </div>
      </section>
-
-    <!-- Main section -->
 
+    <!-- Main section -->
     <!-- cards section -->
+     <section class="p-5">
+        <div class="container">
+
+            <!-- with gap=3 to handle spacing on smaller screens -->
+             <div class="row text-center g-3">
+                <div class="col-md">
+                    <div class="card bg-dark text-light">
+                        <div class="card-body text-center">
+
+                            <!-- H1 class used to make icon larger. margin bottom set to 3 for spacing-->
+                            <div class="h1 mb-3">
+                                <i class="bi bi-laptop"></i>
+                            </div>
+
+                            <h3 class="card-title">
+                                Education
+                            </h3>
+
+                            <p class="card-text">
+                                If you hear somebody claiming mindfulness is a cure for everything then please be careful! Nevertheless there is a growing body of increasingly robust research which points towards tangible benefits both for young people and those who care for them
+                            </p>
+                            <a href="https://scholar.google.co.uk/scholar?q=mindfulness+research&hl=en&as_sdt=0&as_vis=1&oi=scholart" class="btn btn-success">Research on Mindfulness</a>
+                        </div>
+                    </div>
+                </div>
+
+                <div class="col-md">
+                    <div class="card bg-dark text-light">
+                        <div class="card-body text-center">
+                            <div class="h1 mb-3">
+                                <i class="bi bi-person"></i>
+                            </div>
+
+                            <h3 class="card-title">
+                                Self Help
+                            </h3>
+
+                            <p class="card-text">
+                                There are many sources of Mindfulness Self help guides out there. Such self-help guide are designed to give you some ideas of how to practice mindfulness, which may
+                                help in reducing worries and managing other difficult emotions.
+                            </p>
+                            <a href="https://www.ccyd.co.uk/wp-content/uploads/2020/03/Mindfulness-self-help-guide.pdf" class="btn btn-success">Helping You Help You</a>
+                        </div>
+                    </div>
+                </div>
+
+                <div class="col-md"></div>
+                    <div class="card bg-dark text-light">
+                        <div class="card-body text-center">
+                            <!-- H1 class used to make icon larger credit -->
+                            <div class="h1 mb-3">
+                                <i class="bi bi-people"></i>
+                            </div>
+                            <h3 class="card-title">
+                                Community
+                            </h3>
+
+                            <p class="card-text">
+                                There are many non-profit mindfulness communities out there. Joining one can help by offering access to meet-ups, coaching and above all the joy and sense of belonging which comes from being part of a community
+                            </p>
+                            <a href="https://www.meetup.com/bristol-meditation-class/" class="btn btn-success">Find Out About the Community</a>
+                        </div>
+                    </div>
+                </div>
+             </div>
+        </div>
+     </section>
 
     <!-- cascades section -->