Merge pull request #119 from billdevcode/feature-branch

Add maps-locations to portfolio

Author: billdevcode

imgs/maps-locations.png

@@ -41,6 +41,14 @@ <h1>Web Development Portfolio</h1>
       </div>
 
       <div class="portfolio" id="portfolio">
+
+      <div class="container-fluid maps-locations">
+          <div class="box textbox-maps">
+            <h2>Google Places API</h2>
+            <a href="https://github.com/billdevcode/billdevcode.github.io/tree/master/projects/maps-locations" target="_blank" class="buttons" role="button">Learn More <i class="fa fa-chevron-right" aria-hidden="true"></i></a>
+          </div>
+        </div>
+
         <div class="container-fluid zip-quote">
           <div class="box textbox-quote">
             <h2>Random Quote Machine</h2>

index.html

@@ -74,6 +74,21 @@ html, body {
   color: #FF4500;
 }
 
+.maps-locations {
+  background-image: url('../imgs/maps-locations.png');
+  background-size: cover;
+  max-width: 100%;
+  height: 50vh;
+}
+
+.textbox-maps {
+  float: right;
+  margin-top: 35vh;
+  background: rgba(0, 0, 0, 0.5);
+  border-radius: 8px;
+  padding-left: 10px;
+}
+
 .zip-quote {
   background-image: url('../imgs/random-quotes.png');
   background-size: cover;