Skip to content

Commit b1f7ff0

Browse files
3scava1i3r3scava1i3r
committed
changes for website look
1 parent c455334 commit b1f7ff0

5 files changed

+1296
-2
lines changed

‎README.md

+1-2
Original file line numberDiff line numberDiff line change
@@ -1,2 +1 @@
1-
# IPFS-VirualVacation
2-
Virtual Vacation game with ipfs and creators
1+
## Remake websites #1

‎Screenshot 2023-05-30 220719.png

1.75 KB
Loading

‎index.html

+159
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,159 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>Document</title>
7+
<link rel="stylesheet" href="style.css">
8+
<link href="https://cdn.jsdelivr.net/npm/[email protected]/fonts/remixicon.css" rel="stylesheet">
9+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/locomotive-scroll.css">
10+
</head>
11+
<body>
12+
<div id="main">
13+
<div data-scroll data-scroll-speed="-5" id="page1">
14+
<nav>
15+
<img src="./Screenshot 2023-05-30 220719.png" alt="">
16+
<div id="right-nav">
17+
<button>Book a Demo</button>
18+
<button><i class="ri-menu-fill"></i></button>
19+
</div>
20+
</nav>
21+
<div class="bottom-page1">
22+
<h1>Experience Real <br> Estate Agility</h1>
23+
<div class="bottom-page1-inner">
24+
<h4>Create a digital twin of your existing building <br> and release the potential of Web3.</h4>
25+
<button>LEARN MORE</button>
26+
</div>
27+
</div>
28+
<video src="https://thisismagma.com/wp-content/themes/magma/assets/home/hero/1.mp4?2" autoplay loop muted ></video>
29+
</div>
30+
<div id="page2">
31+
<h2>CERTIFY YOUR BUILDING AS A DIGITAL TWIN TOKEN (DTT)</h2>
32+
<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.
33+
</h1>
34+
</div>
35+
<div id="page3">
36+
<canvas></canvas>
37+
</div>
38+
<div id="page4">
39+
<h3>CONNECT THE BUILDING'S TWIN TO YOUR STAKEHOLDERS</h3>
40+
<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>
41+
</div>
42+
<div id="page5">
43+
<canvas></canvas>
44+
</div>
45+
<div id="page6">
46+
<h3>INCREASE YOUR DIGITAL TWIN TOKEN’S VALUE</h3>
47+
<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>
48+
</div>
49+
<div id="page7">
50+
<div class="page7-cir">
51+
<div class="page7-cir-inner"></div>
52+
</div>
53+
<canvas></canvas>
54+
</div>
55+
<div id="page8">
56+
<div class="page8-bottom">
57+
<h1>Magma DTT</h1>
58+
<button>LEARN MORE</button>
59+
</div>
60+
<video src="https://thisismagma.com/wp-content/themes/magma/assets/home/glass/1.webm?2"autoplay loop muted></video>
61+
</div>
62+
<div id="page9">
63+
<div class="left9">
64+
<h1>What is <br> Magma?</h1>
65+
</div>
66+
<div class="right9">
67+
<div class="right9-center"></div>
68+
</div>
69+
</div>
70+
<div id="page10">
71+
<div class="right10">
72+
<div class="right10-inner">
73+
<h1>Web3 platform
74+
</h1>
75+
<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>
76+
</div>
77+
<div class="right10-inner">
78+
<h1>The Digital Twin Token: The building’s unique digital copy</h1>
79+
<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>
80+
</div>
81+
<div class="right10-inner">
82+
<h1>An Index of digitization</h1>
83+
<p>The Magma Index provides valuable insight for decision-making regarding data-sharing, service-creating, and operational/environmental expectations.</p>
84+
</div>
85+
</div>
86+
</div>
87+
<div id="page11">
88+
<h1>Recent Blog</h1>
89+
<div class="page11-inner">
90+
<div class="left11">
91+
<img src="https://thisismagma.com/wp-content/uploads/2023/05/thisismagma.com-magma-a-la-3eme-edition-du-tech-talk-de-cbre-france-1684942208038.jpeg" alt="">
92+
</div>
93+
<div class="right11">
94+
<h4>MAY 30,2023</h4>
95+
<h1>Magma At CBRE France's 3rd Tech Talk</h1>
96+
97+
</div>
98+
</div>
99+
<div class="page11-inner">
100+
<div class="left11">
101+
<img src="https://thisismagma.com/wp-content/uploads/2023/05/thisismagma.com-workshop-blockchain-et-actif-digitaux-sba-16-min-scaled.jpg" alt="">
102+
</div>
103+
<div class="right11">
104+
<h4>MAY 30,2023</h4>
105+
<h1>Magma At CBRE France's 3rd Tech Talk</h1>
106+
107+
</div>
108+
</div>
109+
<div class="page11-inner">
110+
<div class="left11">
111+
<img src="https://thisismagma.com/wp-content/uploads/2023/03/magma.wp2.cubdev.com-exploring-the-potential-of-real-estate-tokenization-digital-twins-magma.png" alt="">
112+
</div>
113+
<div class="right11">
114+
<h4>MAY 30,2023</h4>
115+
<h1>Magma At CBRE France's 3rd Tech Talk</h1>
116+
117+
</div>
118+
</div>
119+
120+
</div>
121+
<div id="page12">
122+
<div class="page12-inner">
123+
<h1>Featured In</h1>
124+
<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>
125+
</div>
126+
</div>
127+
<div id="page13">
128+
<h1>Become an
129+
<br>
130+
early adopter</h1>
131+
<button>BOOK A DEMO</button>
132+
</div>
133+
<div id="page14">
134+
<div class="page14-inner">
135+
<h1>Twitter</h1>
136+
<i class="ri-arrow-right-up-line"></i>
137+
<div class="center14"></div>
138+
</div>
139+
<div class="page14-inner">
140+
<h1>LinkedIn</h1>
141+
<i class="ri-arrow-right-up-line"></i>
142+
<div class="center14"></div>
143+
144+
</div>
145+
<div class="page14-inner">
146+
<h1>Instagram</h1>
147+
<i class="ri-arrow-right-up-line"></i>
148+
<div class="center14"></div>
149+
150+
</div>
151+
</div>
152+
</div>
153+
154+
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/locomotive-scroll.js"></script>
155+
<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>
156+
<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>
157+
<script src="script.js"></script>
158+
</body>
159+
</html>

0 commit comments

Comments
 (0)