Ada-C8 · frankienakama · Sep 15, 2017 · Sep 17, 2017 · Sep 17, 2017 · Sep 18, 2017
diff --git a/images/Epicodus.png b/images/Epicodus.png
diff --git a/images/ada-logo.png b/images/ada-logo.png
diff --git a/images/bear-latte.jpg b/images/bear-latte.jpg
diff --git a/images/finn.jpg b/images/finn.jpg
diff --git a/images/github-logo.png b/images/github-logo.png
diff --git a/images/gmail-logo.png b/images/gmail-logo.png
diff --git a/images/hanging-heart-latte.jpg b/images/hanging-heart-latte.jpg
diff --git a/images/kitty.jpg b/images/kitty.jpg
diff --git a/images/linkedin-logo.png b/images/linkedin-logo.png
diff --git a/images/profile-pic.jpg b/images/profile-pic.jpg
diff --git a/images/profile.jpg b/images/profile.jpg
diff --git a/images/proj-meowspace.jpg b/images/proj-meowspace.jpg
diff --git a/images/proj-pizza.jpg b/images/proj-pizza.jpg
diff --git a/images/proj-port.jpg b/images/proj-port.jpg
diff --git a/images/proj-riley.jpg b/images/proj-riley.jpg
diff --git a/images/tulip-latte.jpg b/images/tulip-latte.jpg
diff --git a/images/wedding.jpg b/images/wedding.jpg
diff --git a/pages/about.html b/pages/about.html
@@ -0,0 +1,101 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>Sara N. Frandsen | About</title>
+  <link href="https://fonts.googleapis.com/css?family=Berkshire+Swash|Comfortaa|Dosis" rel="stylesheet">
+  <link href="../stylesheets/style.css" rel="stylesheet">
+  <link href="../stylesheets/about.css" rel="stylesheet">
+</head>
+<body>
+  <!-- HEADER --------------------->
+  <header class="full-width about">
+    <h1>
+      about sara eff
+    </h1>
+    <nav>
+      <ul>
+        <li>
+          <a href="index.html">
+            home
+          </a>
+        </li>
+        <li>
+          <a href="portfolio.html">
+            portfolio
+          </a>
+        </li>
+        <li>
+          <a href="code-journal.html">
+            diary
+          </a>
+        </li>
+        <li>
+          <a href="about.html">
+            about
+          </a>
+        </li>
+      </ul>
+    </nav>
+  </header>
+
+  <!-- MAIN ----------------------->
+  <main class="about">
+    <div class="about-wrapper">
+      <div class="contact-wrapper">
+        <ul>
+
+          <!-- LINKEDIN ------------------->
+          <li>
+            <img src="../images/kitty.jpg">
+            <a class="contact" href="https://www.linkedin.com/in/sara-frandsen-b97b68148/">
+              <img src="../images/linkedin-logo.png">
+            </a>
+          </li>
+
+          <!-- GITHUB --------------------->
+          <li>
+            <img src="../images/finn.jpg">
+            <a class="contact" href="https://github.com/sarafrandsen">
+              <img class src="../images/github-logo.png">
+            </a>
+          </li>
+
+          <!-- EMAIL ----------------------->
+          <li>
+            <img src="../images/bear-latte.jpg">
+            <a class="contact" href="mailto:sara.frandsen@gmail.com">
+              <img src="../images/gmail-logo.png">
+            </a>
+          </li>
+        </ul>
+      </div>
+
+      <!-- ABOUT ------------------------>
+      <article class="about-me">
+        <p>
+          <span class="sara-eff">sara eff</span> is the alias of Sara N. Frandsen, a student enrolled at Ada Developers Academy's 8th cohort. Her passions include coffee, dogs, bad anime, dogs, creating fine art with her parter, and dogs.
+        </p>
+        <p>
+          If you'd like to contact Sara with any questions or comments, try any of the social media outlets listed below. She'd especially love it if you'd follow her on GitHub and follow her programming journey!
+        </p>
+      </article>
+
+      <!-- PROFILE PIC ------------------->
+      <div class="profile-img">
+        <img src="../images/profile.jpg">
+      </div>
+    </div>
+  </main>
+
+  <!-- FOOTER --------------------->
+  <footer class="comfortaa-font center-text">
+    <p class="full-width">
+      &copy;2017 Sara Frandsen | Creative Commons License
+    </p>
+    <p class="full-width">
+      Gmail logo credit to <a href="https://www.iconfinder.com/iconsets/social-media-logos-flat-colorful">IconBandaar team</a> via Creative Commons license. LinkedIn logo and GitHub logo credit to <a href="https://www.iconfinder.com/iconsets/social-icons-33">Just UI</a> with author's permission.
+    </p>
+  </footer>
+</body>
+</html>
diff --git a/pages/code-journal.html b/pages/code-journal.html
@@ -0,0 +1,136 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>Sara N. Frandsen | Diary</title>
+  <link href="https://fonts.googleapis.com/css?family=Berkshire+Swash|Comfortaa|Dosis" rel="stylesheet">
+  <link href="../stylesheets/style.css" rel="stylesheet">
+  <link href="../stylesheets/code-journal.css" rel="stylesheet">
+</head>
+  <body>
+<!-- HEADER --------------------->
+    <header>
+      <h1>
+        journey to Ada dev academy, 2017
+      </h1>
+      <nav>
+        <ul>
+          <li>
+            <a href="index.html">
+              home
+            </a>
+          </li>
+          <li>
+            <a href="portfolio.html">
+              portfolio
+            </a>
+          </li>
+          <li>
+            <a href="code-journal.html">
+              diary
+            </a>
+          </li>
+          <li>
+            <a href="about.html">
+              about
+            </a>
+          </li>
+        </ul>
+      </nav>
+    </header>
+
+
+<!-- MAIN ----------------------->
+    <main class="code-journal">
+      <article class="jan">
+        <h3>
+          Jan
+        </h3>
+        <img src="../images/epicodus.png">
+        <p>
+          The first non-holiday monday of the new year is where my little programming journey begins, at Epicodus. Epicodus is a Portland-based bootcamp with different tracks to choose from, with it's defining characterist its focus on pair programming. I was in the C# track, and, with one of my close friends, started a few rough weeks of HTML, CSS, and JavaScript.
+        </p>
+        <hr>
+      </article>
+      <article class="feb">
+        <h3>
+          Feb
+        </h3>
+        <p>
+          Turns out pair programming as the only means of education does not jive with me! Although I found the material at Epicodus interesting, it was very quickly obvious the teaching style just did not work for my learning style. On February 13, I left the program.
+        </p>
+        <p>
+          On February 16, I applied to Ada.
+        </p>
+        <hr>
+      </article>
+      <article class="april">
+        <h3>
+          April
+        </h3>
+        <img src="../images/ada-logo.png">
+        <p>
+          It's the middle of April. I check my email. I see it's from Ada Developers Academy. I read it. My heart stopped.
+        </p>
+        <p>
+          I. WAS. ACCEPTED!
+        </p>
+        <hr>
+      </article>
+      <article class="may">
+        <h3>
+          May
+        </h3>
+        <img src="../images/wedding.jpg">
+        <p>
+          On May 12, Jamey and I have our wedding reception with friends and family from around the world. It was the second-most magical day of my life, the first being our actual elopment last August at the Seattle Municipal Courthouse.
+        </p>
+        <p>
+          Jamey has been my number one supporter in my education and pursuit of a career in programming. He has taken on so many extra responsibilities and costs for us to make sure I can get through this program.
+        </p>
+        <hr>
+      </article>
+      <article class="aug">
+        <h3>
+          August
+        </h3>
+        <p>
+          It's finally here! The program has finally started! I was very nervous for the first day and could hardly sleep. As soon as I stepped in, though, I knew I was in the right place. The folks around me were immediately welcoming, even when they looked just as nervous as I felt. There was a buzz among the new students.
+        </p>
+        <hr>
+      </article>
+      <article class="sept">
+        <h3>
+          September
+        </h3>
+        <ul>
+          <li>
+            <img class="tulip" src="../images/tulip-latte.jpg">
+          </li>
+          <li>
+            <img class="heart" src="../images/hanging-heart-latte.jpg">
+          </li>
+        </ul>
+        <p>
+          After several years in coffee, I finally quit my barista job. I just couldn't handle fulltime school and partime work.
+        </p>
+        <p>
+          I love coffee. I love the history of it, the science of it, the social and community aspects of it. From growing to harvesting to processing to roasting to brewing, I love it all.
+        </p>
+        <p>
+          Dang it, though. I am <strong>so glad</strong> to be out of the service industry! <strong>So glad</strong> to be able to focus on school.
+        </p>
+      </article>
+    </main>
+
+<!-- FOOTER --------------------->
+    <footer>
+      <p>
+        &copy;2017 Sara Frandsen | Creative Commons License
+      </p>
+      <p>
+        Feel free to <a href="/about.html">contact me</a> with any questions about this webpage, specialty coffee, puppies, or bad haircuts
+      </p>
+    </footer>
+  </body>
+</html>
diff --git a/pages/index.html b/pages/index.html
@@ -0,0 +1,63 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>Sara N. Frandsen | Main</title>
+  <link href="https://fonts.googleapis.com/css?family=Berkshire+Swash|Comfortaa|Dosis" rel="stylesheet">
+  <link href="../stylesheets/style.css" rel="stylesheet">
+  <link href="../stylesheets/index.css" rel="stylesheet">
+</head>
+<body>
+  <!-- MAIN ----------------------->
+  <!-- I'M  ----------------------->
+  <main class="berkshire-font index">
+    <a class="full" href="portfolio.html">
+      <div class="flex-display p1 div-height">
+        <p class="full-width center-text">
+          i'm
+        </p>
+        <div class="overlay pos-abs full-width">
+          <div class="text pos-abs">
+            portfolio
+          </div>
+        </div>
+      </div>
+    </a>
+    <!-- SARA ----------------------->
+    <a class="full-width" href="code-journal.html">
+      <div class="flex-display p2 div-height">
+        <p class="full-width center-text div">
+          sara
+        </p>
+        <div class="overlay pos-abs full-width">
+          <div class="text pos-abs">
+            diary
+          </div>
+        </div>
+      </div>
+    </a>
+    <!-- EFF  ----------------------->
+    <a class="full-width" href="about.html">
+      <div class="flex-display p3 div-height">
+        <p class="full-width center-text">
+          eff
+        </p>
+        <div class="overlay pos-abs full-width">
+          <div class="text pos-abs">
+            about
+          </div>
+        </div>
+      </div>
+    </a>
+  </main>
+  <!-- FOOTER --------------------->
+  <footer class="comfortaa-font center-text">
+    <p class="full-width">
+      &copy;2017 Sara Frandsen | Creative Commons License
+    </p>
+    <p class="full-width">
+      Feel free to <a href="about.html">contact me</a> with any questions about this webpage, specialty coffee, puppies, or bad haircuts
+    </p>
+  </footer>
+</body>
+</html>