diff --git a/.vscode/launch.json b/.vscode/launch.json
new file mode 100644
index 0000000..7a9dfa0
--- /dev/null
+++ b/.vscode/launch.json
@@ -0,0 +1,15 @@
+{
+    // Use IntelliSense to learn about possible attributes.
+    // Hover to view descriptions of existing attributes.
+    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
+    "version": "0.2.0",
+    "configurations": [
+        {
+            "type": "pwa-chrome",
+            "request": "launch",
+            "name": "Launch Chrome against localhost",
+            "url": "http://localhost:8080",
+            "webRoot": "${workspaceFolder}"
+        }
+    ]
+}
\ No newline at end of file
diff --git a/css/experience.css b/css/experience.css
new file mode 100644
index 0000000..d2ff8c3
--- /dev/null
+++ b/css/experience.css
@@ -0,0 +1,26 @@
+
+  section ul li {
+    padding-left: 16px;
+  }
+
+  button {
+    font-size: 1rem;
+  }
+
+  button:hover {
+    opacity: .75;
+    font-weight: bolder;
+  }
+
+/* section article ul li:nth-child(even) {
+    background-color: #52bab3;
+    color: black;
+} */
+  
+h1, h2, h3 {
+  font-weight: bold;
+}
+
+
+
+  
\ No newline at end of file
diff --git a/css/normalize.css b/css/normalize.css
new file mode 100644
index 0000000..940f65b
--- /dev/null
+++ b/css/normalize.css
@@ -0,0 +1,441 @@
+/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
+
+/**
+ * 1. Set default font family to sans-serif.
+ * 2. Prevent iOS text size adjust after orientation change, without disabling
+ *    user zoom.
+ */
+
+ html {
+    font-family: sans-serif; /* 1 */
+    -ms-text-size-adjust: 100%; /* 2 */
+    -webkit-text-size-adjust: 100%; /* 2 */
+  }
+  
+  /**
+   * Remove default margin.
+   */
+  
+  body {
+    margin: 0;
+  }
+  
+  /* HTML5 display definitions
+     ========================================================================== */
+  
+  /**
+   * Correct `block` display not defined for any HTML5 element in IE 8/9.
+   * Correct `block` display not defined for `details` or `summary` in IE 10/11
+   * and Firefox.
+   * Correct `block` display not defined for `main` in IE 11.
+   */
+  
+  article,
+  aside,
+  details,
+  figcaption,
+  figure,
+  footer,
+  header,
+  hgroup,
+  main,
+  menu,
+  nav,
+  section,
+  summary {
+    display: block;
+  }
+  
+  /**
+   * 1. Correct `inline-block` display not defined in IE 8/9.
+   * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
+   */
+  
+  audio,
+  canvas,
+  progress,
+  video {
+    display: inline-block; /* 1 */
+    vertical-align: baseline; /* 2 */
+  }
+  
+  /**
+   * Prevent modern browsers from displaying `audio` without controls.
+   * Remove excess height in iOS 5 devices.
+   */
+  
+  audio:not([controls]) {
+    display: none;
+    height: 0;
+  }
+  
+  /**
+   * Address `[hidden]` styling not present in IE 8/9/10.
+   * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
+   */
+  
+  [hidden],
+  template {
+    display: none;
+  }
+  
+  /* Links
+     ========================================================================== */
+  
+  /**
+   * Remove the gray background color from active links in IE 10.
+   */
+  
+  a {
+    background-color: transparent;
+  }
+  
+  /**
+   * Improve readability when focused and also mouse hovered in all browsers.
+   */
+  
+  a:active,
+  a:hover {
+    outline: 0;
+  }
+  
+  /* Text-level semantics
+     ========================================================================== */
+  
+  /**
+   * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
+   */
+  
+  abbr[title] {
+    border-bottom: 1px dotted;
+  }
+  
+  /**
+   * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
+   */
+  
+  b,
+  strong {
+    font-weight: bold;
+  }
+  
+  /**
+   * Address styling not present in Safari and Chrome.
+   */
+  
+  dfn {
+    font-style: italic;
+  }
+  
+  /**
+   * Address variable `h1` font-size and margin within `section` and `article`
+   * contexts in Firefox 4+, Safari, and Chrome.
+   */
+  
+  h1 {
+    font-size: 2em;
+    margin: 0.67em 0;
+  }
+  
+  /**
+   * Address styling not present in IE 8/9.
+   */
+  
+  mark {
+    background: #ff0;
+    color: #000;
+  }
+  
+  /**
+   * Address inconsistent and variable font size in all browsers.
+   */
+  
+  small {
+    font-size: 80%;
+  }
+  
+  /**
+   * Prevent `sub` and `sup` affecting `line-height` in all browsers.
+   */
+  
+  sub,
+  sup {
+    font-size: 75%;
+    line-height: 0;
+    position: relative;
+    vertical-align: baseline;
+  }
+  
+  sup {
+    top: -0.5em;
+  }
+  
+  sub {
+    bottom: -0.25em;
+  }
+  
+  /* Embedded content
+     ========================================================================== */
+  
+  /**
+   * Remove border when inside `a` element in IE 8/9/10.
+   */
+  
+  img {
+    border: 0;
+  }
+  
+  /**
+   * Correct overflow not hidden in IE 9/10/11.
+   */
+  
+  svg:not(:root) {
+    overflow: hidden;
+  }
+  
+  /* Grouping content
+     ========================================================================== */
+  
+  /**
+   * Address margin not present in IE 8/9 and Safari.
+   */
+  
+  figure {
+    margin: 1em 40px;
+  }
+  
+  /**
+   * Address differences between Firefox and other browsers.
+   */
+  
+  hr {
+    -moz-box-sizing: content-box;
+    box-sizing: content-box;
+    height: 0;
+  }
+  
+  /**
+   * Contain overflow in all browsers.
+   */
+  
+  pre {
+    overflow: auto;
+  }
+  
+  /**
+   * Address odd `em`-unit font size rendering in all browsers.
+   */
+  
+  code,
+  kbd,
+  pre,
+  samp {
+    font-family: monospace, monospace;
+    font-size: 1em;
+  }
+  
+  /* Forms
+     ========================================================================== */
+  
+  /**
+   * Known limitation: by default, Chrome and Safari on OS X allow very limited
+   * styling of `select`, unless a `border` property is set.
+   */
+  
+  /**
+   * 1. Correct color not being inherited.
+   *    Known issue: affects color of disabled elements.
+   * 2. Correct font properties not being inherited.
+   * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
+   */
+  
+  button,
+  input,
+  optgroup,
+  select,
+  textarea {
+    color: inherit; /* 1 */
+    font: inherit; /* 2 */
+    margin: 0; /* 3 */
+  }
+  
+  /**
+   * Address `overflow` set to `hidden` in IE 8/9/10/11.
+   */
+  
+  button {
+    overflow: visible;
+  }
+  
+  /**
+   * Address inconsistent `text-transform` inheritance for `button` and `select`.
+   * All other form control elements do not inherit `text-transform` values.
+   * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
+   * Correct `select` style inheritance in Firefox.
+   */
+  
+  button,
+  select {
+    text-transform: none;
+  }
+  
+  /**
+   * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
+   *    and `video` controls.
+   * 2. Correct inability to style clickable `input` types in iOS.
+   * 3. Improve usability and consistency of cursor style between image-type
+   *    `input` and others.
+   */
+  
+  button,
+  html input[type="button"], /* 1 */
+  input[type="reset"],
+  input[type="submit"] {
+    -webkit-appearance: button; /* 2 */
+    cursor: pointer; /* 3 */
+  }
+  
+  /**
+   * Re-set default cursor for disabled elements.
+   */
+  
+  button[disabled],
+  html input[disabled] {
+    cursor: default;
+  }
+  
+  /**
+   * Remove inner padding and border in Firefox 4+.
+   */
+  
+  button::-moz-focus-inner,
+  input::-moz-focus-inner {
+    border: 0;
+    padding: 0;
+  }
+  
+  /**
+   * Address Firefox 4+ setting `line-height` on `input` using `!important` in
+   * the UA stylesheet.
+   */
+  
+  input {
+    line-height: normal;
+  }
+  
+  /**
+   * It's recommended that you don't attempt to style these elements.
+   * Firefox's implementation doesn't respect box-sizing, padding, or width.
+   *
+   * 1. Address box sizing set to `content-box` in IE 8/9/10.
+   * 2. Remove excess padding in IE 8/9/10.
+   */
+  
+  input[type="checkbox"],
+  input[type="radio"] {
+    box-sizing: border-box; /* 1 */
+    padding: 0; /* 2 */
+  }
+  
+  /**
+   * Fix the cursor style for Chrome's increment/decrement buttons. For certain
+   * `font-size` values of the `input`, it causes the cursor style of the
+   * decrement button to change from `default` to `text`.
+   */
+  
+  input[type="number"]::-webkit-inner-spin-button,
+  input[type="number"]::-webkit-outer-spin-button {
+    height: auto;
+  }
+  
+  /**
+   * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
+   * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
+   *    (include `-moz` to future-proof).
+   */
+  
+  input[type="search"] {
+    -webkit-appearance: textfield; /* 1 */
+    -moz-box-sizing: content-box;
+    -webkit-box-sizing: content-box; /* 2 */
+    box-sizing: content-box;
+  }
+  
+  /**
+   * Remove inner padding and search cancel button in Safari and Chrome on OS X.
+   * Safari (but not Chrome) clips the cancel button when the search input has
+   * padding (and `textfield` appearance).
+   */
+  
+  input[type="search"]::-webkit-search-cancel-button,
+  input[type="search"]::-webkit-search-decoration {
+    -webkit-appearance: none;
+  }
+  
+  /**
+   * Define consistent border, margin, and padding.
+   */
+  
+  fieldset {
+    border: 1px solid #c0c0c0;
+    margin: 0 2px;
+    padding: 0.35em 0.625em 0.75em;
+  }
+  
+  /**
+   * 1. Correct `color` not being inherited in IE 8/9/10/11.
+   * 2. Remove padding so people aren't caught out if they zero out fieldsets.
+   */
+  
+  legend {
+    border: 0; /* 1 */
+    padding: 0; /* 2 */
+  }
+  
+  /**
+   * Remove default vertical scrollbar in IE 8/9/10/11.
+   */
+  
+  textarea {
+    overflow: auto;
+  }
+  
+  /**
+   * Don't inherit the `font-weight` (applied by a rule above).
+   * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
+   */
+  
+  optgroup {
+    font-weight: bold;
+  }
+  
+  /* Tables
+     ========================================================================== */
+  
+  /**
+   * Remove most spacing between table cells.
+   */
+  
+  table {
+    border-collapse: collapse;
+    border-spacing: 0;
+  }
+  
+  td,
+  th {
+    padding: 0;
+  }
+  
+  /* Lists
+     ========================================================================== */
+  
+  /**
+   * Remove default list styles, margins and padding.
+   */
+  
+   ol, 
+   ul {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+  }
\ No newline at end of file
diff --git a/css/style.css b/css/style.css
new file mode 100644
index 0000000..a1ad659
--- /dev/null
+++ b/css/style.css
@@ -0,0 +1,317 @@
+/* ================================= 
+  Base Element Styles
+==================================== */
+:root {
+    background: #e3effb;
+}
+
+* {
+	box-sizing: border-box;
+}
+
+a {
+	cursor: pointer;
+}
+
+body {
+	font-family: 'Varela Round', sans-serif;
+	line-height: 1.6;
+	color: #3a3a3a;
+	/* background-color:powderblue; */
+}
+
+p {
+	font-size: .95em;
+	margin-bottom: 1.8em;
+}
+
+h2,
+h3,
+a {
+	color: #093a58;
+}
+
+h2,
+h3,
+h4 {
+	margin-top: 0;
+}
+
+h4 {
+	margin-bottom: .4em;
+}
+
+a {
+	text-decoration: none;
+}
+
+img {
+	max-width: 100%;
+}
+
+#headshot {
+	border-radius: 50%;
+}
+
+figure {
+	margin: 0;
+	line-height: 0;
+	position: relative;
+}
+
+figcaption {
+	font-size: .9em;
+	line-height: 1.5;
+	color: #fff;
+	padding: 1em;	
+	background: rgba(19,43,102, .85);
+	position: absolute;
+	bottom: 0;
+	width: 100%;
+}
+
+section ul {
+	margin-bottom: 1em;
+}
+
+section ul li:before {
+	content: "•"; /* Insert content that looks like bullets */
+	padding-right: 8px;
+	color: black; /* Or a color you prefer */
+  }
+
+  #objList li:before {
+	content: "•"; /* Insert content that looks like bullets */
+	padding-right: 8px;
+	color: black; /* Or a color you prefer */
+  }
+
+/* ================================= 
+  Base Layout Styles
+==================================== */
+
+/* ---- Navigation ---- */
+
+.name {
+	font-size: 1.25em;
+	margin: 0;
+}
+
+.main-nav {
+	margin-top: 5px;
+}
+
+.main-nav li {
+	border-radius: 5px;
+	background-color:powderblue;
+	margin: 5px;
+	padding: 10px;
+}
+
+.name a,
+.main-nav a {
+	display: block;
+	text-align: center;
+	/* padding: 10px 15px; */
+}
+
+.main-nav a {
+	font-size: .95em;
+	color: #3a49ce;
+	text-transform: uppercase;
+}
+
+.main-nav a:hover {
+	color: #093a58;
+}
+
+/* .main-nav > li {
+	margin-left: 200px;
+} */
+
+/* ---- Layout Containers ---- */
+
+.main-header {
+	padding-top: .5em;
+	padding-bottom: .5em;
+}
+
+.banner,
+.main-footer {
+	text-align: center;
+}
+
+.banner {
+	/* color: #fff; */
+	/* background: #3a49ce; */
+	padding: 1.5em 0;
+	margin-bottom: 60px;
+	position: relative;
+}
+
+.col {
+	padding-right: 1em;
+	padding-left: 1em;
+	border: solid 2px grey;
+	display: table-cell;
+	display: block;
+}
+
+.main-footer {
+	padding: 2em 0;
+	margin-top: 30px;
+	text-align: center;
+	position: relative;
+    background: #3a49ce;
+    box-shadow: 0 1px 4px rgba(0,0,0,.4);
+	width: 100%;
+	left: 0;
+    bottom: 0;
+	z-index: 999;
+	color: white;
+}
+
+/* ---- Page Elements ---- */
+
+.logo {
+	width: 190px;
+}
+
+.headline {
+	margin-bottom: 0;
+}
+
+.icon-location {
+  width: 35px;
+  position: absolute;
+  top: -15px;
+  left: -15px;
+}
+
+.center {
+	margin-left: auto;
+	margin-right: auto;
+  }
+
+header img {
+    height: auto; 
+    width: auto; 
+    max-width: 30px; 
+    max-height: 30px;
+}
+
+#headshot {
+	size: 200px;
+}
+
+#interest {
+	list-style: none;
+}
+
+#objective {
+	margin-left: auto;
+	margin-right: auto;
+	width: 25%;
+}
+
+img[src*="employerThumb"] {
+    width:  150px;
+    height: 75px;
+	object-fit: scale-down;
+	border-radius: 5%;
+	padding: 1em;
+	margin: .5em;
+	background-color: #52bab3;
+}
+
+img[src*="employerThumb"]:hover {
+	border: solid blue 2px;
+}
+
+
+
+/* ================================= 
+  Media Queries
+==================================== */
+@media (max-width: 575px){
+	#headshot {
+		display: none;
+	}
+}
+
+
+@media (min-width: 769px) {
+
+  body {
+    padding-top: 68px;
+  }
+
+  .main-header {
+    position: fixed;
+    background: white;
+    box-shadow: 0 1px 4px rgba(0,0,0,.4);
+    width: 100%;
+    top: 0;
+    z-index: 1000;
+  }
+
+	.container {
+		width: 90%;
+		margin: 0 auto;
+		display: table; /* Make the container element behave like a table */
+	}
+
+	.name
+	{
+		float: left;
+	}
+
+	.primary {
+		width: 40%;
+	}
+
+	.tertiary,
+	.secondary {
+		width: 30%;
+	}
+
+	.col {
+		display: inline;
+		padding-right: 1em;
+		padding-left: 1em;
+		border: solid 2px grey;
+		display: table-cell;
+	}
+
+	.main-nav {
+		float: right;
+		
+	}
+
+	.main-nav li {
+		display: inline-block;
+		margin-left: 15px;
+	}
+
+	.tagline {
+		font-size: 1.4em;
+	}
+
+	/* ---- Float clearfix ---- */
+
+	.clearfix::after {
+		content: " ";
+		display: table;
+		clear: both;
+	}
+
+}
+
+@media (min-width: 1025px) {
+	
+	.container {
+		width: 80%;
+		max-width: 1150px;
+	}
+
+}
\ No newline at end of file
diff --git a/debug.log b/debug.log
new file mode 100644
index 0000000..0711fbe
--- /dev/null
+++ b/debug.log
@@ -0,0 +1,13 @@
+[1118/193325.564:ERROR:directory_reader_win.cc(43)] FindFirstFile: The system cannot find the path specified. (0x3)
+[1119/193324.366:ERROR:directory_reader_win.cc(43)] FindFirstFile: The system cannot find the path specified. (0x3)
+[1120/193324.367:ERROR:directory_reader_win.cc(43)] FindFirstFile: The system cannot find the path specified. (0x3)
+[1121/193324.369:ERROR:directory_reader_win.cc(43)] FindFirstFile: The system cannot find the path specified. (0x3)
+[1122/193324.370:ERROR:directory_reader_win.cc(43)] FindFirstFile: The system cannot find the path specified. (0x3)
+[1123/193324.371:ERROR:directory_reader_win.cc(43)] FindFirstFile: The system cannot find the path specified. (0x3)
+[1124/193323.327:ERROR:directory_reader_win.cc(43)] FindFirstFile: The system cannot find the path specified. (0x3)
+[1125/193323.338:ERROR:directory_reader_win.cc(43)] FindFirstFile: The system cannot find the path specified. (0x3)
+[1126/193323.341:ERROR:directory_reader_win.cc(43)] FindFirstFile: The system cannot find the path specified. (0x3)
+[1127/193323.342:ERROR:directory_reader_win.cc(43)] FindFirstFile: The system cannot find the path specified. (0x3)
+[1128/193323.343:ERROR:directory_reader_win.cc(43)] FindFirstFile: The system cannot find the path specified. (0x3)
+[1129/193322.282:ERROR:directory_reader_win.cc(43)] FindFirstFile: The system cannot find the path specified. (0x3)
+[1130/193322.282:ERROR:directory_reader_win.cc(43)] FindFirstFile: The system cannot find the path specified. (0x3)
diff --git a/files/NickSatinoverResume.docx b/files/NickSatinoverResume.docx
new file mode 100644
index 0000000..f8f6d56
Binary files /dev/null and b/files/NickSatinoverResume.docx differ
diff --git a/files/udOfficialTranscript.pdf b/files/udOfficialTranscript.pdf
new file mode 100644
index 0000000..8d1da6c
Binary files /dev/null and b/files/udOfficialTranscript.pdf differ
diff --git a/img/Headshot.JPG b/img/Headshot.JPG
new file mode 100644
index 0000000..d52b27b
Binary files /dev/null and b/img/Headshot.JPG differ
diff --git a/img/employerThumb/JPMorgan.jpg b/img/employerThumb/JPMorgan.jpg
new file mode 100644
index 0000000..3f4a5b2
Binary files /dev/null and b/img/employerThumb/JPMorgan.jpg differ
diff --git a/img/employerThumb/capitalOne.jpg b/img/employerThumb/capitalOne.jpg
new file mode 100644
index 0000000..a5fee64
Binary files /dev/null and b/img/employerThumb/capitalOne.jpg differ
diff --git a/img/employerThumb/ingDirect.jpg b/img/employerThumb/ingDirect.jpg
new file mode 100644
index 0000000..8285230
Binary files /dev/null and b/img/employerThumb/ingDirect.jpg differ
diff --git a/img/employerThumb/mtBank.jpg b/img/employerThumb/mtBank.jpg
new file mode 100644
index 0000000..5d475d5
Binary files /dev/null and b/img/employerThumb/mtBank.jpg differ
diff --git a/img/resume.png b/img/resume.png
new file mode 100644
index 0000000..9e7c6f6
Binary files /dev/null and b/img/resume.png differ
diff --git a/img/transcript.jpg b/img/transcript.jpg
new file mode 100644
index 0000000..9c57227
Binary files /dev/null and b/img/transcript.jpg differ
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..1718083
--- /dev/null
+++ b/index.html
@@ -0,0 +1,116 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Nick Satinover</title>
+    <link rel="stylesheet" href="css/normalize.css">
+    <link rel="stylesheet" href="css/style.css">
+</head>
+
+<body>
+    <header class="main-header">
+        <div class="container clearfix">
+            <h1 class="name">Nick Satinover</h1>
+            <ul class="main-nav">
+                <li><a id="linkedIn" href="https://linkedin.com/in/nicksatinover">LinkedIn Profile</a></li>
+                <li><a href="pages/contact/contact.html">Contact Me</a></li>
+                <li><a href="pages/experience.html">Experience</a></li>
+            </ul>
+        </div>
+    </header>
+
+
+    <div class="banner">
+        <img class="logo" id="headshot" src="img/headshot.jpg" alt="Headshot">
+        <h1 class="headline">Developer Open for New Opportunities</h1>
+        <span class="tagline">Experienced in .NET with training in Java and JavaScript</span>
+        <hr />
+
+        <div id="prevEmpLinks">
+            <h2><u>Previous Employers</u></h2>
+            <a
+                href="https://www.ing.com/Newsroom/News/Press-releases/PROld/ING-to-sell-ING-Direct-USA-to-Capital-One.htm">
+                <span title="Now Capital One">
+                    <img src="img/employerThumb/ingDirect.jpg" alt="ING Direct">
+            </a>
+            </span>
+            <a href="https://www.capitalone.com/">
+                <span title="www.capitalone.com">
+                    <img src="img/employerThumb/capitalOne.jpg" alt="Capital One">
+                </span>
+            </a>
+            <a href="https://www.jpmorgan.com/global">
+                <span title="www.jpmorgan.com">
+                    <img src="img/employerThumb/JPMorgan.jpg" alt="JPMorgan">
+                </span>
+            </a>
+            <a href="https://www3.mtb.com/personal">
+                <span title="www.mtb.com">
+                    <img src="img/employerThumb/mtBank.jpg" alt="M&T Bank">
+                </span>
+            </a>
+        </div>
+
+        <hr />
+        <div id="objective">
+            <h2><u>Objectives</u></h2>
+            <ul id="objList">
+                <li>Learn front end dev skills</li>
+                <li>Full stack development</li>
+                <li>Improve as a technologist</li>
+            </ul>
+        </div>
+    </div>
+
+
+    <main>
+
+        <div class="container clearfix">
+
+            <div class="secondary col">
+                <a href="pages/experience.html">
+                    <h2>Work Experience</h2>
+                </a>
+                <ul>
+                    <li><a href="pages/experience.html#appDev">Application Developer</a></li>
+                    <li><a href="pages/experience.html#leadFloorAssociate">Lead Floor Associate</a></li>
+                    <li><a href="pages/experience.html#principalClientService">Principal Client Service</a></li>
+                    <li><a href="pages/experience.html#clientService">Client Service</a></li>
+                    <li><a href="pages/experience.html#capitalOne">Capital One Positions</a></li>
+                </ul>
+            </div>
+
+            <div class="primary col">
+                <h2>Education</h2>
+                <ul>
+                    <li>Code Differently</li>
+                    <li>Zip Code Wilmington</li>
+                    <li>MBA - IT</li>
+                    <li>BS - Business Marketing</li>
+                </ul>
+            </div>
+
+            <div class="tertiary col">
+                <h2>Skills</h2>
+                <ul>
+                    <li>.NET/ C#</li>
+                    <li>Java</li>
+                    <li>TSQL</li>
+                    <li>SSRS</li>
+                    <li>JUnit, XUnit</li>
+                    <li>Jira, Version One</li>
+                    <li>TFS, Git</li>
+                </ul>
+            </div>
+
+    </main>
+    </div>
+
+    <footer class="main-footer">
+        footer
+    </footer>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/pages/contact/contact.css b/pages/contact/contact.css
new file mode 100644
index 0000000..9860e5a
--- /dev/null
+++ b/pages/contact/contact.css
@@ -0,0 +1,128 @@
+*, *:before, *:after {
+    -moz-box-sizing: border-box;
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box;
+  }
+  
+  body {
+    font-family: 'Nunito', sans-serif;
+    color: #384047;
+    /* background-color:powderblue; */
+  }
+  
+  form {
+    max-width: 300px;
+    margin: 10px auto;
+    padding: 10px 20px;
+    background: #f4f7f8;
+    border-radius: 8px;
+  }
+  
+  h1 {
+    margin: 0 0 30px 0;
+    text-align: center;
+  }
+  
+  input[type="text"],
+  input[type="password"],
+  input[type="date"],
+  input[type="datetime"],
+  input[type="email"],
+  input[type="number"],
+  input[type="search"],
+  input[type="tel"],
+  input[type="time"],
+  input[type="url"],
+  textarea,
+  select {
+    background: rgba(255,255,255,0.1);
+    border: none;
+    font-size: 16px;
+    height: auto;
+    margin: 0;
+    outline: 0;
+    padding: 15px;
+    width: 100%;
+    background-color: #e8eeef;
+    color: #8a97a0;
+    box-shadow: 0 1px 0 rgba(0,0,0,0.03) inset;
+    margin-bottom: 30px;
+  }
+  
+  input[type="radio"],
+  input[type="checkbox"] {
+    margin: 0 4px 8px 0;
+  }
+  
+  select {
+    padding: 6px;
+    height: 32px;
+    border-radius: 2px;
+  }
+  
+  button {
+    padding: 19px 39px 18px 39px;
+    color: #FFF;
+    background-color:  #393bc0;
+    font-size: 18px;
+    text-align: center;
+    font-style: normal;
+    border-radius: 5px;
+    width: 100%;
+    border: 1px solid #393bc0;
+    border-width: 1px 1px 3px;
+    box-shadow: 0 -1px 0 rgba(255,255,255,0.1) inset;
+    margin-bottom: 10px;
+  }
+ 
+  button[type="reset"] {
+    background-color: crimson;
+    border: 1px solid crimson;
+  }
+  
+  fieldset {
+    margin-bottom: 30px;
+    border: none;
+  }
+  
+  legend {
+    font-size: 1.4em;
+    margin-bottom: 10px;
+  }
+  
+  label {
+    display: block;
+    margin-bottom: 8px;
+  }
+  
+  label.light {
+    font-weight: 300;
+    display: inline;
+  }
+  
+  .number {
+    background-color: #393bc0;
+    color: #fff;
+    height: 30px;
+    width: 30px;
+    display: inline-block;
+    font-size: 0.8em;
+    margin-right: 4px;
+    line-height: 30px;
+    text-align: center;
+    text-shadow: 0 1px 0 rgba(255,255,255,0.2);
+    border-radius: 100%;
+  }
+  
+  @media screen and (min-width: 480px) {
+  
+    form {
+      max-width: 480px;
+    }
+
+    .radioLabel {
+      display: inline;
+    }
+  
+  }
+  
\ No newline at end of file
diff --git a/pages/contact/contact.html b/pages/contact/contact.html
new file mode 100644
index 0000000..c4bdbf3
--- /dev/null
+++ b/pages/contact/contact.html
@@ -0,0 +1,142 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="../../css/normalize.css">
+    <link href='http://fonts.googleapis.com/css?family=Nunito:400,300' rel='stylesheet' type='text/css'>
+    <link rel="stylesheet" href="../../css/style.css">
+    <link rel="stylesheet" href="contact.css">
+    <title>Contact Information</title>
+    <script src="contact.js"></script>
+</head>
+
+<body>
+
+
+    <header class="main-header">
+        <div class="container clearfix">
+            <h1 class="name">Contact Me</h1>
+
+            <ul class="main-nav">
+                <li>
+                    <div id="resume">
+                        <a href="../../files/NickSatinoverResume.docx" download="Resume">
+                            <span title="Resume">
+                                <img id="resumeLink" src="../../img/resume.png" />
+                            </span>
+                        </a>
+                    </div>
+                </li>
+
+                <li>
+                    <div id="transcript" class="documents">
+                        <a href="../../files/udOfficialTranscript.pdf" download="Transcript">
+                            <span title="UD Transcript">
+                                <img id="transLink" src="../../img/transcript.jpg" />
+                            </span>
+                        </a>
+                    </div>
+                </li>
+
+                <li><a id="linkedIn" class="documents" href="https://linkedin.com/in/nicksatinover">LinkedIn Profile</a></li>
+                <li><a href="../../index.html">Return to Main</a></li>
+                <li><a href="../experience.html">Experience</a></li>
+            </ul>
+        </div>
+    </header>
+
+    <form id="contactForm" action="contact.html" method="POST" onsubmit="return checkForBlank()">
+        <!-- <h2>Contact Me</h2> -->
+
+        <fieldset>
+            <legend><span class="number">1</span>Name</legend>
+
+            <label for="fName">First Name</label>
+            <input type="text" id="fName" maxlength="30">
+
+            <label for="lName">Last Name</label>
+            <input type="text" id="lName" maxlength="30">
+
+        </fieldset>
+
+        <fieldset>
+            <legend><span class="number">2</span>Contact Information</legend>
+
+            <label for="phoneNumber">Phone Number</label>
+            <input type="number" id="phoneNumber">
+
+            <br />
+            <br />
+
+            <label class="radioLabel">Phone Type:&nbsp;</label>
+            <label class="radioLabel" for="cell">Cell</label>
+            <input type="radio" id="cell" name="phone_type">
+
+            <label class="radioLabel" for="home">Home</label>
+            <input type="radio" id="home" name="phone_type">
+
+            <label for="email">Contact Email:</label>
+            <input type="email" id="email" maxlength="50">
+
+        </fieldset>
+
+        <fieldset>
+
+            <legend><span class="number">3</span>How did you hear about me?</legend>
+
+            <select name="HearAbout" id="HearAbout">
+                <option value="none">-- Select -- </option>
+                <optgroup label="Online">
+                    <option value="searchEngine">Search Engine</option>
+                    <option value="socialMedia">Social Media</option>
+                </optgroup>
+                <optgroup label="Word of Mouth">
+                    <option value="recruiter">Recruiter</option>
+                    <option value="coWorker">Co-worker</option>
+                </optgroup>
+            </select>
+
+        </fieldset>
+
+        <fieldset>
+
+            <label>Interest for Contacting:</label>
+
+            <ul id="interest">
+                <li>
+                    <input type="checkbox" name="javaScript" id="javaScript">
+                    <label class="light" for="javaScript">JavaScript</label>
+                </li>
+                <li>
+                    <input type="checkbox" name="java" id="java">
+                    <label class="light" for="javaScript">Java</label>
+                </li>
+                <li>
+                    <input type="checkbox" name="sql" id="sql">
+                    <label class="light" for="javaScript">SQL</label>
+                </li>
+                <li>
+                    <input type="checkbox" name="cSharp" id="cSharp">
+                    <label class="light" for="javaScript">C-Sharp</label>
+                </li>
+            </ul>
+        </fieldset>
+
+        <fieldset>
+            <label for="message">Message</label>
+            <input id="message" type="text" maxlength="250">
+        </fieldset>
+
+        <button type="submit">Submit</button>
+        <br />
+        <button type="reset">Clear</button>
+
+    </form>
+
+
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/pages/contact/contact.js b/pages/contact/contact.js
new file mode 100644
index 0000000..99a79c6
--- /dev/null
+++ b/pages/contact/contact.js
@@ -0,0 +1,46 @@
+// Find blank text fields and display alert box to user
+function checkForBlank() {
+    let alertBeg = "No value entered for: ";
+    let alertMessage = "";
+
+    let isValid = true;
+    let thisForm = document.getElementById("contactForm").getElementsByTagName('input');
+    
+    for(let i = 0; i < thisForm.length; i++) {
+        let thisInput = thisForm[i];
+        if(thisInput.type.toLowerCase() == 'text') {
+            
+            if(!thisInput.value.length > 0){
+                isValid = false;
+                let labelName = findLabelForInput(thisInput.id);
+                concatInputNames(labelName);                
+            }
+
+        }
+    }
+
+    if(!isValid){
+        alert(alertBeg + alertMessage);
+    }
+
+    return isValid;
+
+    //Add missing label names to the alert message
+    function concatInputNames(labelName) {
+        if (alertMessage.length > 0) {
+            alertMessage += ", " + labelName;
+        } else {
+            alertMessage += labelName;
+        }
+    }
+}
+
+//Search by input element id to find corresponding htmlFor label and return text context
+function findLabelForInput(inputID) {
+    var idVal = inputID.id;
+    labels = document.getElementsByTagName('label');
+    for( var i = 0; i < labels.length; i++ ) {
+       if (labels[i].htmlFor.toString() == inputID)
+            return labels[i].textContent;
+    }
+ }
\ No newline at end of file
diff --git a/pages/experience.html b/pages/experience.html
new file mode 100644
index 0000000..6fe388f
--- /dev/null
+++ b/pages/experience.html
@@ -0,0 +1,170 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="../css/normalize.css">
+    <link rel="stylesheet" href="../css/style.css">
+    <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
+    <link rel="stylesheet" href="../css/experience.css">
+    <script src="experience.js"></script>
+    <title>Experience</title>
+</head>
+
+<body>
+    <header class="main-header">
+        <div class="container clearfix">
+            <h1 class="name">Experience</h1>
+            <ul class="main-nav">
+                <li><a href="../index.html">Home</a></li>
+                <li><a id="linkedIn" href="https://linkedin.com/in/nicksatinover">LinkedIn Profile</a></li>
+                <li><a href="contact.html">Contact Me</a></li>
+            </ul>
+        </div>
+    </header>
+
+
+    <section>
+
+        <article>
+            <h3 id="h3_AppDev">
+                <button onclick="accordionControl('ul_AppDeveloper')" class="w3-btn w3-block w3-black w3-left-align">
+                    APPLICATION DEVELOPER // M&T Bank, Wilmington, DE FEBRUARY 2019 – OCTOBER 2020
+                </button>
+            </h3>
+            <ul id="ul_AppDeveloper" class="w3-container w3-hide">
+                <li>Full stack position using .NET/C# in Visual Studio with source control TFS backed by TSQL with
+                    Redgate.
+                </li>
+                <li>Primary responsibility is the development of the WTIMS Portal written in .NET Framework (C#) backed
+                    by
+                    TSQL.
+                </li>
+                <li>Delivered new or enhanced existing single page applications or console applications.</li>
+                <li>Created new or updated existing SQL procedures supporting applications or scheduled jobs.</li>
+                <li>Creating UI’s often involve capturing user input or file uploads run through validations prior to
+                    manipulating database.</li>
+                <li>Production support on call on rotational basis for job break/ fix.</li>
+                <li>Team originated as Agile with 3-week delivery, switched to Kanban in May 2020.</li>
+            </ul>
+        </article>
+
+        <article>
+            <h3 id="h3_LeadFloorAssoc">
+                <button onclick="accordionControl('ul_LeadFloorAssoc')" class="w3-btn w3-block w3-black w3-left-align">
+                    LEAD FLOOR ASSOCIATE // CAPITAL ONE INVESTING, WILMINGTON, DE APRIL 2018 – OCTOBER 2018
+                </button>
+            </h3>
+            <ul id="ul_LeadFloorAssoc" class="w3-container w3-hide">
+                <li>Resolved escalated calls, serving as the highest point of contact for client concerns.</li>
+                <li>Served as subject matter expert, among peers, in brokerage and investment related issues.</li>
+                <li>Trained temporary and seasonal staff members and provided ongoing support and assistance.</li>
+            </ul>
+        </article>
+
+        <article>
+            <h3 id="h3_PrincipalClientService">
+                <button onclick="accordionControl('ulPrincipalClientService')"
+                    class="w3-btn w3-block w3-black w3-left-align">
+                    PRINCIPAL CLIENT SERVICE // CAPITAL ONE INVESTING, WILMINGTON, DE AUGUST 2017 – APRIL 2018
+                </button>
+            </h3>
+            <ul id="ulPrincipalClientService" class="w3-container w3-hide">
+                <li>Served as primary contact for client requests, assisting with licensed topics such as margin calls
+                    and
+                    options trading.</li>
+                <li>Reviewed and executed phone trade orders and coordinated with trade desk to review trade inquiries.
+                </li>
+                <li>Coordinated IRA/ investment account rollovers and transfers and estate account settlements.</li>
+            </ul>
+        </article>
+
+        <article>
+            <h3 id="h3_ClientServicePB">
+                <button onclick="accordionControl('ulClientServicePB')" class="w3-btn w3-block w3-black w3-left-align">
+                    CLIENT SERVICE – PRIVATE BANKING // JPMORGAN, NEWARK, DE OCTOBER 2015 – AUGUST 2017
+                </button>
+            </h3>
+            <ul id="ulClientServicePB" class="w3-container w3-hide">
+                <li>Serviced: deposit, lines of credit, credit card and brokerage accounts for individuals and
+                    businesses.
+                </li>
+                <li>Primary contact for wealth clients, collaborated internally with Capital Advisors, Investors and
+                    Private
+                    Bankers.</li>
+            </ul>
+        </article>
+
+
+        <article>
+
+            <h2 id="capitalOne"><u>Capital One, Wilmington, DE</u></h2>
+            <h3 id="h3_UATAnalyst">
+                <button onclick="accordionControl('ul_UATAnalyst')" class="w3-btn w3-block w3-black w3-left-align">
+                    UAT ANALYST JULY 2012 – DECEMBER 2012, MARCH 2013 – OCTOBER 2015
+                </button>
+            </h3>
+            <ul id="ul_UATAnalyst" class="w3-container w3-hide">
+                <li>Provided UAT for technology implementations designed for Capital One’s mortgage loan (Empower)
+                    system.
+                </li>
+                <li>Participated in: project planning, requirements gathering, release management, version control.</li>
+                <li>Zero defects attributed to tested/ approved production code during entire tenure in role.</li>
+            </ul>
+        </article>
+
+        <article>
+            <h3 id="h3_HLOpsAssoc">
+                <button onclick="accordionControl('ul_HLOpsAssoc')" class="w3-btn w3-block w3-black w3-left-align">
+                    HOME LOANS OPS ASSOCIATE II JANUARY 2012 – JULY 2012, DECEMBER 2012 – MARCH 2013
+                </button>
+            </h3>
+            <ul id="ul_HLOpsAssoc" class="w3-container w3-hide">
+                <li>Communicated with internal and external customers to resolve outstanding loan requirements using
+                    (Empower).</li>
+            </ul>
+        </article>
+
+        <article>
+            <h3 id="h3_RetailOpeningAssoc">
+                <button onclick="accordionControl('ul_RetailOpeningAssoc')"
+                    class="w3-btn w3-block w3-black w3-left-align">
+                    RETAIL OPENING ASSOCIATE FEBRUARY 2011 – JANUARY 2012
+                </button>
+            </h3>
+            <ul id="ul_RetailOpeningAssoc" class="w3-container w3-hide">
+                <li>Ordered appraisals, flood certifications, title and closing documentation for borrowers committed to
+                    a loan product.</li>
+            </ul>
+        </article>
+
+        <article>
+            <h3 id="h3_LoadAdminAssoc">
+                <button onclick="accordionControl('ul_LoadAdminAssoc')" class="w3-btn w3-block w3-black w3-left-align">
+                    LOAN ADMIN ASSOCIATE AUGUST 2009 – FEBRUARY 2011
+                </button>
+            </h3>
+            <ul id="ul_LoadAdminAssoc" class="w3-container w3-hide">
+                <li>Corresponded with broker to communicate information vital to processing loan applications.</li>
+                <li>Achieved high levels of efficiency, error free on all loan files analyzed.</li>
+            </ul>
+        </article>
+
+        <article>
+            <h3 id="h3_SalesAssoc">
+                <button onclick="accordionControl('ul_SalesAssoc')" class="w3-btn w3-block w3-black w3-left-align">
+                    SALES ASSOCIATE NOVEMBER 2008 – JULY 2009
+                </button>
+            </h3>
+            <ul id="ul_SalesAssoc" class="w3-container w3-hide">
+                <li>Consistently met all monthly sales quotas, passed all monthly call reviews, and excelled at cross
+                    selling.</li>
+            </ul>
+        </article>
+
+    </section>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/pages/experience.js b/pages/experience.js
new file mode 100644
index 0000000..fb01a61
--- /dev/null
+++ b/pages/experience.js
@@ -0,0 +1,9 @@
+function accordionControl(id) {
+  var x = document.getElementById(id);
+  if (x.className.indexOf("w3-show") == -1) {
+    x.className += " w3-show";
+  } else { 
+    x.className = x.className.replace(" w3-show", "");
+  }
+}
+