Skip to content

Commit

Permalink
working on page 10 and 11
Browse files Browse the repository at this point in the history
  • Loading branch information
@RAHUL956777
RAHUL956777 committed Jul 10, 2023
1 parent c6e8f31 commit c8ad0eb
Show file tree
Hide file tree
Showing 3 changed files with 162 additions and 53 deletions.
151 changes: 111 additions & 40 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,17 +4,23 @@
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Magma</title>
<link rel="stylesheet" href="style.css">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/fonts/remixicon.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/locomotive-scroll.css">
<link rel="stylesheet" href="style.css" />
<link
href="https://cdn.jsdelivr.net/npm/[email protected]/fonts/remixicon.css"
rel="stylesheet"
/>
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/[email protected]/dist/locomotive-scroll.css"
/>
</head>
<body>
<div id="main">
<div data-scroll data-scroll-speed="-5" id="page1">
<nav>
<img src="images/Screenshot 2023-05-30 220719.png" alt="img">
<img src="images/Screenshot 2023-05-30 220719.png" alt="img" />
<div id="right-nav">
<button>Book a Demo</button>
<button class="slider-button ">Book a Demo</button>
<button id="btn"><i class="ri-menu-5-line"></i></button>
</div>
</nav>
Expand All @@ -40,49 +46,114 @@ <h4>
</div>
<div id="page2">
<h2>CERTIFY YOUR BUILDING AS A DIGITAL TWIN TOKEN (DTT®)</h2>
<h1>The Digital Twin Token is a unique digital asset backed by property data. Magma combines your building’s components and systems essential information into a DTT®.</h1>
<h1>
The Digital Twin Token is a unique digital asset backed by property
data. Magma combines your building’s components and systems essential
information into a DTT®.
</h1>
</div>
<div id="page3">
<canvas></canvas>
</div>
<div id="page4">
<h3>CONNECT THE BUILDING'S TWIN TO YOUR STAKEHOLDERS</h3>
<h1>Users connect directly to the DTT® without any intermediaries. As Stakeholder, they have the power to upload and verify information that enriches the Digital Twin Token. A Stakeholder's ability to access validated-data to perform tasks depends on their specific role.</h1>
</div>
<div id="page5">
<canvas></canvas>
</div>
<div id="page6">
<h3>INCREASE YOUR DIGITAL TWIN TOKEN’S VALUE</h3>
<h1>DTT® data increases the value of your digital asset by lowering operational costs, improving energy use, assisting commercialization, and boosting the liquidity of your building.</h1>
</div>
<div id="page7">
<div class="page7-crl">
<div class="page7-crl-inner"></div>
<div id="page3">
<canvas></canvas>
</div>
<canvas></canvas>
</div>
<div id="page8">
<div class="page8-bottom">
<h1>Magma DTT</h1>
<button>LEARN MORE</button>
<div id="page4">
<h3>CONNECT THE BUILDING'S TWIN TO YOUR STAKEHOLDERS</h3>
<h1>
Users connect directly to the DTT® without any intermediaries. As
Stakeholder, they have the power to upload and verify information that
enriches the Digital Twin Token. A Stakeholder's ability to access
validated-data to perform tasks depends on their specific role.
</h1>
</div>
<video src="https://thisismagma.com/wp-content/themes/magma/assets/home/glass/1.webm?2" autoplay loop muted></video>
</div>
<div id="page9">
<div class="left9">
<h1>What is <br>
Magma?</h1>
<div id="page5">
<canvas></canvas>
</div>
<div class="right9">
<div class="right9-center"></div>
<div id="page6">
<h3>INCREASE YOUR DIGITAL TWIN TOKEN’S VALUE</h3>
<h1>
DTT® data increases the value of your digital asset by lowering
operational costs, improving energy use, assisting commercialization,
and boosting the liquidity of your building.
</h1>
</div>
<div id="page7">
<div class="page7-crl">
<div class="page7-crl-inner"></div>
</div>
<canvas></canvas>
</div>
<div id="page8">
<div class="page8-bottom">
<h1>Magma DTT</h1>
<button>LEARN MORE</button>
</div>
<video
src="https://thisismagma.com/wp-content/themes/magma/assets/home/glass/1.webm?2"
autoplay
loop
muted
></video>
</div>
<div id="page9">
<div class="left9">
<h1>
What is <br />
Magma?
</h1>
</div>
<div class="right9">
<div class="right9-center"></div>
</div>
</div>
<div id="page10">
<div class="right-10">
<div class="right10-inner">
<h1>Web3 platform</h1>
<p>
Magma is a Web3 platform for all real estate stakeholders, which
provides users with the ability to manage interactions between
physical and digital assets through unique, and collectively
generated, 3D representations of their buildings.
</p>
</div>
<div class="right10-inner">
<h1>The Digital Twin Token: The building’s unique digital copy</h1>
<p>
Magma uses blockchain technology to record essential data, which
enables transparent, traceable, and immutable streams of
information to be readily accessible to its users. Magma smart
contracts are built with this blockchain data to expedite tasks
like requests for proposals, lease agreements, and services
arrangements.
</p>
</div>
<div class="right10-inner">
<h1>An Index of digitization</h1>
<p>
The Magma Index provides valuable insight for decision-making
regarding data-sharing, service-creating, and
operational/environmental expectations.
</p>
</div>
</div>
</div>
<div id="page11">
<h1>Recent Blog</h1>
</div>
</div>
</div>

