Merge branch 'master' of github.com:AccessibleTech/accessibletech.github.io

Author: EChesters

_includes/page.html

@@ -13,25 +13,27 @@ <h2>Our Solution</h2>
       <img class="card-img-top" src="https://cloud.githubusercontent.com/assets/624760/24081263/6735b132-0ca8-11e7-87e5-87dd1cc817b8.png" alt="Card image cap">
       <div class="card-block">
         <h4 class="card-title">Fixed locations</h4>
-        <p class="card-text">This is a longer card with supporting text below as a
-         natural lead-in to additional content. This content is a little bit longer.</p>
+        <p class="card-text">These locations do not change and will become familiar.</p>
       </div>
     </div>
     <div class="card card-two">
       <img class="card-img-top" src="https://cloud.githubusercontent.com/assets/624760/24081266/71455f10-0ca8-11e7-8888-3c04f2f70718.png" alt="Card image cap">
       <div class="card-block">
         <h4 class="card-title">Busy locations</h4>
-        <p class="card-text">This is a wider card with supporting text below as a
-         natural lead-in to additional content. This card has even longer content than the first to show that equal height action.</p>
+        <p class="card-text">Some locations are more error prone with more people rushing around and carrying items.</p>
       </div>
     </div>
     <div class="card card-three">
       <img class="card-img-top" src="https://cloud.githubusercontent.com/assets/624760/24081264/6c0d262c-0ca8-11e7-91c2-f20891feb568.png" alt="Card image cap">
       <div class="card-block">
         <h4 class="card-title">Temporary location</h4>
-        <p class="card-text">This card has supporting text below as a natural
-         lead-in to additional content.</p>
+        <p class="card-text">Workers on a ladder, deliveries and the A sign to highlight hazards are high risk and change from hour to hour. Notifying people as they approach these popup locations is easy and highly beneficial.</p>
       </div>
     </div>
   </div>
+
+  <br>
+  <div class="embed-responsive embed-responsive-16by9">
+     <iframe class="embed-responsive-item" src="//www.youtube.com/embed/vNcO5KnRAKY?rel=0" allowfullscreen></iframe>
+  </div>
 </div>

css/website.css

@@ -27,19 +27,19 @@ footer {
    line-height: 60px; /* Vertically center the text there */
 
 }
-Footer a{
+footer a{
     color: #282b2d;
     font-size: 18px;
 }
 
-Footer .footer-social{
+footer .footer-social{
     text-align: center;
     padding-top: 25px;
     padding-bottom: 25px;
     background-color: #eee;
 }
 
-Footer .fa{
+footer .fa{
     font-size: 36px;
     margin-right: 15px;
     margin-left: 20px;
@@ -55,19 +55,19 @@ Footer .fa{
     transition:color 0.2s;
 }
 
-Footer .fa-github:hover{
+footer .fa-github:hover{
     color:red;
 }
 
-Footer .fa-github:focus{
+footer .fa-github:focus{
     color:red;
 }
 
-Footer .fa-twitter:hover{
+footer .fa-twitter:hover{
     color: #00aced;
 
 }
 
-Footer .fa-twitter:focus{
+footer .fa-twitter:focus{
     color:#00aced;
 }