Add footer and hero specs

docs/cyp/layout/footer.html

@@ -0,0 +1,14 @@
+---
+layout: cypress
+title: Layout/Footer
+---
+
+<footer id="footer" class="footer">
+  <div class="content has-text-centered">
+    <p>
+      <strong>Bulma</strong> by <a href="https://jgthms.com">Jeremy Thomas</a>. The source code is licensed
+      <a href="http://opensource.org/licenses/mit-license.php">MIT</a>. The website content
+      is licensed <a href="http://creativecommons.org/licenses/by-nc-sa/4.0/">CC BY NC SA 4.0</a>.
+    </p>
+  </div>
+</footer>

docs/cyp/layout/hero.html

@@ -0,0 +1,45 @@
+---
+layout: cypress
+title: Layout/Hero
+---
+
+{% capture content %}
+  <div class="hero-body">
+    <p class="title">
+      Hero title
+    </p>
+    <p class="subtitle">
+      Hero subtitle
+    </p>
+  </div>
+{% endcapture %}
+
+<section id="hero" class="hero">
+  {{ content }}
+</section>
+
+<section id="hero-small" class="hero is-small">
+  {{ content }}
+</section>
+
+<section id="hero-medium" class="hero is-medium">
+  {{ content }}
+</section>
+
+<section id="hero-large" class="hero is-large">
+  {{ content }}
+</section>
+
+<section id="hero-halfheight" class="hero is-halfheight">
+  {{ content }}
+</section>
+
+<section id="hero-fullheight" class="hero is-fullheight">
+  {{ content }}
+</section>
+
+<section id="hero-with-container" class="hero is-halfheight">
+  <div class="container">
+    {{ content }}
+  </div>
+</section>