Update navbar to include projects page

This commit is contained in:
Neil Brommer 2017-11-06 13:03:49 -08:00
parent 079f1df715
commit 915eba7e4a
4 changed files with 264 additions and 228 deletions

View file

@ -1,6 +1,7 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head>
<head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
@ -30,10 +31,12 @@
<!-- Google Analytics --> <!-- Google Analytics -->
<script> <script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (function (i, s, o, g, r, a, m) {
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) (i[r].q = i[r].q || []).push(arguments)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); }, i[r].l = 1 * new Date(); a = s.createElement(o),
m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
})(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
ga('create', 'UA-105178749-1', 'auto'); ga('create', 'UA-105178749-1', 'auto');
ga('send', 'pageview'); ga('send', 'pageview');
@ -47,30 +50,31 @@
<!-- Google reCAPTCHA --> <!-- Google reCAPTCHA -->
<script src='https://www.google.com/recaptcha/api.js'></script> <script src='https://www.google.com/recaptcha/api.js'></script>
</head> </head>
<body> <body>
<!-- Fixed navbar --> <!-- Fixed navbar -->
<nav id="topnav" class="navbar navbar-expand-md navbar-dark fixed-top bg-dark"> <nav id="topnav" class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
<div class="container"> <div class="container">
<a class="navbar-brand" href="/">Neil Brommer</a> <a class="navbar-brand" href="/">Neil Brommer</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation"> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse"
aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span> <span class="navbar-toggler-icon"></span>
</button> </button>
<div class="collapse navbar-collapse" id="navbarCollapse"> <div class="collapse navbar-collapse" id="navbarCollapse">
<ul class="navbar-nav mr-auto"> <ul class="navbar-nav mr-auto">
<li class="nav-item" id="homelnk"> <li class="nav-item" id="homelnk">
<a class="nav-link" href="/">Home</a> <a class="nav-link" href=".">Home</a>
</li> </li>
<li class="nav-item" id="resumelnk"> <li class="nav-item" id="resumelnk">
<a class="nav-link" href="resume.html">Resumé</a> <a class="nav-link" href="resume.html">Resumé</a>
</li> </li>
<li class="nav-item" id="projectslnk">
<a class="nav-link" href="projects.html">Projects</a>
</li>
<li class="nav-item active" id="contactlnk"> <li class="nav-item active" id="contactlnk">
<a class="nav-link" href="contact.html">Contact</a> <a class="nav-link" href="contact.html">Contact</a>
</li> </li>
<li class="nav-item" id="githublnk">
<a class="nav-link" href="https://github.com/NeilBrommer" target="_blank">Github <span class="fa fa-external-link" aria-hidden="true"></span></a>
</li>
</ul> </ul>
</div> </div>
</div> </div>
@ -86,11 +90,15 @@
<form id="contactForm"> <form id="contactForm">
<div class="form-group"> <div class="form-group">
<label for="nameField">Name<span class="required">*</span></label> <label for="nameField">Name
<span class="required">*</span>
</label>
<input id="nameField" type="text" required="required" class="form-control"> <input id="nameField" type="text" required="required" class="form-control">
</div> </div>
<div class="form-group"> <div class="form-group">
<label for="emailField">Email Address<span class="required">*</span></label> <label for="emailField">Email Address
<span class="required">*</span>
</label>
<input id="emailField" type="email" required="required" class="form-control"> <input id="emailField" type="email" required="required" class="form-control">
</div> </div>
<div class="form-group"> <div class="form-group">
@ -98,7 +106,9 @@
<input id="subjectField" type="text" class="form-control"> <input id="subjectField" type="text" class="form-control">
</div> </div>
<div class="form-group"> <div class="form-group">
<label for="messageField">Message<span class="required">*</span></label> <label for="messageField">Message
<span class="required">*</span>
</label>
<textarea id="messageField" rows="5" required="required" class="form-control"></textarea> <textarea id="messageField" rows="5" required="required" class="form-control"></textarea>
</div> </div>
<div class="form-group captcha"> <div class="form-group captcha">
@ -109,5 +119,6 @@
</div> </div>
</div> </div>
</body> </body>
</html> </html>

View file

@ -66,12 +66,12 @@
<li class="nav-item" id="resumelnk"> <li class="nav-item" id="resumelnk">
<a class="nav-link" href="resume.html">Resumé</a> <a class="nav-link" href="resume.html">Resumé</a>
</li> </li>
<li class="nav-item" id="projectslnk">
<a class="nav-link" href="projects.html">Projects</a>
</li>
<li class="nav-item" id="contactlnk"> <li class="nav-item" id="contactlnk">
<a class="nav-link" href="contact.html">Contact</a> <a class="nav-link" href="contact.html">Contact</a>
</li> </li>
<li class="nav-item" id="githublnk">
<a class="nav-link" href="https://github.com/NeilBrommer" target="_blank">Github <span class="fa fa-external-link" aria-hidden="true"></span></a>
</li>
</ul> </ul>
</div> </div>
</div> </div>

View file

@ -62,20 +62,18 @@
</button> </button>
<div class="collapse navbar-collapse" id="navbarCollapse"> <div class="collapse navbar-collapse" id="navbarCollapse">
<ul class="navbar-nav mr-auto"> <ul class="navbar-nav mr-auto">
<li class="nav-item active" id="homelnk"> <li class="nav-item" id="homelnk">
<a class="nav-link" href="index.html">Home</a> <a class="nav-link" href=".">Home</a>
</li> </li>
<li class="nav-item" id="resumelnk"> <li class="nav-item" id="resumelnk">
<a class="nav-link" href="resume.html">Resumé</a> <a class="nav-link" href="resume.html">Resumé</a>
</li> </li>
<li class="nav-item active" id="projectslnk">
<a class="nav-link" href="projects.html">Projects</a>
</li>
<li class="nav-item" id="contactlnk"> <li class="nav-item" id="contactlnk">
<a class="nav-link" href="contact.html">Contact</a> <a class="nav-link" href="contact.html">Contact</a>
</li> </li>
<li class="nav-item" id="githublnk">
<a class="nav-link" href="https://github.com/NeilBrommer" target="_blank">Github
<span class="fa fa-external-link" aria-hidden="true"></span>
</a>
</li>
</ul> </ul>
</div> </div>
</div> </div>

View file

@ -1,6 +1,7 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head>
<head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
@ -30,18 +31,20 @@
<!-- Google Analytics --> <!-- Google Analytics -->
<script> <script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (function (i, s, o, g, r, a, m) {
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) (i[r].q = i[r].q || []).push(arguments)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); }, i[r].l = 1 * new Date(); a = s.createElement(o),
m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
})(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
ga('create', 'UA-105178749-1', 'auto'); ga('create', 'UA-105178749-1', 'auto');
ga('send', 'pageview'); ga('send', 'pageview');
</script> </script>
</head> </head>
<body> <body>
<!-- Bootstrap core JavaScript <!-- Bootstrap core JavaScript
================================================== --> ================================================== -->
@ -55,23 +58,24 @@
<nav id="topnav" class="navbar navbar-expand-md navbar-dark fixed-top bg-dark"> <nav id="topnav" class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
<div class="container"> <div class="container">
<a class="navbar-brand" href="/">Neil Brommer</a> <a class="navbar-brand" href="/">Neil Brommer</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation"> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse"
aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span> <span class="navbar-toggler-icon"></span>
</button> </button>
<div class="collapse navbar-collapse" id="navbarCollapse"> <div class="collapse navbar-collapse" id="navbarCollapse">
<ul class="navbar-nav mr-auto"> <ul class="navbar-nav mr-auto">
<li class="nav-item" id="homelnk"> <li class="nav-item" id="homelnk">
<a class="nav-link" href="/">Home</a> <a class="nav-link" href=".">Home</a>
</li> </li>
<li class="nav-item active" id="resumelnk"> <li class="nav-item active" id="resumelnk">
<a class="nav-link" href="resume.html">Resumé</a> <a class="nav-link" href="resume.html">Resumé</a>
</li> </li>
<li class="nav-item" id="projectslnk">
<a class="nav-link" href="projects.html">Projects</a>
</li>
<li class="nav-item" id="contactlnk"> <li class="nav-item" id="contactlnk">
<a class="nav-link" href="contact.html">Contact</a> <a class="nav-link" href="contact.html">Contact</a>
</li> </li>
<li class="nav-item" id="githublnk">
<a class="nav-link" href="https://github.com/NeilBrommer" target="_blank">Github <span class="fa fa-external-link" aria-hidden="true"></span></a>
</li>
</ul> </ul>
</div> </div>
</div> </div>
@ -82,11 +86,13 @@
<div class="jumbotron"> <div class="jumbotron">
<h1>Resumé</h1> <h1>Resumé</h1>
<p> <p>
Work history, references, and more contact information available on request Work history, references, and more contact information available on request via the
via the <a href="contact.html">contact page</a>. <a href="contact.html">contact page</a>.
</p> </p>
<p> <p>
PDF version available <a href="NeilBrommer-WebResume.pdf">here<a>. PDF version available
<a href="NeilBrommer-WebResume.pdf">here
<a>.
</p> </p>
</div> </div>
</div> </div>
@ -95,23 +101,39 @@
<h2>Education</h2> <h2>Education</h2>
<p> <p>
<div class="row"> <div class="row">
<div class="col-sm-8"><b>Eastern Washington University</b></div> <div class="col-sm-8">
<div class="col-sm-4"><b class="float-sm-right">Cheney, Washington</b></div> <b>Eastern Washington University</b>
</div>
<div class="col-sm-4">
<b class="float-sm-right">Cheney, Washington</b>
</div>
</div> </div>
<div class="row"> <div class="row">
<div class="col-sm-8"><i>Bachelor of Science in Computer Science, 3.44 GPA</i></div> <div class="col-sm-8">
<div class="col-sm-4"><i class="float-sm-right">2014 &ndash; present</i></div> <i>Bachelor of Science in Computer Science, 3.44 GPA</i>
</div>
<div class="col-sm-4">
<i class="float-sm-right">2014 &ndash; present</i>
</div>
</div> </div>
Planning to graduate in spring 2018 Planning to graduate in spring 2018
</p> </p>
<p> <p>
<div class="row"> <div class="row">
<div class="col-sm-8"><b>Spokane Community College</b></div> <div class="col-sm-8">
<div class="col-sm-4"><b class="float-sm-right">Spokane, Washington</b></div> <b>Spokane Community College</b>
</div>
<div class="col-sm-4">
<b class="float-sm-right">Spokane, Washington</b>
</div>
</div> </div>
<div class="row"> <div class="row">
<div class="col-sm-8"><i>Associate of Applied Science in Network Design and Administration, 3.13 GPA</i></div> <div class="col-sm-8">
<div class="col-sm-4"><i class="float-sm-right">2011 &ndash; 2013</i></div> <i>Associate of Applied Science in Network Design and Administration, 3.13 GPA</i>
</div>
<div class="col-sm-4">
<i class="float-sm-right">2011 &ndash; 2013</i>
</div>
</div> </div>
Networking with Cisco switches and routers, with basic Windows and Linux administration Networking with Cisco switches and routers, with basic Windows and Linux administration
</p> </p>
@ -138,12 +160,17 @@
<p> <p>
<div style="font-weight: bold;">CCNA</div> <div style="font-weight: bold;">CCNA</div>
<div class="row"> <div class="row">
<div class="col-sm-8"><i>Cisco Certified Network Administrator</i></div> <div class="col-sm-8">
<div class="col-sm-4"><i class="float-sm-right">September 2013 &ndash; 2016</i></div> <i>Cisco Certified Network Administrator</i>
</div>
<div class="col-sm-4">
<i class="float-sm-right">September 2013 &ndash; 2016</i>
</div>
</div> </div>
Ciscos second level of computer networking certifications. Focuses on designing and managing routed and switched networks. Ciscos second level of computer networking certifications. Focuses on designing and managing routed and switched networks.
</p> </p>
</div> </div>
</body> </body>
</html> </html>