enpaul.net/content/_archive/5.5/index.html

275 lines
12 KiB
HTML
Raw Normal View History

<!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="author" content="enpaul@enpaul.net"/>
<meta name="description" content="E N Paul personal landing page and Network Services website"/>
<meta name="keywords" content="enpaul, network, operations, networking, plex, media, server, adds, active, directory, wpi, worcester, polytechnic, institute, boston, mechanical, engineering, solidworks, home, lab, homelab, solid, works, autocad, cad, domain, windows, server"/>
<meta name="robots" content="index,follow"/>
<meta property="og:title" content="E.N. Paul"/>
<meta property='og:locale' content="en_US"/>
<meta property='og:description' content="E N Paul personal landing page and Network Services website"/>
<meta property="og:type" content="Website"/>
<meta property='og:site_name' content="E.N. Paul"/>
<meta property="og:url" content="https://enpaul.net/"/>
<title>E.N. Paul</title>
<link rel="shortcut icon" href="img\e-b.png">
<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Fira+Sans|Roboto:300,400|Questrial|Satisfy">
<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="css/hexagons.min.css">
<link rel="stylesheet" type="text/css" href="css/animate.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<!--<body id="myPage" data-spy="scroll" data-target=".navbar" data-offset="60" onload="myFunction()">-->
<body data-spy="scroll" data-target=".navbar" data-offset="60">
<!-- Header section -->
<div class="header">
<div class="bg-color">
<!-- Navigation bar and top-left icon section -->
<header id="main-header">
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#lauraMenu">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#"><p><img src="img/e-w.png" style="max-width: 3rem;">&nbsp;E.N. Paul</p></a>
</div>
<div class="collapse navbar-collapse" id="lauraMenu">
<ul class="nav navbar-nav navbar-right navbar-border">
<li class="active"><a href="#main-header">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#network">Network</a></li>
<!--<li><a href="#testimonial">Testimonial</a></li>-->
</ul>
</div>
</div>
</nav>
</header>
<!-- Main panel -->
<div class="wrapper">
<div class="container">
<div class="row">
<div class="col-md-12 wow fadeIn delay-05s">
<div class="banner-text">
<h2>Ethan N. Paul</h2>
<p><i>Student, tinkerer, programmer, aspiring engineer</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<section id="about" class="section-padding wow fadeIn delay-05s">
<div class="container">
<div class="row">
<div class="col-md-6 text-right">
<h2 class="title-text">
About me...
</h2>
</div>
<div class="col-md-6 text-left">
<div class="about-text">
<p>Hello! My name is Ethan Paul, and this is my website! I am a student at Worcester Polytechnic Institute, a part-time employee at WPI Network Operations, and a full-time tinkerer.</p>
<p>&nbsp;</p>
<p>My interests are varried and constantly changing, but pretty consistently you can find me designing in SolidWorks, programming in Python, or crawling underneath the rust bucket I call a car! <a href="/about">Want to know more?</a></p>
<p>&nbsp;</p>
<ul class="list-inline">
<li>
<a href="mailto:enpaul@enpaul.net"><span class="hb hb-sm"><i class="fa fa-envelope-o"></i></span></a>
</li>
<li>
<a target="_blank" href="https://twitter.com/theenpaul"><span class="hb hb-sm"><i class="fa fa-twitter"></i></span></a>
</li>
<li>
<a target="_blank" href="https://plus.google.com/+EthanPaul42"><span class="hb hb-sm"><i class="fa fa-google-plus"></i></span></a>
</li>
<li>
<a target="_blank" href="https://www.linkedin.com/in/enpaul"><span class="hb hb-sm"><i class="fa fa-linkedin"></i></span></a>
</li>
<li>
<a target="_blank" href="https://www.instagram.com/theenpaul/"><span class="hb hb-sm"><i class="fa fa-instagram"></i></span></a>
</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<section id="network" class="section-padding wow fadeInUp delay-05s">
<div class="container">
<div class="row">
<div class="col-md-12">
<h2 class="title text-center">The Network</h2>
</div>
<div class="col-md-12">
<div id="myGrid" class="grid-padding">
<div class="col-md-4 col-sm-4 padding-right-zero">
<img src="img/portfolio01.jpg" class="img-responsive">
<img src="img/port01.jpg" class="img-responsive">
<img src="img/port02.jpg" class="img-responsive">
<img src="img/portfolio01.jpg" class="img-responsive">
</div>
<div class="col-md-4 col-sm-4 padding-right-zero">
<img src="img/portfolio02.jpg" class="img-responsive">
<img src="img/port01.jpg" class="img-responsive">
<img src="img/port02.jpg" class="img-responsive">
<img src="img/portfolio01.jpg" class="img-responsive">
<img src="img/port03.jpg" class="img-responsive">
</div>
<div class="col-md-4 col-sm-4 padding-right-zero">
<img src="img/port01.jpg" class="img-responsive">
<img src="img/portfolio01.jpg" class="img-responsive">
<img src="img/portfolio02.jpg" class="img-responsive">
<img src="img/port03.jpg" class="img-responsive">
<img src="img/portfolio02.jpg" class="img-responsive">
<img src="img/port02.jpg" class="img-responsive">
</div>
</div>
</div>
</div>
</div>
</section>
<!--<section id="testimonial" class="section-padding wow fadeInUp">
<div class="container">
<div class="row">
<h2 class="title text-center">See What Our <span class="deco">Client</span> Are Saying ?</h2>
<div class="test-sec">
<div class="col-sm-4">
<blockquote>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sed dapibus leo nec ornare diamsed commodo nibh ante facilisis bibendum dolor feugiat at. </p>
</blockquote>
<div class="carousel-info">
<div class="pull-left"> <span class="testimonials-name">John Doe</span> <span class="testimonials-post">CEO, Company Inc.</span> </div>
</div>
</div>
<div class="col-sm-4">
<blockquote>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sed dapibus leo nec ornare diamsed commodo nibh ante facilisis bibendum dolor feugiat at. </p>
</blockquote>
<div class="carousel-info">
<div class="pull-left"> <span class="testimonials-name">John Doe</span> <span class="testimonials-post">CEO, Company Inc.</span> </div>
</div>
</div>
<div class="col-sm-4">
<blockquote>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sed dapibus leo nec ornare diamsed commodo nibh ante facilisis bibendum dolor feugiat at. </p>
</blockquote>
<div class="carousel-info">
<div class="pull-left"> <span class="testimonials-name">John Doe</span> <span class="testimonials-post">CEO, Company Inc.</span> </div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="contact" class="section-padding wow fadeIn delay-05s">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="contact-sec text-center">
<h2>Want To <span class="deco">Hire</span> Me?</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt.</p>
</div>
</div>
<div class="col-md-8 col-md-push-2">
<div id="sendmessage">Your message has been sent. Thank you!</div>
<div id="errormessage"></div>
<form action="" method="post" role="form" class="contactForm">
<div class="form-group">
<input type="text" name="name" class="form-control" id="name" placeholder="Your Name" data-rule="minlen:4" data-msg="Please enter at least 4 chars" />
<div class="validation"></div>
</div>
<div class="form-group">
<input type="email" class="form-control" name="email" id="email" placeholder="Your Email" data-rule="email" data-msg="Please enter a valid email" />
<div class="validation"></div>
</div>
<div class="form-group">
<input type="text" class="form-control" name="subject" id="subject" placeholder="Subject" data-rule="minlen:4" data-msg="Please enter at least 8 chars of subject" />
<div class="validation"></div>
</div>
<div class="form-group">
<textarea class="form-control" name="message" rows="5" data-rule="required" data-msg="Please write something for us" placeholder="Message"></textarea>
<div class="validation"></div>
</div>
<div class="text-center"><button type="submit" class="btn btn-primary btn-lg">Send Message</button></div>
</form>
</div>
</div>
</div>
</section> -->
<footer class="footer-2 text-center-xs bg--white">
<div class="container">
<!--end row-->
<div class="row">
<div class="col-md-6">
<div class="footer">
© Copyright Laura Theme. All Rights Reserved
<div class="credits">
<!--
All the links in the footer should remain intact.
You can delete the links only if you purchased the pro version.
Licensing information: https://bootstrapmade.com/license/
Purchase the pro version with working PHP/AJAX contact form: https://bootstrapmade.com/buy/?theme=Laura
-->
Designed by <a href="https://bootstrapmade.com/">BootstrapMade.com</a>
</div>
</div>
</div>
<div class="col-md-6 text-right">
<ul class="social-list">
<li>
<a href="#"><i class="fa fa-twitter"></i></a>
</li>
<li>
<a href="#"><i class="fa fa-dribbble"></i></a>
</li>
<li>
<a href="#"><i class="fa fa-vimeo"></i></a>
</li>
<li>
<a href="#"><i class="fa fa-instagram"></i></a>
</li>
</ul>
</div>
</div>
<!--end row-->
</div>
</footer>
<script src="js/jquery.min.js"></script>
<script src="js/jquery.easing.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.bxslider.min.js"></script>
<script src="js/wow.js"></script>
<script src="js/custom.js"></script>
<script src="contactform/contactform.js"></script>
</body>
</html>