153 lines
5.2 KiB
HTML
153 lines
5.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 id="projects">
|
|
<div class="container-fluid">
|
|
<div class="row no-gutter">
|
|
{% for project in INDEX_PROJECTS %}
|
|
<div class="col-lg-4 col-sm-6">
|
|
<a href="{{ project.url }}" class="portfolio-box image" data-image="{{ project.image }}">
|
|
<div class="portfolio-box-caption">
|
|
<div class="portfolio-box-caption-content">
|
|
<div class="project-name">
|
|
<h2>
|
|
{{ project.name }}
|
|
</h2>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-xs-12 text-center">
|
|
<a href="/projects/" class="btn btn-primary btn-xl margin">
|
|
View all projects
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="bg-primary" id="blog">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-10 col-lg-offset-1 text-center">
|
|
<h2 class="section-heading">Blog</h2>
|
|
<hr class="light">
|
|
<div class="row">
|
|
<div class="col-sm-10 col-sm-offset-1">
|
|
{% for article in categories|category_find("blog") %}
|
|
<div class="row">
|
|
<div class="col-xs-12 text-left">
|
|
<h3>{{ article.title }}</h3>
|
|
<p>{{ article.summary|raw|limit(30) }}</p>
|
|
</div>
|
|
</div>
|
|
<hr class="light">
|
|
{% endfor %}
|
|
</div>
|
|
</div>
|
|
<a href="/blog/" class="btn btn-primary-dark btn-xl">View all posts</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 text-center">
|
|
<a class="btn btn-primary btn-xl margin" href="/college/">
|
|
College
|
|
</a>
|
|
<a class="btn btn-primary btn-xl margin" href="/setup/">
|
|
Setup
|
|
</a>
|
|
<a class="btn btn-primary btn-xl margin" href="/work/">
|
|
Work
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</body>
|