update links

public/health-wellness/index.html

@@ -192,6 +192,20 @@
                         </div>
                     
                     
+                        <a href="https:&#x2F;&#x2F;www2.jungleparadise.tf&#x2F;experiences&#x2F;" class="text-md font-normal leading-6 text-white focus:outline-none focus:text-gray-900 transition ease-in-out duration-150 mt-0">
+                            Experiences
+                        </a>
+                        <div class="relative">
+                        </div>
+                    
+                    
+                        <a href="https:&#x2F;&#x2F;www2.jungleparadise.tf&#x2F;contactus&#x2F;" class="text-md font-normal leading-6 text-white focus:outline-none focus:text-gray-900 transition ease-in-out duration-150 mt-0">
+                            Contact Us
+                        </a>
+                        <div class="relative">
+                        </div>
+                    
+                    
                     </nav>
                 </div>
             </div>
@@ -238,6 +252,20 @@
                             </a>
                             <hr/>
                         
+                            
+                            
+                            <a href="https:&#x2F;&#x2F;www2.jungleparadise.tf&#x2F;experiences&#x2F;" class="text-lg px-8 py-3 leading-6 font-normal text-gray-900 hover:text-gray-900 focus:outline-none focus:text-gray-900 transition ease-in-out duration-150">
+                                Experiences
+                            </a>
+                            <hr/>
+                        
+                            
+                            
+                            <a href="https:&#x2F;&#x2F;www2.jungleparadise.tf&#x2F;contactus&#x2F;" class="text-lg px-8 py-3 leading-6 font-normal text-gray-900 hover:text-gray-900 focus:outline-none focus:text-gray-900 transition ease-in-out duration-150">
+                                Contact Us
+                            </a>
+                            <hr/>
+                        
                         
                         
                         </nav>                    
@@ -262,9 +290,7 @@
     <script>mermaid.initialize({startOnLoad:true});</script>
     <div>
         
-            <div class="container mx-auto">
-<br>
-<!-- section 1 (co-found) -->
+            <!-- section 1 (header) -->
 <!-- row shortcode 
 Shortcode used in markdown for the creation of mobile compatible vertical rows
 Divides markdown into columns by splitting content using column identifier "|||"
@@ -353,6 +379,131 @@ Parameters:
 
 
 
+
+
+<!-- makes row full screen width and adds background img -->
+
+
+
+    
+    
+    
+
+
+    
+        
+    
+
+
+
+
+
+<!-- Cancels page margins so that rows can have separate margins -->
+
+
+
+        <div id="" class="relative justify-center flex overflow-hidden  " style="background: url(&#x27;https:&#x2F;&#x2F;www2.jungleparadise.tf&#x2F;health-wellness&#x2F;img&#x2F;header3.jpg&#x27;); background-size: cover; background-position: center;height: -webkit-fill-available; height: 100vh;">
+            <div id="" class="relative flex flex-col md:flex md:flex-row flex-wrap max-w-fit overflow-hidden items-center py-10 md:py-4 lg:py-24 mx-6 sm:mx-32 md:mx-40 lg:mx-80 text-center items-center " style="min-width: -webkit-fill-available; min-width: -moz-available"> 
+        
+         
+
+            <!-- Hides empty columns if displayed vertically in small screen -->
+            
+                <div class="flex-1 mb-4 md:mb-12 lg:mb-0 lg:mx-2 xl:mx-4 flex-1 ">
+                    <!-- handles mermaid markdown content display -->
+
+                    
+                        <h1 class="text-white">HEALTH & WELLNESS<br>at Jungle Paradise</h1>
+                    
+                </div>
+            
+        
+    </div>
+</div><div class="container mx-auto"> 
+<!-- section 2 -->
+<!-- row shortcode 
+Shortcode used in markdown for the creation of mobile compatible vertical rows
+Divides markdown into columns by splitting content using column identifier "|||"
+Creates equal width blocks in a flex row.
+
+Parameters: 
+- style: 
+    - lean: if style is lean, the row doesn't have outer margins
+- bgPath: if bgPath is passed, the row has a full width background
+-->
+
+
+<!-- This fixes link & img paths in local, prod, and wth prefix -->
+
+    
+    
+    
+        
+            
+            
+        
+            
+            
+            
+                
+            
+            
+        
+    
+
+
+
+
+
+
+<!-- aligns columns depending on col number-->
+ 
+    
+
+
+
+
+
+
+
+
+
+<!-- Padding -->
+
+
+
+
+    
+        
+    
+
+
+
+
+
+
+
+<!-- Margins -->
+
+
+
+
+    
+        
+    
+    
+
+
+
+
+
+
+
+        
+
+
+
+
 
 
 <!-- makes row full screen width and adds background img -->
@@ -369,17 +520,33 @@ Parameters:
 
 
         <div id="" class="relative justify-center flex overflow-hidden  " style="">
-            <div id="" class="relative flex flex-col md:flex md:flex-row flex-wrap max-w-fit overflow-hidden items-center py-2 md:py-4 lg:pt-24 mx-6 sm:mx-20 md:mx-28 lg:mx-40 mt-10 lg:mt-0 text-center items-center " style="min-width: -webkit-fill-available; min-width: -moz-available"> 
+            <div id="" class="relative flex flex-col md:flex md:flex-row flex-wrap max-w-fit overflow-hidden items-center py-10 md:py-4 lg:py-24 mx-8  " style="min-width: -webkit-fill-available; min-width: -moz-available"> 
         
          
 
             <!-- Hides empty columns if displayed vertically in small screen -->
             
-                <div class="flex-1 mb-4 md:mb-12 lg:mb-0 lg:mx-2 xl:mx-4 flex-1 ">
+                <div class="flex-1 mb-4 md:mb-12 lg:mb-0 lg:mx-2 xl:mx-4">
                     <!-- handles mermaid markdown content display -->
 
                     
-                        <h1 id="truly-decentralized">Truly decentralized</h1>
+                        <p><img src="https://www2.jungleparadise.tf/health-wellness/./img/price_list.jpg#mx-auto" alt="Image" /></p>
+
+                    
+                </div>
+            
+         
+
+            <!-- Hides empty columns if displayed vertically in small screen -->
+            
+                <div class="flex-1 mb-4 md:mb-12 lg:mb-0 lg:mx-2 xl:mx-4">
+                    <!-- handles mermaid markdown content display -->
+
+                    
+                        
+<p>A relaxing haven nestled in the heart of Mbweni Ruins. Situated in the Historic Mbweni Ruins Our Spa offers over a variety therapies and treatments with botanical skincare products proudly made in Zanzibar. Our spa offer a range of treatments ranging from massages, scrubs, facials, manicures, pedicures.</p>
+<p>Our spa will have you feel like a new person, offering you an experience wrapped in the silence of Nature and in the Historic Ruins. Our spa menu offers a variety of treatments, carried out by skilled hands of professional therapists. </p>
+<h4 id="our-spa-is-open-daily-from-10-00-till-18-00">Our spa is open daily from 10:00 till 18:00</h4>
 
                     
                 </div>
@@ -387,7 +554,7 @@ Parameters:
         
     </div>
 </div></div>
-<iframe src="https://snazzymaps.com/embed/169103" width="100%" height="600px" style="border:none;"></iframe>
+
         
     </div>