1
Fork 0
This repository has been archived on 2023-03-26. You can view files and clone it, but cannot push or open issues or pull requests.
theorangeone.net-legacy/content/pages/homepage.html

189 lines
6.2 KiB
HTML
Raw Normal View History

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>
<header class="bg-primary">
2016-05-15 17:46:00 +01:00
<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 22:29:34 +01:00
<i class="fa fa-4x fa-server wow bounceIn text-primary" data-wow-delay=".3s"></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 22:29:34 +01:00
<i class="fa fa-4x fa-internet-explorer wow bounceIn text-primary" data-wow-delay=".5s"></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 22:29:34 +01:00
<i class="fa fa-4x fa-mobile wow bounceIn text-primary" data-wow-delay=".7s"></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 22:29:34 +01:00
<i class="fa fa-4x fa-usb wow bounceIn text-primary" data-wow-delay=".9s"></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">
<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">
<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">
<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">
<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">
<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">
<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>