hero section

bushido2014 · Dec 28, 2023 · 1294b4d · 1294b4d
1 parent 55b7b12
commit 1294b4d
Show file tree

Hide file tree

Showing 4 changed files with 28 additions and 1 deletion.
diff --git a/docs/tailwind-nft-landing/img/figure1.png b/docs/tailwind-nft-landing/img/figure1.png
diff --git a/docs/tailwind-nft-landing/img/figure3.png b/docs/tailwind-nft-landing/img/figure3.png
diff --git a/docs/tailwind-nft-landing/img/fugure2.png b/docs/tailwind-nft-landing/img/fugure2.png
diff --git a/docs/tailwind-nft-landing/index.html b/docs/tailwind-nft-landing/index.html
@@ -71,7 +71,34 @@
 </nav>
 </div>
  </header>   
- <div class="hero relative"></div>
+ <div class="hero relative">
+  <div class="container">
+    <h1>Collect Digital Art.</h1>
+    <p>Buy and sell NFTs from the world's top artists</p>
+    <div>
+      <a href="#">Create</a>
+      <a href="#">Explore</a>
+    </div>
+    <div class="grid grid-cols-1 md:grid-cols-3 gap-5">
+      <div class="rounded-md">
+        <div><img src=""></div>
+        <div class="bg-white p-3"></div>
+      </div>
+      <div class="rounded-md">
+        <div><img src="img/figure1.png"></div>
+        <div class="bg-white"></div>
+      </div>
+      <div class="rounded-md">
+        <div><img src="img/fugure2.png"></div>
+        <div class="bg-white p-3"></div>
+      </div>
+      <div class="rounded-md">
+        <div><img src="img/figure3.png"></div>
+        <div class="bg-white p-3"></div>
+      </div>
+    </div>
+  </div>
+ </div>
  <script src="js/app.js"></script>   
 </body>
 </html>