2017-01-30 17:29:45 +00:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html lang="en">
|
|
|
|
|
|
|
|
|
|
<head>
|
|
|
|
|
|
|
|
|
|
<meta charset="utf-8">
|
|
|
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
|
|
<meta name="description" content="ENPaul Network landing page">
|
|
|
|
|
<meta name="author" content="ethannpaul@gmail.com">
|
|
|
|
|
|
2017-02-10 20:05:13 +00:00
|
|
|
<title>ENPaul DEV</title>
|
2017-01-30 17:29:45 +00:00
|
|
|
<link rel="shortcut icon" href="img\e-b.png">
|
|
|
|
|
|
|
|
|
|
<link href="css/bootstrap.css" rel="stylesheet">
|
|
|
|
|
<link href="css/style.css" rel="stylesheet">
|
|
|
|
|
<link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
|
2017-02-10 19:29:43 +00:00
|
|
|
<link href="css/hexagons.min.css" rel="stylesheet" type="text/css">
|
|
|
|
|
|
|
|
|
|
<script src="js/hexagons.min.js"></script>
|
2017-01-30 17:29:45 +00:00
|
|
|
|
|
|
|
|
<!--<link href="https://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic" rel="stylesheet" type="text/css">
|
|
|
|
|
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">-->
|
|
|
|
|
|
|
|
|
|
</head>
|
|
|
|
|
|
|
|
|
|
<body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top">
|
|
|
|
|
|
|
|
|
|
<!-- Navigation -->
|
|
|
|
|
<nav class="navbar navbar-custom navbar-fixed-top" role="navigation">
|
|
|
|
|
<div class="container">
|
|
|
|
|
<div class="navbar-header">
|
|
|
|
|
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-main-collapse">
|
|
|
|
|
<i class="fa fa-bars"></i>
|
|
|
|
|
</button>
|
2017-02-10 19:29:43 +00:00
|
|
|
<a class="navbar-brand page-scroll" href="#page-top"><span class="light"><img src="img/e-w.png" width="32"> Network</span></a>
|
2017-01-30 17:29:45 +00:00
|
|
|
</div>
|
|
|
|
|
<div class="collapse navbar-collapse navbar-right navbar-main-collapse">
|
|
|
|
|
<ul class="nav navbar-nav">
|
|
|
|
|
<!-- Hidden li included to remove active class from about link when scrolled up past about section -->
|
|
|
|
|
<li class="hidden"><a href="#page-top"></a></li>
|
|
|
|
|
<li><a class="page-scroll" href="https://git.enpaul.net">Git</a></li>
|
2017-02-10 19:29:43 +00:00
|
|
|
<li><a class="page-scroll" href="https://drive.enpaul.net">Drive</a></li>
|
2017-01-30 17:29:45 +00:00
|
|
|
<li><a class="page-scroll" href="https://app.plex.tv/web/app">Plex</a></li>
|
|
|
|
|
</ul>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- /.navbar-collapse -->
|
|
|
|
|
</div>
|
|
|
|
|
<!-- /.container -->
|
|
|
|
|
</nav>
|
|
|
|
|
|
2017-02-10 19:29:43 +00:00
|
|
|
<!-- Intro Header -->
|
|
|
|
|
<header class="intro">
|
|
|
|
|
<div class="intro-body">
|
|
|
|
|
<div class="container">
|
|
|
|
|
<div class="row">
|
|
|
|
|
<div class="col-md-8 col-md-offset-2">
|
2017-02-10 20:05:13 +00:00
|
|
|
<hr>
|
2017-02-10 19:29:43 +00:00
|
|
|
<h1 class="brand-heading"><img style="max-width: 512px;" src="img/logo.png"/></h1>
|
2017-02-10 20:05:13 +00:00
|
|
|
<hr>
|
2017-02-10 21:06:56 +00:00
|
|
|
<ul class="list-inline">
|
|
|
|
|
<li>
|
|
|
|
|
<a href="#"><span class="hb hb-sm"><i class="fa fa-envelope-o"></i></span></a>
|
|
|
|
|
</li>
|
|
|
|
|
<li>
|
|
|
|
|
<a href="#"><span class="hb hb-sm"><i class="fa fa-file-text-o"></i></span></a>
|
|
|
|
|
</li>
|
|
|
|
|
<li>
|
|
|
|
|
<a href="#"><span class="hb hb-sm"><i class="fa fa-facebook"></i></span></a>
|
|
|
|
|
</li>
|
|
|
|
|
<li>
|
|
|
|
|
<a href="#"><span class="hb hb-sm"><i class="fa fa-twitter"></i></span></a>
|
|
|
|
|
</li>
|
|
|
|
|
<li>
|
|
|
|
|
<a href="#"><span class="hb hb-sm"><i class="fa fa-google-plus"></i></span></a>
|
|
|
|
|
</li>
|
|
|
|
|
<li>
|
|
|
|
|
<a href="#"><span class="hb hb-sm"><i class="fa fa-linkedin"></i></span></a>
|
|
|
|
|
</li>
|
|
|
|
|
</ul>
|
2017-02-10 19:29:43 +00:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</header>
|
2017-02-10 21:06:56 +00:00
|
|
|
<!--
|
2017-02-10 20:21:08 +00:00
|
|
|
<section id="connect" class="container content-section">
|
|
|
|
|
<div class="row">
|
|
|
|
|
<div class="col-lg-10 col-lg-offset-1">
|
2017-02-10 20:36:34 +00:00
|
|
|
<h2>Contact</h2>
|
2017-02-10 21:02:45 +00:00
|
|
|
<p>You can <a href="#">download my resume</a>, connect with me at one of the links below, or use the form to send me a direct email:</p>
|
2017-02-10 20:36:34 +00:00
|
|
|
<ul class="list-inline">
|
|
|
|
|
<li>
|
|
|
|
|
<a href="#"><span class="hb hb-sm"><i class="fa fa-facebook"></i></span></a>
|
|
|
|
|
</li>
|
|
|
|
|
<li>
|
2017-02-10 21:02:45 +00:00
|
|
|
<a href="#"><span class="hb hb-sm"><i class="fa fa-twitter"></i></span></a>
|
2017-02-10 20:36:34 +00:00
|
|
|
</li>
|
|
|
|
|
<li>
|
2017-02-10 21:02:45 +00:00
|
|
|
<a href="#"><span class="hb hb-sm"><i class="fa fa-google-plus"></i></span></a>
|
2017-02-10 20:36:34 +00:00
|
|
|
</li>
|
|
|
|
|
<li>
|
2017-02-10 21:02:45 +00:00
|
|
|
<a href="#"><span class="hb hb-sm"><i class="fa fa-linkedin"></i></span></a>
|
2017-02-10 20:36:34 +00:00
|
|
|
</li>
|
|
|
|
|
</ul>
|
2017-02-10 21:02:45 +00:00
|
|
|
<p>Contact me directly:</p>
|
|
|
|
|
<form action="#" method="post">
|
|
|
|
|
<input type="text" name="name" placeholder="Your Name" required width="100%">
|
|
|
|
|
<textarea name="message" placeholder="Your message or comments" width="100%" rows="3" required></textarea>
|
|
|
|
|
<input type="email" name="email" placeholder="Your email address" required width="100%">
|
|
|
|
|
</form>
|
2017-01-30 17:29:45 +00:00
|
|
|
</div>
|
2017-02-10 20:21:08 +00:00
|
|
|
</div>
|
2017-01-30 17:29:45 +00:00
|
|
|
</section>
|
2017-02-10 21:06:56 +00:00
|
|
|
-->
|
2017-01-30 17:29:45 +00:00
|
|
|
<!-- Footer -->
|
|
|
|
|
<footer>
|
|
|
|
|
<div class="container text-center">
|
2017-02-10 20:36:34 +00:00
|
|
|
<p style="color: #606060;"><i>©2017 ENPaul - 2017-02-10</i></p>
|
2017-01-30 17:29:45 +00:00
|
|
|
</div>
|
|
|
|
|
</footer>
|
2017-02-10 20:21:08 +00:00
|
|
|
|
2017-01-30 17:29:45 +00:00
|
|
|
<!-- jQuery -->
|
|
|
|
|
<script src="js/jquery.js"></script>
|
|
|
|
|
|
|
|
|
|
<!-- Bootstrap Core JavaScript -->
|
|
|
|
|
<script src="js/bootstrap.min.js"></script>
|
|
|
|
|
|
|
|
|
|
<!-- Plugin JavaScript -->
|
|
|
|
|
<script src="js/jquery.easing.min.js"></script>
|
|
|
|
|
|
|
|
|
|
<!-- Custom Theme JavaScript -->
|
|
|
|
|
<script src="js/grayscale.js"></script>
|
|
|
|
|
|
|
|
|
|
</body>
|
|
|
|
|
|
|
|
|
|
</html>
|
