🎨 Code update and minor refactoring
Signed-off-by: Luke Tainton <luke@tainton.uk>
This commit is contained in:
parent
7d9bf9ef0b
commit
e8bb9c7ab5
@ -1,125 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<title>Luke Tainton</title>
|
|
||||||
<meta charset="utf-8">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
|
||||||
|
|
||||||
<link href="https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,500,600,700,800,900" rel="stylesheet">
|
|
||||||
|
|
||||||
<link rel="stylesheet" href="/css/open-iconic-bootstrap.min.css">
|
|
||||||
<link rel="stylesheet" href="/css/animate.css">
|
|
||||||
|
|
||||||
<link rel="stylesheet" href="/css/owl.carousel.min.css">
|
|
||||||
<link rel="stylesheet" href="/css/owl.theme.default.min.css">
|
|
||||||
<link rel="stylesheet" href="/css/magnific-popup.css">
|
|
||||||
|
|
||||||
<link rel="stylesheet" href="/css/aos.css">
|
|
||||||
|
|
||||||
<link rel="stylesheet" href="/css/ionicons.min.css">
|
|
||||||
|
|
||||||
<link rel="stylesheet" href="/css/flaticon.css">
|
|
||||||
<link rel="stylesheet" href="/css/icomoon.css">
|
|
||||||
<link rel="stylesheet" href="/css/style.css">
|
|
||||||
|
|
||||||
<script async src="https://analytics.tainton.uk/tcanalytics.js" data-ackee-server="https://analytics.tainton.uk" data-ackee-domain-id="e7dee78c-99b6-46fb-9b79-819b748c9a6e"></script>
|
|
||||||
</head>
|
|
||||||
<body data-spy="scroll" data-target=".site-navbar-target" data-offset="300">
|
|
||||||
|
|
||||||
|
|
||||||
<nav class="navbar navbar-expand-lg navbar-dark ftco_navbar ftco-navbar-light site-navbar-target" id="ftco-navbar">
|
|
||||||
<div class="container">
|
|
||||||
<a class="navbar-brand" href="index.html"><span>L</span>uke Tainton</a>
|
|
||||||
<button class="navbar-toggler js-fh5co-nav-toggle fh5co-nav-toggle" type="button" data-toggle="collapse" data-target="#ftco-nav" aria-controls="ftco-nav" aria-expanded="false" aria-label="Toggle navigation">
|
|
||||||
<span class="oi oi-menu"></span> Menu
|
|
||||||
</button>
|
|
||||||
|
|
||||||
<div class="collapse navbar-collapse" id="ftco-nav">
|
|
||||||
<ul class="navbar-nav nav ml-auto">
|
|
||||||
<li class="nav-item"><a href="/#home-section" class="nav-link"><span>Home</span></a></li>
|
|
||||||
<li class="nav-item"><a href="/#about-section" class="nav-link"><span>About</span></a></li>
|
|
||||||
<li class="nav-item"><a href="/#resume-section" class="nav-link"><span>Resume</span></a></li>
|
|
||||||
<li class="nav-item"><a href="/#projects-section" class="nav-link"><span>Projects</span></a></li>
|
|
||||||
<li class="nav-item"><a href="/#blog-section" class="nav-link"><span>Blog</span></a></li>
|
|
||||||
<li class="nav-item"><a href="/#contact-section" class="nav-link"><span>Contact</span></a></li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</nav>
|
|
||||||
<div class="hero-wrap js-fullheight">
|
|
||||||
<div class="overlay"></div>
|
|
||||||
<div class="container">
|
|
||||||
<div class="row no-gutters slider-text js-fullheight justify-content-center align-items-center">
|
|
||||||
<div class="col-lg-10 ftco-animate d-flex align-items-center">
|
|
||||||
<div class="text text-center">
|
|
||||||
<h1 id="postTitle" class="mb-3 bread">Blog Post Title</h1>
|
|
||||||
<p class="breadcrumbs"><span>Blog Post Subtitle</span></p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<section class="ftco-section">
|
|
||||||
<div class="container">
|
|
||||||
<div class="row">
|
|
||||||
<div class="ftco-animate">
|
|
||||||
<h2 class="mb-3">It is a long established fact a reader be distracted</h2>
|
|
||||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reiciendis, eius mollitia suscipit, quisquam doloremque distinctio perferendis et doloribus unde architecto optio laboriosam porro adipisci sapiente officiis nemo accusamus ad praesentium? Esse minima nisi et. Dolore perferendis, enim praesentium omnis, iste doloremque quia officia optio deserunt molestiae voluptates soluta architecto tempora.</p>
|
|
||||||
<p><img src="images/image_3.jpg" alt="" class="img-fluid"></p>
|
|
||||||
<p>Molestiae cupiditate inventore animi, maxime sapiente optio, illo est nemo veritatis repellat sunt doloribus nesciunt! Minima laborum magni reiciendis qui voluptate quisquam voluptatem soluta illo eum ullam incidunt rem assumenda eveniet eaque sequi deleniti tenetur dolore amet fugit perspiciatis ipsa, odit. Nesciunt dolor minima esse vero ut ea, repudiandae suscipit!</p>
|
|
||||||
|
|
||||||
<h2 class="mb-3 mt-5">#2. Creative WordPress Themes</h2>
|
|
||||||
<p>Temporibus ad error suscipit exercitationem hic molestiae totam obcaecati rerum, eius aut, in. Exercitationem atque quidem tempora maiores ex architecto voluptatum aut officia doloremque. Error dolore voluptas, omnis molestias odio dignissimos culpa ex earum nisi consequatur quos odit quasi repellat qui officiis reiciendis incidunt hic non? Debitis commodi aut, adipisci.</p>
|
|
||||||
<p><img src="images/image_4.jpg" alt="" class="img-fluid"></p>
|
|
||||||
<p>Quisquam esse aliquam fuga distinctio, quidem delectus veritatis reiciendis. Nihil explicabo quod, est eos ipsum. Unde aut non tenetur tempore, nisi culpa voluptate maiores officiis quis vel ab consectetur suscipit veritatis nulla quos quia aspernatur perferendis, libero sint. Error, velit, porro. Deserunt minus, quibusdam iste enim veniam, modi rem maiores.</p>
|
|
||||||
<p>Odit voluptatibus, eveniet vel nihil cum ullam dolores laborum, quo velit commodi rerum eum quidem pariatur! Quia fuga iste tenetur, ipsa vel nisi in dolorum consequatur, veritatis porro explicabo soluta commodi libero voluptatem similique id quidem? Blanditiis voluptates aperiam non magni. Reprehenderit nobis odit inventore, quia laboriosam harum excepturi ea.</p>
|
|
||||||
<p>Adipisci vero culpa, eius nobis soluta. Dolore, maxime ullam ipsam quidem, dolor distinctio similique asperiores voluptas enim, exercitationem ratione aut adipisci modi quod quibusdam iusto, voluptates beatae iure nemo itaque laborum. Consequuntur et pariatur totam fuga eligendi vero dolorum provident. Voluptatibus, veritatis. Beatae numquam nam ab voluptatibus culpa, tenetur recusandae!</p>
|
|
||||||
<p>Voluptas dolores dignissimos dolorum temporibus, autem aliquam ducimus at officia adipisci quasi nemo a perspiciatis provident magni laboriosam repudiandae iure iusto commodi debitis est blanditiis alias laborum sint dolore. Dolores, iure, reprehenderit. Error provident, pariatur cupiditate soluta doloremque aut ratione. Harum voluptates mollitia illo minus praesentium, rerum ipsa debitis, inventore?</p>
|
|
||||||
</div> <!-- .col-md-8 -->
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section> <!-- .section -->
|
|
||||||
|
|
||||||
<footer class="ftco-footer ftco-section">
|
|
||||||
<div class="container">
|
|
||||||
<div class="row">
|
|
||||||
<div class="col-md-12 text-center">
|
|
||||||
<p><!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
|
|
||||||
Copyright <script>document.write(new Date().getFullYear());</script> All rights reserved | This template is made with <i class="icon-heart color-danger" aria-hidden="true"></i> by <a href="https://colorlib.com" target="_blank">Colorlib</a>
|
|
||||||
<!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. --></p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="row">
|
|
||||||
<div class="col-md-12 text-center">
|
|
||||||
<p>Proudly hosted by <a href="https://github.com/luketainton/luketainton.github.io">GitHub Pages</a></p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</footer>
|
|
||||||
|
|
||||||
<!-- Dynamically load page title from post title -->
|
|
||||||
<script>
|
|
||||||
var title = document.getElementById('postTitle').innerHTML;
|
|
||||||
document.title = title + " :: Luke Tainton";
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<!-- loader -->
|
|
||||||
<div id="ftco-loader" class="show fullscreen"><svg class="circular" width="48px" height="48px"><circle class="path-bg" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke="#eeeeee"/><circle class="path" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke-miterlimit="10" stroke="#F96D00"/></svg></div>
|
|
||||||
|
|
||||||
|
|
||||||
<script src="/js/jquery.min.js"></script>
|
|
||||||
<script src="/js/jquery-migrate-3.0.1.min.js"></script>
|
|
||||||
<script src="/js/popper.min.js"></script>
|
|
||||||
<script src="/js/bootstrap.min.js"></script>
|
|
||||||
<script src="/js/jquery.easing.1.3.js"></script>
|
|
||||||
<script src="/js/jquery.waypoints.min.js"></script>
|
|
||||||
<script src="/js/jquery.stellar.min.js"></script>
|
|
||||||
<script src="/js/owl.carousel.min.js"></script>
|
|
||||||
<script src="/js/jquery.magnific-popup.min.js"></script>
|
|
||||||
<script src="/js/aos.js"></script>
|
|
||||||
<script src="/js/jquery.animateNumber.min.js"></script>
|
|
||||||
<script src="/js/scrollax.min.js"></script>
|
|
||||||
<script src="/js/main.js"></script>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
270
index.html
270
index.html
@ -22,9 +22,7 @@
|
|||||||
<link rel="stylesheet" href="css/icomoon.css">
|
<link rel="stylesheet" href="css/icomoon.css">
|
||||||
<link rel="stylesheet" href="css/style.css">
|
<link rel="stylesheet" href="css/style.css">
|
||||||
|
|
||||||
<script async src="https://analytics.tainton.uk/tcanalytics.js" data-ackee-server="https://analytics.tainton.uk" data-ackee-domain-id="e7dee78c-99b6-46fb-9b79-819b748c9a6e"></script>
|
<script> if (location.protocol !== "https:") location.protocol = "https:";</script>
|
||||||
|
|
||||||
<script>if (location.protocol !== "https:") location.protocol = "https:";</script>
|
|
||||||
|
|
||||||
<link rel="openid.server" href="https://indieauth.com/openid" />
|
<link rel="openid.server" href="https://indieauth.com/openid" />
|
||||||
<link rel="openid.delegate" href="https://luke.tainton.uk/" />
|
<link rel="openid.delegate" href="https://luke.tainton.uk/" />
|
||||||
@ -32,7 +30,6 @@
|
|||||||
<!-- Matomo -->
|
<!-- Matomo -->
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
var _paq = window._paq || [];
|
var _paq = window._paq || [];
|
||||||
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
|
|
||||||
_paq.push(['trackPageView']);
|
_paq.push(['trackPageView']);
|
||||||
_paq.push(['enableLinkTracking']);
|
_paq.push(['enableLinkTracking']);
|
||||||
(function() {
|
(function() {
|
||||||
@ -49,7 +46,6 @@
|
|||||||
|
|
||||||
<body data-spy="scroll" data-target=".site-navbar-target" data-offset="300">
|
<body data-spy="scroll" data-target=".site-navbar-target" data-offset="300">
|
||||||
|
|
||||||
|
|
||||||
<nav class="navbar navbar-expand-lg navbar-dark ftco_navbar ftco-navbar-light site-navbar-target" id="ftco-navbar">
|
<nav class="navbar navbar-expand-lg navbar-dark ftco_navbar ftco-navbar-light site-navbar-target" id="ftco-navbar">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<a class="navbar-brand" href="index.html"><span>L</span>uke Tainton</a>
|
<a class="navbar-brand" href="index.html"><span>L</span>uke Tainton</a>
|
||||||
@ -58,36 +54,36 @@
|
|||||||
</button>
|
</button>
|
||||||
|
|
||||||
<div class="collapse navbar-collapse" id="ftco-nav">
|
<div class="collapse navbar-collapse" id="ftco-nav">
|
||||||
<ul class="navbar-nav nav ml-auto">
|
<ul class="navbar-nav nav ml-auto">
|
||||||
<li class="nav-item"><a href="#home-section" class="nav-link"><span>Home</span></a></li>
|
<li class="nav-item"><a href="#home-section" class="nav-link"><span>Home</span></a></li>
|
||||||
<li class="nav-item"><a href="#about-section" class="nav-link"><span>About</span></a></li>
|
<li class="nav-item"><a href="#about-section" class="nav-link"><span>About</span></a></li>
|
||||||
<li class="nav-item"><a href="#resume-section" class="nav-link"><span>Resume</span></a></li>
|
<li class="nav-item"><a href="#resume-section" class="nav-link"><span>Resume</span></a></li>
|
||||||
<li class="nav-item"><a href="#projects-section" class="nav-link"><span>Projects</span></a></li>
|
<li class="nav-item"><a href="https://github.com/luketainton" target="_blank" class="nav-link"><span>Projects</span></a></li>
|
||||||
<!-- <li class="nav-item"><a href="#blog-section" class="nav-link"><span>Blog</span></a></li> -->
|
<li class="nav-item"><a href="#contact-section" class="nav-link"><span>Contact</span></a></li>
|
||||||
<li class="nav-item"><a href="#contact-section" class="nav-link"><span>Contact</span></a></li>
|
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</nav>
|
</nav>
|
||||||
<section class="hero-wrap js-fullheight">
|
|
||||||
<div class="overlay"></div>
|
<section class="hero-wrap js-fullheight">
|
||||||
<div class="container">
|
<div class="overlay"></div>
|
||||||
<div class="row no-gutters slider-text js-fullheight justify-content-center align-items-center">
|
<div class="container">
|
||||||
<div class="col-lg-8 col-md-6 ftco-animate d-flex align-items-center">
|
<div class="row no-gutters slider-text js-fullheight justify-content-center align-items-center">
|
||||||
<div class="text text-center">
|
<div class="col-lg-8 col-md-6 ftco-animate d-flex align-items-center">
|
||||||
<span class="subheading">Hey! I'm</span>
|
<div class="text text-center">
|
||||||
<h1>Luke Tainton</h1>
|
<span class="subheading">Hey! I'm</span>
|
||||||
<h2>I'm
|
<h1>Luke Tainton</h1>
|
||||||
<span
|
<h2>I'm a
|
||||||
class="txt-rotate"
|
<span
|
||||||
data-period="2000"
|
class="txt-rotate"
|
||||||
data-rotate='[ "a Computing Student", "a Network Engineer", "an Amateur Developer." ]'></span>
|
data-period="2000"
|
||||||
</h2>
|
data-rotate='[ "Network Engineer", "Automation Enthusiast", "Programming Hobbyist" ]'></span>
|
||||||
</div>
|
</h2>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<section class="ftco-about img ftco-section ftco-no-pt ftco-no-pb" id="about-section">
|
<section class="ftco-about img ftco-section ftco-no-pt ftco-no-pb" id="about-section">
|
||||||
@ -107,12 +103,11 @@
|
|||||||
<h2 class="mb-4">About Me</h2>
|
<h2 class="mb-4">About Me</h2>
|
||||||
<p>Here's where you can find me.</p>
|
<p>Here's where you can find me.</p>
|
||||||
<ul class="about-info mt-4 px-md-0 px-2">
|
<ul class="about-info mt-4 px-md-0 px-2">
|
||||||
<li class="d-flex"><span>Name:</span> <span>Luke Tainton</span></li>
|
|
||||||
<li class="d-flex"><span>Address:</span> <span>Unit 32399, PO Box 92, Cardiff, CF11 1NB, UK</span></li>
|
<li class="d-flex"><span>Address:</span> <span>Unit 32399, PO Box 92, Cardiff, CF11 1NB, UK</span></li>
|
||||||
<li class="d-flex"><span>Email:</span> <span>luke@tainton.uk</span></li>
|
<li class="d-flex"><span>Email:</span> <span><a rel="me" href="mailto:luke@tainton.uk">luke@tainton.uk</a></span></li>
|
||||||
<li class="d-flex"><span>GitHub:</span> <span><a rel="me" href="https://github.com/luketainton" target="_blank">luketainton</a></span></li>
|
<li class="d-flex"><span>GitHub:</span> <span><a rel="me" href="https://github.com/luketainton" target="_blank">luketainton</a></span></li>
|
||||||
<li class="d-flex"><span>LinkedIn:</span> <span><a rel="me" href="https://linkedin.com/in/luketainton" target="_blank">luketainton</a></span></li>
|
<li class="d-flex"><span>LinkedIn:</span> <span><a rel="me" href="https://linkedin.com/in/luketainton" target="_blank">luketainton</a></span></li>
|
||||||
<li class="d-flex"><span>Twitter:</span> <span><a rel="me" href="https://twitter.com/luketainton1" target="_blank">@luketainton1</a></span></li>
|
<li class="d-flex"><span>Twitter:</span> <span><a rel="me" href="https://twitter.com/luketainton1" target="_blank">@luketainton1</a></span></li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -146,10 +141,10 @@
|
|||||||
<span class="flaticon-ideas"></span>
|
<span class="flaticon-ideas"></span>
|
||||||
</div>
|
</div>
|
||||||
<div class="text pl-3">
|
<div class="text pl-3">
|
||||||
<span class="date">September 2016 - Present</span>
|
<span class="date">September 2016 - July 2020</span>
|
||||||
<h2>Bachelor of Science with Honours, Computer Networks</h2>
|
<h2>Bachelor of Science with Honours, Computer Networks</h2>
|
||||||
<span class="position">Birmingham City University</span>
|
<span class="position">Birmingham City University</span>
|
||||||
<p>Covered topics such as network design and administration, Python programming, and consultancy. Extra-curricular activities included attendance at The Things Conference in Amsterdam and travel to Wuhan, China (both in 2018).</p>
|
<p>Achieved a First Class Honours, covering topics such as network design and administration, Python programming, and consultancy. Extra-curricular activities included attendance at The Things Conference in Amsterdam and travel to Wuhan, China (both in 2018).</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -214,7 +209,8 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="page-4" class= "page four">
|
<div id="page-4" class= "page four">
|
||||||
<h2 class="heading">Awards & Certifications</h2>
|
<h2 class="heading">Awards & Certifications</h2>
|
||||||
|
<p>I have also completed various MTA and MOS certifictions, which are not listed here.</p><br>
|
||||||
<div class="resume-wrap d-flex ftco-animate">
|
<div class="resume-wrap d-flex ftco-animate">
|
||||||
<div class="icon d-flex align-items-center justify-content-center">
|
<div class="icon d-flex align-items-center justify-content-center">
|
||||||
<span class="flaticon-ideas"></span>
|
<span class="flaticon-ideas"></span>
|
||||||
@ -237,170 +233,20 @@
|
|||||||
<p><a href="/files/azure-fundamentals.pdf">Certificate</a> | <a href="https://www.youracclaim.com/badges/bc21d220-1268-4a80-98bb-cbabc4c0dd6f/public_url">Acclaim Badge</a></p>
|
<p><a href="/files/azure-fundamentals.pdf">Certificate</a> | <a href="https://www.youracclaim.com/badges/bc21d220-1268-4a80-98bb-cbabc4c0dd6f/public_url">Acclaim Badge</a></p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="resume-wrap d-flex ftco-animate">
|
|
||||||
<div class="icon d-flex align-items-center justify-content-center">
|
|
||||||
<span class="flaticon-ideas"></span>
|
|
||||||
</div>
|
|
||||||
<div class="text pl-3">
|
|
||||||
<span class="date">February 2018</span>
|
|
||||||
<h2>MTA: Cloud Fundamentals</h2>
|
|
||||||
<span class="position">Microsoft Corporation</span>
|
|
||||||
<p><a href="/files/cloud-fundamentals.pdf">Certificate</a> | <a href="https://www.youracclaim.com/badges/a6106d0f-3ac6-4492-87bf-95f1c0762915/public_url">Acclaim Badge</a></p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="resume-wrap d-flex ftco-animate">
|
|
||||||
<div class="icon d-flex align-items-center justify-content-center">
|
|
||||||
<span class="flaticon-ideas"></span>
|
|
||||||
</div>
|
|
||||||
<div class="text pl-3">
|
|
||||||
<span class="date">August 2017</span>
|
|
||||||
<h2>MTA: Networking Fundamentals</h2>
|
|
||||||
<span class="position">Microsoft Corporation</span>
|
|
||||||
<p><a href="/files/networking-fundamentals.pdf">Certificate</a> | <a href="https://www.youracclaim.com/badges/2b74d75c-2237-41d8-b4d6-30f1fbf38e69/public_url">Acclaim Badge</a></p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="resume-wrap d-flex ftco-animate">
|
|
||||||
<div class="icon d-flex align-items-center justify-content-center">
|
|
||||||
<span class="flaticon-ideas"></span>
|
|
||||||
</div>
|
|
||||||
<div class="text pl-3">
|
|
||||||
<span class="date">August 2017</span>
|
|
||||||
<h2>MTA: Windows Fundamentals</h2>
|
|
||||||
<span class="position">Microsoft Corporation</span>
|
|
||||||
<p><a href="/files/windows-fundamentals.pdf">Certificate</a> | <a href="https://www.youracclaim.com/badges/691ea5e5-4ff4-468a-9f38-c15931fd74f0/public_url">Acclaim Badge</a></p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="resume-wrap d-flex ftco-animate">
|
|
||||||
<div class="icon d-flex align-items-center justify-content-center">
|
|
||||||
<span class="flaticon-ideas"></span>
|
|
||||||
</div>
|
|
||||||
<div class="text pl-3">
|
|
||||||
<span class="date">August 2017</span>
|
|
||||||
<h2>MTA: Windows Server Fundamentals</h2>
|
|
||||||
<span class="position">Microsoft Corporation</span>
|
|
||||||
<p><a href="/files/windows-server-fundamentals.pdf">Certificate</a> | <a href="https://www.youracclaim.com/badges/30983b9d-81db-4da0-a20d-6698fbfd8956/public_url">Acclaim Badge</a></p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<section class="ftco-section ftco-project" id="projects-section">
|
|
||||||
<div class="container-fluid px-md-0">
|
|
||||||
<div class="row no-gutters justify-content-center pb-5">
|
|
||||||
<div class="col-md-12 heading-section text-center ftco-animate">
|
|
||||||
<h1 class="big big-2">Projects</h1>
|
|
||||||
<h2 class="mb-4">My Projects</h2>
|
|
||||||
<p>Just some of the things I get up to outside of my degree.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="row no-gutters">
|
|
||||||
<div class="col-md-4">
|
|
||||||
<div class="project img ftco-animate d-flex justify-content-center align-items-center" style="background-image: url(images/projects/ipinfo.png);">
|
|
||||||
<div class="overlay"></div>
|
|
||||||
<div class="text text-center p-4">
|
|
||||||
<h3><a href="https://github.com/luketainton/ipinfo">IP Information Lookup Tool</a></h3>
|
|
||||||
<span>Look up information about a given IP address or domain name.</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-md-4">
|
|
||||||
<div class="project img ftco-animate d-flex justify-content-center align-items-center" style="background-image: url(images/projects/teams.png);">
|
|
||||||
<div class="overlay"></div>
|
|
||||||
<div class="text text-center p-4">
|
|
||||||
<h3><a href="https://github.com/luketainton/TeamsUserEnroller">TeamsUserEnroller</a></h3>
|
|
||||||
<span>Add users to a Teams group from a CSV file.</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-md-4">
|
|
||||||
<div class="project img ftco-animate d-flex justify-content-center align-items-center" style="background-image: url(images/projects/warpd.png);">
|
|
||||||
<div class="overlay"></div>
|
|
||||||
<div class="text text-center p-4">
|
|
||||||
<h3><a href="https://github.com/luketainton/warpd-docker">warpd-docker</a></h3>
|
|
||||||
<span>Run your own warp server using Docker.</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
<!-- <section class="ftco-section" id="blog-section">
|
|
||||||
<div class="container">
|
|
||||||
<div class="row justify-content-center mb-5 pb-5">
|
|
||||||
<div class="col-md-7 heading-section text-center ftco-animate">
|
|
||||||
<h1 class="big big-2">Blog</h1>
|
|
||||||
<h2 class="mb-4">My Blog</h2>
|
|
||||||
<p>Coming soon!</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="row d-flex">
|
|
||||||
<div class="col-md-4 d-flex ftco-animate">
|
|
||||||
<div class="blog-entry justify-content-end">
|
|
||||||
<a href="single.html" class="block-20" style="background-image: url('images/image_1.jpg');">
|
|
||||||
</a>
|
|
||||||
<div class="text mt-3 float-right d-block">
|
|
||||||
<h3 class="heading"><a href="single.html">Why Lead Generation is Key for Business Growth</a></h3>
|
|
||||||
<div class="d-flex align-items-center mb-3 meta">
|
|
||||||
<p class="mb-0">
|
|
||||||
<span class="mr-2">Sept. 12, 2019</span>
|
|
||||||
<a href="#" class="mr-2">Admin</a>
|
|
||||||
<a href="#" class="meta-chat"><span class="icon-chat"></span> 3</a>
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
<p>A small river named Duden flows by their place and supplies it with the necessary regelialia.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-md-4 d-flex ftco-animate">
|
|
||||||
<div class="blog-entry justify-content-end">
|
|
||||||
<a href="single.html" class="block-20" style="background-image: url('images/image_2.jpg');">
|
|
||||||
</a>
|
|
||||||
<div class="text mt-3 float-right d-block">
|
|
||||||
<h3 class="heading"><a href="single.html">Why Lead Generation is Key for Business Growth</a></h3>
|
|
||||||
<div class="d-flex align-items-center mb-3 meta">
|
|
||||||
<p class="mb-0">
|
|
||||||
<span class="mr-2">Sept. 12, 2019</span>
|
|
||||||
<a href="#" class="mr-2">Admin</a>
|
|
||||||
<a href="#" class="meta-chat"><span class="icon-chat"></span> 3</a>
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
<p>A small river named Duden flows by their place and supplies it with the necessary regelialia.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-md-4 d-flex ftco-animate">
|
|
||||||
<div class="blog-entry">
|
|
||||||
<a href="single.html" class="block-20" style="background-image: url('images/image_3.jpg');">
|
|
||||||
</a>
|
|
||||||
<div class="text mt-3 float-right d-block">
|
|
||||||
<h3 class="heading"><a href="single.html">Why Lead Generation is Key for Business Growth</a></h3>
|
|
||||||
<div class="d-flex align-items-center mb-3 meta">
|
|
||||||
<p class="mb-0">
|
|
||||||
<span class="mr-2">Sept. 12, 2019</span>
|
|
||||||
<a href="#" class="mr-2">Admin</a>
|
|
||||||
<a href="#" class="meta-chat"><span class="icon-chat"></span> 3</a>
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
<p>A small river named Duden flows by their place and supplies it with the necessary regelialia.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section> -->
|
|
||||||
|
|
||||||
<section class="ftco-section contact-section ftco-no-pb" id="contact-section">
|
<section class="ftco-section contact-section ftco-no-pb" id="contact-section">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row justify-content-center mb-5 pb-3">
|
<div class="row justify-content-center mb-5 pb-3">
|
||||||
<div class="col-md-7 heading-section text-center ftco-animate">
|
<div class="col-md-7 heading-section text-center ftco-animate">
|
||||||
<h1 class="big big-2">Contact</h1>
|
<h1 class="big big-2">Contact</h1>
|
||||||
<h2 class="mb-4">Contact Me</h2>
|
<h2 class="mb-4">Contact Me</h2>
|
||||||
<p>I'm open to conversation, just drop me a line!</p>
|
<p>Want to have a chat? Just drop me a line!</p>
|
||||||
<p>My PGP key is available <a rel="pgpkey" href="/files/public.asc">here</a>.</p>
|
<p>My PGP key is available <a rel="pgpkey" href="/files/public.asc">here</a> if you want to secure your communications with me.</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@ -436,35 +282,33 @@
|
|||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-md-12 text-center">
|
<div class="col-md-12 text-center">
|
||||||
<p><!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
|
<!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
|
||||||
Copyright <script>document.write(new Date().getFullYear());</script> All rights reserved | This template is made with <i class="icon-heart color-danger" aria-hidden="true"></i> by <a href="https://colorlib.com" target="_blank">Colorlib</a>
|
<p>Copyright <script>document.write(new Date().getFullYear());</script>, all rights reserved. This template is made with <i class="icon-heart color-danger" aria-hidden="true"></i> by <a href="https://colorlib.com" target="_blank">Colorlib</a>.</p>
|
||||||
<!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. --></p>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-md-12 text-center">
|
<div class="col-md-12 text-center">
|
||||||
<p>Proudly hosted by <a href="https://github.com/luketainton/luketainton.github.io">GitHub Pages</a></p>
|
<p>Proudly hosted by <a href="https://github.com/luketainton/luketainton.github.io">GitHub Pages</a>.</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
|
|
||||||
<!-- loader -->
|
<!-- loader -->
|
||||||
<div id="ftco-loader" class="show fullscreen"><svg class="circular" width="48px" height="48px"><circle class="path-bg" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke="#eeeeee"/><circle class="path" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke-miterlimit="10" stroke="#F96D00"/></svg></div>
|
<div id="ftco-loader" class="show fullscreen"><svg class="circular" width="48px" height="48px"><circle class="path-bg" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke="#eeeeee"/><circle class="path" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke-miterlimit="10" stroke="#F96D00"/></svg></div>
|
||||||
|
<script src="js/jquery.min.js"></script>
|
||||||
<script src="js/jquery.min.js"></script>
|
<script src="js/jquery-migrate-3.0.1.min.js"></script>
|
||||||
<script src="js/jquery-migrate-3.0.1.min.js"></script>
|
<script src="js/popper.min.js"></script>
|
||||||
<script src="js/popper.min.js"></script>
|
<script src="js/bootstrap.min.js"></script>
|
||||||
<script src="js/bootstrap.min.js"></script>
|
<script src="js/jquery.easing.1.3.js"></script>
|
||||||
<script src="js/jquery.easing.1.3.js"></script>
|
<script src="js/jquery.waypoints.min.js"></script>
|
||||||
<script src="js/jquery.waypoints.min.js"></script>
|
<script src="js/jquery.stellar.min.js"></script>
|
||||||
<script src="js/jquery.stellar.min.js"></script>
|
<script src="js/owl.carousel.min.js"></script>
|
||||||
<script src="js/owl.carousel.min.js"></script>
|
<script src="js/jquery.magnific-popup.min.js"></script>
|
||||||
<script src="js/jquery.magnific-popup.min.js"></script>
|
<script src="js/aos.js"></script>
|
||||||
<script src="js/aos.js"></script>
|
<script src="js/jquery.animateNumber.min.js"></script>
|
||||||
<script src="js/jquery.animateNumber.min.js"></script>
|
<script src="js/scrollax.min.js"></script>
|
||||||
<script src="js/scrollax.min.js"></script>
|
<script src="js/main.js"></script>
|
||||||
<script src="js/main.js"></script>
|
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user