Ada-C14 · christinaminh · Oct 20, 2020 · Oct 20, 2020 · Oct 20, 2020 · Oct 20, 2020
diff --git a/README.md b/README.md
@@ -2,26 +2,7 @@
 
 ## At a Glance
 
-- Individual, [stage 2](https://github.com/Ada-Developers-Academy/pedagogy/blob/master/classroom/rule-of-three.md#stage-2) project
-- Due before class, Monday October 26th
-
-## Introduction
-
-It's common for developers to create a website to show off their web-dev skills and document their work and interests. These sites often feature things like:
-
-- A professional introduction of themselves, careers, and interests
-- A portfolio of projects that they've created and/or collaborated on
-- A blog to share their experiences, thoughts, and/or subject matter expertise
-- Other materials to share any non-coding interests and hobbies
-- A site designed to express themselves
-
-### Some Inspiration
-- [http://lizabinante.com/](http://lizabinante.com/)
-- [http://where.coraline.codes/](http://where.coraline.codes/)
-- [http://danisaurus.github.io/](http://danisaurus.github.io/)
-- [http://www.fenslattery.com/](http://www.fenslattery.com/)
-- [https://www.heyellieday.com/](https://www.heyellieday.com/)
-- [http://car.oline.codes/](http://car.oline.codes/)
+A website to show off web-dev skills and document work and interests.
 
 ## Learning Goals:
 - Practice creating semantic HTML

diff --git a/about.html b/about.html
@@ -0,0 +1,120 @@
+<!-- about.html should include some information about you, your interests, background or similar. 
+  Only post what you're comfortable sharing. -->
+
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <link href="styles/style.css" rel="stylesheet">
+  <link href="styles/about-style.css" rel="stylesheet">
+  <link href="https://fonts.googleapis.com/css?family=Quicksand" rel="stylesheet">
+  <link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet">
+  <link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">
+  <script src="https://kit.fontawesome.com/8c1f61dbd4.js" crossorigin="anonymous"></script>
+  <title>Who's Christina Minh?</title>
+</head>
+
+<body>
+  <header class="flex-container">
+    <!-- nav left-->
+    <div>
+      <nav class="header-links">
+        <ul class="header-nav-left flex-container">
+          <li><a href="about.html">about</a></li>
+          <li><a href="portfolio.html">portfolio</a></li>
+          <li><a href="hobby-blog.html">blog</a></li>
+        </ul>
+      </nav>
+    </div> 
+    <!-- nav center-->
+    <div class="header-links">
+      <a class="header-name" href="index.html">Christina Minh</a> 
+    </div> 
+
+    <!-- nav right -->
+    <div>
+      <ul class="header-nav-right flex-container">
+        <li class="header-links"><a href="contact.html">contact</a></li>
+        <li><a href="https://github.com/christinaminh"><img class="logo" src="images/github-icon.png" alt=""></a></li>
+        <li><a href="https://codepen.io/christinaminh"><img class="logo" src="images/codepen-icon.png" alt=""></a></li>
+        <li><a href="https://www.linkedin.com/in/christinaminh/"><img class="logo" src="images/linkedin-icon.png" alt=""></a></li>
+
+      </ul>
+    </div> 
+  </header>
+
+  <main >
+    <h1>My Journey into Programming</h1>
+    <div class="about">
+
+      <article class="journey">
+        <section class="journey-intro">
+          <h2>"There has to be a better way..."</h2>
+          <p>What sparked my interest in coding was using Microsoft Power Automate to improve processes at my workplace. 
+            I previously worked as a prosthetist orthotist, fitting patients with prosthetic limbs and bracing. 
+            I was frustrated that many of our existing processes were redundant. 
+            So, to automate those time-consuming tasks,  I created workflows in Power Automate and learned the basics of conditionals, loops, and arrays.</p>  
+        </section>
+
+        <section class="journey-realization">
+          <h2>"Wait, did I just make that work?"</h2>
+          <p>I quickly realized that I enjoyed the problem-solving aspect, like solving a puzzle. 
+            One could say I was a bit obsessed. Sometimes I would finish seeing a patient and immediately get back to working on optimizing a workflow. 
+            I was surprised how much I found myself relishing the feeling when a process I had improved was now working as intended and much more efficiently than before. 
+            Just as with patient care, programming requires creative problem solving. 
+            Everytime I solve a little problem, it triggers that reward system in my brain with sweet, sweet positive reinforcement!
+            After doing tutorials, like Ada's introductory curriculum, Jumpstart, it has cemented the fact that I can be in this space. 
+            I don’t have to be a hacker or a gamer, or have been coding since I was 10.</p>  
+        </section>
+
+        <section class="journey-ada">
+          <h2>"What now?"</h2>  
+          <p>Seriously making the move into tech seemed daunting without a degree in computer science.
+            How do I even get my foot in the door?
+            With encouragement from my partner, I applied to Ada Developers Academy, a revered coding school for women and gender diverse adults.
+            Every Ada alum I spoke to was passionate about the Ada community. 
+            They all felt supported and felt like everyone was there to lift each other up.
+            Coming from a traditional education with over-crowded classes of 200-300 students, I have memories of people warning me about hyper-competitive classmates sabotaging labs to get ahead.
+            So, a program that emphasizes collaboration and community sounded like make-believe.
+            Even now, actually getting into / being at Ada, I am still in disbelief!</p>
+        </section>
+
+        <section class="journey-goal">
+          <h2>"What to do with my newfound powers?"</h2>
+          <p>I want the best of both worlds!
+            As a health professional, I see the potential in programming to improve health outcomes. 
+            With programming, I can help a wider audience. 
+            I've worked personally with hundreds of patients but with web and software development, I could potentially reach millions of people. 
+            Whether through improving accessibility of clinical resources on a website, or improving patient education with an app, there is potential to make a greater impact with coding.</p>
+        </section>
+      </article>
+
+
+      <img src="images/computer-dancing.gif" alt="animated gif of woman dancing in front of laptop">
+      <img src="images/computer-excited.gif" alt="animated gif of woman dancing in front of laptop">
+      <img src="images/computer-sleep.gif" alt="animated gif of anime person falling asleep studying">
+      <img src="images/computer-tired.gif" alt="animated gif of anime person asleep at computer">
+      <img src="images/computer-study.gif" alt="animated gif of anime person studying furiously">
+      <img src="images/computer-fall.gif" alt="animated gif of anime person falling to side of desk">
+      <img src="images/computer-typing.gif" alt="animated gif of anime person typing furiously">
+      <img src="images/computer-chill.gif" alt="animated gif of anime person studying">
+
+    </div>
+
+
+
+  </main>
+
+  <footer>
+    <ul class="footer-nav flex-container">
+      <li class="copy">© 2020 Christina Minh</li>
+      <li><a href="contact.html">contact</a></li>
+      <li><a href="https://github.com/christinaminh"><img class="logo" src="images/github-icon.png" alt=""></a></li>
+      <li><a href="https://codepen.io/christinaminh"><img class="logo" src="images/codepen-icon.png" alt=""></a></li>
+      <li><a href="https://www.linkedin.com/in/christinaminh/"><img class="logo" src="images/linkedin-icon.png" alt=""></a></li>
+    </ul>    
+  </footer>
+</body>
+
+</html>
diff --git a/contact.html b/contact.html
@@ -0,0 +1,98 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <link href="styles/style.css" rel="stylesheet">
+  <link href="styles/contact-style.css" rel="stylesheet">
+  <link href="https://fonts.googleapis.com/css?family=Quicksand" rel="stylesheet">
+  <link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet">
+  <link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">
+  <script src="https://kit.fontawesome.com/8c1f61dbd4.js" crossorigin="anonymous"></script>
+  <title>Contact Christina Minh!</title>
+</head>
+
+<body>
+  <header class="flex-container">
+    <!-- nav left-->
+    <div>
+      <nav class="header-links">
+        <ul class="header-nav-left flex-container">
+          <li><a href="about.html">about</a></li>
+          <li><a href="portfolio.html">portfolio</a></li>
+          <li><a href="hobby-blog.html">blog</a></li>
+        </ul>
+      </nav>
+    </div> 
+    <!-- nav center-->
+    <div class="header-links">
+      <a class="header-name" href="index.html">Christina Minh</a> 
+    </div> 
+
+    <!-- nav right -->
+    <div>
+      <ul class="header-nav-right flex-container">
+        <li class="header-links"><a href="contact.html">contact</a></li>
+        <li><a href="https://github.com/christinaminh"><img class="logo" src="images/github-icon.png" alt=""></a></li>
+        <li><a href="https://codepen.io/christinaminh"><img class="logo" src="images/codepen-icon.png" alt=""></a></li>
+        <li><a href="https://www.linkedin.com/in/christinaminh/"><img class="logo" src="images/linkedin-icon.png" alt=""></a></li>
+
+      </ul>
+    </div> 
+  </header>
+
+  <main>
+    <div class="header">
+      <h2>Interested in doing a project together?</h2>
+    </div>
+
+    <div class="contact-container">
+      <h1>Contact</h1>
+      <div class="contact-form">
+        <label class="name-title">Name</label>
+        <div class="name-fields">
+          <input id="first-name" name="first-name" type="text">
+          <input id="last-name" name="last-name" type="text">
+          <label for="first-name">First Name</label>
+          <label for="last-name">Last Name</label>
+        </div>
+
+
+        <div class="email-field">
+          <label for="email">Email Address</label>
+          <input id="email" name="email" type="text">
+        </div>
+
+        <div class="subject-field">
+          <label for="subject">Subject</label>
+          <input id="subject" name="subject" type="text">
+        </div>
+
+        <div class="message-field">
+          <label for="message">Message</label>
+          <textarea id="message" name="message" rows="10" cols="50"></textarea>
+        </div>
+
+        <div>
+          <input type="submit" value="Send Message" class="button">
+        </div>
+      </div>
+    </div>
+
+
+
+
+  </main>
+
+  <footer>
+    <ul class="footer-nav flex-container">
+      <li class="copy">© 2020 Christina Minh</li>
+      <li><a href="contact.html">contact</a></li>
+      <li><a href="https://github.com/christinaminh"><img class="logo" src="images/github-icon.png" alt=""></a></li>
+      <li><a href="https://codepen.io/christinaminh"><img class="logo" src="images/codepen-icon.png" alt=""></a></li>
+      <li><a href="https://www.linkedin.com/in/christinaminh/"><img class="logo" src="images/linkedin-icon.png" alt=""></a></li>
+    </ul>    
+  </footer>
+</body>
+
+</html>
diff --git a/documents/Minh-Christina-Resume.pdf b/documents/Minh-Christina-Resume.pdf