feat(markup): add initial project and footer layout

Author: richrdkng

src/markup/body/footer.hbs

@@ -1 +1,34 @@
-<footer>[Footer]</footer>
+<footer>
+  <div class="container">
+    <h2>Follow us</h2>
+
+    <ul class="list-group list-group-horizontal">
+      <li class="list-group-item">[GitHub]</li>
+      <li class="list-group-item">[Twitter]</li>
+    </ul>
+
+    <ul class="list-group list-group-horizontal">
+      <li class="list-group-item">
+        <h3>Footer Header</h3>
+
+        <ul class="list-group">
+          <li class="list-group-item">
+            <a href="...">[Link 1]</a>
+          </li>
+          <li class="list-group-item">
+            <a href="...">[Link 2]</a>
+          </li>
+          <li class="list-group-item">
+            <a href="...">[Link 3]</a>
+          </li>
+        </ul>
+      </li>
+    </ul>
+
+    <ul class="list-group list-group-horizontal">
+      <li class="list-group-item">[Brand]</li>
+      <li class="list-group-item">[Privacy]</li>
+      <li class="list-group-item">[Terms]</li>
+    </ul>
+  </div>
+</footer>

src/markup/body/projects.hbs

@@ -1 +1,16 @@
-<section>[Projects]</section>
+<section class="projects">
+  <div class="container">
+    <h2 class="mb-5">Projects</h2>
+
+    <ul class="list-unstyled">
+      <li class="media">
+        <img src="..." class="mr-3" alt="...">
+        <div class="media-body">
+          <h5 class="mt-0">Project name</h5>
+          A short summary/description of the project.
+          <a href="https://nodewell.github.io">project link</a>
+        </div>
+      </li>
+    </ul>
+  </div>
+</section>