From e5375965fbc19cc2a47bce465c79b4f2ae3c8709 Mon Sep 17 00:00:00 2001
From: Jeffery R <jrtechs@hotmail.com>
Date: Fri, 2 Feb 2018 12:03:18 -0500
Subject: [PATCH] Added 4 projects to the website

---
 index.html | 254 +++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 254 insertions(+)

diff --git a/index.html b/index.html
index 6c45f5f..4be2847 100755
--- a/index.html
+++ b/index.html
@@ -44,6 +44,9 @@
             <li class="nav-item">
               <a class="nav-link js-scroll-trigger" href="#about">About</a>
             </li>
+            <li class="nav-item">
+              <a class="nav-link js-scroll-trigger" href="http://jrtechs.net">Blog</a>
+            </li>
             <li class="nav-item">
               <a class="nav-link js-scroll-trigger" href="#contact">Contact</a>
             </li>
@@ -69,7 +72,9 @@
       <div class="container">
         <h2 class="text-center">Portfolio</h2>
         <hr class="star-primary">
+        <h3 class="text-center">Click Picture to Show Project Details</h3>
         <div class="row">
+          <!--Hoffends web app-->
           <div class="col-sm-4 portfolio-item">
             <a class="portfolio-link" href="#portfolioHoffends" data-toggle="modal">
               <div class="caption">
@@ -80,6 +85,7 @@
               <img class="img-fluid" src="img/portfolio/hoffends.png" alt="">
             </a>
           </div>
+          <!--Floppy drives-->
           <div class="col-sm-4 portfolio-item">
             <a class="portfolio-link" href="#portfolioFloppy" data-toggle="modal">
               <div class="caption">
@@ -90,6 +96,7 @@
               <img class="img-fluid" src="img/portfolio/floppy.jpg" alt="">
             </a>
           </div>
+          <!--Blog-->
           <div class="col-sm-4 portfolio-item">
             <a class="portfolio-link" href="#portfolioJrtechs" data-toggle="modal">
               <div class="caption">
@@ -100,6 +107,7 @@
               <img class="img-fluid" src="img/portfolio/jrtechs.net.png" alt="">
             </a>
           </div>
+          <!--Pioneer web app-->
           <div class="col-sm-4 portfolio-item">
             <a class="portfolio-link" href="#portfolioPioneer" data-toggle="modal">
               <div class="caption">
@@ -110,6 +118,7 @@
               <img class="img-fluid" src="img/portfolio/pioneer.png" alt="">
             </a>
           </div>
+          <!--Bryce's Quotes website-->
           <div class="col-sm-4 portfolio-item">
             <a class="portfolio-link" href="#portfolioQuotes" data-toggle="modal">
               <div class="caption">
@@ -120,6 +129,7 @@
               <img class="img-fluid" src="img/portfolio/quotes.png" alt="">
             </a>
           </div>
+          <!--Tanks Java Game-->
           <div class="col-sm-4 portfolio-item">
             <a class="portfolio-link" href="#portfolioTanks" data-toggle="modal">
               <div class="caption">
@@ -130,6 +140,50 @@
               <img class="img-fluid" src="img/portfolio/tanks.png" alt="">
             </a>
           </div>
+          <!--Brick Hack 4 whats the trend-->
+          <div class="col-sm-4 portfolio-item">
+            <a class="portfolio-link" href="#brickHack4" data-toggle="modal">
+              <div class="caption">
+                <div class="caption-content">
+                  <i class="fa fa-search-plus fa-3x"></i>
+                </div>
+              </div>
+              <img class="img-fluid" src="img/portfolio/tanks.png" alt="">
+            </a>
+          </div>
+          <!--Tiger-OS website-->
+          <div class="col-sm-4 portfolio-item">
+            <a class="portfolio-link" href="#tigerOSWebsite" data-toggle="modal">
+              <div class="caption">
+                <div class="caption-content">
+                  <i class="fa fa-search-plus fa-3x"></i>
+                </div>
+              </div>
+              <img class="img-fluid" src="img/portfolio/tanks.png" alt="">
+            </a>
+          </div>
+          <!--Panda Games-->
+          <div class="col-sm-4 portfolio-item">
+            <a class="portfolio-link" href="#pandaGames" data-toggle="modal">
+              <div class="caption">
+                <div class="caption-content">
+                  <i class="fa fa-search-plus fa-3x"></i>
+                </div>
+              </div>
+              <img class="img-fluid" src="img/portfolio/tanks.png" alt="">
+            </a>
+          </div>
+          <!--Bash Manager-->
+          <div class="col-sm-4 portfolio-item">
+            <a class="portfolio-link" href="#bashManager" data-toggle="modal">
+              <div class="caption">
+                <div class="caption-content">
+                  <i class="fa fa-search-plus fa-3x"></i>
+                </div>
+              </div>
+              <img class="img-fluid" src="img/portfolio/tanks.png" alt="">
+            </a>
+          </div>
         </div>
       </div>
     </section>
@@ -532,6 +586,206 @@
       </div>
     </div>
 
