Ada-C9 · npeters5 · Mar 16, 2018 · Mar 17, 2018 · Mar 19, 2018 · Mar 19, 2018
diff --git a/CNAME b/CNAME
@@ -0,0 +1 @@
+norapeters.com
diff --git a/about.html b/about.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <link rel="stylesheet" href="styles/normalize.css">
+    <link rel="stylesheet" href="styles/styles.css">
+    <link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">
+    <title>Nora Peters - About</title>
+  </head>
+  <body>
+    <nav>
+        <ul class="nav-container">
+          <li id="home"><a href="index.html">Home</a></li>
+          <li id="about"><a href="about.html">About</a></li>
+          <li id="portfolio"><a href="portfolio.html">Portfolio</a></li>
+          <li id="blog"><a href="blog.html">Blog</a></li>
+        </ul>
+      </nav>
+  </body>
+</html>
diff --git a/blog.html b/blog.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <link rel="stylesheet" href="styles/normalize.css">
+    <link rel="stylesheet" href="styles/styles.css">
+    <link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">
+    <title>Nora Peters - Blog</title>
+  </head>
+  <body>
+    <nav>
+        <ul class="nav-container">
+          <li id="home"><a href="index.html">Home</a></li>
+          <li id="about"><a href="about.html">About</a></li>
+          <li id="portfolio"><a href="portfolio.html">Portfolio</a></li>
+          <li id="blog"><a href="blog.html">Blog</a></li>
+        </ul>
+      </nav>
+  </body>
+</html>
diff --git a/images/bgimg-1.jpg b/images/bgimg-1.jpg
diff --git a/images/chicken.jpg b/images/chicken.jpg
diff --git a/images/github.png b/images/github.png
diff --git a/images/ic_email_black_24px.svg b/images/ic_email_black_24px.svg
diff --git a/images/linkedin.png b/images/linkedin.png
diff --git a/images/profilepageproject1.png b/images/profilepageproject1.png
diff --git a/images/scarf.JPG b/images/scarf.JPG
diff --git a/images/twitter.png b/images/twitter.png
diff --git a/index.html b/index.html
@@ -0,0 +1,83 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <link rel="stylesheet" href="styles/normalize.css">
+    <link rel="stylesheet" href="styles/styles.css">
+    <link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">
+    <title>Nora Peters Personal Profile</title>
+  </head>
+  <body>
+    <nav>
+        <ul class="nav-container">
+          <li id="home"><a href="index.html">Home</a></li>
+          <li id="about"><a href="about.html">About</a></li>
+          <li id="portfolio"><a href="portfolio.html">Portfolio</a></li>
+          <li id="blog"><a href="blog.html">Blog</a></li>
+        </ul>
+      </nav>
+    <header>
+      <div class="bgimg-1">
+        <div class="intro">
+          <h1>Hi, I'm Nora.</h1>
+          <h2>I like coding and coffee.</h2>
+        </div>
+      </div>
+    </header>
+    <main class="card-container">
+      <section class="card">
+        <h2>Background</h2>
+          <p>I'm a former nonprofit fundraising professional turned software developer. </p>
+          <p>Currently a student at <a href="https://www.adadevelopersacademy.org/" target="_blank">Ada Developer's Academy</a> in Seattle, and deeply excited to be bringing my strengths, creativity, and desire to help others into the Tech space.
+          </p>
+          <p>Visit my
+          <a href="portfolio.html">Portfolio</a> or <a href="https://github.com/npeters5" target="_blank">Github</a> page to see what I'm working on.</p>
+          <p>Check out my <a href="blog.html">blog</a> to read my thoughts about learning how to code, coffee, and other random things :)</p>
+      </section>
+      <section class="card">
+        <h2>Goals</h2>
+          <p>As a graduate of Ada Developers Academy I will have a strong grasp of computer science fundamentals, as well as skills in: </p>
+          <ul class="skills ">
+            <li>HTML</li>
+            <li>CSS</li>
+            <li>JavaScript</li>
+            <li>jQuery</li>
+            <li>AJAX</li>
+            <li>React</li>
+            <li>Ruby</li>
+            <li>Rails</li>
+            <li>PostgreSQL</li>
+            <li>Web APIs</li>
+            <li>Git</li>
+            <li>TDD</li>
+            <li>Pair Programming</li>
+            <li>Agile Practices</li>
+          </ul>
+          <p>My goal is to be a full-time software engineer at a company that truly values diversity and inclusion in their workforce, community, and products.</p>
+      </section>
+    </main>
+    <footer>
+      <div class="social-container">
+        <a class="social" href="https://twitter.com/ntpetes" target="_blank">
+          <img src="images/twitter.png" alt="Twitter"/>
+        </a>
+        <a class="social" href="https://www.linkedin.com/in/norapeters/" target="_blank">
+          <img src="images/linkedin.png" alt="">
+        </a>
+        <a class="social" href="https://github.com/npeters5" target="_blank">
+          <img src="images/github.png" alt="">
+        </a>
+      </div>
+      <p class="copyright ">Copyright 2018, Nora Peters</p>
+    </footer>
+  </body>
+</html>
+
+<!-- Process/Ideas:
+- start with wireframe...nav, header (photo, summary), about, contact, footer...
+- think about overall 'site-container'... make a grid, with num of columns and rows needed... or make it with three or four rows with sub-grids inside it? ex(container at bottom with three columns and one row...)
+- command+shift_c = color-picker
+- naming conventions: hero-banner, splash-content etc
+- at end, use html validator and CSS prefixer: https://validator.w3.org/#validate_by_upload, https://autoprefixer.github.io/
+- do parallax effect!!
+-  -->
diff --git a/portfolio.html b/portfolio.html
@@ -0,0 +1,64 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <link rel="stylesheet" href="styles/normalize.css">
+    <link rel="stylesheet" href="styles/styles.css">
+    <link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">
+    <title>Nora Peters - Portfolio</title>
+  </head>
+  <body>
+    <nav>
+        <ul class="nav-container">
+          <li id="home"><a href="index.html">Home</a></li>
+          <li id="about"><a href="about.html">About</a></li>
+          <li id="portfolio"><a href="portfolio.html">Portfolio</a></li>
+          <li id="blog"><a href="blog.html">Blog</a></li>
+        </ul>
+      </nav>
+      <header class="portfolio-header">
+        <h1>Work</h1>
+        <h1>Play</h1>
+      </header>
+      <main>
+        <div class="gallery-container">
+          <div class="gallery-item" >
+            <a id="mcc" href="https://npeters5.github.io/mcc-profile-page/" target="_blank">
+              <picture>
+                <source srcset="images/profilepageproject1.png" media="(max-width: 712px)">
+                  <img class="gallery-item" src="images/profilepageproject1.png" alt="screenshot of profile page project for MCC Frontend web development course">
+              </picture>
+              <div class="gallery-text">Personal Profile Page, prior attempt.</div>
+            </a>
+          </div>
+          <div class="gallery-item" >
+            <!-- <a id="mcc" href="https://npeters5.github.io/mcc-profile-page/" target="_blank">
+              <picture>
+                <source srcset="images/profilepageproject1.png" media="(max-width: 712px)">
+                  <img class="gallery-item" src="images/profilepageproject1.png" alt="screenshot of profile page project for MCC Frontend web development course">
+              </picture>
+              <div class="gallery-text">Personal Profile Page, prior attempt.</div>
+            </a> -->
+          </div>
+          <div class="gallery-item">
+            <a id="chicken" href="https://npeters5.github.io/mcc-profile-page/" target="_blank">
+              <picture>
+                <source srcset="images/chicken.jpg" media="(max-width: 712px)">
+                  <img class="gallery-item" src="images/chicken.jpg" width=200 alt="chicken thighs with artichokes feta and olives">
+              </picture>
+              <div class="gallery-text">I like to cook.</div>
+            </a>
+          </div>
+          <div class="gallery-item">
+            <a id="scarf" href="https://npeters5.github.io/mcc-profile-page/" target="_blank">
+              <picture>
+                <source srcset="images/scarf.jpg" media="(max-width: 712px)">
+                  <img class="gallery-item" src="images/scarf.jpg" width=200 alt="closeup of green tiger eye lace knit scarf over bright yellow background">
+              </picture>
+              <div class="gallery-text">I also like to knit.</div>
+            </a>
+          </div>
+        </div>
+      </main>
+  </body>
+</html>