Browse Source

Added the Hoffends public website to my portfolio list.

master
jrtechs 6 years ago
parent
commit
a7541e989f
3 changed files with 101 additions and 34 deletions
  1. BIN
      img/portfolio/hoffendsPublicWebsite.png
  2. +94
    -17
      index.html
  3. +7
    -17
      messageSent.html

BIN
img/portfolio/hoffendsPublicWebsite.png View File

Before After
Width: 1135  |  Height: 871  |  Size: 656 KiB

+ 94
- 17
index.html View File

@ -98,7 +98,7 @@
<i class="fa fa-search-plus fa-3x"></i> <i class="fa fa-search-plus fa-3x"></i>
</div> </div>
</div> </div>
<img class="img-fluid" src="img/portfolio/pioneer.png" alt="">
<img class="img-fluid" src="img/portfolio/pioneer.png" alt="pioneer employee website">
</a> </a>
</div> </div>
@ -146,7 +146,7 @@
<i class="fa fa-search-plus fa-3x"></i> <i class="fa fa-search-plus fa-3x"></i>
</div> </div>
</div> </div>
<img class="img-fluid" src="img/portfolio/quotes.png" alt="">
<img class="img-fluid" src="img/portfolio/quotes.png" alt="panda quotes screenshot">
</a> </a>
</div> </div>
@ -158,7 +158,7 @@
<i class="fa fa-search-plus fa-3x"></i> <i class="fa fa-search-plus fa-3x"></i>
</div> </div>
</div> </div>
<img class="img-fluid" src="img/portfolio/tanks.png" alt="">
<img class="img-fluid" src="img/portfolio/tanks.png" alt="Tanks game screenshot">
</a> </a>
</div> </div>
@ -170,7 +170,7 @@
<i class="fa fa-search-plus fa-3x"></i> <i class="fa fa-search-plus fa-3x"></i>
</div> </div>
</div> </div>
<img class="img-fluid" src="img/portfolio/trend.jpg" alt="">
<img class="img-fluid" src="img/portfolio/trend.jpg" alt="Brick hack project">
</a> </a>
</div> </div>
@ -182,7 +182,7 @@
<i class="fa fa-search-plus fa-3x"></i> <i class="fa fa-search-plus fa-3x"></i>
</div> </div>
</div> </div>
<img class="img-fluid" src="img/portfolio/tiger-os.png" alt="">
<img class="img-fluid" src="img/portfolio/tiger-os.png" alt="TigerOS website">
</a> </a>
</div> </div>
@ -195,7 +195,7 @@
<i class="fa fa-search-plus fa-3x"></i> <i class="fa fa-search-plus fa-3x"></i>
</div> </div>
</div> </div>
<img class="img-fluid" src="img/portfolio/clubpanda.png" alt="">
<img class="img-fluid" src="img/portfolio/clubpanda.png" alt="Club panda screenshot">
</a> </a>
</div> </div>
@ -207,9 +207,23 @@
<i class="fa fa-search-plus fa-3x"></i> <i class="fa fa-search-plus fa-3x"></i>
</div> </div>
</div> </div>
<img class="img-fluid" src="img/portfolio/bash_manager.png" alt="">
<img class="img-fluid" src="img/portfolio/bash_manager.png" alt="Bash Manager Screenshot">
</a> </a>
</div> </div>
<!--Hoffends Public website-->
<div class="col-sm-4 portfolio-item">
<a class="portfolio-link" href="#portfolioHoffendsPublic" 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/hoffendsPublicWebsite.png" alt="Hoffends Public Website">
</a>
</div>
</div> </div>
</div> </div>
</section> </section>
@ -407,7 +421,7 @@
<div class="modal-body"> <div class="modal-body">
<h2>Pioneer Malting</h2> <h2>Pioneer Malting</h2>
<hr class="star-primary"> <hr class="star-primary">
<img class="img-fluid img-centered" src="img/portfolio/pioneer.png" alt="">
<img class="img-fluid img-centered" src="img/portfolio/pioneer.png" alt="Pioneer Emoloyee Website">
<p>Over several months I built a web application for Pioneer Malting which keeps track of <p>Over several months I built a web application for Pioneer Malting which keeps track of
inventory, clients, payroll, inventory, clients, payroll,
orders, batches, and shipments. orders, batches, and shipments.
@ -463,7 +477,7 @@
<div class="modal-body"> <div class="modal-body">
<h2>Hoffends Employee Website</h2> <h2>Hoffends Employee Website</h2>
<hr class="star-primary"> <hr class="star-primary">
<img class="img-fluid img-centered" src="img/portfolio/hoffends.png" alt="">
<img class="img-fluid img-centered" src="img/portfolio/hoffends.png" alt="Hoffends Employee Website">
<p> This is a PHP website that keeps track of employee hours for payroll. <p> This is a PHP website that keeps track of employee hours for payroll.
</p> </p>
<ul class="list-inline item-details"> <ul class="list-inline item-details">
@ -520,9 +534,10 @@
<div class="modal-body"> <div class="modal-body">
<h2>Personal Blog</h2> <h2>Personal Blog</h2>
<hr class="star-primary"> <hr class="star-primary">
<img class="img-fluid img-centered" src="img/portfolio/jrtechs.net.png" alt="">
<img class="img-fluid img-centered" src="img/portfolio/jrtechs.net.png" alt="Word Press Blog">
<p>I initially created <a href="http://jrtechs.net">jrtechs</a> when I was in middle school. <p>I initially created <a href="http://jrtechs.net">jrtechs</a> when I was in middle school.
Jrtechs is a personal blog where I post random stuff I think others would find useful.</p>
Jrtechs is a wordpress blog where I post stuff I think others would find useful or
things I can use as reference.</p>
<ul class="list-inline item-details"> <ul class="list-inline item-details">
<li>Date: <li>Date:
<strong> <strong>
@ -560,7 +575,7 @@
<div class="modal-body"> <div class="modal-body">
<h2>Java Tanks Game</h2> <h2>Java Tanks Game</h2>
<hr class="star-primary"> <hr class="star-primary">
<img class="img-fluid img-centered" src="img/portfolio/tanks.png" alt="">
<img class="img-fluid img-centered" src="img/portfolio/tanks.png" alt="Java source code">
<p>After the AP finals in May, high school students who took AP classes have little to do. <p>After the AP finals in May, high school students who took AP classes have little to do.
During my junior year of High School I took this time to teach my AP Computer Science class how During my junior year of High School I took this time to teach my AP Computer Science class how
to make Java GUIs. After teaching several lessons, we started making a 2D tanks game. Feel free to to make Java GUIs. After teaching several lessons, we started making a 2D tanks game. Feel free to
@ -602,7 +617,7 @@
<div class="modal-body"> <div class="modal-body">
<h2>Musical Floppy Drives</h2> <h2>Musical Floppy Drives</h2>
<hr class="star-primary"> <hr class="star-primary">
<img class="img-fluid img-centered" src="img/portfolio/floppy.jpg" alt="">
<img class="img-fluid img-centered" src="img/portfolio/floppy.jpg" alt="Musical Floppy Drive Project">
<p>Being the type of person who has dozens of floppy drives, I wired them up to a Arduino to play <p>Being the type of person who has dozens of floppy drives, I wired them up to a Arduino to play
music.</p> music.</p>
<iframe width="560" height="315" src="https://www.youtube.com/embed/DBrR6sE-vaY" frameborder="0" <iframe width="560" height="315" src="https://www.youtube.com/embed/DBrR6sE-vaY" frameborder="0"
@ -653,7 +668,7 @@
<div class="modal-body"> <div class="modal-body">
<h2>Quotes Website for a Friend</h2> <h2>Quotes Website for a Friend</h2>
<hr class="star-primary"> <hr class="star-primary">
<img class="img-fluid img-centered" src="img/portfolio/quotes.png" alt="">
<img class="img-fluid img-centered" src="img/portfolio/quotes.png" alt="Panda Quotes">
<p>In high school my friend had a static web page where he posted quotes that people said. During <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 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 create a dynamic website in PHP that would display the quotes on pictures of pandas. Along with
@ -703,7 +718,7 @@
<div class="modal-body"> <div class="modal-body">
<h2>What the Trend?</h2> <h2>What the Trend?</h2>
<hr class="star-primary"> <hr class="star-primary">
<img class="img-fluid img-centered" src="img/portfolio/trend.jpg" alt="">
<img class="img-fluid img-centered" src="img/portfolio/trend.jpg" alt="Brick Hack Project">
<p>This app was built at <a href="https://brickhack.io/">BrickHack4</a> -- my first hackathon. <p>This app was built at <a href="https://brickhack.io/">BrickHack4</a> -- my first hackathon.
What the Trend is a web game where players compete against each other to submit the most trending What the Trend is a web game where players compete against each other to submit the most trending
word- according to the Google Trends API. Players each log into a game on their own device, and are word- according to the Google Trends API. Players each log into a game on their own device, and are
@ -755,7 +770,7 @@
<div class="modal-body"> <div class="modal-body">
<h2>Tiger-OS Website</h2> <h2>Tiger-OS Website</h2>
<hr class="star-primary"> <hr class="star-primary">
<img class="img-fluid img-centered" src="img/portfolio/tiger-os.png" alt="">
<img class="img-fluid img-centered" src="img/portfolio/tiger-os.png" alt="TigerOS">
<p>This is a simple bootstrap website I made for RITLUG(RIT's Linux User Group). Check the website <p>This is a simple bootstrap website I made for RITLUG(RIT's Linux User Group). Check the website
out live <a href="http://tigeros.ritlug.com/">here</a>.</p> out live <a href="http://tigeros.ritlug.com/">here</a>.</p>
<ul class="list-inline item-details"> <ul class="list-inline item-details">
@ -799,7 +814,7 @@
<div class="modal-body"> <div class="modal-body">
<h2>Panda Games</h2> <h2>Panda Games</h2>
<hr class="star-primary"> <hr class="star-primary">
<img class="img-fluid img-centered" src="img/portfolio/clubpanda.png" alt="">
<img class="img-fluid img-centered" src="img/portfolio/clubpanda.png" alt="Club panda image">
<p>In the journey of learning JavaScript I decided to compile a few of the games I made into a website <p>In the journey of learning JavaScript I decided to compile a few of the games I made into a website
that kept track of scores like an old arcade.</p> that kept track of scores like an old arcade.</p>
<iframe width="560" height="315" src="https://www.youtube.com/embed/QhJYKBj3K08" frameborder="0" <iframe width="560" height="315" src="https://www.youtube.com/embed/QhJYKBj3K08" frameborder="0"
@ -837,6 +852,68 @@
</div> </div>
</div> </div>
<!-- Hoffends Public Website -->
<div class="portfolio-modal modal fade" id="portfolioHoffendsPublic" 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>Hoffends Website</h2>
<hr class="star-primary">
<img class="img-fluid img-centered" src="img/portfolio/hoffendsPublicWebsite.png" alt="">
<p>This website is aimed at getting people to
visit Hoffends. This website contains a PHP captcha contact form, live
hours table, embedded map, and other information about their
store like specials and tastings. Check out the website live <a href="https://hoffends.net">here</a>.
</p>
<ul class="list-inline item-details">
<li>Client:
<strong>
<a href="https://hoffends.net/">Hoffends</a>
</strong>
</li>
<li>Date:
<strong>
August 2018
</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="#">jQuery</a>
</strong>
<strong>
<a href="#">Bootstrap</a>
</strong>
<strong>
<a href="#">Java Script</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 --> <!-- Bash Manager -->
<div class="portfolio-modal modal fade" id="bashManager" tabindex="-1" role="dialog" aria-hidden="true"> <div class="portfolio-modal modal fade" id="bashManager" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog" role="document"> <div class="modal-dialog" role="document">

+ 7
- 17
messageSent.html View File

@ -75,25 +75,15 @@
</div> </div>
</header> </header>
<br><br><br>
<div class="container">
<div class="row">
<div class="col-md-6 p-3">
<center><h1 class="align-content-center">Message Sent</h1></center>
Thank you for sending me a message. I will try my best to
<section id="portfolio">
<div class="container">
<h2 class="text-center">Message Sent</h2>
<hr class="star-primary">
<h5 class="text-center">Thank you for sending me a message. I will try my best to
get back to you within a week. In the meantime, feel free to get back to you within a week. In the meantime, feel free to
check out my Github and Youtube accounts.
</div>
<div class="col-md-6 p-6">
<div class="d-flex justify-content-center">
<p><iframe width="100%" height="315" src="https://www.youtube.com/embed/DoDaHmyIPvQ"
frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe></p>
</div>
</div>
check out my Github and Youtube accounts.</h4>
</div> </div>
</div>
</section>
<!-- Footer --> <!-- Footer -->
<footer class="text-center"> <footer class="text-center">

Loading…
Cancel
Save