MagmaMain/index.html at main · Tuhin114/MagmaMain · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="style.css">

    <!-- Iconscout link for icon -->
    <link rel="stylesheet" href="https://unicons.iconscout.com/release/v4.0.8/css/line.css">

    <!-- Locomotive js css cdn link for smooth & fast scrolling  -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/locomotive-scroll@4.1.4/dist/locomotive-scroll.min.css">
</head>
<body>

    <div id="main">
        <!-- data-scroll data-scroll-speed="-5" is for the smooth upwards feeling -->
        <div data-scroll data-scroll-speed="-5" id="page1">
            <nav>
                <img src="img/logo.png" alt="Logo">
                <div id="right-nav">
                    <button>Book a Demo</button>
                    <button><i class="uil uil-bars"></i></button>
                </div>
            </nav>
            <div class="bottom-page1">
                <h1>Experience Real  <br> Estate Agility</h1>
                <div class="bottom-page1-inner">
                    <h4>Create a digital twin of your existing building <br> and release the potential of Web3.</h4>
                    <button>LEARN MORE</button>
                </div>
            </div>
            <video src="https://thisismagma.com/wp-content/themes/magma/assets/home/hero/1.mp4?2" autoplay="" loop="" muted=""></video>
        </div>
        <div id="page2">
            <h2>CERTIFY YOUR BUILDING AS A DIGITAL TWIN TOKEN (DTT)</h2>
            <h1>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eveniet quod cupiditate officia delectus facilis maiores ipsam illum! Fugiat, nulla qui.</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-cir">
                <div class="page7-cir-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="right10">
                <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 class="page11-inner">
                <div class="left11">
                    <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="">
                </div>
                <div class="right11">
                    <h4>MAY 30,2023</h4>
                    <h1>Magma At CBRE France's 3rd Tech Talk</h1>

                </div>
            </div>
            <div class="page11-inner">
                <div class="left11">
                    <img src="https://thisismagma.com/wp-content/uploads/2023/05/thisismagma.com-workshop-blockchain-et-actif-digitaux-sba-16-min-scaled.jpg" alt="">
                </div>
                <div class="right11">
                    <h4>MAY 30,2023</h4>
                    <h1>Magma At CBRE France's 3rd Tech Talk</h1>

                </div>
            </div>
            <div class="page11-inner">
                <div class="left11">
                    <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="">
                </div>
                <div class="right11">
                    <h4>MAY 30,2023</h4>
                    <h1>Magma At CBRE France's 3rd Tech Talk</h1>

                </div>
            </div>

        </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="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="uil uil-arrow-up-right"></i>
                <div class="center14"></div>
            </div>
            <div class="page14-inner">
                <h1>LinkedIn</h1>
                <i class="uil uil-arrow-up-right"></i>
                <div class="center14"></div>

            </div>
            <div class="page14-inner">
                <h1>Instagram</h1>
                <i class="uil uil-arrow-up-right"></i>
                <div class="center14"></div>

            </div>
        </div>
        </div>

    <!-- Locomotive js css cdn for smooth & fast scrolling  -->
    <script src="https://cdn.jsdelivr.net/npm/locomotive-scroll@4.1.4/dist/locomotive-scroll.min.js"></script>

    <!-- GSAP cdn link for smooth scroll bar -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/ScrollTrigger.min.js" integrity="sha512-Ic9xkERjyZ1xgJ5svx3y0u3xrvfT/uPkV99LBwe68xjy/mGtO+4eURHZBW2xW4SZbFrF1Tf090XqB+EVgXnVjw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>

    <!-- GSAP cdn link inclution -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/gsap.min.js" integrity="sha512-16esztaSRplJROstbIIdwX3N97V1+pZvV33ABoG1H2OyTttBxEGkTsoIVsiP1iaTtM8b3+hu2kB6pQ4Clr5yug==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>

    <!-- Script inclution -->
    <script src="script.js"></script>
</body>
</html>