update home

public/home/index.html

@@ -37,7 +37,7 @@
   <!-- **** CONCLUSION, favicons **** -->
 
   <!-- CSS/SCSS -->
-  <link rel="stylesheet" href="https://www.jungle_paradise/css/index.css?h=ea95c0a269e3849c0841" />  <style>@-moz-document url-prefix() {.lazy:-moz-loading {visibility:hidden;}}.ieOnly {display: none;}@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {.ieOnly {display: block;}}</style>
+  <link rel="stylesheet" href="https://www.jungle_paradise/css/index.css?h=c4b13089bd2f74aa28c4" />  <style>@-moz-document url-prefix() {.lazy:-moz-loading {visibility:hidden;}}.ieOnly {display: none;}@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {.ieOnly {display: block;}}</style>
   
 </head>
 
@@ -646,6 +646,138 @@ Parameters:
                 </div>
             
         
+    </div>
+</div></div>
+<!-- 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 "|||"
+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 -->
+
+
+
+
+    
+        
+    
+    
+
+
+
+
+
+
+
+
+    
+        
+        
+    
+
+    
+
+    <!-- reverse col at mobile -->
+
+    
+
+
+     <!-- makes row semi-full screen width, strips margins -->
+    
+
+        <!-- makes row full screen width, strips margins -->
+    
+
+    
+    
+
+
+
+
+
+<!-- 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;www.jungle_paradise&#x2F;home&#x2F;img&#x2F;header2.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">Suites / Rooms - Accommodation</h1>
+<p><button onclick="window.location.href='/projects'">VIEW MORE</button></p>
+
+                    
+                </div>
+            
+        
     </div>
 </div><!-- section 3 features title -->
 <!-- row shortcode 
@@ -1133,8 +1265,7 @@ Parameters:
             
         
     </div>
-</div></div>
-<style>
+</div><style>
 p{
     font-size:1rem;
 }