From 52a2c6719bc93265468721b162f1a3f0a4be00a1 Mon Sep 17 00:00:00 2001
From: jrtechs <jeffery@jrtechs.net>
Date: Sun, 22 Oct 2017 16:05:41 -0400
Subject: [PATCH] Updated project descriptions, skills, and other information

---
 index.html | 125 ++++++++++++++++++++++++++++++-----------------------
 1 file changed, 70 insertions(+), 55 deletions(-)

diff --git a/index.html b/index.html
index 0a96177..73f8ab3 100644
--- a/index.html
+++ b/index.html
@@ -68,7 +68,7 @@
         <hr class="star-primary">
         <div class="row">
           <div class="col-sm-4 portfolio-item">
-            <a class="portfolio-link" href="#portfolioModal1" data-toggle="modal">
+            <a class="portfolio-link" href="#portfolioHoffends" data-toggle="modal">
               <div class="caption">
                 <div class="caption-content">
                   <i class="fa fa-search-plus fa-3x"></i>
@@ -78,7 +78,7 @@
             </a>
           </div>
           <div class="col-sm-4 portfolio-item">
-            <a class="portfolio-link" href="#portfolioModal2" data-toggle="modal">
+            <a class="portfolio-link" href="#portfolioFloppy" data-toggle="modal">
               <div class="caption">
                 <div class="caption-content">
                   <i class="fa fa-search-plus fa-3x"></i>
@@ -88,7 +88,7 @@
             </a>
           </div>
           <div class="col-sm-4 portfolio-item">
-            <a class="portfolio-link" href="#portfolioModal3" data-toggle="modal">
+            <a class="portfolio-link" href="#portfolioJrtechs" data-toggle="modal">
               <div class="caption">
                 <div class="caption-content">
                   <i class="fa fa-search-plus fa-3x"></i>
@@ -98,7 +98,7 @@
             </a>
           </div>
           <div class="col-sm-4 portfolio-item">
-            <a class="portfolio-link" href="#portfolioModal4" data-toggle="modal">
+            <a class="portfolio-link" href="#portfolioPioneer" data-toggle="modal">
               <div class="caption">
                 <div class="caption-content">
                   <i class="fa fa-search-plus fa-3x"></i>
@@ -108,7 +108,7 @@
             </a>
           </div>
           <div class="col-sm-4 portfolio-item">
-            <a class="portfolio-link" href="#portfolioModal5" data-toggle="modal">
+            <a class="portfolio-link" href="#portfolioQuotes" data-toggle="modal">
               <div class="caption">
                 <div class="caption-content">
                   <i class="fa fa-search-plus fa-3x"></i>
@@ -118,7 +118,7 @@
             </a>
           </div>
           <div class="col-sm-4 portfolio-item">
-            <a class="portfolio-link" href="#portfolioModal6" data-toggle="modal">
+            <a class="portfolio-link" href="#portfolioTanks" data-toggle="modal">
               <div class="caption">
                 <div class="caption-content">
                   <i class="fa fa-search-plus fa-3x"></i>
@@ -227,7 +227,8 @@
     </div>
 
     <!-- Portfolio Modals -->
-    <div class="portfolio-modal modal fade" id="portfolioModal1" tabindex="-1" role="dialog" aria-hidden="true">
+    <!-- Pioneer Website -->
+    <div class="portfolio-modal modal fade" id="portfolioPioneer" tabindex="-1" role="dialog" aria-hidden="true">
       <div class="modal-dialog" role="document">
         <div class="modal-content">
           <div class="close-modal" data-dismiss="modal">
@@ -239,9 +240,9 @@
             <div class="row">
               <div class="col-lg-8 mx-auto">
                 <div class="modal-body">
-                  <h2>Project Title</h2>
+                  <h2>Pioneer Malting Employee Website</h2>
                   <hr class="star-primary">
-                  <img class="img-fluid img-centered" src="img/portfolio/cabin.png" alt="">
+                  <img class="img-fluid img-centered" src="img/portfolio/pioneer.png" alt="">
                   <p>Use this area of the page to describe your project. The icon above is part of a free icon set by
                     <a href="https://sellfy.com/p/8Q9P/jV3VZ/">Flat Icons</a>. On their website, you can download their free set with 16 icons, or you can purchase the entire set with 146 icons for only $12!</p>
                   <ul class="list-inline item-details">
@@ -252,12 +253,18 @@
                     </li>
                     <li>Date:
                       <strong>
-                        <a href="http://startbootstrap.com">April 2014</a>
+                        <a href="#">June 2017</a>
                       </strong>
                     </li>
-                    <li>Service:
+                    <li>Skills:
                       <strong>
-                        <a href="http://startbootstrap.com">Web Development</a>
+                        <a href="http://php.net">PHP</a>
+                      </strong>
+                      <strong>
+                        <a href="https://www.w3schools.com/html/">HTML</a>
+                      </strong>
+                      <strong>
+                        <a href="https://www.w3schools.com/sql/">SQL</a>
                       </strong>
                     </li>
                   </ul>
