|
|
@ -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> |
|
|
|