189 lines
6.2 KiB
HTML
189 lines
6.2 KiB
HTML
<head>
|
|
<meta name="url" content="" />
|
|
<meta name="save_as" content="index.html" />
|
|
<meta name="title" content="Homepage" />
|
|
<meta name="template" content="page-home">
|
|
</head>
|
|
<body>
|
|
<header class="bg-primary">
|
|
<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">
|
|
<h2 class="section-heading">About</h2>
|
|
<hr class="light">
|
|
<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>
|
|
<a href="/about/" class="btn btn-primary-dark btn-xl">More Info</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="skills">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-12 text-center">
|
|
<h2 class="section-heading">Skills</h2>
|
|
<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">
|
|
<i class="fa fa-4x fa-server wow bounceIn text-primary" data-wow-delay=".3s"></i>
|
|
<h3>Server</h3>
|
|
<p>Designing and building high-performance server applications and environments</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3 col-md-6 text-center">
|
|
<div class="service-box">
|
|
<i class="fa fa-4x fa-internet-explorer wow bounceIn text-primary" data-wow-delay=".5s"></i>
|
|
<h3>Client</h3>
|
|
<p>Creating functional, fast, and mobile-friendly websites</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3 col-md-6 text-center">
|
|
<div class="service-box">
|
|
<i class="fa fa-4x fa-mobile wow bounceIn text-primary" data-wow-delay=".7s"></i>
|
|
<h3>Mobile</h3>
|
|
<p>Building lightweight, cross-platform mobile applications</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3 col-md-6 text-center">
|
|
<div class="service-box">
|
|
<i class="fa fa-4x fa-usb wow bounceIn text-primary" data-wow-delay=".9s"></i>
|
|
<h3>Hardware</h3>
|
|
<p>Constructing workflow-specific Desktops, Servers and Notebooks</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<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">
|
|
<div class="portfolio-box-caption">
|
|
<div class="portfolio-box-caption-content">
|
|
<div class="project-category">
|
|
Category
|
|
</div>
|
|
<div class="project-name">
|
|
Project Name
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="col-lg-4 col-sm-6">
|
|
<a href="#" class="portfolio-box">
|
|
<div class="portfolio-box-caption">
|
|
<div class="portfolio-box-caption-content">
|
|
<div class="project-category">
|
|
Category
|
|
</div>
|
|
<div class="project-name">
|
|
Project Name
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="col-lg-4 col-sm-6">
|
|
<a href="#" class="portfolio-box">
|
|
<div class="portfolio-box-caption">
|
|
<div class="portfolio-box-caption-content">
|
|
<div class="project-category">
|
|
Category
|
|
</div>
|
|
<div class="project-name">
|
|
Project Name
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="col-lg-4 col-sm-6">
|
|
<a href="#" class="portfolio-box">
|
|
<div class="portfolio-box-caption">
|
|
<div class="portfolio-box-caption-content">
|
|
<div class="project-category">
|
|
Category
|
|
</div>
|
|
<div class="project-name">
|
|
Project Name
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="col-lg-4 col-sm-6">
|
|
<a href="#" class="portfolio-box">
|
|
<div class="portfolio-box-caption">
|
|
<div class="portfolio-box-caption-content">
|
|
<div class="project-category">
|
|
Category
|
|
</div>
|
|
<div class="project-name">
|
|
Project Name
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="col-lg-4 col-sm-6">
|
|
<a href="#" class="portfolio-box">
|
|
<div class="portfolio-box-caption">
|
|
<div class="portfolio-box-caption-content">
|
|
<div cass="project-category">
|
|
Category
|
|
</div>
|
|
<div class="project-name">
|
|
Project Name
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-xs-12 text-center">
|
|
<a href="/projects/" class="btn btn-primary-dark btn-xl margin">
|
|
View all projects
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="more">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-8 col-lg-offset-2 text-center">
|
|
<h2 class="section-heading">More Content</h2>
|
|
<hr class="primary">
|
|
<p>There's more content on my site than just my Projects and Blog!</p>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-xs-12">
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</body>
|