Skip to content

Commit

Permalink
done till page 13
Browse files Browse the repository at this point in the history
  • Loading branch information
@Diivvuu
Diivvuu committed Feb 17, 2024
1 parent 50e2590 commit 5f40995
Show file tree
Hide file tree
Showing 3 changed files with 350 additions and 2 deletions.
186 changes: 185 additions & 1 deletion index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -99,7 +99,7 @@ <h1>Magma DTT®</h1>
muted
src="https://thisismagma.com/wp-content/themes/magma/assets/home/glass/1.webm?2"
></video>
</div> -->
</div>
<div id="page9">
<div class="left9">
<h1>
Expand Down Expand Up @@ -143,6 +143,190 @@ <h1>An Index of digitization</h1>
</div>
</div>
</div>
<div id="page11">
<h1>Recent blog</h1>
<div class="page11-inner">
<div class="left11">
<img
src="https://thisismagma.com/wp-content/uploads/2023/12/thisismagma.com-devenez-early-adopter-rejoignez-magma-en-tant-que-pionnier-de-limmobilier-digital-magma-early-adopter-program.png"
alt=""
/>
</div>
<div class="right11">
<h4>ANNOUNCEMENTS / DEC 22, 2023</h4>
<h1>
Become an Early Adopter: join Magma as a poineer in <br />
digital real estate!
</h1>
</div>
</div>
<div class="page11-inner">
<div class="left11">
<img
src="https://thisismagma.com/wp-content/uploads/2023/12/thisismagma.com-magma-bringing-bringin-tangible-value-to-nfts.jpeg"
alt=""
/>
</div>
<div class="right11">
<h4>REAL ESTATE AND WEB3 / DEC 07, 2023</h4>
<h1>
Magma - Bringing Tangible Value to NFTs in Real <br />Estate
</h1>
</div>
</div>
<div class="page11-inner">
<div class="left11">
<img
src="https://thisismagma.com/wp-content/uploads/2023/11/thisismagma.com-magma-welcomes-alejandro-laplana-to-its-advisory-board-screenshot-2023-11-30-at-13.43.46.png"
alt=""
/>
</div>
<div class="right11">
<h4>ANNOUNCEMENTS / NOV 30, 2023</h4>
<h1>
Magma welcomes Alejandro Laplana to its Advisory <br />Board
</h1>
</div>
</div>
<button>View all <i class="ri-arrow-right-line"></i></button>
</div>
<div id="page12">
<div class="page12-inner">
<h1>Featured In</h1>
<p>
Thrilled to have been featured in several prominent media <br />
outlets and leading professionals across the world's best <br />
real estate and web3 institutions
</p>
</div>
</div>
<div id="scroller-page12">
<div id="page12-scroller">
<div class="page12-image">
<picture>
<img
src="https://thisismagma.com/wp-content/uploads/2023/04/magma.wp2.cubdev.com-home-2.png"
srcset="
https://thisismagma.com/wp-content/uploads/2023/04/magma.wp2.cubdev.com-home-2-2x.png 2x
"
alt=""
/>
</picture>
</div>
<div class="page12-image">
<picture>
<img
src="https://thisismagma.com/wp-content/uploads/2023/04/magma.wp2.cubdev.com-home-3.png"
srcset="
https://thisismagma.com/wp-content/uploads/2023/04/magma.wp2.cubdev.com-home-3-2x.png 2x
"
alt=""
/>
</picture>
</div>
<div class="page12-image">
<picture>
<img
src="https://thisismagma.com/wp-content/uploads/2023/04/magma.wp2.cubdev.com-home-4.png"
srcset="
https://thisismagma.com/wp-content/uploads/2023/04/magma.wp2.cubdev.com-home-4-2x.png 2x
"
alt=""
/>
</picture>
</div>
<div class="page12-image">
<picture>
<img
src="https://thisismagma.com/wp-content/uploads/2023/04/magma.wp2.cubdev.com-home-5.png"
srcset="
https://thisismagma.com/wp-content/uploads/2023/04/magma.wp2.cubdev.com-home-5-2x.png 2x
"
alt=""
/>
</picture>
</div>
<div class="page12-image">
<picture>
<img
src="https://thisismagma.com/wp-content/uploads/2023/04/magma.wp2.cubdev.com-home-6.png"
srcset="
https://thisismagma.com/wp-content/uploads/2023/04/magma.wp2.cubdev.com-home-6-2x.png 2x
"
alt=""
/>
</picture>
</div>
<div class="page12-image">
<picture>
<img
src="https://thisismagma.com/wp-content/uploads/2023/04/magma.wp2.cubdev.com-home-7.png"
srcset="
https://thisismagma.com/wp-content/uploads/2023/04/magma.wp2.cubdev.com-home-7-2x.png 2x
"
alt=""
/>
</picture>
</div>
<div class="page12-image">
<picture>
<img
src="https://thisismagma.com/wp-content/uploads/2023/04/magma.wp2.cubdev.com-home-8.png"
srcset="
https://thisismagma.com/wp-content/uploads/2023/04/magma.wp2.cubdev.com-home-8-2x.png 2x
"
alt=""
/>
</picture>
</div>
<div class="page12-image">
<picture>
<img
src="https://thisismagma.com/wp-content/uploads/2023/11/thisismagma.com-home-francais-data4u.png"
srcset="
https://thisismagma.com/wp-content/uploads/2023/11/thisismagma.com-home-francais-data4u.png 2x
"
alt=""
/>
</picture>
</div>
<div class="page12-image">
<picture>
<img
src="https://thisismagma.com/wp-content/uploads/2023/12/thisismagma.com-home-autodesk-logo.png"
srcset="
https://thisismagma.com/wp-content/uploads/2023/12/thisismagma.com-home-autodesk-logo.png 2x
"
alt=""
/>
</picture>
</div>
</div>
</div> -->
<div id="page13">
<h1>
Become an <br />
early adopter
</h1>
<button>BOOK A DEMO</button>
</div>
<div id="page14">
<div class="page14-inner">
<h1>Twitter</h1>
<i class="ri-arrow-right-up-line"></i>
<div id="center14"></div>
</div>
<div class="page14-inner">
<h1>LinkedIn</h1>
<i class="ri-arrow-right-up-line"></i>
<div id="center-14"></div>
</div>
<div class="page14-inner">
<h1>Instagram</h1>
<i class="ri-arrow-right-up-line"></i>
<div id="center-14"></div>
</div>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/locomotive-scroll@3.5.4/dist/locomotive-scroll.js"></script>
<script
Expand Down
14 changes: 14 additions & 0 deletions links.txt
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,14 @@
image 1 = <picture> <img src="https://thisismagma.com/wp-content/uploads/2023/04/magma.wp2.cubdev.com-home-2.png" srcset="https://thisismagma.com/wp-content/uploads/2023/04/magma.wp2.cubdev.com-home-2-2x.png 2x" alt=""> </picture>
image 2 = <picture> <img src="https://thisismagma.com/wp-content/uploads/2023/04/magma.wp2.cubdev.com-home-3.png" srcset="https://thisismagma.com/wp-content/uploads/2023/04/magma.wp2.cubdev.com-home-3-2x.png 2x" alt=""> </picture>
image 3 = <picture> <img src="https://thisismagma.com/wp-content/uploads/2023/04/magma.wp2.cubdev.com-home-4.png" srcset="https://thisismagma.com/wp-content/uploads/2023/04/magma.wp2.cubdev.com-home-4-2x.png 2x" alt=""> </picture>
image 4 = <picture> <img src="https://thisismagma.com/wp-content/uploads/2023/04/magma.wp2.cubdev.com-home-5.png" srcset="https://thisismagma.com/wp-content/uploads/2023/04/magma.wp2.cubdev.com-home-5-2x.png 2x" alt=""> </picture>
image 5 = <picture> <img src="https://thisismagma.com/wp-content/uploads/2023/04/magma.wp2.cubdev.com-home-6.png" srcset="https://thisismagma.com/wp-content/uploads/2023/04/magma.wp2.cubdev.com-home-6-2x.png 2x" alt=""> </picture>
image 6 = <picture> <img src="https://thisismagma.com/wp-content/uploads/2023/04/magma.wp2.cubdev.com-home-7.png" srcset="https://thisismagma.com/wp-content/uploads/2023/04/magma.wp2.cubdev.com-home-7-2x.png 2x" alt=""> </picture>
image 7 = <picture> <img src="https://thisismagma.com/wp-content/uploads/2023/04/magma.wp2.cubdev.com-home-8.png" srcset="https://thisismagma.com/wp-content/uploads/2023/04/magma.wp2.cubdev.com-home-8-2x.png 2x" alt=""> </picture>
image 8 = <picture> <img src="https://thisismagma.com/wp-content/uploads/2023/11/thisismagma.com-home-francais-data4u.png" srcset="https://thisismagma.com/wp-content/uploads/2023/11/thisismagma.com-home-francais-data4u.png 2x" alt=""> </picture>
image 9 = <picture> <img src="https://thisismagma.com/wp-content/uploads/2023/12/thisismagma.com-home-autodesk-logo.png" srcset="https://thisismagma.com/wp-content/uploads/2023/12/thisismagma.com-home-autodesk-logo.png 2x" alt=""> </picture>
image 10 = <picture> <img src="https://thisismagma.com/wp-content/uploads/2023/12/thisismagma.com-home-logion-logo.png" srcset="https://thisismagma.com/wp-content/uploads/2023/12/thisismagma.com-home-logion-logo.png 2x" alt=""> </picture>
image clone 1 = <picture> <img src="https://thisismagma.com/wp-content/uploads/2023/12/thisismagma.com-home-logion-logo.png" srcset="https://thisismagma.com/wp-content/uploads/2023/12/thisismagma.com-home-logion-logo.png 2x" alt=""> </picture>
image clone 2 = <picture> <img src="https://thisismagma.com/wp-content/uploads/2023/04/magma.wp2.cubdev.com-home-2.png" srcset="https://thisismagma.com/wp-content/uploads/2023/04/magma.wp2.cubdev.com-home-2-2x.png 2x" alt=""> </picture>
image clone 3 = <picture> <img src="https://thisismagma.com/wp-content/uploads/2023/04/magma.wp2.cubdev.com-home-3.png" srcset="https://thisismagma.com/wp-content/uploads/2023/04/magma.wp2.cubdev.com-home-3-2x.png 2x" alt=""> </picture>
image clone 4 = <picture> <img src="https://thisismagma.com/wp-content/uploads/2023/04/magma.wp2.cubdev.com-home-4.png" srcset="https://thisismagma.com/wp-content/uploads/2023/04/magma.wp2.cubdev.com-home-4-2x.png 2x" alt=""> </picture>
152 changes: 151 additions & 1 deletion style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -310,10 +310,11 @@ body {
background-color: #0a3cce;
}
.right10 {
height: 100%px;
height: 100%;
width: 65%;
position: relative;
left: 37%;
top: 10%;
}
.right10-inner {
display: flex;
Expand All @@ -333,3 +334,152 @@ body {
font-weight: 100;
width: 80%;
}
#page11 {
position: relative;
height: 170vh;
width: 100vw;
background-color: #fff;
font-family: a;
}
#page11 > h1 {
position: absolute;
font-weight: 100;
font-size: 6vw;
top: 10%;
left: 10%;
}
.page11-inner {
display: flex;
position: relative;
top: 22%;
width: 100%;
height: 20%;
margin-bottom: 2vw;
}
.left11 {
position: relative;
height: 100%;
width: 40%;
left: 10%;
border-radius: 10px;
overflow: hidden;
}
.left11 > img {
height: 100%;
width: 100%;
scale: 1;
object-fit: cover;
transition: all ease 0.5s;
}
.right11 {
position: absolute;
left: 53%;
padding-top: 3vw;
padding-right: 5%;
}
.right11 > h1 {
font-size: 1.6vw;
font-weight: 100;
}
.right11 > h4 {
font-weight: 900;
}
.left11:hover > img {
scale: 1.1;
}
#page11 button {
position: absolute;
left: 50%;
top: 92%;
background-color: transparent;
color: #0a3cce;
padding: 1%;
border: 1px solid black;
border-radius: 25px;
font-size: large;
}

