2018-02-02 23:55:09 +00:00
<!DOCTYPE html>
< html lang = "en" >
< head >
<!-- Web crawler and search indexing meta -->
< 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" / >
<!-- Facebook integration meta -->
< 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/" / >
<!-- Twitter integration meta -->
< meta name = "twitter:card" content = "summary" >
< meta name = "twitter:site" content = "" >
< meta name = "twitter:title" content = "E.N. Paul" >
< meta name = "twitter:description" content = "" >
< meta name = "twitter:image" content = "" >
<!-- Page title and favicon definition -->
< title > E.N. Paul< / title >
2018-02-03 08:27:26 +00:00
< link rel = "shortcut icon" href = "img/e-b.png" >
2018-02-02 23:55:09 +00:00
<!-- Google Fonts loader -->
< link href = "https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,700,700i|Raleway:300,400,500,700,800" rel = "stylesheet" >
<!-- CSS references -->
< link href = "css/bootstrap.min.css" rel = "stylesheet" >
< link href = "css/font-awesome.min.css" rel = "stylesheet" >
< link href = "css/animate.min.css" rel = "stylesheet" >
2018-02-03 02:00:31 +00:00
< link href = "css/hexagons.min.css" rel = "stylesheet" >
2018-02-02 23:55:09 +00:00
< link href = "css/style.css" rel = "stylesheet" >
<!-- JavaScript references -->
2018-02-03 02:00:31 +00:00
< script type = "text/javascript" src = "js/jquery.min.js" > < / script >
< script type = "text/javascript" src = "js/bootstrap.min.js" > < / script >
< script type = "text/javascript" src = "js/superfish.hoverIntent.js" > < / script >
< script type = "text/javascript" src = "js/superfish.min.js" > < / script >
< script type = "text/javascript" src = "js/morphext.min.js" > < / script >
< script type = "text/javascript" src = "js/wow.min.js" > < / script >
< script type = "text/javascript" src = "js/sticky.js" > < / script >
< script type = "text/javascript" src = "js/easing.min.js" > < / script >
2018-02-03 08:27:26 +00:00
<!-- <script type="text/javascript" src="js/hexagons.min.js"></script> -->
2018-02-03 02:00:31 +00:00
< script type = "text/javascript" src = "js/custom.js" > < / script >
2018-02-02 23:55:09 +00:00
< / head >
< body >
< div id = "preloader" > < / div >
2018-02-03 06:24:19 +00:00
< section id = "top" >
2018-02-03 08:27:26 +00:00
< div class = "top-container" >
2018-02-02 23:55:09 +00:00
< div class = "wow fadeIn" >
< div class = "hero-logo" >
< img class = "" src = "img/e-w.png" alt = "E. N. Paul" >
< / div >
< h1 > Ethan N. Paul< / h1 >
2018-02-03 08:27:26 +00:00
< h2 > Engineer, programmer, and < span class = "rotating" > tinkerer, student, designer, mechanic, handyman, hiker, traveler, kayaker, swimmer< / span > < / h2 >
2018-02-02 23:55:09 +00:00
< div class = "actions" >
2018-02-03 01:05:54 +00:00
< a href = "#about" class = "btn-services" > About< / a >
< a href = "#contact" class = "btn-services" > Contact< / a >
< a href = "#network" class = "btn-services" > Network< / a >
2018-02-02 23:55:09 +00:00
< / div >
< / div >
< / div >
< / section >
< header id = "header" >
< div class = "container" >
< div id = "logo" class = "pull-left" >
2018-02-03 06:24:19 +00:00
< a href = "#top" > < img src = "img/e-w.png" alt = "ENPaul" title = "" / > < / img > < / a >
2018-02-02 23:55:09 +00:00
< / div >
< nav id = "nav-menu-container" >
< ul class = "nav-menu" >
< li > < a href = "#about" > About< / a > < / li >
< li > < a href = "#contact" > Contact< / a > < / li >
< li class = "menu-has-children" > < a href = "#network" > Network< / a >
< ul >
< li > < a href = "https://gitlab.enpaul.net/" > GitLab< / a > < / li >
2018-02-03 06:24:19 +00:00
< li > < a href = "https://storage.enpaul.net/" > Cloud Storage< / a > < / li >
2018-02-02 23:55:09 +00:00
< li > < a href = "https://plex.enpaul.net/" > Plex Media Server< / a > < / li >
< li > < a href = "https://docs.enpaul.net/vpn/overview/" > VPN< / a > < / li >
< / ul >
< / li >
< li > < a target = "_blank" href = "https://docs.enpaul.net/" > Docs< / a > < / li >
< / ul >
< / nav >
< / div >
< / header >
< section id = "about" >
2018-02-03 08:27:26 +00:00
< div class = "container" >
2018-02-02 23:55:09 +00:00
< div class = "row" >
< div class = "col-md-12" >
< h3 class = "section-title" > About Me< / h3 >
< div class = "section-title-divider" > < / div >
< / div >
< / div >
< / div >
2018-02-03 08:27:26 +00:00
< div class = "container about-container" >
2018-02-02 23:55:09 +00:00
< div class = "row" >
2018-02-03 06:24:19 +00:00
< div class = "col-md-6" >
2018-02-03 08:27:26 +00:00
< img class = "about-portrait" src = "img/e-w.png" alt = "Ethan N. Paul" / >
2018-02-03 06:24:19 +00:00
< / div >
2018-02-03 08:27:26 +00:00
< div class = "col-md-6" >
2018-02-02 23:55:09 +00:00
< h2 class = "about-title" > We provide great services and ideass< / h2 >
< p class = "about-text" >
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor
in reprehenderit in voluptate
< / p >
< p class = "about-text" >
Ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim
id est laborum
< / p >
< p class = "about-text" >
Ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim
id est laborum
< / p >
< / div >
< / div >
< / div >
< / section >
2018-02-03 02:00:31 +00:00
< section id = "contact" >
2018-02-03 08:27:26 +00:00
< div class = "container" >
2018-02-03 02:00:31 +00:00
< div class = "row" >
< div class = "col-md-12" >
< h3 class = "section-title" > Contact Me< / h3 >
< div class = "section-title-divider" > < / div >
2018-02-03 06:24:19 +00:00
< p class = "section-description" > Send me an email at < a href = "mailto:enpaul@enpaul.net" > enpaul@enpaul.net< / a > or feel free to < a href = "https://download.enpaul.net/enpaul-resume.pdf" target = "_blank" > download my résumé< / a > .< / p >
2018-02-03 02:00:31 +00:00
< ul class = "list-inline" >
2018-02-03 08:27:26 +00:00
< li > < a href = "mailto:enpaul@enpaul.net" > < span class = "hb hb-sm hb-email" title = "EMail enpaul@enpaul.net" > < i class = "fa fa-envelope" > < / i > < / span > < / a > < / li >
< li > < a target = "_blank" href = "https://download.enpaul.net/enpaul-resume.pdf" > < span class = "hb hb-sm hb-resume" title = "Download Resume" > < i class = "fa fa-file-text" > < / i > < / span > < / a > < / li >
< li > < a target = "_blank" href = "https://www.linkedin.com/in/enpaul" > < span class = "hb hb-sm hb-linkedin" title = "LinkedIn ENPaul" > < i class = "fa fa-linkedin" > < / i > < / span > < / a > < / li >
< li > < a target = "_blank" href = "https://plus.google.com/+EthanPaul42" > < span class = "hb hb-sm hb-google-plus" title = "Google+ EthanPaul42" > < i class = "fa fa-google-plus" > < / i > < / span > < / a > < / li >
< li > < a target = "_blank" href = "https://www.instagram.com/theenpaul" > < span class = "hb hb-sm hb-instagram" title = "Instagram @theENPaul" > < i class = "fa fa-instagram" > < / i > < / span > < / a > < / li >
< li > < a target = "_blank" href = "https://twitter.com/theenpaul" > < span class = "hb hb-sm hb-twitter" title = "Twitter @theENPaul" > < i class = "fa fa-twitter" > < / i > < / span > < / a > < / li >
2018-02-03 02:00:31 +00:00
< / ul >
< / div >
< / div >
< / div >
< / section >
2018-02-02 23:55:09 +00:00
< section id = "network" >
2018-02-03 08:27:26 +00:00
< div class = "container" >
2018-02-02 23:55:09 +00:00
< div class = "row" >
< div class = "col-md-12" >
< h3 class = "section-title" > Network Services< / h3 >
< div class = "section-title-divider" > < / div >
2018-02-03 01:05:54 +00:00
< p class = "section-description" > The ENPaul Network provides a number of services for entertainment, reference, security, and productivity.< br > To Learn more about the network as a whole, please < a href = "https://docs.enpaul.net/" target = "_blank" > read the docs< / a > .< / p >
2018-02-02 23:55:09 +00:00
< / div >
< / div >
< div class = "row" >
< div class = "col-md-4 service-item" >
2018-02-03 01:05:54 +00:00
< div class = "service-icon" > < i class = "fa fa-sitemap" > < / i > < / div >
< h4 class = "service-title" > Active Directory< / h4 >
< p class = "service-description" > < a href = "https://docs.microsoft.com/en-us/windows-server/identity/ad-ds/get-started/virtual-dc/active-directory-domain-services-overview" target = "_blank" > Active Directory Domain Services (ADDS)< / a > provides user authentication, administration, and security.< / p >
< div class = "service-link" >
< a class = "btn btn-default" href = "https://docs.enpaul.net/adds/" > < i class = "fa fa-book" > < / i > Docs< / a >
< / div >
2018-02-02 23:55:09 +00:00
< / div >
< div class = "col-md-4 service-item" >
2018-02-03 01:05:54 +00:00
< div class = "service-icon" > < i class = "fa fa-key" > < / i > < / div >
< h4 class = "service-title" > VPN< / h4 >
< p class = "service-description" > Virtual Private Networking (VPN) allows users to secure their network traffic from anywhere in the world.< / p >
< div class = "service-link" >
< a class = " btn btn-default" href = "https://docs.enpaul.net/vpn/overview/" > < i class = "fa fa-book" > < / i > Docs< / a >
< a class = " btn btn-default" href = "https://docs.enpaul.net/vpn/connect/" > < i class = "fa fa-book" > < / i > Connect< / a >
< / div >
2018-02-02 23:55:09 +00:00
< / div >
2018-02-03 06:24:19 +00:00
< div class = "col-md-4 service-item" >
< a href = "https://storage.enpaul.net/" > < div class = "service-icon" > < i class = "fa fa-cloud" > < / i > < / div > < / a >
< h4 class = "service-title" > < a href = "https://storage.enpaul.net/" > Cloud Storage< / a > < / h4 >
< p class = "service-description" > Local cloud storage allows for secure storage of user data. Online access is provided by the < a href = "https://github.com/misterunknown/ifm" target = "_blank" > Improved File Manager< / a > .< / p >
< div class = "service-link" >
< a class = " btn btn-default" href = "https://docs.enpaul.net/storage/overview/" > < i class = "fa fa-book" > < / i > Docs< / a >
< a class = " btn btn-default" href = "https://storage.enpaul.net/" > < i class = "fa fa-chevron-right" > < / i > Storage< / a >
< / div >
< / div >
2018-02-02 23:55:09 +00:00
< div class = "col-md-4 service-item" >
2018-02-03 01:05:54 +00:00
< a href = "https://gitlab.enpaul.net/" > < div class = "service-icon" > < i class = "fa fa-gitlab" > < / i > < / div > < / a >
< h4 class = "service-title" > < a href = "https://gitlab.enpaul.net/" > GitLab< / a > < / h4 >
< p class = "service-description" > < a href = "https://about.gitlab.com/" target = "_blank" > GitLab< / a > is a < a href = "https://git-scm.com/book/en/v2/Getting-Started-About-Version-Control" target = "_blank" > git-based source control< / a > service for collaborative project development and deployment.< / p >
< div class = "service-link" >
< a class = " btn btn-default" href = "https://docs.enpaul.net/gitlab/overview/" > < i class = "fa fa-book" > < / i > Docs< / a >
< a class = " btn btn-default" href = "https://gitlab.enpaul.net/" > < i class = "fa fa-chevron-right" > < / i > GitLab< / a >
< / div >
2018-02-02 23:55:09 +00:00
< / div >
< div class = "col-md-4 service-item" >
2018-02-03 01:05:54 +00:00
< a href = "https://plex.enpaul.net/" > < div class = "service-icon" > < i class = "fa fa-film" > < / i > < / div > < / a >
< h4 class = "service-title" > < a href = "https://plex.enpaul.net/" > Plex Media Server< / a > < / h4 >
< p class = "service-description" > < a href = "https://www.plex.tv/" target = "_blank" > Plex< / a > is a media management solution for sharing your personal movies, TV, music, and photos< / p >
< div class = "service-link" >
< a class = " btn btn-default" href = "https://docs.enpaul.net/plex/overview/" > < i class = "fa fa-book" > < / i > Docs< / a >
< a class = " btn btn-default" href = "https://plex.enpaul.net/" > < i class = "fa fa-chevron-right" > < / i > Plex< / a >
< / div >
2018-02-02 23:55:09 +00:00
< / div >
< div class = "col-md-4 service-item" >
2018-02-03 01:05:54 +00:00
< a href = "https://docs.enpaul.net/" > < div class = "service-icon" > < i class = "fa fa-book" > < / i > < / div > < / a >
< h4 class = "service-title" > < a href = "https://docs.enpaul.net/" > Documentation< / a > < / h4 >
< p class = "service-description" > Any system is only as good as its documentation. The docs, powered by < a href = "http://www.mkdocs.org/" target = "_blank" > MkDocs< / a > , are constantly being updated.< / p >
< div class = "service-link" >
2018-02-03 06:24:19 +00:00
< a class = " btn btn-default" href = "https://docs.enpaul.net/docs-meta/overview/" > < i class = "fa fa-book" > < / i > Meta Docs< / a >
2018-02-03 01:05:54 +00:00
< a class = " btn btn-default" href = "https://docs.enpaul.net/" > < i class = "fa fa-chevron-right" > < / i > Docs< / a >
< / div >
2018-02-02 23:55:09 +00:00
< / div >
< / div >
< / div >
< / section >
< section id = "status" >
2018-02-03 08:27:26 +00:00
< div class = "container" >
2018-02-02 23:55:09 +00:00
< div class = "row" >
< div class = "col-md-8" >
< h3 class = "status-title" > Service Status< / h3 >
< p class = "status-text" > Having trouble accessing a network service? Check the status online and let me know if there are problems!< / p >
< / div >
< div class = "col-md-4 status-btn-container" >
< a class = "disabled status-btn" href = "#" > Coming Soon!< / a >
< / div >
< / div >
< / div >
< / section >
<!-- ==========================
Porfolio Section
============================
< section id = "portfolio" >
< div class = "container wow fadeInUp" >
< div class = "row" >
< div class = "col-md-12" >
< h3 class = "section-title" > Portfolio< / h3 >
< div class = "section-title-divider" > < / div >
< p class = "section-description" > Si stante, hoc natura videlicet vult, salvam esse se, quod concedimus ses haec dicturum fuisse< / p >
< / div >
< / div >
< div class = "row" >
< div class = "col-md-3" >
< a class = "portfolio-item" style = "background-image: url(img/portfolio-1.jpg);" href = "" >
< div class = "details" >
< h4 > Portfolio 1< / h4 >
< span > Alored dono par< / span >
< / div >
< / a >
< / div >
< div class = "col-md-3" >
< a class = "portfolio-item" style = "background-image: url(img/portfolio-2.jpg);" href = "" >
< div class = "details" >
< h4 > Portfolio 2< / h4 >
< span > Alored dono par< / span >
< / div >
< / a >
< / div >
< div class = "col-md-3" >
< a class = "portfolio-item" style = "background-image: url(img/portfolio-3.jpg);" href = "" >
< div class = "details" >
< h4 > Portfolio 3< / h4 >
< span > Alored dono par< / span >
< / div >
< / a >
< / div >
< div class = "col-md-3" >
< a class = "portfolio-item" style = "background-image: url(img/portfolio-4.jpg);" href = "" >
< div class = "details" >
< h4 > Portfolio 4< / h4 >
< span > Alored dono par< / span >
< / div >
< / a >
< / div >
< div class = "col-md-3" >
< a class = "portfolio-item" style = "background-image: url(img/portfolio-5.jpg);" href = "" >
< div class = "details" >
< h4 > Portfolio 5< / h4 >
< span > Alored dono par< / span >
< / div >
< / a >
< / div >
< div class = "col-md-3" >
< a class = "portfolio-item" style = "background-image: url(img/portfolio-6.jpg);" href = "" >
< div class = "details" >
< h4 > Portfolio 6< / h4 >
< span > Alored dono par< / span >
< / div >
< / a >
< / div >
< div class = "col-md-3" >
< a class = "portfolio-item" style = "background-image: url(img/portfolio-7.jpg);" href = "" >
< div class = "details" >
< h4 > Portfolio 7< / h4 >
< span > Alored dono par< / span >
< / div >
< / a >
< / div >
< div class = "col-md-3" >
< a class = "portfolio-item" style = "background-image: url(img/portfolio-8.jpg);" href = "" >
< div class = "details" >
< h4 > Portfolio 8< / h4 >
< span > Alored dono par< / span >
< / div >
< / a >
< / div >
< / div >
< / div >
< / section > -->
<!-- ==========================
Testimonials Section
============================
< section id = "testimonials" >
< div class = "container wow fadeInUp" >
< div class = "row" >
< div class = "col-md-12" >
< h3 class = "section-title" > Testimonials< / h3 >
< div class = "section-title-divider" > < / div >
< p class = "section-description" > Erdo lide, nora porodo filece, salvam esse se, quod concedimus ses haec dicturum fuisse< / p >
< / div >
< / div >
< div class = "row" >
< div class = "col-md-3" >
< div class = "profile" >
< div class = "pic" > < img src = "img/client-1.jpg" alt = "" > < / div >
< h4 > Saul Goodman< / h4 >
< span > Lawless Inc< / span >
< / div >
< / div >
< div class = "col-md-9" >
< div class = "quote" >
< b > < img src = "img/quote_sign_left.png" alt = "" > < / b > Proin iaculis purus consequat sem cure digni ssim donec porttitora entum suscipit rhoncus. Accusantium quam, ultricies eget id, aliquam eget nibh et. Maecen aliquam, risus at semper. < small > < img src = "img/quote_sign_right.png" alt = "" > < / small >
< / div >
< / div >
< / div >
< div class = "row" >
< div class = "col-md-9" >
< div class = "quote" >
< b > < img src = "img/quote_sign_left.png" alt = "" > < / b > Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis architecto beatae. < small > < img src = "img/quote_sign_right.png" alt = "" > < / small >
< / div >
< / div >
< div class = "col-md-3" >
< div class = "profile" >
< div class = "pic" > < img src = "img/client-2.jpg" alt = "" > < / div >
< h4 > Sara Wilsson< / h4 >
< span > Odeo Inc< / span >
< / div >
< / div >
< / div >
< / div >
< / section > -->
<!-- ==========================
Team Section
============================
< section id = "team" >
< div class = "container wow fadeInUp" >
< div class = "row" >
< div class = "col-md-12" >
< h3 class = "section-title" > Our Team< / h3 >
< div class = "section-title-divider" > < / div >
< p class = "section-description" > Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque< / p >
< / div >
< / div >
< div class = "row" >
< div class = "col-md-3" >
< div class = "member" >
< div class = "pic" > < img src = "img/team-1.jpg" alt = "" > < / div >
< h4 > Walter White< / h4 >
< span > Chief Executive Officer< / span >
< div class = "social" >
< a href = "" > < i class = "fa fa-twitter" > < / i > < / a >
< a href = "" > < i class = "fa fa-facebook" > < / i > < / a >
< a href = "" > < i class = "fa fa-google-plus" > < / i > < / a >
< a href = "" > < i class = "fa fa-linkedin" > < / i > < / a >
< / div >
< / div >
< / div >
< div class = "col-md-3" >
< div class = "member" >
< div class = "pic" > < img src = "img/team-2.jpg" alt = "" > < / div >
< h4 > Sarah Jhinson< / h4 >
< span > Product Manager< / span >
< div class = "social" >
< a href = "" > < i class = "fa fa-twitter" > < / i > < / a >
< a href = "" > < i class = "fa fa-facebook" > < / i > < / a >
< a href = "" > < i class = "fa fa-google-plus" > < / i > < / a >
< a href = "" > < i class = "fa fa-linkedin" > < / i > < / a >
< / div >
< / div >
< / div >
< div class = "col-md-3" >
< div class = "member" >
< div class = "pic" > < img src = "img/team-3.jpg" alt = "" > < / div >
< h4 > William Anderson< / h4 >
< span > CTO< / span >
< div class = "social" >
< a href = "" > < i class = "fa fa-twitter" > < / i > < / a >
< a href = "" > < i class = "fa fa-facebook" > < / i > < / a >
< a href = "" > < i class = "fa fa-google-plus" > < / i > < / a >
< a href = "" > < i class = "fa fa-linkedin" > < / i > < / a >
< / div >
< / div >
< / div >
< div class = "col-md-3" >
< div class = "member" >
< div class = "pic" > < img src = "img/team-4.jpg" alt = "" > < / div >
< h4 > Amanda Jepson< / h4 >
< span > Accountant< / span >
< div class = "social" >
< a href = "" > < i class = "fa fa-twitter" > < / i > < / a >
< a href = "" > < i class = "fa fa-facebook" > < / i > < / a >
< a href = "" > < i class = "fa fa-google-plus" > < / i > < / a >
< a href = "" > < i class = "fa fa-linkedin" > < / i > < / a >
< / div >
< / div >
< / div >
< / div >
< / div >
< / section > -->
<!-- ==========================
Contact Section
============================
< section id = "contact" >
< div class = "container wow fadeInUp" >
< div class = "row" >
< div class = "col-md-12" >
< h3 class = "section-title" > Contact Us< / h3 >
< div class = "section-title-divider" > < / div >
< p class = "section-description" > Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque< / p >
< / div >
< / div >
< div class = "row" >
< div class = "col-md-3 col-md-push-2" >
< div class = "info" >
< div >
< i class = "fa fa-map-marker" > < / i >
< p > A108 Adam Street< br > New York, NY 535022< / p >
< / div >
< div >
< i class = "fa fa-envelope" > < / i >
< p > info@example.com< / p >
< / div >
< div >
< i class = "fa fa-phone" > < / i >
< p > +1 5589 55488 55s< / p >
< / div >
< / div >
< / div >
< div class = "col-md-5 col-md-push-2" >
< div class = "form" >
< 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" > Send Message< / button > < / div >
< / form >
< / div >
< / div >
< / div >
< / div >
< / section > -->
<!-- ==========================
Footer
============================-->
< footer id = "footer" >
< div class = "container" >
< div class = "row" >
< div class = "col-md-12" >
< div class = "copyright" >
© 2018 < strong > Ethan N. Paul< / strong > . All Rights Reserved
< / div >
< div class = "copyright" >
This page was updated on < strong > 2018-02-02< / strong >
< / div >
< / div >
< / div >
< / div >
< / footer >
< a href = "#about" class = "back-to-top" > < span title = "Back to top" > < i class = "fa fa-chevron-up" > < / i > < / span > < / a >
< / body >
< / html >