2017-01-30 17:29:45 +00:00
<!DOCTYPE html>
< html lang = "en" >
2018-01-29 16:22:45 +00:00
< head >
2018-01-29 17:10:41 +00:00
< 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" / >
2018-01-29 16:22:45 +00:00
2018-01-29 17:22:54 +00:00
< meta property = "og:title" content = "E.N. Paul" / >
2018-01-29 17:10:41 +00:00
< 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" / >
2018-01-29 17:22:54 +00:00
< meta property = 'og:site_name' content = "E.N. Paul" / >
2018-01-29 17:10:41 +00:00
< meta property = "og:url" content = "https://enpaul.net/" / >
2018-01-29 17:22:54 +00:00
< title > E.N. Paul< / title >
2018-01-29 17:10:41 +00:00
< link rel = "shortcut icon" href = "img\e-b.png" >
2018-01-29 16:22:45 +00:00
< 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" >
2018-01-29 20:21:07 +00:00
< link rel = "stylesheet" type = "text/css" href = "css/hexagons.min.css" >
2018-01-29 16:22:45 +00:00
< link rel = "stylesheet" type = "text/css" href = "css/animate.css" >
< link rel = "stylesheet" type = "text/css" href = "css/style.css" >
< / head >
2018-01-29 17:10:41 +00:00
<!-- <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 -->
2018-01-29 16:22:45 +00:00
< div class = "header" >
< div class = "bg-color" >
2018-01-29 17:10:41 +00:00
<!-- Navigation bar and top - left icon section -->
2018-01-29 16:22:45 +00:00
< 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 >
2018-01-29 17:22:54 +00:00
< a class = "navbar-brand" href = "#" > < p > < img src = "img/e-w.png" style = "max-width: 3rem;" > E.N. Paul< / p > < / a >
2018-01-29 16:22:45 +00:00
< / 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 >
2018-01-29 20:21:07 +00:00
< li > < a href = "#network" > Network< / a > < / li >
<!-- <li><a href="#testimonial">Testimonial</a></li> -->
2018-01-29 16:22:45 +00:00
< / ul >
< / div >
< / div >
< / nav >
< / header >
2018-01-29 17:10:41 +00:00
<!-- Main panel -->
2018-01-29 16:22:45 +00:00
< div class = "wrapper" >
< div class = "container" >
< div class = "row" >
< div class = "col-md-12 wow fadeIn delay-05s" >
< div class = "banner-text" >
2018-01-29 17:10:41 +00:00
< h2 > Ethan N. Paul< / h2 >
< p > < i > Student, tinkerer, programmer, aspiring engineer< / p >
2018-01-29 16:22:45 +00:00
< / div >
< / div >
< / div >
2017-01-30 17:29:45 +00:00
< / div >
2018-01-29 16:22:45 +00:00
< / div >
< / div >
< / div >
2018-01-29 20:21:07 +00:00
2018-01-29 16:22:45 +00:00
< 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" >
2018-01-29 17:10:41 +00:00
About me...
2018-01-29 16:22:45 +00:00
< / h2 >
< / div >
< div class = "col-md-6 text-left" >
< div class = "about-text" >
2018-01-29 20:21:07 +00:00
< 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 >
2018-01-29 16:22:45 +00:00
< p > < / p >
2018-01-29 20:21:07 +00:00
< p > My interests are varried and constantly chaning, but pretty consistently you can find me designing in SolidWorks, programming in Python, or crawling underneath the rust bucket I call a car! Want to know more? < a href = "https://download.enpaul.net/enpaul-resume.pdf" target = "_blank" > Download my resume!< / a > < / p >
2018-01-29 16:22:45 +00:00
< p > < / p >
2018-01-29 20:21:07 +00:00
< 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 >
2018-01-29 16:22:45 +00:00
< / ul >
< / div >
2017-02-10 21:28:24 +00:00
< / div >
< / div >
2018-01-29 16:22:45 +00:00
< / div >
< / section >
2018-01-29 20:21:07 +00:00
< section id = "network" class = "section-padding wow fadeInUp delay-05s" >
2018-01-29 16:22:45 +00:00
< div class = "container" >
< div class = "row" >
< div class = "col-md-12" >
< h2 class = "title text-center" > Let's < span class = "deco" > See< / span > My Work< / 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" >
2017-01-30 17:29:45 +00:00
< / div >
2017-02-10 21:28:24 +00:00
< / div >
2017-01-30 17:29:45 +00:00
< / div >
2017-02-10 21:28:24 +00:00
< / div >
2018-01-29 16:22:45 +00:00
< / div >
< / section >
2018-01-29 20:21:07 +00:00
<!-- <section id="testimonial" class="section - padding wow fadeInUp">
2018-01-29 16:22:45 +00:00
< div class = "container" >
2017-08-30 03:58:03 +00:00
< div class = "row" >
2018-01-29 16:22:45 +00:00
< 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 >
2017-08-30 03:58:03 +00:00
< / div >
< / div >
2018-01-29 16:22:45 +00:00
< / div >
< / section >
2018-01-29 20:21:07 +00:00
2018-01-29 16:22:45 +00:00
< 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 >
2017-08-30 03:58:03 +00:00
2018-01-29 16:22:45 +00:00
< 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 >
2017-08-30 04:02:15 +00:00
2018-01-29 16:22:45 +00:00
< div class = "text-center" > < button type = "submit" class = "btn btn-primary btn-lg" > Send Message< / button > < / div >
< / form >
< / div >
< / div >
< / div >
2018-01-29 20:21:07 +00:00
< / section > -->
2018-01-29 16:22:45 +00:00
< footer class = "footer-2 text-center-xs bg--white" >
< div class = "container" >
<!-- end row -->
2017-08-30 03:58:03 +00:00
< div class = "row" >
2018-01-29 16:22:45 +00:00
< div class = "col-md-6" >
< div class = "footer" >
© Copyright Laura Theme. All Rights Reserved
< div class = "credits" >
<!--
2018-01-29 17:10:41 +00:00
All the links in the footer should remain intact.
2018-01-29 16:22:45 +00:00
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" >
2017-08-30 03:58:03 +00:00
< li >
2018-01-29 16:22:45 +00:00
< a href = "#" > < i class = "fa fa-twitter" > < / i > < / a >
2017-08-30 03:58:03 +00:00
< / li >
< li >
2018-01-29 16:22:45 +00:00
< a href = "#" > < i class = "fa fa-dribbble" > < / i > < / a >
2017-08-30 03:58:03 +00:00
< / li >
< li >
2018-01-29 16:22:45 +00:00
< a href = "#" > < i class = "fa fa-vimeo" > < / i > < / a >
2017-10-24 16:24:56 +00:00
< / li >
< li >
2018-01-29 16:22:45 +00:00
< a href = "#" > < i class = "fa fa-instagram" > < / i > < / a >
2017-08-30 03:58:03 +00:00
< / li >
< / ul >
< / div >
2017-08-30 04:02:15 +00:00
2017-08-30 03:58:03 +00:00
< / div >
2018-01-29 16:22:45 +00:00
<!-- end row -->
< / div >
< / footer >
2017-08-30 04:02:15 +00:00
2018-01-29 16:22:45 +00:00
< 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 >
2017-01-30 17:29:45 +00:00
2018-01-29 16:22:45 +00:00
< / body >
2017-01-30 17:29:45 +00:00
< / html >
