2016-05-14 12:34:15 +01:00
< head >
2016-05-14 14:26:44 +01:00
< meta name = "url" content = "" / >
< meta name = "save_as" content = "index.html" / >
< meta name = "title" content = "Homepage" / >
< meta name = "template" content = "page-home" / >
2016-05-14 12:34:15 +01:00
< / head >
2016-05-14 14:26:44 +01:00
< body >
2016-05-16 18:18:33 +01:00
< nav id = "indexNav" class = "navbar navbar-default navbar-fixed-top" >
2016-05-15 17:46:00 +01:00
< div class = "container-fluid" >
< div class = "navbar-header" >
< button type = "button" class = "navbar-toggle collapsed" data-toggle = "collapse" data-target = "#bs-example-navbar-collapse-1" >
< span class = "sr-only" > Toggle navigation< / span >
< span class = "icon-bar" > < / span >
< span class = "icon-bar" > < / span >
< span class = "icon-bar" > < / span >
< / button >
< a class = "navbar-brand page-scroll" href = "#page-top" >
TheOrangeOne
< / a >
< / div >
< div class = "collapse navbar-collapse" id = "bs-example-navbar-collapse-1" >
< ul class = "nav navbar-nav navbar-right" >
< li > < a class = "page-scroll" href = "#about" > About< / a > < / li >
< li > < a class = "page-scroll" href = "#skills" > Skills< / a > < / li >
< li > < a class = "page-scroll" href = "#projects" > Projects< / a > < / li >
< li > < a class = "page-scroll" href = "#contact" > Contact< / a > < / li >
< / ul >
< / div >
< / div >
< / nav >
< header >
< div class = "header-content" >
< div class = "header-content-inner" >
< h1 > Welcome to my website< / h1 >
< hr >
< p > The place where my knowledge lies, or at least most of it anyway!< / p >
< a href = "#about" class = "btn btn-primary btn-xl page-scroll" > Find Out More< / a >
< / div >
< / div >
< / header >
< section class = "bg-primary" id = "about" >
< div class = "container" >
< div class = "row" >
< div class = "col-lg-8 col-lg-offset-2 text-center" >
2016-05-16 21:46:01 +01:00
< h2 class = "section-heading" > About< / h2 >
2016-05-15 17:46:00 +01:00
< hr class = "light" >
2016-05-16 21:46:01 +01:00
< p > Start Bootstrap has everything you need to get your new website up and running in no time! All of the templates and themes on Start Bootstrap are open source, free to download, and easy to use. No strings attached!< / p >
2016-05-14 12:34:15 +01:00
< / div >
2016-05-15 17:46:00 +01:00
< / div >
< / div >
< / section >
2016-05-14 12:34:15 +01:00
2016-05-15 17:46:00 +01:00
< section id = "skills" >
< div class = "container" >
< div class = "row" >
< div class = "col-lg-12 text-center" >
2016-05-16 21:46:01 +01:00
< h2 class = "section-heading" > Skills< / h2 >
2016-05-15 17:46:00 +01:00
< hr class = "primary" >
< / div >
< / div >
< / div >
< div class = "container" >
< div class = "row" >
< div class = "col-lg-3 col-md-6 text-center" >
< div class = "service-box" >
2016-05-16 21:46:16 +01:00
< i class = "fa fa-4x fa-server wow bounceIn text-primary" data-wow-delay = ".2s" > < / i >
2016-05-16 21:46:01 +01:00
< h3 > Server< / h3 >
< p > Designing and building high-performance server applications and environments< / p >
2016-05-15 17:46:00 +01:00
< / div >
2016-05-14 12:34:15 +01:00
< / div >
2016-05-15 17:46:00 +01:00
< div class = "col-lg-3 col-md-6 text-center" >
< div class = "service-box" >
2016-05-16 21:46:16 +01:00
< i class = "fa fa-4x fa-internet-explorer wow bounceIn text-primary" data-wow-delay = ".2s" > < / i >
2016-05-16 21:46:01 +01:00
< h3 > Client< / h3 >
< p > Creating functional, fast, and mobile-friendly websites< / p >
2016-05-15 17:46:00 +01:00
< / div >
< / div >
< div class = "col-lg-3 col-md-6 text-center" >
< div class = "service-box" >
2016-05-16 21:46:16 +01:00
< i class = "fa fa-4x fa-mobile wow bounceIn text-primary" data-wow-delay = ".2s" > < / i >
2016-05-16 21:46:01 +01:00
< h3 > Mobile< / h3 >
< p > Building lightweight, cross-platform mobile applications< / p >
2016-05-15 17:46:00 +01:00
< / div >
< / div >
< div class = "col-lg-3 col-md-6 text-center" >
< div class = "service-box" >
2016-05-16 21:46:16 +01:00
< i class = "fa fa-4x fa-usb wow bounceIn text-primary" data-wow-delay = ".2s" > < / i >
2016-05-16 21:46:01 +01:00
< h3 > Hardware< / h3 >
< p > Constructing workflow-specific Desktops, Servers and Notebooks< / p >
< / div >
< / div >
< div class = "col-xs-12 text-center" >
< div class = "service-box" >
< a href = "#" class = "btn btn-primary btn-xl" >
< h4 > My Profile< / h4 >
< / a >
2016-05-15 17:46:00 +01:00
< / div >
< / div >
< / div >
< / div >
< / section >
2016-05-14 12:34:15 +01:00
2016-05-15 17:46:00 +01:00
< section class = "no-padding" id = "projects" >
< div class = "container-fluid" >
< div class = "row no-gutter" >
< div class = "col-lg-4 col-sm-6" >
< a href = "#" class = "portfolio-box" >
< img src = "/portfolio/1.jpg" class = "img-responsive" alt = "" >
< div class = "portfolio-box-caption" >
< div class = "portfolio-box-caption-content" >
2016-05-16 21:46:01 +01:00
< div class = "project-category" >
2016-05-15 17:46:00 +01:00
Category
2016-05-14 12:34:15 +01:00
< / div >
2016-05-15 17:46:00 +01:00
< div class = "project-name" >
Project Name
< / div >
< / div >
2016-05-14 12:34:15 +01:00
< / div >
2016-05-15 17:46:00 +01:00
< / a >
2016-05-14 12:34:15 +01:00
< / div >
2016-05-15 17:46:00 +01:00
< div class = "col-lg-4 col-sm-6" >
< a href = "#" class = "portfolio-box" >
< img src = "/portfolio/2.jpg" class = "img-responsive" alt = "" >
< div class = "portfolio-box-caption" >
< div class = "portfolio-box-caption-content" >
2016-05-16 21:46:01 +01:00
< div class = "project-category" >
2016-05-15 17:46:00 +01:00
Category
2016-05-14 12:34:15 +01:00
< / div >
2016-05-15 17:46:00 +01:00
< div class = "project-name" >
Project Name
2016-05-14 12:34:15 +01:00
< / div >
2016-05-15 17:46:00 +01:00
< / div >
< / div >
< / a >
< / div >
< div class = "col-lg-4 col-sm-6" >
< a href = "#" class = "portfolio-box" >
< img src = "/portfolio/3.jpg" class = "img-responsive" alt = "" >
< div class = "portfolio-box-caption" >
< div class = "portfolio-box-caption-content" >
2016-05-16 21:46:01 +01:00
< div class = "project-category" >
2016-05-15 17:46:00 +01:00
Category
2016-05-14 12:34:15 +01:00
< / div >
2016-05-15 17:46:00 +01:00
< div class = "project-name" >
Project Name
2016-05-14 12:34:15 +01:00
< / div >
2016-05-15 17:46:00 +01:00
< / div >
2016-05-14 12:34:15 +01:00
< / div >
2016-05-15 17:46:00 +01:00
< / a >
2016-05-14 12:34:15 +01:00
< / div >
2016-05-15 17:46:00 +01:00
< div class = "col-lg-4 col-sm-6" >
< a href = "#" class = "portfolio-box" >
< img src = "/portfolio/4.jpg" class = "img-responsive" alt = "" >
< div class = "portfolio-box-caption" >
< div class = "portfolio-box-caption-content" >
2016-05-16 21:46:01 +01:00
< div class = "project-category" >
2016-05-15 17:46:00 +01:00
Category
2016-05-14 12:34:15 +01:00
< / div >
2016-05-15 17:46:00 +01:00
< div class = "project-name" >
Project Name
2016-05-14 12:34:15 +01:00
< / div >
2016-05-15 17:46:00 +01:00
< / div >
< / div >
< / a >
< / div >
< div class = "col-lg-4 col-sm-6" >
< a href = "#" class = "portfolio-box" >
< img src = "/portfolio/5.jpg" class = "img-responsive" alt = "" >
< div class = "portfolio-box-caption" >
< div class = "portfolio-box-caption-content" >
2016-05-16 21:46:01 +01:00
< div class = "project-category" >
2016-05-15 17:46:00 +01:00
Category
2016-05-14 12:34:15 +01:00
< / div >
2016-05-15 17:46:00 +01:00
< div class = "project-name" >
Project Name
2016-05-14 12:34:15 +01:00
< / div >
2016-05-15 17:46:00 +01:00
< / div >
< / div >
< / a >
< / div >
< div class = "col-lg-4 col-sm-6" >
< a href = "#" class = "portfolio-box" >
< img src = "/portfolio/6.jpg" class = "img-responsive" alt = "" >
< div class = "portfolio-box-caption" >
< div class = "portfolio-box-caption-content" >
2016-05-16 21:46:01 +01:00
< div class = "project-category" >
2016-05-15 17:46:00 +01:00
Category
2016-05-14 12:34:15 +01:00
< / div >
2016-05-15 17:46:00 +01:00
< div class = "project-name" >
Project Name
2016-05-14 12:34:15 +01:00
< / div >
2016-05-15 17:46:00 +01:00
< / div >
2016-05-14 12:34:15 +01:00
< / div >
2016-05-15 17:46:00 +01:00
< / a >
2016-05-14 12:34:15 +01:00
< / div >
2016-05-15 17:46:00 +01:00
< / div >
< / div >
< / section >
2016-05-14 12:34:15 +01:00
2016-05-15 17:46:00 +01:00
< section id = "contact" >
< div class = "container" >
< div class = "row" >
< div class = "col-lg-8 col-lg-offset-2 text-center" >
2016-05-16 21:46:01 +01:00
< h2 class = "section-heading" > More Content< / h2 >
2016-05-15 17:46:00 +01:00
< hr class = "primary" >
2016-05-16 21:46:01 +01:00
< p > There's more content on my site than just my Projects and Blog!< / p >
2016-05-14 12:34:15 +01:00
< / div >
2016-05-15 17:46:00 +01:00
< div class = "col-lg-4 col-lg-offset-2 text-center" >
< p > 123-456-6789< / p >
< / div >
< div class = "col-lg-4 text-center" >
2016-05-14 12:34:15 +01:00
< / div >
2016-05-15 17:46:00 +01:00
< / div >
< / div >
< / section >
2016-05-14 12:34:15 +01:00
< / body >
