Browse Source

Added 4 projects to the website

master
Jeffery R 6 years ago
parent
commit
e5375965fb
1 changed files with 254 additions and 0 deletions
  1. +254
    -0
      index.html

+ 254
- 0
index.html View File

@ -44,6 +44,9 @@
<li class="nav-item"> <li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#about">About</a> <a class="nav-link js-scroll-trigger" href="#about">About</a>
</li> </li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="http://jrtechs.net">Blog</a>
</li>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#contact">Contact</a> <a class="nav-link js-scroll-trigger" href="#contact">Contact</a>
</li> </li>
@ -69,7 +72,9 @@
<div class="container"> <div class="container">
<h2 class="text-center">Portfolio</h2> <h2 class="text-center">Portfolio</h2>
<hr class="star-primary"> <hr class="star-primary">
<h3 class="text-center">Click Picture to Show Project Details</h3>
<div class="row"> <div class="row">
<!--Hoffends web app-->
<div class="col-sm-4 portfolio-item"> <div class="col-sm-4 portfolio-item">
<a class="portfolio-link" href="#portfolioHoffends" data-toggle="modal"> <a class="portfolio-link" href="#portfolioHoffends" data-toggle="modal">
<div class="caption"> <div class="caption">
@ -80,6 +85,7 @@
<img class="img-fluid" src="img/portfolio/hoffends.png" alt=""> <img class="img-fluid" src="img/portfolio/hoffends.png" alt="">
</a> </a>
</div> </div>
<!--Floppy drives-->
<div class="col-sm-4 portfolio-item"> <div class="col-sm-4 portfolio-item">
<a class="portfolio-link" href="#portfolioFloppy" data-toggle="modal"> <a class="portfolio-link" href="#portfolioFloppy" data-toggle="modal">
<div class="caption"> <div class="caption">
@ -90,6 +96,7 @@
<img class="img-fluid" src="img/portfolio/floppy.jpg" alt=""> <img class="img-fluid" src="img/portfolio/floppy.jpg" alt="">
</a> </a>
</div> </div>
<!--Blog-->
<div class="col-sm-4 portfolio-item"> <div class="col-sm-4 portfolio-item">
<a class="portfolio-link" href="#portfolioJrtechs" data-toggle="modal"> <a class="portfolio-link" href="#portfolioJrtechs" data-toggle="modal">
<div class="caption"> <div class="caption">
@ -100,6 +107,7 @@
<img class="img-fluid" src="img/portfolio/jrtechs.net.png" alt=""> <img class="img-fluid" src="img/portfolio/jrtechs.net.png" alt="">
</a> </a>
</div> </div>
<!--Pioneer web app-->
<div class="col-sm-4 portfolio-item"> <div class="col-sm-4 portfolio-item">
<a class="portfolio-link" href="#portfolioPioneer" data-toggle="modal"> <a class="portfolio-link" href="#portfolioPioneer" data-toggle="modal">
<div class="caption"> <div class="caption">
@ -110,6 +118,7 @@
<img class="img-fluid" src="img/portfolio/pioneer.png" alt=""> <img class="img-fluid" src="img/portfolio/pioneer.png" alt="">
</a> </a>
</div> </div>
<!--Bryce's Quotes website-->
<div class="col-sm-4 portfolio-item"> <div class="col-sm-4 portfolio-item">
<a class="portfolio-link" href="#portfolioQuotes" data-toggle="modal"> <a class="portfolio-link" href="#portfolioQuotes" data-toggle="modal">
<div class="caption"> <div class="caption">
@ -120,6 +129,7 @@
<img class="img-fluid" src="img/portfolio/quotes.png" alt=""> <img class="img-fluid" src="img/portfolio/quotes.png" alt="">
</a> </a>
</div> </div>
<!--Tanks Java Game-->
<div class="col-sm-4 portfolio-item"> <div class="col-sm-4 portfolio-item">
<a class="portfolio-link" href="#portfolioTanks" data-toggle="modal"> <a class="portfolio-link" href="#portfolioTanks" data-toggle="modal">
<div class="caption"> <div class="caption">
@ -130,6 +140,50 @@
<img class="img-fluid" src="img/portfolio/tanks.png" alt=""> <img class="img-fluid" src="img/portfolio/tanks.png" alt="">
</a> </a>
</div> </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>
</div> </div>
</section> </section>
@ -532,6 +586,206 @@
</div> </div>
</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 --> <!-- Bootstrap core JavaScript -->
<script src="js/jquery.min.js"></script> <script src="js/jquery.min.js"></script>
<script src="js/popper.min.js"></script> <script src="js/popper.min.js"></script>

Loading…
Cancel
Save