diff --git a/index.html b/index.html index c17f48b..420c0a2 100644 --- a/index.html +++ b/index.html @@ -4,17 +4,23 @@ Magma - - - + + +
@@ -40,49 +46,114 @@

CERTIFY YOUR BUILDING AS A DIGITAL TWIN TOKEN (DTT®)

-

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®.

+

+ 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®. +

-
- -
-
-

CONNECT THE BUILDING'S TWIN TO YOUR STAKEHOLDERS

-

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.

-
-
- -
-
-

INCREASE YOUR DIGITAL TWIN TOKEN’S VALUE

-

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.

-
-
-
-
+
+
- -
-
-
-

Magma DTT

- +
+

CONNECT THE BUILDING'S TWIN TO YOUR STAKEHOLDERS

+

+ 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. +

- -
-
-
-

What is
- Magma?

+
+
-
-
+
+

INCREASE YOUR DIGITAL TWIN TOKEN’S VALUE

+

+ 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. +

+
+
+
+
+
+ +
+
+
+

Magma DTT

+ +
+ +
+
+
+

+ What is
+ Magma? +

+
+
+
+
+
+
+
+
+

Web3 platform

+

+ 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. +

+
+
+

The Digital Twin Token: The building’s unique digital copy

+

+ 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. +

+
+
+

An Index of digitization

+

+ The Magma Index provides valuable insight for decision-making + regarding data-sharing, service-creating, and + operational/environmental expectations. +

+
+
+
+
+

Recent Blog

-
- - + + diff --git a/script.js b/script.js index c4a4249..b7a60f1 100644 --- a/script.js +++ b/script.js @@ -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]; } diff --git a/style.css b/style.css index 9ea7e16..61139ee 100644 --- a/style.css +++ b/style.css @@ -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; +}