+    <!-- Brick Hack 4 -->
+    <div class="portfolio-modal modal fade" id="brickHack4" tabindex="-1" role="dialog" aria-hidden="true">
+      <div class="modal-dialog" role="document">
+        <div class="modal-content">
+          <div class="close-modal" data-dismiss="modal">
+            <div class="lr">
+              <div class="rl"></div>
+            </div>
+          </div>
+          <div class="container">
+            <div class="row">
+              <div class="col-lg-8 mx-auto">
+                <div class="modal-body">
+                  <h2>Quotes Website for a Friend</h2>
+                  <hr class="star-primary">
+                  <img class="img-fluid img-centered" src="img/portfolio/quotes.png" alt="">
+                  <p>In high school my friend had a static web page where he posted quotes that people said. During
+                    winter break I decided amp up his project and
+                    create a dynamic website in PHP that would display the quotes on pictures of pandas. Along with
+                    displaying quotes, this website also has a web forum where
+                    registered users can submit new quotes.</p>
+                  <ul class="list-inline item-details">
+                    <li>Date:
+                      <strong>
+                        December 2016
+                      </strong>
+                    </li>
+                    <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="https://www.w3schools.com/sql/">SQL</a>
+                      </strong>
+                    </li>
+                  </ul>
+                  <button class="btn btn-success" type="button" data-dismiss="modal">
+                    <i class="fa fa-times"></i>
+                    Close</button>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <!-- Tiger-OS website -->
+    <div class="portfolio-modal modal fade" id="tigerOSWebsite" tabindex="-1" role="dialog" aria-hidden="true">
+      <div class="modal-dialog" role="document">
+        <div class="modal-content">
+          <div class="close-modal" data-dismiss="modal">
+            <div class="lr">
+              <div class="rl"></div>
+            </div>
+          </div>
+          <div class="container">
+            <div class="row">
+              <div class="col-lg-8 mx-auto">
+                <div class="modal-body">
+                  <h2>Quotes Website for a Friend</h2>
+                  <hr class="star-primary">
+                  <img class="img-fluid img-centered" src="img/portfolio/quotes.png" alt="">
+                  <p>In high school my friend had a static web page where he posted quotes that people said. During
+                    winter break I decided amp up his project and
+                    create a dynamic website in PHP that would display the quotes on pictures of pandas. Along with
+                    displaying quotes, this website also has a web forum where
+                    registered users can submit new quotes.</p>
+                  <ul class="list-inline item-details">
+                    <li>Date:
+                      <strong>
+                        December 2016
+                      </strong>
+                    </li>
+                    <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="https://www.w3schools.com/sql/">SQL</a>
+                      </strong>
+                    </li>
+                  </ul>
+                  <button class="btn btn-success" type="button" data-dismiss="modal">
+                    <i class="fa fa-times"></i>
+                    Close</button>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <!-- Panda Games -->
+    <div class="portfolio-modal modal fade" id="pandaGames" tabindex="-1" role="dialog" aria-hidden="true">
+      <div class="modal-dialog" role="document">
+        <div class="modal-content">
+          <div class="close-modal" data-dismiss="modal">
+            <div class="lr">
+              <div class="rl"></div>
+            </div>
+          </div>
+          <div class="container">
+            <div class="row">
+              <div class="col-lg-8 mx-auto">
+                <div class="modal-body">
+                  <h2>Quotes Website for a Friend</h2>
+                  <hr class="star-primary">
+                  <img class="img-fluid img-centered" src="img/portfolio/quotes.png" alt="">
+                  <p>In high school my friend had a static web page where he posted quotes that people said. During
+                    winter break I decided amp up his project and
+                    create a dynamic website in PHP that would display the quotes on pictures of pandas. Along with
+                    displaying quotes, this website also has a web forum where
+                    registered users can submit new quotes.</p>
+                  <ul class="list-inline item-details">
+                    <li>Date:
+                      <strong>
+                        December 2016
+                      </strong>
+                    </li>
+                    <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="https://www.w3schools.com/sql/">SQL</a>
+                      </strong>
+                    </li>
+                  </ul>
+                  <button class="btn btn-success" type="button" data-dismiss="modal">
+                    <i class="fa fa-times"></i>
+                    Close</button>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <!-- Bash Manager -->
+    <div class="portfolio-modal modal fade" id="bashManager" tabindex="-1" role="dialog" aria-hidden="true">
+      <div class="modal-dialog" role="document">
+        <div class="modal-content">
+          <div class="close-modal" data-dismiss="modal">
+            <div class="lr">
+              <div class="rl"></div>
+            </div>
+          </div>
+          <div class="container">
+            <div class="row">
+              <div class="col-lg-8 mx-auto">
+                <div class="modal-body">
+                  <h2>Quotes Website for a Friend</h2>
+                  <hr class="star-primary">
+                  <img class="img-fluid img-centered" src="img/portfolio/quotes.png" alt="">
+                  <p>In high school my friend had a static web page where he posted quotes that people said. During
+                    winter break I decided amp up his project and
+                    create a dynamic website in PHP that would display the quotes on pictures of pandas. Along with
+                    displaying quotes, this website also has a web forum where
+                    registered users can submit new quotes.</p>
+                  <ul class="list-inline item-details">
+                    <li>Date:
+                      <strong>
+                        December 2016
+                      </strong>
+                    </li>
+                    <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="https://www.w3schools.com/sql/">SQL</a>
+                      </strong>
+                    </li>
+                  </ul>
+                  <button class="btn btn-success" type="button" data-dismiss="modal">
+                    <i class="fa fa-times"></i>
+                    Close</button>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+
     <!-- Bootstrap core JavaScript -->
     <script src="js/jquery.min.js"></script>
     <script src="js/popper.min.js"></script>