From 1793b882197ba85a9b690aeb1fd604cd9cbc6ebe Mon Sep 17 00:00:00 2001
From: Pedrocaloi <caloieropedro@gmail.com>
Date: Fri, 5 Jul 2024 18:57:27 -0300
Subject: [PATCH] refactor: change sections position and fix mistakes

---
 assets/mobirise/css/mbr-additional.css |   7 ++
 index.html                             | 138 ++++++++++++-------------
 2 files changed, 75 insertions(+), 70 deletions(-)

diff --git a/assets/mobirise/css/mbr-additional.css b/assets/mobirise/css/mbr-additional.css
index 64cb9a8..3b7e149 100644
--- a/assets/mobirise/css/mbr-additional.css
+++ b/assets/mobirise/css/mbr-additional.css
@@ -1589,6 +1589,13 @@ a {
 .cid-tCxUP7W3S9 .title-wrapper {
  padding-top: 35%;
 }
+
+@media (max-width: 1200px) {
+ .cid-tCxUP7W3S9 .title-wrapper {
+  margin-top: 250px;
+ }
+}
+
 .cid-tCxUP7W3S9 .title-wrapper .mbr-section-title {
  margin-bottom: 40px;
 }
diff --git a/index.html b/index.html
index 4eef85e..1903c83 100644
--- a/index.html
+++ b/index.html
@@ -40,7 +40,7 @@
             <div class="navbar-brand d-flex">
                 <span class="navbar-logo">
                     <a href="../index.html">
-                        <img src="assets/images/logolibree.png" alt="Mobirise">
+                        <img src="assets/images/LibreeLogoSquare.png" alt="Mobirise">
                     </a>
                 </span>
                 <span class="navbar-caption-wrap"><a class="navbar-caption text-primary display-5" href="index.html#top">LIBREE</a></span>
@@ -71,14 +71,15 @@
 <section data-bs-version="5.1" class="header2 gamem5 cid-tCxUP7W3S9 mbr-fullscreen mbr-parallax-background" id="header2-1">
 
     
-
+    <div class="mbr-overlay" style="opacity: 0.1; background-color: rgb(0, 0, 0);">
+    </div>
 
     
     <div class="container">
         <div class="row">
             <div class="col-12">
                 <div class="title-wrapper">
-                    <h1 class="mbr-section-title mbr-fonts-style display-1"><strong><br>Your Social Gaming app on Lens</strong><div><strong><br></strong></div></h1>
+                    <h1 class="mbr-section-title mbr-fonts-style display-1"><strong><br>Social Gaming<br>on Lens</strong><div><strong><br></strong></div></h1>
                     <div class="mbr-section-btn"><a class="btn btn-primary-outline display-4" href="http://app.libree.xyz" target="_blank">START NOW</a></div>
                     <div class="icon-wrapper">
                         <a href="#" target="_blank">
@@ -148,70 +149,6 @@ <h4 class="item-title mbr-fonts-style display-7">Use your Lens handle to log in,
     </div>
 </section>
 
-  <section data-bs-version="5.1" class="content8 gamem5 cid-u9PsWixZ5G mbr-fullscreen mbr-parallax-background" id="content8-f">
-
-    
-
-    
-    <div class="mbr-overlay" style="opacity: 0.6; background-color: rgb(0, 0, 0);">
-    </div>
-
-    <div class="container-fluid">
-        <div class="row">
-            <div class="col-12 col-lg-6">
-                <div class="title-wrapper">
-                    <div class="title-wrap"> 
-                        <h2 class="mbr-section-title mbr-fonts-style display-2">LIBREE IS FULLY EMBEDDED ON YOUR LENS PROFILE</h2>
-                        <br>
-                        <br>
-                        <p class="mbr-text mbr-fonts-style display-7">Libree is built on Lens and everything you post in 
-                        <br>Libree will be posted in your other Lens apps.
-                         <br>
-                        <br>You will also be able to create guilds
-                        <br>and private communities with
-                        <br>special gaming new.
-                        </p>
-                        <div class="mbr-section-btn"><a class="btn btn-primary-outline display-4" href="http://app.libree.xyz" target="_blank">Start now!</a></div>
-                    </div>
-                </div>
-            </div>
-            <div class="col-12 col-lg-6">
-                <div class="image-wrapper">
-                </div>
-            </div>
-        </div>
-    </div>
-</section>
-
-
-<section data-bs-version="5.1" class="content1 gamem5 cid-u9P3IDvPzf" id="content1-5">
-    
-
-    <div class="container-fluid">
-        <div class="row">
-            <div class="col-12 col-lg-6">
-                <div class="image-wrapper">
-                    
-                    <img src="assets/images/GamesBG.jpg" alt="Mobirise Website Builder">
-                </div>
-        
-            </div>
-            <div class="col-12 col-lg-6">
-                <div class="title-wrapper">
-                    
-                    <h2 class="mbr-section-title mbr-fonts-style display-1"><strong>Want to see your game in Libree?</strong></h2>
-                    <p class="mbr-text mbr-fonts-style display-7">Send us your proposal now!&nbsp;<br>
-                    <div class="mbr-section-btn"><a class="btn btn-primary-outline display-4" href="https://discord.com/invite/hEXqSBE298" target="_blank">
-                            SEND PROPOSAL
-                        </a></div>
-                </div>
-            </div>
-        </div>
-    </div>
-</section>
-
-
-
 <section data-bs-version="5.1" class="content5 gamem5 cid-u9PvNFhziK mbr-parallax-background" id="content5-i">
 
     
@@ -224,8 +161,8 @@ <h2 class="mbr-section-title mbr-fonts-style display-1"><strong>Want to see your
         <div class="row">
             <div class="col-12">
                 <div class="title-wrapper">
-                    <h2 class="mbr-section-title mbr-fonts-style display-1">Whether you are into casual gaming, RPG or multiplayer you will find your next obsession in Libree</h2>
-                    <div class="mbr-section-btn"><a class="btn btn-primary-outline display-5" href="http://app.libree.xyz" target="_blank">EXPLORE GAMES</a></div>
+                    <h2 class="mbr-section-title mbr-fonts-style display-2">Whether you are into casual gaming, RPG or multiplayer you will find your next obsession in Libree</h2>
+                    <div class="mbr-section-btn"><a class="btn btn-primary-outline display-6" href="http://app.libree.xyz" target="_blank">EXPLORE GAMES</a></div>
                 </div>
             </div>
         </div>
@@ -283,11 +220,72 @@ <h6 class="text-center text-primary mbr-text mbr-fonts-style display-7">(coming
     </div>
 </section>
 
-<section data-bs-version="5.1" class="content2 gamem5 cid-u9PGYQJm24" id="content2-n">
+  <section data-bs-version="5.1" class="content8 gamem5 cid-u9PsWixZ5G mbr-fullscreen mbr-parallax-background" id="content8-f">
+
+    
 
     
+    <div class="mbr-overlay" style="opacity: 0.6; background-color: rgb(0, 0, 0);">
+    </div>
+
+    <div class="container-fluid">
+        <div class="row">
+            <div class="col-12 col-lg-6">
+                <div class="title-wrapper">
+                    <div class="title-wrap"> 
+                        <h2 class="mbr-section-title mbr-fonts-style display-2">LIBREE IS FULLY EMBEDDED ON YOUR LENS PROFILE</h2>
+                        <br>
+                        <br>
+                        <p class="mbr-text mbr-fonts-style display-7">Libree is built on Lens and everything you post in 
+                        <br>Libree will be posted in your other Lens apps.
+                         <br>
+                        <br>You will also be able to create guilds
+                        <br>and private communities with
+                        <br>special gaming new.
+                        </p>
+                        <div class="mbr-section-btn"><a class="btn btn-primary-outline display-4" href="http://app.libree.xyz" target="_blank">Start now!</a></div>
+                    </div>
+                </div>
+            </div>
+            <div class="col-12 col-lg-6">
+                <div class="image-wrapper">
+                </div>
+            </div>
+        </div>
+    </div>
+</section>
 
+
+<section data-bs-version="5.1" class="content1 gamem5 cid-u9P3IDvPzf" id="content1-5">
     
+
+    <div class="container-fluid">
+        <div class="row">
+            <div class="col-12 col-lg-6">
+                <div class="image-wrapper">
+                    
+                    <img src="assets/images/GamesBG.jpg" alt="Mobirise Website Builder">
+                </div>
+        
+            </div>
+            <div class="col-12 col-lg-6">
+                <div class="title-wrapper">
+                    
+                    <h2 class="mbr-section-title mbr-fonts-style display-1"><strong>Want to see your game in Libree?</strong></h2>
+                    <p class="mbr-text mbr-fonts-style display-7">Send us your proposal now!&nbsp;<br>
+                    <div class="mbr-section-btn"><a class="btn btn-primary-outline display-4" href="https://discord.com/invite/hEXqSBE298" target="_blank">
+                            SEND PROPOSAL
+                        </a></div>
+                </div>
+            </div>
+        </div>
+    </div>
+</section>
+
+
+
+<section data-bs-version="5.1" class="content2 gamem5 cid-u9PGYQJm24" id="content2-n">
+
     
 
     <div class="container-fluid">