Ada-C7 · Allison-Northrop · Mar 17, 2017 · Mar 20, 2017 · Mar 20, 2017 · Mar 20, 2017
diff --git a/about.html b/about.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>About</title>
+  <link href="styles/about.css" rel="stylesheet">
+  <link href="styles/normalize.css" rel="stylesheet">
+  <link href="https://fonts.googleapis.com/css?family=Josefin+Slab:400,600|Merriweather" rel="stylesheet">
+  <link href="https://fonts.googleapis.com/css?family=Pacifico" rel="stylesheet">
+</head>
+
+<body id="about_body">
+  <header id="top_banner_about">
+    <h2> @gn </h2>
+  </header>
+
+  <h1>About</h1>
+
+  <p>Drinking vinegar tacos hammock, ennui scenester marfa subway tile. Banh mi lyft organic offal waistcoat 8-bit. Marfa listicle pinterest vice, fingerstache synth craft beer sartorial. Jean shorts succulents glossier, squid portland seitan ramps swag chartreuse schlitz twee raclette green juice shabby chic affogato. Raw denim slow-carb lo-fi fingerstache synth, pork belly kale chips humblebrag venmo poutine kombucha meditation kickstarter. Keytar whatever semiotics flannel, raw denim lumbersexual chambray. Hell of locavore glossier, 90's tumeric deep v photo booth butcher bitters master cleanse DIY taxidermy.</p>
+  <p class="bottom_para">Tousled pickled shabby chic waistcoat, live-edge sartorial man braid kombucha. Knausgaard tote bag ugh prism +1, lumbersexual hexagon venmo. Intelligentsia lo-fi migas, mumblecore distillery vaporware polaroid fashion axe blog squid etsy master cleanse. Blog direct trade knausgaard, scenester actually chartreuse gluten-free edison bulb fixie disrupt. Vaporware tumblr leggings kale chips. Hell of pop-up single-origin coffee echo park kale chips cray. Pug neutra tote bag, franzen jean shorts ethical vegan vice microdosing umami forage man braid vinyl actually.</p>
+
+  <footer>
+    <nav>
+      <a href="https://www.linkedin.com/in/northropallison/"><img alt="linkedin logo" src="/Users/allisonnorthrop/ada/05_week/Static-Site/images/In-White-54px-R.png"></a>
+      <a href="https://twitter.com/AllisonNorthrop"><img alt="twitter logo" src="/Users/allisonnorthrop/ada/05_week/Static-Site/images/Twitter_Logo_White_On_Image.png"></a>
+      <a href="https://github.com/Allison-Northrop"><img alt="github logo" src="/Users/allisonnorthrop/ada/05_week/Static-Site/images/GitHub-Mark-Light-32px.png"></a>
+    </nav>
+  </footer>
+
+
+</body>
+</html>
diff --git a/blog.html b/blog.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>Blog</title>
+  <link href="styles/blog.css" rel="stylesheet">
+  <link href="styles/normalize.css" rel="stylesheet">
+  <link href="https://fonts.googleapis.com/css?family=Josefin+Slab:400,600|Merriweather" rel="stylesheet">
+  <link href="https://fonts.googleapis.com/css?family=Pacifico" rel="stylesheet">
+</head>
+
+<body id="about_body">
+  <header id="top_banner_blog">
+    <h2> @gn </h2>
+  </header>
+
+  <h1>Blog</h1>
+
+  <h3>Blog Post #1</h3>
+  <p>Half-giant jinxes peg-leg gillywater broken glasses large black dog Great Hall. Nearly-Headless Nick now string them together, and answer me this, which creature would you be unwilling to kiss? Poltergeist sticking charm, troll umbrella stand flying cars golden locket Lily Potter. Pumpkin juice Trevor wave your wand out glass orbs, a Grim knitted hats. Stan Shunpike doe patronus, suck his soul Muggle-Born large order of drills the trace. Bred in captivity fell through the veil, quaffle blue flame ickle diddykins Aragog. Yer a wizard, Harry Doxycide the woes of Mrs. Weasley Goblet of Fire.</p>
+  <p>Thestral dirigible plums, Viktor Krum hexed memory charm Animagus Invisibility Cloak three-headed Dog. Half-Blood Prince Invisibility Cloak cauldron cakes, hiya Harry! Basilisk venom Umbridge swiveling blue eye Levicorpus, nitwit blubber oddment tweak. Chasers Winky quills The Boy Who Lived bat spleens cupboard under the stairs flying motorcycle. Sirius Black Holyhead Harpies, you’ve got dirt on your nose. Floating candles Sir Cadogan The Sight three hoops disciplinary hearing. Grindlewald pig’s tail Sorcerer's Stone biting teacup. Side-along dragon-scale suits Filch 20 points, Mr. Potter.</p>
+
+  <h3>Blog Post #2</h3>
+  <p>Drinking vinegar tacos hammock, ennui scenester marfa subway tile. Banh mi lyft organic offal waistcoat 8-bit. Marfa listicle pinterest vice, fingerstache synth craft beer sartorial. Jean shorts succulents glossier, squid portland seitan ramps swag chartreuse schlitz twee raclette green juice shabby chic affogato. Raw denim slow-carb lo-fi fingerstache synth, pork belly kale chips humblebrag venmo poutine kombucha meditation kickstarter. Keytar whatever semiotics flannel, raw denim lumbersexual chambray. Hell of locavore glossier, 90's tumeric deep v photo booth butcher bitters master cleanse DIY taxidermy.</p>
+  <p>Tousled pickled shabby chic waistcoat, live-edge sartorial man braid kombucha. Knausgaard tote bag ugh prism +1, lumbersexual hexagon venmo. Intelligentsia lo-fi migas, mumblecore distillery vaporware polaroid fashion axe blog squid etsy master cleanse. Blog direct trade knausgaard, scenester actually chartreuse gluten-free edison bulb fixie disrupt. Vaporware tumblr leggings kale chips. Hell of pop-up single-origin coffee echo park kale chips cray. Pug neutra tote bag, franzen jean shorts ethical vegan vice microdosing umami forage man braid vinyl actually.</p>
+
+  <h3>Blog Post #3</h3>
+  <p>Half-giant jinxes peg-leg gillywater broken glasses large black dog Great Hall. Nearly-Headless Nick now string them together, and answer me this, which creature would you be unwilling to kiss? Poltergeist sticking charm, troll umbrella stand flying cars golden locket Lily Potter. Pumpkin juice Trevor wave your wand out glass orbs, a Grim knitted hats. Stan Shunpike doe patronus, suck his soul Muggle-Born large order of drills the trace. Bred in captivity fell through the veil, quaffle blue flame ickle diddykins Aragog. Yer a wizard, Harry Doxycide the woes of Mrs. Weasley Goblet of Fire.</p>
+  <p>Thestral dirigible plums, Viktor Krum hexed memory charm Animagus Invisibility Cloak three-headed Dog. Half-Blood Prince Invisibility Cloak cauldron cakes, hiya Harry! Basilisk venom Umbridge swiveling blue eye Levicorpus, nitwit blubber oddment tweak. Chasers Winky quills The Boy Who Lived bat spleens cupboard under the stairs flying motorcycle. Sirius Black Holyhead Harpies, you’ve got dirt on your nose. Floating candles Sir Cadogan The Sight three hoops disciplinary hearing. Grindlewald pig’s tail Sorcerer's Stone biting teacup. Side-along dragon-scale suits Filch 20 points, Mr. Potter.</p>
+
+  <footer>
+    <nav>
+      <a href="https://www.linkedin.com/in/northropallison/"><img alt="linkedin logo" src="/Users/allisonnorthrop/ada/05_week/Static-Site/images/In-White-54px-R.png"></a>
+      <a href="https://twitter.com/AllisonNorthrop"><img alt="twitter logo" src="/Users/allisonnorthrop/ada/05_week/Static-Site/images/Twitter_Logo_White_On_Image.png"></a>
+      <a href="https://github.com/Allison-Northrop"><img alt="github logo" src="/Users/allisonnorthrop/ada/05_week/Static-Site/images/GitHub-Mark-Light-32px.png"></a>
+    </nav>
+  </footer>
+
+
+</body>
+</html>
diff --git a/images/GitHub-Mark-Light-32px.png b/images/GitHub-Mark-Light-32px.png
diff --git a/images/In-White-54px-R.png b/images/In-White-54px-R.png
diff --git a/images/Screen Shot 2017-03-20 at 12.16.14 AM.png b/images/Screen Shot 2017-03-20 at 12.16.14 AM.png
diff --git a/images/Screen Shot 2017-03-20 at 12.17.00 AM.png b/images/Screen Shot 2017-03-20 at 12.17.00 AM.png
diff --git a/images/Screen Shot 2017-03-20 at 12.17.54 AM.png b/images/Screen Shot 2017-03-20 at 12.17.54 AM.png
diff --git a/images/Twitter_Logo_White_On_Image.png b/images/Twitter_Logo_White_On_Image.png
diff --git a/images/about_background.png b/images/about_background.png
diff --git a/index.html b/index.html
@@ -0,0 +1,47 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Allison Northrop</title>
+    <link rel="stylesheet" href="styles/normalize.css">
+    <link rel="stylesheet" href="styles/main.css">
+    <link href="https://fonts.googleapis.com/css?family=Josefin+Slab" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css?family=Pacifico" rel="stylesheet">
+  </head>
+
+  <body id="home_body">
+
+    <header id="top_banner">
+      <h2>@gn</h2>
+    </header>
+
+    <main>
+      <!-- <section> -->
+      <h1 class="name">Allison Northrop</h1>
+      <!-- </section> -->
+    <nav id="links">
+      <section id="about">
+        <h3><a href="/Users/allisonnorthrop/ada/05_week/Static-Site/about.html">About</a></h3>
+      </section>
+
+      <section id="portfolio">
+        <h3><a href="/Users/allisonnorthrop/ada/05_week/Static-Site/portfolio.html">Portfolio</a></h3>
+      </section>
+
+      <section id="contact">
+        <h3><a href="/Users/allisonnorthrop/ada/05_week/Static-Site/blog.html">Blog</a></h3>
+      </section>
+    </nav>
+
+    </main>
+
+    <footer>
+      <nav>
+          <a href="https://www.linkedin.com/in/northropallison/"><img alt="linkedin logo" src="/Users/allisonnorthrop/ada/05_week/Static-Site/images/In-White-54px-R.png"></a>
+          <a href="https://twitter.com/AllisonNorthrop"><img alt="twitter logo" src="/Users/allisonnorthrop/ada/05_week/Static-Site/images/Twitter_Logo_White_On_Image.png"></a>
+          <a href="https://github.com/Allison-Northrop"><img alt="github logo" src="/Users/allisonnorthrop/ada/05_week/Static-Site/images/GitHub-Mark-Light-32px.png"></a>
+      </nav>
+    </footer>
+
+  </body>
+</html>
diff --git a/portfolio.html b/portfolio.html
@@ -0,0 +1,49 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>Portfolio</title>
+  <link href="styles/portfolio.css" rel="stylesheet">
+  <link href="styles/normalize.css" rel="stylesheet">
+  <link href="https://fonts.googleapis.com/css?family=Josefin+Slab:400,600|Merriweather" rel="stylesheet">
+  <link href="https://fonts.googleapis.com/css?family=Pacifico" rel="stylesheet">
+</head>
+
+<body id="portfolio_body">
+  <header id="top_banner_portfolio">
+    <h2> @gn </h2>
+  </header>
+
+  <h1>Portfolio</h1>
+
+<div id="top_articles">
+  <article id="left_article">
+    <h3><a href="https://github.com/Allison-Northrop/ride-share-two">Ride-Share</a></h3>
+    <img alt="rideshare" src="/Users/allisonnorthrop/ada/05_week/Static-Site/images/Screen Shot 2017-03-20 at 12.17.00 AM.png">
+    <p>Drinking vinegar tacos hammock, ennui scenester marfa subway tile. Banh mi lyft organic offal waistcoat 8-bit. Marfa listicle pinterest vice, fingerstache synth craft beer sartorial. Jean shorts succulents glossier, squid portland seitan ramps swag chartreuse schlitz twee raclette green juice shabby chic affogato. Raw denim slow-carb lo-fi fingerstache synth, pork belly kale chips humblebrag venmo poutine kombucha meditation kickstarter. Keytar whatever semiotics flannel, raw denim lumbersexual chambray. Hell of locavore glossier, 90's tumeric deep v photo booth butcher bitters master cleanse DIY taxidermy.</p>
+  </article>
+
+  <article id="middle_article">
+    <h3><a href="https://github.com/Allison-Northrop/Solar-System">Solar System</a></h3>
+    <img alt="solar system" src="/Users/allisonnorthrop/ada/05_week/Static-Site/images/Screen Shot 2017-03-20 at 12.16.14 AM.png">
+    <p>Tousled pickled shabby chic waistcoat, live-edge sartorial man braid kombucha. Knausgaard tote bag ugh prism +1, lumbersexual hexagon venmo. Intelligentsia lo-fi migas, mumblecore distillery vaporware polaroid fashion axe blog squid etsy master cleanse. Blog direct trade knausgaard, scenester actually chartreuse gluten-free edison bulb fixie disrupt. Vaporware tumblr leggings kale chips. Hell of pop-up single-origin coffee echo park kale chips cray. Pug neutra tote bag, franzen jean shorts ethical vegan vice microdosing umami forage man braid vinyl actually.</p>
+  </article>
+
+  <article id="right_article">
+    <h3><a href="https://github.com/Allison-Northrop/meowspace">Meowspace</a></h3>
+    <img alt="meowspace" src="/Users/allisonnorthrop/ada/05_week/Static-Site/images/Screen Shot 2017-03-20 at 12.17.54 AM.png">
+    <p class="bottom_para">Half-giant jinxes peg-leg gillywater broken glasses large black dog Great Hall. Nearly-Headless Nick now string them together, and answer me this, which creature would you be unwilling to kiss? Poltergeist sticking charm, troll umbrella stand flying cars golden locket Lily Potter. Pumpkin juice Trevor wave your wand out glass orbs, a Grim knitted hats. Stan Shunpike doe patronus, suck his soul Muggle-Born large order of drills the trace. Bred in captivity fell through the veil, quaffle blue flame ickle diddykins Aragog. Yer a wizard, Harry Doxycide the woes of Mrs. Weasley Goblet of Fire.</p>
+  </article>
+</div>
+
+  <footer>
+    <nav>
+      <a href="https://www.linkedin.com/in/northropallison/"><img alt="linkedin logo" src="/Users/allisonnorthrop/ada/05_week/Static-Site/images/In-White-54px-R.png"></a>
+      <a href="https://twitter.com/AllisonNorthrop"><img alt="twitter logo" src="/Users/allisonnorthrop/ada/05_week/Static-Site/images/Twitter_Logo_White_On_Image.png"></a>
+      <a href="https://github.com/Allison-Northrop"><img alt="github logo" src="/Users/allisonnorthrop/ada/05_week/Static-Site/images/GitHub-Mark-Light-32px.png"></a>
+    </nav>
+  </footer>
+
+
+</body>
+</html>
diff --git a/styles/about.css b/styles/about.css
@@ -0,0 +1,74 @@
+
+#top_banner_about {
+  margin-left: 0%;
+}
+
+header {
+  position: fixed;
+  /*display: inline-block;*/
+  top: 0%;
+  bottom: 0%;
+  width: 100%;
+  height: 12%;
+  z-index: 150;
+}
+
+header h2 {
+  font-family: 'Pacifico', cursive;
+  display: inline-block;
+  font-size: 50px;
+  margin-top: 0px;
+  margin-left: 1.5%;
+  color: black;
+}
+
+h1 {
+  display: inline-block;
+  font-family:'Josefin Slab', serif;
+  font-size: 100px;
+  color: white;
+  text-align: center;
+  margin-top: 10%;
+  margin-left: 39%;
+  margin-right: 40%;
+  margin-bottom: 2%;
+  padding-bottom: 1.5%;
+  padding-top: 1.5%;
+  padding-left: 1.5%;
+  padding-right: 1.5%;
+  background: -webkit-linear-gradient(to left, #4ECDC4 , #556270); /* Chrome 10-25, Safari 5.1-6 */
+  background: linear-gradient(to left, #4ECDC4 , #556270); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
+}
+
+p {
+  font-family:'Josefin Slab', serif;
+  margin-left: 15%;
+  margin-right: 15%;
+  font-size: 20px;
+}
+
+.bottom_para {
+  margin-bottom: 15%;
+}
+
+footer {
+  display: inline-block;
+  top: 0%;
+  bottom: 0%;
+  width: 100%;
+  padding-bottom: 1.5%;
+  padding-top: 1.5%;
+  padding-left: 1.5%;
+  padding-right: 1.5%;
+  /*height: 5%;*/
+  background: -webkit-linear-gradient(to left, #4ECDC4 , #556270); /* Chrome 10-25, Safari 5.1-6 */
+  background: linear-gradient(to left, #4ECDC4 , #556270); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
+}
+
+footer img {
+  /*display: inline-block;*/
+  /*float: left;*/
+  width: 3%;
+  margin-right: 30px;
+  /*margin-top: 20%;*/
+}
diff --git a/styles/blog.css b/styles/blog.css
@@ -0,0 +1,86 @@
+
+#top_banner_blog {
+  margin-left: 0%;
+}
+
+header {
+  position: fixed;
+  /*display: inline-block;*/
+  top: 0%;
+  bottom: 0%;
+  width: 100%;
+  height: 12%;
+  z-index: 150;
+}
+
+header h2 {
+  font-family: 'Pacifico', cursive;
+  display: inline-block;
+  font-size: 50px;
+  margin-top: 0px;
+  margin-left: 1.5%;
+  color: black;
+}
+
+h1 {
+  display: inline-block;
+  font-family:'Josefin Slab', serif;
+  font-size: 100px;
+  color: white;
+  text-align: center;
+  margin-top: 10%;
+  margin-left: 39%;
+  margin-right: 40%;
+  margin-bottom: 2%;
+  padding-bottom: 1.5%;
+  padding-top: 1.5%;
+  padding-left: 1.5%;
+  padding-right: 1.5%;
+  background: -webkit-linear-gradient(to left, #4ECDC4 , #556270); /* Chrome 10-25, Safari 5.1-6 */
+  background: linear-gradient(to left, #4ECDC4 , #556270); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
+}
+
+h3 {
+  font-family: 'Pacifico', cursive;
+  display: inline-block;
+  font-size: 30px;
+  margin-top: 0px;
+  color: black;
+  margin-left: 15%;
+  margin-bottom: 0%;
+  margin-top: 3%;
+}
+
+p {
+  margin-top: 1%;
+  font-family:'Josefin Slab', serif;
+  margin-left: 15%;
+  margin-right: 15%;
+  font-size: 20px;
+}
+
+.bottom_para {
+  margin-bottom: 15%;
+}
+
+footer {
+  display: inline-block;
+  top: 0%;
+  bottom: 0%;
+  width: 100%;
+  padding-bottom: 1.5%;
+  padding-top: 1.5%;
+  padding-left: 1.5%;
+  padding-right: 1.5%;
+  /*height: 5%;*/
+  background: -webkit-linear-gradient(to left, #4ECDC4 , #556270); /* Chrome 10-25, Safari 5.1-6 */
+  background: linear-gradient(to left, #4ECDC4 , #556270); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
+}
+
+footer img {
+  /*display: inline-block;*/
+  /*float: left;*/
+  width: 3%;
+  margin-right: 30px;
+  /*margin-top: 20%;*/
+}