@ -68,7 +68,7 @@
< hr class = "star-primary" > < hr class = "star-primary" >
< div class = "row" > < div class = "row" >
< div class = "col-sm-4 portfolio-item" > < 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" >
< div class = "caption-content" > < div class = "caption-content" >
< i class = "fa fa-search-plus fa-3x" > < / i > < i class = "fa fa-search-plus fa-3x" > < / i >
@ -78,7 +78,7 @@
< / a > < / a >
< / div > < / div >
< div class = "col-sm-4 portfolio-item" > < 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" >
< div class = "caption-content" > < div class = "caption-content" >
< i class = "fa fa-search-plus fa-3x" > < / i > < i class = "fa fa-search-plus fa-3x" > < / i >
@ -88,7 +88,7 @@
< / a > < / a >
< / div > < / div >
< div class = "col-sm-4 portfolio-item" > < 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" >
< div class = "caption-content" > < div class = "caption-content" >
< i class = "fa fa-search-plus fa-3x" > < / i > < i class = "fa fa-search-plus fa-3x" > < / i >
@ -98,7 +98,7 @@
< / a > < / a >
< / div > < / div >
< div class = "col-sm-4 portfolio-item" > < 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" >
< div class = "caption-content" > < div class = "caption-content" >
< i class = "fa fa-search-plus fa-3x" > < / i > < i class = "fa fa-search-plus fa-3x" > < / i >
@ -108,7 +108,7 @@
< / a > < / a >
< / div > < / div >
< div class = "col-sm-4 portfolio-item" > < 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" >
< div class = "caption-content" > < div class = "caption-content" >
< i class = "fa fa-search-plus fa-3x" > < / i > < i class = "fa fa-search-plus fa-3x" > < / i >
@ -118,7 +118,7 @@
< / a > < / a >
< / div > < / div >
< div class = "col-sm-4 portfolio-item" > < 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" >
< div class = "caption-content" > < div class = "caption-content" >
< i class = "fa fa-search-plus fa-3x" > < / i > < i class = "fa fa-search-plus fa-3x" > < / i >
@ -227,7 +227,8 @@
< / div > < / div >
<!-- Portfolio Modals --> <!-- 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-dialog" role = "document" >
< div class = "modal-content" > < div class = "modal-content" >
< div class = "close-modal" data-dismiss = "modal" > < div class = "close-modal" data-dismiss = "modal" >
@ -239,9 +240,9 @@
< div class = "row" > < div class = "row" >
< div class = "col-lg-8 mx-auto" > < div class = "col-lg-8 mx-auto" >
< div class = "modal-body" > < div class = "modal-body" >
< h2 > Project Titl e< / h2 >
< h2 > Pioneer Malting Employee Websit e< / h2 >
< hr class = "star-primary" > < 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 < 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 > < 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" > < ul class = "list-inline item-details" >
@ -252,12 +253,18 @@
< / li > < / li >
< li > Date: < li > Date:
< strong > < strong >
< a href = "http://startbootstrap.com" > April 2014 < / a >
< a href = "#" > June 2017 < / a >
< / strong > < / strong >
< / li > < / li >
< li > Service :
< li > Skills :
< strong > < 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 > < / strong >
< / li > < / li >
< / ul > < / ul >
@ -271,7 +278,8 @@
< / div > < / div >
< / div > < / 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-dialog" role = "document" >
< div class = "modal-content" > < div class = "modal-content" >
< div class = "close-modal" data-dismiss = "modal" > < div class = "close-modal" data-dismiss = "modal" >
@ -283,9 +291,9 @@
< div class = "row" > < div class = "row" >
< div class = "col-lg-8 mx-auto" > < div class = "col-lg-8 mx-auto" >
< div class = "modal-body" > < div class = "modal-body" >
< h2 > Project Titl e< / h2 >
< h2 > Hoffends Employee Websit e< / h2 >
< hr class = "star-primary" > < 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 < 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 > < 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" > < ul class = "list-inline item-details" >
@ -296,12 +304,18 @@
< / li > < / li >
< li > Date: < li > Date:
< strong > < strong >
< a href = "http://startbootstrap.com" > April 2014 < / a >
< a href = "http://startbootstrap.com" > November 2016 < / a >
< / strong > < / strong >
< / li > < / 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 > < strong >
< a href = "http://startbootstrap.com" > Web Development< / a >
< a href = "https://www.w3schools.com/sql/" > SQL < / a >
< / strong > < / strong >
< / li > < / li >
< / ul > < / ul >
@ -315,7 +329,8 @@
< / div > < / div >
< / div > < / 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-dialog" role = "document" >
< div class = "modal-content" > < div class = "modal-content" >
< div class = "close-modal" data-dismiss = "modal" > < div class = "close-modal" data-dismiss = "modal" >
@ -327,9 +342,9 @@
< div class = "row" > < div class = "row" >
< div class = "col-lg-8 mx-auto" > < div class = "col-lg-8 mx-auto" >
< div class = "modal-body" > < div class = "modal-body" >
< h2 > Project Title < / h2 >
< h2 > Personal Blog < / h2 >
< hr class = "star-primary" > < 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 < 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 > < 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" > < ul class = "list-inline item-details" >
@ -340,12 +355,12 @@
< / li > < / li >
< li > Date: < li > Date:
< strong > < strong >
< a href = "http://startbootstrap.com" > April 2014< / a >
< a href = "http://startbootstrap.com" > June 2014< / a >
< / strong > < / strong >
< / li > < / li >
< li > Service :
< li > Skills :
< strong > < strong >
< a href = "http://startbootstrap.com" > Web Development < / a >
< a href = "https://wordpress.org/" > Wordpress < / a >
< / strong > < / strong >
< / li > < / li >
< / ul > < / ul >
@ -359,7 +374,8 @@
< / div > < / div >
< / div > < / 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-dialog" role = "document" >
< div class = "modal-content" > < div class = "modal-content" >
< div class = "close-modal" data-dismiss = "modal" > < div class = "close-modal" data-dismiss = "modal" >
@ -371,25 +387,20 @@
< div class = "row" > < div class = "row" >
< div class = "col-lg-8 mx-auto" > < div class = "col-lg-8 mx-auto" >
< div class = "modal-body" > < div class = "modal-body" >
< h2 > Project Title < / h2 >
< h2 > Junior year(High School) Group project < / h2 >
< hr class = "star-primary" > < 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 < 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 > < 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" > < ul class = "list-inline item-details" >
< li > Client:
< strong >
< a href = "http://startbootstrap.com" > Start Bootstrap< / a >
< / strong >
< / li >
< li > Date: < li > Date:
< strong > < strong >
< a href = "http://startbootstrap.com" > April 2014 < / a >
< a href = "http://startbootstrap.com" > May 2016< / a >
< / strong > < / strong >
< / li > < / li >
< li > Service :
< li > Skills :
< strong > < strong >
< a href = "http://startbootstrap.com" > Web Development < / a >
< a href = "https://www.oracle.com/index.html" > Java < / a >
< / strong > < / strong >
< / li > < / li >
< / ul > < / ul >
@ -403,7 +414,8 @@
< / div > < / div >
< / div > < / 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-dialog" role = "document" >
< div class = "modal-content" > < div class = "modal-content" >
< div class = "close-modal" data-dismiss = "modal" > < div class = "close-modal" data-dismiss = "modal" >
@ -415,25 +427,26 @@
< div class = "row" > < div class = "row" >
< div class = "col-lg-8 mx-auto" > < div class = "col-lg-8 mx-auto" >
< div class = "modal-body" > < div class = "modal-body" >
< h2 > Project Title < / h2 >
< h2 > Musical Floppy Drives < / h2 >
< hr class = "star-primary" > < hr class = "star-primary" >
< img class = "img-fluid img-centered" src = "img/portfolio/safe.pn g" alt = "" >
< img class = "img-fluid img-centered" src = "img/portfolio/floppy.jp g" alt = "" >
< p > Use this area of the page to describe your project. The icon above is part of a free icon set by < 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 > < 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" > < ul class = "list-inline item-details" >
< li > Client :
< li > Date :
< strong > < strong >
< a href = "http://startbootstrap.com" > Start Bootstrap < / a >
< a href = "http://startbootstrap.com" > June 2017 < / a >
< / strong > < / strong >
< / li > < / li >
< li > Date :
< li > Skills :
< strong > < strong >
< a href = "http://startbootstrap.com" > April 2014 < / a >
< a href = "http://startbootstrap.com" > c++ < / a >
< / strong > < / strong >
< / li >
< li > Service:
< strong > < 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 > < / strong >
< / li > < / li >
< / ul > < / ul >
@ -447,7 +460,8 @@
< / div > < / div >
< / div > < / 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-dialog" role = "document" >
< div class = "modal-content" > < div class = "modal-content" >
< div class = "close-modal" data-dismiss = "modal" > < div class = "close-modal" data-dismiss = "modal" >
@ -459,25 +473,26 @@
< div class = "row" > < div class = "row" >
< div class = "col-lg-8 mx-auto" > < div class = "col-lg-8 mx-auto" >
< div class = "modal-body" > < div class = "modal-body" >
< h2 > Project Title < / 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/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 < 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 > < 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" > < ul class = "list-inline item-details" >
< li > Client :
< li > Date :
< strong > < strong >
< a href = "http://startbootstrap.com" > Start Bootstrap < / a >
< a href = "http://startbootstrap.com" > December 2016 < / a >
< / strong > < / strong >
< / li > < / li >
< li > Date :
< li > Skills :
< strong > < 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 > < / strong >
< / li >
< li > Service:
< strong > < strong >
< a href = "http://startbootstrap.com" > Web Development < / a >
< a href = "https://www.w3schools.com/sql/" > SQL< / a >
< / strong > < / strong >
< / li > < / li >
< / ul > < / ul >
