fixed some bugs in the html code

index.html

@@ -159,11 +159,13 @@ <h2 class="about-title">Who Can Join?</h2>
               <i class="bi bi-check"></i> We welcome everyone regardless of their knowledge on Open Science. Please fill out <a href="https://docs.google.com/forms/d/1cuRR1sPBuCT9bhYAROIXhIyS-B9ekyydUwPTG_CQDvE/viewform?edit_requested=true">this form
               </a>with instructions on how to join.
               <br>
-              </p>
+
             </div>
           </div>
         </div>
-    </section><!-- End About Section -->
+        </div>
+    </section>
+    <!-- End About Section -->
 
     <!-- ======= Services Section ======= -->
     <section id="services">
@@ -199,31 +201,32 @@ <h4 class="service-title"><a href="https://www.youtube.com/embed/KymHGq9SAgM">Op
             <div class="service-icon"><i class="fas fa-database"></i></div>
             <h4 class="service-title"><a href="https://www.youtube.com/embed/-EdD3JKA6WA">FAIR Principles</a></h4>
             <p class="service-description">The FAIR principles describe how research outputs should be organised so they can be more easily accessed, understood, exchanged and reused. <sup id="fn2">2. [OpenAIRE]<a
-                  href="https://www.openaire.eu/how-to-make-your-data-fair" title="OpenAIRE Webpage.">↩</a></sup>
+                  href="https://www.openaire.eu/how-to-make-your-data-fair" title="OpenAIRE Webpage.">↩</a></sup> </p>
 
           </div>
           <div class="col-lg-4 col-md-6 service-item">
             <div class="service-icon"><i class="fas fa-chalkboard-teacher"></i></div>
             <h4 class="service-title"><a href="https://www.youtube.com/embed/I_5Tn50KCQ4">Open Educational Resources</a></h4>
             <p class="service-description">They are any learning and research materials that reside in the public domain or under an open license. <sup id="fn3">3. [UNESCO]<a href="https://en.unesco.org/themes/building-knowledge-societies/oer"
-                  title="UNESCO Webpage.">↩</a></sup>
+                  title="UNESCO Webpage.">↩</a></sup></p>
           </div>
           <div class="col-lg-4 col-md-6 service-item">
             <div class="service-icon"><i class="fas fa-lock-open"></i></div>
             <h4 class="service-title"><a href="">Open Accesss</a></h4>
             <p class="service-description">Open Access refers to online, free of cost access to peer reviewed scientific content with limited copyright and licensing restrictions. <sup id="fn4">4. [FOSTER]<a
-                  href="https://www.fosteropenscience.eu/foster-taxonomy/open-access-definition" title="FOSTER Webpage.">↩</a></sup>
+                  href="https://www.fosteropenscience.eu/foster-taxonomy/open-access-definition" title="FOSTER Webpage.">↩</a></sup></p>
           </div>
         </div>
 
         <p class="section-description"> Click on individual topics to be directed to a short translated
-          video (< 10 mins) from <a href="https://openlifesci.org/">The Open Life Sciences Program</a>. We continuously aims to improve the translation. If you wish to join the translation working group, don't hesitate to <a
+          video (&lt 10 mins) from <a href="https://openlifesci.org/">The Open Life Sciences Program</a>. We continuously aims to improve the translation. If you wish to join the translation working group, don't hesitate to <a
               href="mailto:[email protected]">contact us</a>.</p>
       </div>
 
 
-      </div>
-    </section><!-- End Services Section -->
+
+    </section>
+    <!-- End Services Section -->
 
     <!-- ======= Subscrbe Section ======= -->
     <section id="subscribe">
@@ -359,7 +362,8 @@ <h4>Web 3</h4>
         </div>
 
       </div>
-    </section><!-- End Portfolio Section -->
+    </section>-->
+    <!-- End Portfolio Section -->
 
     <!-- ======= Testimonials Section ======= -->
     <section id="testimonials">
@@ -464,7 +468,8 @@ <h4>Amanda Jepson</h4>
 
         </div>
       </div>
-    </section><!-- End Team Section -->
+    </section>-->
+    <!-- End Team Section -->
 
     <section id="materilas">
       <div class="container" data-aos="fade-up">
@@ -499,6 +504,7 @@ <h3 class="section-title">Funders</h3>
         <!-- <p> <img src="assets/img/logo/outreachy.png" alt="" width="400"></p>
             <p> <img src="assets/img/logo/css.png" alt="" width="300"></p> -->
       </div>
+      </div>
     </section>
 
 
@@ -545,7 +551,8 @@ <h3 class="section-title">Contact Us</h3>
       </div>
     </section><!-- End Contact Section -->
 
-  </main><!-- End #main -->
+  </main>
+  <!-- End #main -->
 
   <!-- ======= Footer ======= -->
   <footer id="footer">
@@ -575,13 +582,14 @@ <h3 class="section-title">Contact Us</h3>
             You can delete the links only if you purchased the pro version.
             Licensing information: https://bootstrapmade.com/license/
             Purchase the pro version with working PHP/AJAX contact form: https://bootstrapmade.com/buy/?theme=Imperial
-          -->
+           -->
             <!-- Designed by  -->
           </div>
         </div>
       </div>
     </div>
-  </footer><!-- End Footer -->
+  </footer>
+  <!-- End Footer -->
 
   <div id="preloader"></div>
   <a href="#" class="back-to-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>