#page12 {
height: 100vh;
width: 100vw;
background-color: #02268e;
position: relative;
}
.page12-inner {
position: absolute;
font-family: a;
color: #fff;
top: 20%;
right: 18%;
}
.page12-inner h1 {
font-size: 6vw;
font-weight: 100;
margin-bottom: 1vw;
}
.page12-inner p {
font-size: 1.2vw;
font-weight: 100;
}
.page12-image img {
height: auto;
}
#scroller-page12 {
height: 50vh;
width: 100vw;
background-color: #02268e;
white-space: nowrap;
overflow: hidden;
position: relative;
}
#page12-scroller {
display: flex;
gap: 20%;
background-color: #02268e;
white-space: nowrap;
animation: scroll 20s linear infinite;
}
#page12-scroller::-webkit-scrollbar {
display: none;
}
@keyframes scroll {
from {
transform: translateX(-100%);
}
to {
transform: translateX(100%);
}
}

#page13 {
height: 100vh;
width: 100vw;
background-color: #0f0f17;
font-family: a;
position: relative;
padding: 7vw 10vw;
}
#page13 h1 {
color: #fff;
font-size: 6vw;
line-height: 7vw;
font-weight: 100;
margin-bottom: 4vw;
}
#page13 button {
font-size: larger;
padding: 1.5vw 3vw;
border: none;
background-color: #0a3cce;
color: #fff;
border-radius: 50px;
}

#page14 {
position: relative;
height: 100vh;
width: 100vw;
background-color: #0f0f17;
}
.page14-inner {
}

0 comments on commit 5f40995

Please sign in to comment.