new assets added and created navbar

Diivvuu · Feb 5, 2024 · d3ea584 · d3ea584
1 parent 9d239ce
commit d3ea584
Show file tree

Hide file tree

Showing 126 changed files with 102 additions and 1 deletion.
diff --git a/Assets/KFOlCnqEu92Fr1MmEU9fBBc4 (1).ttf b/Assets/KFOlCnqEu92Fr1MmEU9fBBc4 (1).ttf
diff --git a/Assets/KFOmCnqEu92Fr1Mu4mxK (1).ttf b/Assets/KFOmCnqEu92Fr1Mu4mxK (1).ttf
diff --git a/Assets/Screenshot 2023-05-30 220719.png b/Assets/Screenshot 2023-05-30 220719.png
diff --git a/Assets/bridges00004.png b/Assets/bridges00004.png
diff --git a/Assets/bridges00007.png b/Assets/bridges00007.png
diff --git a/Assets/bridges00010.png b/Assets/bridges00010.png
diff --git a/Assets/bridges00013.png b/Assets/bridges00013.png
diff --git a/Assets/bridges00016.png b/Assets/bridges00016.png
diff --git a/Assets/bridges00019.png b/Assets/bridges00019.png
diff --git a/Assets/bridges00022.png b/Assets/bridges00022.png
diff --git a/Assets/bridges00025.png b/Assets/bridges00025.png
diff --git a/Assets/bridges00028.png b/Assets/bridges00028.png
diff --git a/Assets/bridges00031.png b/Assets/bridges00031.png
diff --git a/Assets/bridges00034.png b/Assets/bridges00034.png
diff --git a/Assets/bridges00037.png b/Assets/bridges00037.png
diff --git a/Assets/bridges00040.png b/Assets/bridges00040.png
diff --git a/Assets/bridges00043.png b/Assets/bridges00043.png
diff --git a/Assets/bridges00046.png b/Assets/bridges00046.png
diff --git a/Assets/bridges00049.png b/Assets/bridges00049.png
diff --git a/Assets/bridges00052.png b/Assets/bridges00052.png
diff --git a/Assets/bridges00055.png b/Assets/bridges00055.png
diff --git a/Assets/bridges00058.png b/Assets/bridges00058.png
diff --git a/Assets/bridges00061.png b/Assets/bridges00061.png
diff --git a/Assets/bridges00064.png b/Assets/bridges00064.png
diff --git a/Assets/bridges00067.png b/Assets/bridges00067.png
diff --git a/Assets/bridges00070.png b/Assets/bridges00070.png
diff --git a/Assets/bridges00073.png b/Assets/bridges00073.png
diff --git a/Assets/bridges00076.png b/Assets/bridges00076.png
diff --git a/Assets/bridges00079.png b/Assets/bridges00079.png
diff --git a/Assets/bridges00082.png b/Assets/bridges00082.png
diff --git a/Assets/bridges00085.png b/Assets/bridges00085.png
diff --git a/Assets/bridges00088.png b/Assets/bridges00088.png
diff --git a/Assets/bridges00091.png b/Assets/bridges00091.png
diff --git a/Assets/bridges00094.png b/Assets/bridges00094.png
diff --git a/Assets/bridges00097.png b/Assets/bridges00097.png
diff --git a/Assets/bridges00100.png b/Assets/bridges00100.png
diff --git a/Assets/bridges00103.png b/Assets/bridges00103.png
diff --git a/Assets/bridges00106.png b/Assets/bridges00106.png
diff --git a/Assets/bridges00109.png b/Assets/bridges00109.png
diff --git a/Assets/bridges00112.png b/Assets/bridges00112.png
diff --git a/Assets/bridges00115.png b/Assets/bridges00115.png
diff --git a/Assets/bridges00118.png b/Assets/bridges00118.png
diff --git a/Assets/bridges00121.png b/Assets/bridges00121.png
diff --git a/Assets/bridges00124.png b/Assets/bridges00124.png
diff --git a/Assets/bridges00127.png b/Assets/bridges00127.png
diff --git a/Assets/bridges00130.png b/Assets/bridges00130.png
diff --git a/Assets/bridges00133.png b/Assets/bridges00133.png
diff --git a/Assets/bridges00136.png b/Assets/bridges00136.png
diff --git a/Assets/bridges00139.png b/Assets/bridges00139.png
diff --git a/Assets/bridges00142.png b/Assets/bridges00142.png
diff --git a/Assets/bridges00145.png b/Assets/bridges00145.png
diff --git a/Assets/bridges00148.png b/Assets/bridges00148.png
diff --git a/Assets/bridges00151.png b/Assets/bridges00151.png
diff --git a/Assets/bridges00154.png b/Assets/bridges00154.png
diff --git a/Assets/bridges00157.png b/Assets/bridges00157.png
diff --git a/Assets/bridges00160.png b/Assets/bridges00160.png
diff --git a/Assets/bridges00163.png b/Assets/bridges00163.png
diff --git a/Assets/frames00007.png b/Assets/frames00007.png
diff --git a/Assets/frames00010.png b/Assets/frames00010.png
diff --git a/Assets/frames00013.png b/Assets/frames00013.png
diff --git a/Assets/frames00016.png b/Assets/frames00016.png
diff --git a/Assets/frames00019.png b/Assets/frames00019.png
diff --git a/Assets/frames00022.png b/Assets/frames00022.png
diff --git a/Assets/frames00025.png b/Assets/frames00025.png
diff --git a/Assets/frames00028.png b/Assets/frames00028.png
diff --git a/Assets/frames00031.png b/Assets/frames00031.png
diff --git a/Assets/frames00034.png b/Assets/frames00034.png
diff --git a/Assets/frames00037.png b/Assets/frames00037.png
diff --git a/Assets/frames00040.png b/Assets/frames00040.png
diff --git a/Assets/frames00043.png b/Assets/frames00043.png
diff --git a/Assets/frames00046.png b/Assets/frames00046.png
diff --git a/Assets/frames00049.png b/Assets/frames00049.png
diff --git a/Assets/frames00052.png b/Assets/frames00052.png
diff --git a/Assets/frames00055.png b/Assets/frames00055.png
diff --git a/Assets/frames00058.png b/Assets/frames00058.png
diff --git a/Assets/frames00061.png b/Assets/frames00061.png
diff --git a/Assets/frames00064.png b/Assets/frames00064.png
diff --git a/Assets/frames00067.png b/Assets/frames00067.png
diff --git a/Assets/frames00070.png b/Assets/frames00070.png
diff --git a/Assets/frames00073.png b/Assets/frames00073.png
diff --git a/Assets/frames00076.png b/Assets/frames00076.png
diff --git a/Assets/frames00079.png b/Assets/frames00079.png
diff --git a/Assets/frames00082.png b/Assets/frames00082.png
diff --git a/Assets/frames00085.png b/Assets/frames00085.png
diff --git a/Assets/frames00088.png b/Assets/frames00088.png
diff --git a/Assets/frames00091.png b/Assets/frames00091.png
diff --git a/Assets/frames00094.png b/Assets/frames00094.png
diff --git a/Assets/frames00097.png b/Assets/frames00097.png
diff --git a/Assets/frames00100.png b/Assets/frames00100.png
diff --git a/Assets/frames00103.png b/Assets/frames00103.png
diff --git a/Assets/frames00106.png b/Assets/frames00106.png
diff --git a/Assets/frames00109.png b/Assets/frames00109.png
diff --git a/Assets/frames00112.png b/Assets/frames00112.png
diff --git a/Assets/frames00115.png b/Assets/frames00115.png
diff --git a/Assets/frames00118.png b/Assets/frames00118.png
diff --git a/Assets/frames00121.png b/Assets/frames00121.png
diff --git a/Assets/frames00124.png b/Assets/frames00124.png
diff --git a/Assets/frames00127.png b/Assets/frames00127.png
diff --git a/Assets/frames00130.png b/Assets/frames00130.png
diff --git a/Assets/frames00133.png b/Assets/frames00133.png
diff --git a/Assets/frames00136.png b/Assets/frames00136.png
diff --git a/Assets/frames00139.png b/Assets/frames00139.png
diff --git a/Assets/frames00142.png b/Assets/frames00142.png
diff --git a/Assets/frames00145.png b/Assets/frames00145.png
diff --git a/Assets/frames00148.png b/Assets/frames00148.png
diff --git a/Assets/frames00151.png b/Assets/frames00151.png
diff --git a/Assets/frames00154.png b/Assets/frames00154.png
diff --git a/Assets/frames00157.png b/Assets/frames00157.png
diff --git a/Assets/frames00160.png b/Assets/frames00160.png
diff --git a/Assets/frames00163.png b/Assets/frames00163.png
diff --git a/Assets/frames00166.png b/Assets/frames00166.png
diff --git a/Assets/frames00169.png b/Assets/frames00169.png
diff --git a/Assets/frames00172.png b/Assets/frames00172.png
diff --git a/Assets/frames00175.png b/Assets/frames00175.png
diff --git a/Assets/frames00178.png b/Assets/frames00178.png
diff --git a/Assets/frames00181.png b/Assets/frames00181.png
diff --git a/Assets/frames00184.png b/Assets/frames00184.png
diff --git a/Assets/frames00187.png b/Assets/frames00187.png
diff --git a/Assets/frames00190.png b/Assets/frames00190.png
diff --git a/Assets/frames00193.png b/Assets/frames00193.png
diff --git a/Assets/frames00196.png b/Assets/frames00196.png
diff --git a/Assets/frames00199.png b/Assets/frames00199.png
diff --git a/Assets/frames00202.png b/Assets/frames00202.png
diff --git a/Assets/jost-variable.ttf b/Assets/jost-variable.ttf
diff --git a/index.html b/index.html
@@ -4,8 +4,44 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Magma</title>
+    <link
+      href="https://cdn.jsdelivr.net/npm/remixicon@4.1.0/fonts/remixicon.css"
+      rel="stylesheet"
+    />
+    <link rel="stylesheet" href="style.css" />
   </head>
   <body>
