Merge pull request #7 from christianmartinroffey/portfolio2

Portfolio section

Author: drjauss

website/templates/portfolio.html

@@ -1,2 +1,34 @@
 <!-- your html code here -->
-<p>Hello, I'm the portfolio.html</p>
+<div class="container">
+    <h2>Portfolio</h2>
+    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book</p>
+    <div class="row">
+        <div class="col">
+            <div class="card border-0" style="width: 18rem;">
+                <img src="https://i.picsum.photos/id/1005/700/400.jpg?hmac=k6ZkTaOnkbXKVfdCjTHcZk1dYCy13Cxj3mlWK8e-OXU" class="card-img-top" alt="...">
+                <div class="card-body px-0">
+                  <h5 class="card-title text-primary">Project Name</h5>
+                  <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
+                </div>
+              </div>
+        </div>
+        <div class="col">
+            <div class="card border-0" style="width: 18rem;">
+                <img src="https://i.picsum.photos/id/1056/700/400.jpg?hmac=nxqsiJ4-5VhWPBaBahl5VFhGrW52bVvdI7LY4LCCTTY" class="card-img-top" alt="...">
+                <div class="card-body px-0">
+                  <h5 class="card-title text-primary">Project Name</h5>
+                  <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
+                </div>
+              </div>
+        </div>
+        <div class="col">
+            <div class="card border-0" style="width: 18rem;">
+                <img src="https://i.picsum.photos/id/316/700/400.jpg?hmac=ONlW1QPbO2gcUU1vxU8m23OGbhmIDUFRAk4zzoHprHM" class="card-img-top" alt="...">
+                <div class="card-body px-0">
+                  <h5 class="card-title text-primary">Project Name</h5>
+                  <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
+                </div>
+              </div>
+        </div>
+    </div>
+</div>