Jared 2 years ago
parent
commit
57228876b2
1 changed files with 18 additions and 0 deletions
  1. 18 0
      layouts/shortcodes/seo.html

+ 18 - 0
layouts/shortcodes/seo.html

@@ -0,0 +1,18 @@
+<div id="block-vtuber">
+    <section class="row sec sec01">
+        <div class="container">
+            <div class="row">
+                <div class="col-md-6">
+                    <div class="txt-block">
+                        <h2>What is SEO?<br>SEO 101</h2>
+                        <p>全名為全名為「Search Engine Optimization」。簡稱為「SEO」</p>
+                    </div>
+                </div>
+                <div class="col-md-6" style="position: relative;">
+                    <img src="https://i.imgur.com/2HjEBt5.png" alt="" width="250px" class="sec-right">
+                    <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//IzHhpC_bD6g?autoplay=1&mute=1' frameborder='0' allowfullscreen></iframe></div>
+                </div>
+            </div>
+        </div>
+    </section>
+</div>