-    <div id="main"></div>
+    <div id="main">
+      <div id="page1">
+        <nav>
+          <div class="left-nav">
+            <img src="./Assets/Screenshot 2023-05-30 220719.png" alt="" />
+          </div>
+          <div class="right-nav">
+            <button>Book a Demo</button>
+            <button><i class="ri-menu-line"></i></button>
+          </div>
+        </nav>
+        <div id="page1-bottom">
+          <h1>
+            Experience Real <br />
+            Estate Agility
+          </h1>
+          <div id="page-bottom-inner">
+            <h4>
+              Create a Digital Twin Token (DTT®) of your existing building and
+              release the potential of Web3.
+            </h4>
+            <button>Learn More</button>
+          </div>
+        </div>
+        <video
+          autoplay
+          muted
+          loop
+          src="https://thisismagma.com/wp-content/themes/magma/assets/home/hero/1.mp4?2"
+        ></video>
+      </div>
+    </div>
   </body>
 </html>
diff --git a/style.css b/style.css
@@ -0,0 +1,65 @@
+* {
+  margin: 0%;
+  padding: 0%;
+  box-sizing: border-box;
+}
+html,
+body {
+  height: 100%;
+  width: 100%;
+}
+#main {
+  position: relative;
+  overflow: hidden;
+  background-color: #083ed8;
+}
+@font-face {
+  font-family: a;
+  src: url(./Assets/jost-variable.ttf);
+}
+@font-face {
+  font-family: b;
+  src: url(./Assets/KFOlCnqEu92Fr1MmEU9fBBc4\\(1\).ttf);
+}
+@font-face {
+  font-family: c;
+  src: url(./Assets/KFOmCnqEu92Fr1Mu4mxK\\(1\).ttf);
+}
+#page1 {
+  height: 100vh;
+  width: 100vw;
+  position: relative;
+}
+#page1 > video {
+  height: 100%;
+  width: 100%;
+  object-fit: cover;
+}
+#page1 > nav {
+  margin-top: 1vw;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  position: absolute;
+  height: 10vh;
+  width: 100vw;
+}
+.left-nav > img {
+  width: 5vw;
+}
+#page1 .left-nav {
+  margin-top: 1.5vw;
+  margin-left: 3.5vw;
+}
+#page1 .right-nav {
+  margin-right: 8vw;
+}
+.right-nav button {
+  padding: 10px 20px;
+  color: white;
+  background-color: transparent;
+  border-radius: 50px;
+  border: 0.1px solid #ffffff4a;
+  font-family: a;
+  font-size: 1vw;
+}