<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/locomotive-scroll.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.1/gsap.min.js" integrity="sha512-qF6akR/fsZAB4Co1QDDnUXWnaQseLGXoniuSuSlPQK6+aWhlMZcHzkasCSlnWoe+TJuudlka1/IQ01Dnhgq95g==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.1/ScrollTrigger.min.js" integrity="sha512-IHDCHrefnBT3vOCsvdkMvJF/MCPz/nBauQLzJkupa4Gn4tYg5a6VGyzIrjo6QAUy3We5HFOZUlkUpP0dkgE60A==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script
src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.1/gsap.min.js"
integrity="sha512-qF6akR/fsZAB4Co1QDDnUXWnaQseLGXoniuSuSlPQK6+aWhlMZcHzkasCSlnWoe+TJuudlka1/IQ01Dnhgq95g=="
crossorigin="anonymous"
referrerpolicy="no-referrer"
></script>
<script
src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.1/ScrollTrigger.min.js"
integrity="sha512-IHDCHrefnBT3vOCsvdkMvJF/MCPz/nBauQLzJkupa4Gn4tYg5a6VGyzIrjo6QAUy3We5HFOZUlkUpP0dkgE60A=="
crossorigin="anonymous"
referrerpolicy="no-referrer"
></script>
<script src="script.js"></script>
</body>
</html>
13 changes: 0 additions & 13 deletions script.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -303,19 +303,6 @@ function canvas1() {
./images/bridges00157.png
./images/bridges00160.png
./images/bridges00163.png
./images/bridges00166.png
./images/bridges00169.png
./images/bridges00172.png
./images/bridges00175.png
./images/bridges00178.png
./images/bridges00181.png
./images/bridges00184.png
./images/bridges00187.png
./images/bridges00190.png
./images/bridges00193.png
./images/bridges00196.png
./images/bridges00199.png
./images/bridges00202.png
`;
return datas.split("\n")[index];
}
Expand Down
51 changes: 51 additions & 0 deletions style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -334,3 +334,54 @@ body {
background-image: url(https://thisismagma.com/wp-content/uploads/2023/04/magma.wp2.cubdev.com-home-1.jpeg);
background-size: cover;
}

#page10 {
position: relative;
height: 100vh;
width: 100vw;
background-color: #0a3cce;
}

.right-10 {
height: 100%;
width: 60%;
position: relative;
left: 40%;
}

#page10 > .right-10 > .right10-inner {
display: flex;
align-items: start;
flex-direction: column;
height: 33.3%;
width: 100%;
font-family: a;
color: #fff;
}

#page10 > .right-10 > .right10-inner > h1 {
font-size: 2vw;
}

#page10 > .right-10 > .right10-inner > p {
font-size: 1.3vw;
width: 80%;
margin-top: 2vw;
}

#page11 {
position: relative;
height: 110vh;
width: 100vw;
background-color: #fff;
font-family: a;
}

#page11 > h1 {
position: absolute;
top: 5%;
left: 10%;
font-size: 4vw;
color: black;
font-weight: 100;
}

0 comments on commit c8ad0eb

Please sign in to comment.