defi template

layouts/shortcodes/defi.html

@@ -174,4 +174,34 @@
             </div>
         </div>
     </section>
+    <section class="row sec sec07">
+      <div class="container">
+          <div class="row">
+            <div class="col-md-6">
+              <div class="txt-block">
+                  <h2>GameFi 熱門遊戲- MOBOX</h2>
+                  <p></p>
+              </div>
+              </div>
+              <div class="col-md-6">
+                  <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; max-width: 100%; box-shadow: 1px 1px 8px 2px grey; border-radius: 1rem;} .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style><div class='embed-container'><iframe src='https://www.youtube.com/embed//3UU1D7MipzA?autoplay=1&mute=1' frameborder='0' allowfullscreen></iframe></div>
+              </div>
+          </div>
+      </div>
+  </section>
+  <section class="row sec sec08">
+    <div class="container">
+        <div class="row">
+            <div class="col-md-6">
+                <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; max-width: 100%; box-shadow: 1px 1px 8px 2px grey; border-radius: 1rem;} .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style><div class='embed-container'><iframe src='https://www.youtube.com/embed//PgT21sF_nXQ?autoplay=1&mute=1' frameborder='0' allowfullscreen></iframe></div>
+            </div>
+            <div class="col-md-6">
+                <div class="txt-block">
+                    <h2>GameFi 熱門遊戲- CryptoBay</h2>
+                    <p></p>
+                </div>
+            </div>
+        </div>
+    </div>
+</section>
 </div>

static/css/customnft.css

@@ -156,4 +156,24 @@
 
 #gamefi-rank-mb tr img, #gamefi-rank tr img {
     width: 35px;
-}
+}
+
+#block-carbon .sec08 {
+    background-color: #FFEBE2;
+    position: relative;
+}
+
+#block-carbon .sec08::after {
+    display: none;
+      content: "";
+      position: absolute;
+      top: -30px;
+      left: 0;
+      display: block;
+      width: 100%;
+      height: 66px;
+      transform: rotate(180deg);
+      background-image: url("https://i.imgur.com/fR4Tz5V.png");
+      background-size: 3840px 66px;
+      background-position: 0 0;
+  }