@@ -271,7 +278,8 @@
         </div>
       </div>
     </div>
-    <div class="portfolio-modal modal fade" id="portfolioModal2" tabindex="-1" role="dialog" aria-hidden="true">
+    <!-- Hoffends Website -->
+    <div class="portfolio-modal modal fade" id="portfolioHoffends" tabindex="-1" role="dialog" aria-hidden="true">
       <div class="modal-dialog" role="document">
         <div class="modal-content">
           <div class="close-modal" data-dismiss="modal">
@@ -283,9 +291,9 @@
             <div class="row">
               <div class="col-lg-8 mx-auto">
                 <div class="modal-body">
-                  <h2>Project Title</h2>
+                  <h2>Hoffends Employee Website</h2>
                   <hr class="star-primary">
-                  <img class="img-fluid img-centered" src="img/portfolio/cake.png" alt="">
+                  <img class="img-fluid img-centered" src="img/portfolio/hoffends.png" alt="">
                   <p>Use this area of the page to describe your project. The icon above is part of a free icon set by
                     <a href="https://sellfy.com/p/8Q9P/jV3VZ/">Flat Icons</a>. On their website, you can download their free set with 16 icons, or you can purchase the entire set with 146 icons for only $12!</p>
                   <ul class="list-inline item-details">
@@ -296,12 +304,18 @@
                     </li>
                     <li>Date:
                       <strong>
-                        <a href="http://startbootstrap.com">April 2014</a>
+                        <a href="http://startbootstrap.com">November 2016</a>
                       </strong>
                     </li>
-                    <li>Service:
+                    <li>Skills:
+                      <strong>
+                        <a href="http://php.net">PHP</a>
+                      </strong>
+                      <strong>
+                        <a href="https://www.w3schools.com/html/">HTML</a>
+                      </strong>
                       <strong>
-                        <a href="http://startbootstrap.com">Web Development</a>
+                        <a href="https://www.w3schools.com/sql/">SQL</a>
                       </strong>
                     </li>
                   </ul>
@@ -315,7 +329,8 @@
         </div>
       </div>
     </div>
-    <div class="portfolio-modal modal fade" id="portfolioModal3" tabindex="-1" role="dialog" aria-hidden="true">
+    <!-- Jrtechs Website -->
+    <div class="portfolio-modal modal fade" id="portfolioJrtechs" tabindex="-1" role="dialog" aria-hidden="true">
       <div class="modal-dialog" role="document">
         <div class="modal-content">
           <div class="close-modal" data-dismiss="modal">
@@ -327,9 +342,9 @@
             <div class="row">
               <div class="col-lg-8 mx-auto">
                 <div class="modal-body">
-                  <h2>Project Title</h2>
+                  <h2>Personal Blog</h2>
                   <hr class="star-primary">
-                  <img class="img-fluid img-centered" src="img/portfolio/circus.png" alt="">
+                  <img class="img-fluid img-centered" src="img/portfolio/jrtechs.net.png" alt="">
                   <p>Use this area of the page to describe your project. The icon above is part of a free icon set by
                     <a href="https://sellfy.com/p/8Q9P/jV3VZ/">Flat Icons</a>. On their website, you can download their free set with 16 icons, or you can purchase the entire set with 146 icons for only $12!</p>
                   <ul class="list-inline item-details">
@@ -340,12 +355,12 @@
                     </li>
                     <li>Date:
                       <strong>
-                        <a href="http://startbootstrap.com">April 2014</a>
+                        <a href="http://startbootstrap.com">June 2014</a>
                       </strong>
                     </li>
-                    <li>Service:
+                    <li>Skills:
                       <strong>
-                        <a href="http://startbootstrap.com">Web Development</a>
+                        <a href="https://wordpress.org/">Wordpress</a>
                       </strong>
                     </li>
                   </ul>
@@ -359,7 +374,8 @@
         </div>
       </div>
     </div>
-    <div class="portfolio-modal modal fade" id="portfolioModal4" tabindex="-1" role="dialog" aria-hidden="true">
+    <!-- Java Tanks Game-->
+    <div class="portfolio-modal modal fade" id="portfolioTanks" tabindex="-1" role="dialog" aria-hidden="true">
       <div class="modal-dialog" role="document">
         <div class="modal-content">
           <div class="close-modal" data-dismiss="modal">
@@ -371,25 +387,20 @@
             <div class="row">
               <div class="col-lg-8 mx-auto">
                 <div class="modal-body">
-                  <h2>Project Title</h2>
+                  <h2>Junior year(High School) Group project</h2>
                   <hr class="star-primary">
-                  <img class="img-fluid img-centered" src="img/portfolio/game.png" alt="">
+                  <img class="img-fluid img-centered" src="img/portfolio/tanks.png" alt="">
                   <p>Use this area of the page to describe your project. The icon above is part of a free icon set by
                     <a href="https://sellfy.com/p/8Q9P/jV3VZ/">Flat Icons</a>. On their website, you can download their free set with 16 icons, or you can purchase the entire set with 146 icons for only $12!</p>
                   <ul class="list-inline item-details">
