Skip to content

Commit

Permalink
Merge pull request #22 from Libree/refactor/change_sections_position
Browse files Browse the repository at this point in the history 
refactor: change sections position and fix mistakes
  • Loading branch information
@Pedrocaloi
Pedrocaloi authored Jul 7, 2024
2 parents 635ea9d + 1793b88 commit 3340d05
Show file tree
Hide file tree
Showing 2 changed files with 75 additions and 70 deletions.
7 changes: 7 additions & 0 deletions assets/mobirise/css/mbr-additional.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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;
}
Expand Down
138 changes: 68 additions & 70 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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>
Expand Down Expand Up @@ -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">
Expand Down Expand Up @@ -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">


Expand All @@ -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>
Expand Down Expand Up @@ -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">
Expand Down

0 comments on commit 3340d05

Please sign in to comment.