archive/theorangeone.net-legacy
Archived
1
Fork 0
Code Releases Packages Activity
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/index.html

212 lines
7.2 KiB
HTML
Raw Blame History

<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>
<nav id="indexNav" class="navbar navbar-default navbar-fixed-top">
<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">
<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>
</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 class="col-xs-12 text-center">
<div class="service-box">
<a href="#" class="btn btn-primary btn-xl">
<h4>My Profile</h4>
</a>
</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 class="project-category">
Category
</div>
<div class="project-name">
Project Name
</div>
</div>
</div>
</a>
</div>
</div>
</div>
</section>
<section id="contact">
<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 class="col-lg-4 col-lg-offset-2 text-center">
<p>123-456-6789</p>
</div>
<div class="col-lg-4 text-center">
</div>
</div>
</div>
</section>
</body>
View git blame Copy permalink