-                    <li>Client:
-                      <strong>
-                        <a href="http://startbootstrap.com">Start Bootstrap</a>
-                      </strong>
-                    </li>
                     <li>Date:
                       <strong>
-                        <a href="http://startbootstrap.com">April 2014</a>
+                        <a href="http://startbootstrap.com">May 2016</a>
                       </strong>
                     </li>
-                    <li>Service:
+                    <li>Skills:
                       <strong>
-                        <a href="http://startbootstrap.com">Web Development</a>
+                        <a href="https://www.oracle.com/index.html">Java</a>
                       </strong>
                     </li>
                   </ul>
@@ -403,7 +414,8 @@
         </div>
       </div>
     </div>
-    <div class="portfolio-modal modal fade" id="portfolioModal5" tabindex="-1" role="dialog" aria-hidden="true">
+    <!-- Floppy Drive music -->
+    <div class="portfolio-modal modal fade" id="portfolioFloppy" tabindex="-1" role="dialog" aria-hidden="true">
       <div class="modal-dialog" role="document">
         <div class="modal-content">
           <div class="close-modal" data-dismiss="modal">
@@ -415,25 +427,26 @@
             <div class="row">
               <div class="col-lg-8 mx-auto">
                 <div class="modal-body">
-                  <h2>Project Title</h2>
+                  <h2>Musical Floppy Drives</h2>
                   <hr class="star-primary">
-                  <img class="img-fluid img-centered" src="img/portfolio/safe.png" alt="">
+                  <img class="img-fluid img-centered" src="img/portfolio/floppy.jpg" alt="">
                   <p>Use this area of the page to describe your project. The icon above is part of a free icon set by
                     <a href="https://sellfy.com/p/8Q9P/jV3VZ/">Flat Icons</a>. On their website, you can download their free set with 16 icons, or you can purchase the entire set with 146 icons for only $12!</p>
                   <ul class="list-inline item-details">
-                    <li>Client:
+                    <li>Date:
                       <strong>
-                        <a href="http://startbootstrap.com">Start Bootstrap</a>
+                        <a href="http://startbootstrap.com">June 2017</a>
                       </strong>
                     </li>
-                    <li>Date:
+                    <li>Skills:
                       <strong>
-                        <a href="http://startbootstrap.com">April 2014</a>
+                        <a href="http://startbootstrap.com">c++</a>
                       </strong>
-                    </li>
-                    <li>Service:
                       <strong>
-                        <a href="http://startbootstrap.com">Web Development</a>
+                        <a href="http://startbootstrap.com">Raspberry Pie</a>
+                      </strong>
+                      <strong>
+                        <a href="http://startbootstrap.com">Electrical Wiring</a>
                       </strong>
                     </li>
                   </ul>
@@ -447,7 +460,8 @@
         </div>
       </div>
     </div>
-    <div class="portfolio-modal modal fade" id="portfolioModal6" tabindex="-1" role="dialog" aria-hidden="true">
+    <!-- Panda Quotes -->
+    <div class="portfolio-modal modal fade" id="portfolioQuotes" tabindex="-1" role="dialog" aria-hidden="true">
       <div class="modal-dialog" role="document">
         <div class="modal-content">
           <div class="close-modal" data-dismiss="modal">
@@ -459,25 +473,26 @@
             <div class="row">
               <div class="col-lg-8 mx-auto">
                 <div class="modal-body">
-                  <h2>Project Title</h2>
+                  <h2>Quotes Website for a Friend</h2>
                   <hr class="star-primary">
-                  <img class="img-fluid img-centered" src="img/portfolio/submarine.png" alt="">
+                  <img class="img-fluid img-centered" src="img/portfolio/quotes.png" alt="">
                   <p>Use this area of the page to describe your project. The icon above is part of a free icon set by
                     <a href="https://sellfy.com/p/8Q9P/jV3VZ/">Flat Icons</a>. On their website, you can download their free set with 16 icons, or you can purchase the entire set with 146 icons for only $12!</p>
                   <ul class="list-inline item-details">
-                    <li>Client:
+                    <li>Date:
                       <strong>
-                        <a href="http://startbootstrap.com">Start Bootstrap</a>
+                        <a href="http://startbootstrap.com">December 2016</a>
                       </strong>
                     </li>
-                    <li>Date:
+                    <li>Skills:
                       <strong>
-                        <a href="http://startbootstrap.com">April 2014</a>
+                        <a href="http://php.net">PHP</a>
+                      </strong>
+                      <strong>
+                        <a href="https://www.w3schools.com/html/">HTML</a>
                       </strong>
-                    </li>
-                    <li>Service:
                       <strong>
-                        <a href="http://startbootstrap.com">Web Development</a>
+                        <a href="https://www.w3schools.com/sql/">SQL</a>
                       </strong>
                     </li>
                   </ul>