Ada-C8 · SRBusiness · Sep 15, 2017 · Sep 15, 2017 · Sep 15, 2017 · Sep 15, 2017
diff --git a/about.html b/about.html
@@ -0,0 +1,93 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <link href="styles/main.css" rel="stylesheet" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/7.0.0/normalize.css" integrity="sha256-sxzrkOPuwljiVGWbxViPJ14ZewXLJHFJDn0bv+5hsDY=" crossorigin="anonymous" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+    <link rel="stylesheet" href="styles/aboutme.css"  />
+    <title>About</title>
+  </head>
+  <body>
+    <header>
+      <div class="flex-container">
+        <h1 id="header-title"><a href="index.html">SRBusiness!</a></h1>
+        <nav>
+          <ul>
+            <li><a href="index.html">Home</a></li>
+            <li><a href="about.html">About</a></li>
+            <li><a href="portfolio.html">Portfolio</a></li>
+            <li><a href="code-journal.html">Journal</a></li>
+          </ul>
+        </nav>
+      </div>
+    </header>
+    <main>
+      <section>
+        <div class="box1">
+          <div class="box1-content">
+            <h2>about me</h2>
+            <p>
+              I am an aspiring software engineer, enrolled at Ada Developers Academy, based in the Pacific Northwest. <span>I'm a midwest native with a passion for learning.</span> Please take a minute to get to know me.
+            </p>
+          </div>
+        </div>
+      </section>
+      <div class="box2">
+        <div class="section-content">
+          <img src="images/sarah.jpg" alt="sarah beach" />
+          <img src="images/BabySRB_square.jpeg" alt="Baby srb" />
+          <img src="images/ClubNats_square.jpg" alt="srb high five" />
+        </div>
+      </div>
+      <div class="box2">
+        <div class="section-content">
+          <div class="descriptors">
+            <ul>
+              <li>👩‍💻 Life-time student 👩‍💻</li>
+              <li>🏆 Ultimate player and Coach 🏆</li>
+              <li>🚲 Bike commuter 🚲</li>
+              <li>🍜 Amateur home chef 🍜</li>
+              <li>🍅 Gardener and tomatoe enthusiast 🍅</li>
+              <li>💬 Communicator / conversationalist 💬</li>
+              <li>📕 Book monster 📕</li>
+              <li>🏕 PNW adventurer 🏕</li>
+              <li>😻 Future cat lady 😻</li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </main>
+    <footer>
+      <div id="mediabar">
+        <div class="flex-container">
+          <nav>
+            <ul>
+              <li><a href="https://www.facebook.com/" class="fa fa-facebook fa-3x"></a></li>
+              <li><a href="https://twitter.com/" class="fa fa-twitter fa-3x"></a></li>
+              <li><a href="https://www.linkedin.com/" class="fa fa-linkedin fa-3x"></a></li>
+              <li><a href="https://www.instagram.com/" class="fa fa-instagram fa-3x"></a></li>
+              <li><a href="mailto:sreadbrown@gmail.com" class="fa fa-envelope-o fa-3x"></a></li>
+            </ul>
+          </nav>
+        </div>
+      </div>
+      <div class="flex-container">
+        <div class="footer-content">
+          <nav>
+            <ul>
+              <li><a href="index.html">Home</a></li>
+              <li><a href="about.html">About</a></li>
+              <li><a href="portfolio.html">Portfolio</a></li>
+              <li><a href="code-journal.html">Journal</a></li>
+            </ul>
+          </nav>
+          <div class="flex-container">
+            <img src="images/SRB_signature_white2.png" alt="SRB signature">
+          </div>
+          <p>Copyright © 2017 SRBusiness. All Rights Reserved.</p>
+        </div>
+      </div>
+    </footer>
+  </body>
+</html>
diff --git a/code-journal.html b/code-journal.html
@@ -0,0 +1,117 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/7.0.0/normalize.css" integrity="sha256-sxzrkOPuwljiVGWbxViPJ14ZewXLJHFJDn0bv+5hsDY=" crossorigin="anonymous" />
+    <link href="styles/main.css" rel="stylesheet" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+    <link rel="stylesheet" href="styles/journal.css"  />
+    <title>Code Journal</title>
+  </head>
+  <body>
+    <header>
+      <div class="flex-container">
+        <h1 id="header-title"><a href="index.html">SRBusiness!</a></h1>
+        <nav>
+          <ul>
+            <li><a href="index.html">Home</a></li>
+            <li><a href="about.html">About</a></li>
+            <li><a href="portfolio.html">Portfolio</a></li>
+            <li><a href="code-journal.html">Journal</a></li>
+          </ul>
+        </nav>
+      </div>
+    </header>
+    <main>
+      <section>
+        <div class="box1">
+          <div class="box1-content">
+            <h2>journal</h2>
+            <p>
+              Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse <span>cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident,</span> sunt in culpa qui officia deserunt mollit anim id est laborum.
+            </p>
+          </div>
+        </div>
+      </section>
+      <section>
+        <div class="box2 journal-entry">
+          <div class="section-content">
+            <article>
+              <h3>Title 1</h3>
+              <p>
+                Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+              </p>
+              <p>
+                Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+              </p>
+            </article>
+          </div>
+        </div>
+      </section>
+      <section>
+        <div class="box2 journal-entry">
+          <div class="section-content">
+            <article>
+              <h3>Title 2</h3>
+              <p>
+                Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+              </p>
+              <p>
+                Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+              </p>
+            </article>
+          </div>
+        </div>
+      </section>
+      <section>
+        <div class="box2 journal-entry">
+          <div class="section-content">
+            <article>
+              <h3>Title 3</h3>
+              <p>
+                Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+              </p>
+              <p>
+                Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+              </p>
+              <p>
+                Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+              </p>
+            </article>
+          </div>
+        </div>
+      </section>
+    </main>
+    <footer>
+      <div id="mediabar">
+        <div class="flex-container">
+          <nav>
+            <ul>
+              <li><a href="https://www.facebook.com/" class="fa fa-facebook fa-3x"></a></li>
+              <li><a href="https://twitter.com/" class="fa fa-twitter fa-3x"></a></li>
+              <li><a href="https://www.linkedin.com/" class="fa fa-linkedin fa-3x"></a></li>
+              <li><a href="https://www.instagram.com/" class="fa fa-instagram fa-3x"></a></li>
+              <li><a href="mailto:sreadbrown@gmail.com" class="fa fa-envelope-o fa-3x"></a></li>
+            </ul>
+          </nav>
+        </div>
+      </div>
+      <div class="flex-container">
+        <div class="footer-content">
+          <nav>
+            <ul>
+              <li><a href="index.html">Home</a></li>
+              <li><a href="about.html">About</a></li>
+              <li><a href="portfolio.html">Portfolio</a></li>
+              <li><a href="code-journal.html">Journal</a></li>
+            </ul>
+          </nav>
+          <div class="flex-container">
+            <img src="images/SRB_signature_white2.png" alt="SRB signature">
+          </div>
+          <p>Copyright © 2017 SRBusiness. All Rights Reserved.</p>
+        </div>
+      </div>
+    </footer>
+  </body>
+</html>
diff --git a/images/BabySRB_square.jpeg b/images/BabySRB_square.jpeg
diff --git a/images/ClubNats_2016_SRB.jpg b/images/ClubNats_2016_SRB.jpg
diff --git a/images/ClubNats_square.jpg b/images/ClubNats_square.jpg
diff --git a/images/SRB_layout_2014_square.jpeg b/images/SRB_layout_2014_square.jpeg
diff --git a/images/SRB_signature.png b/images/SRB_signature.png
diff --git a/images/SRB_signature_white.png b/images/SRB_signature_white.png
diff --git a/images/SRB_signature_white2.png b/images/SRB_signature_white2.png
diff --git a/images/black-grumpy-cat-512.png b/images/black-grumpy-cat-512.png
diff --git a/images/cactus.png b/images/cactus.png
diff --git a/images/checklist.png b/images/checklist.png
diff --git a/images/food.png b/images/food.png
diff --git a/images/hotel.png b/images/hotel.png
diff --git a/images/planet.png b/images/planet.png
diff --git a/images/sarah.jpg b/images/sarah.jpg
diff --git a/images/sport.svg b/images/sport.svg
diff --git a/index.html b/index.html
@@ -0,0 +1,100 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/7.0.0/normalize.css" integrity="sha256-sxzrkOPuwljiVGWbxViPJ14ZewXLJHFJDn0bv+5hsDY=" crossorigin="anonymous" />
+    <link href="styles/main.css" rel="stylesheet" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+    <title>SRB</title>
+  </head>
+  <body>
+    <header>
+      <div class="flex-container">
+        <h1 id="header-title"><a href="index.html">SRBusiness!</a></h1>
+        <nav>
+          <ul>
+            <li><a href="index.html">Home</a></li>
+            <li><a href="about.html">About</a></li>
+            <li><a href="portfolio.html">Portfolio</a></li>
+            <li><a href="code-journal.html">Journal</a></li>
+          </ul>
+        </nav>
+      </div>
+    </header>
+    <main>
+      <section>
+        <div class="box1">
+          <div class="box1-content">
+            <h2>home</h2>
+            <p>
+              I’m SRB, an aspiring software engineer, enrolled at Ada Developers Academy, based in the Pacific Northwest. I strive to <span>MOTO MOTO MOTO MOTO MOTO</span> words words words words. You can find&nbsp;some of my work <a href="portfolio.html">below</a>.
+            </p>
+          </div>
+        </div>
+      </section>
+      <section>
+        <div class="box2 about-me-intro darken-overlay test">
+          <div class="section-content">
+            <h4>words about me</h4>
+            <h3>words about me&nbsp;</h3>
+            <p>
+              words about me
+            </p>
+            <a href="about.html">About Me</a>
+          </div>
+        </div>
+        <div class="box2 journal-intro">
+          <div class="section-content">
+            <h4>Journal</h4>
+            <h3>Journal&nbsp;</h3>
+            <p>
+              Journal
+            </p>
+            <a href="code-journal.html">Journal</a>
+          </div>
+        </div>
+        <div class="box2 darken-overlay portfolio-intro">
+          <div class="section-content">
+            <h4>Baby software engineer hustling to learn as much as I can.</h4>
+            <h3>SRB</h3>
+            <p>
+              Experince with Ruby, HTML, CSS, Javascript, Github (Rails - coming soon!)
+            </p>
+            <a href="portfolio.html">View Portfolio</a>
+          </div>
+        </div>
+      </section>
+      <footer>
+        <div id="mediabar">
+          <div class="flex-container">
+            <nav>
+              <ul>
+                <li><a href="https://www.facebook.com/" class="fa fa-facebook fa-3x"></a></li>
+                <li><a href="https://twitter.com/" class="fa fa-twitter fa-3x"></a></li>
+                <li><a href="https://www.linkedin.com/" class="fa fa-linkedin fa-3x"></a></li>
+                <li><a href="https://www.instagram.com/" class="fa fa-instagram fa-3x"></a></li>
+                <li><a href="mailto:sreadbrown@gmail.com" class="fa fa-envelope-o fa-3x"></a></li>
+              </ul>
+            </nav>
+          </div>
+        </div>
+        <div class="flex-container">
+          <div class="footer-content">
+            <nav>
+              <ul>
+                <li><a href="index.html">Home</a></li>
+                <li><a href="about.html">About</a></li>
+                <li><a href="portfolio.html">Portfolio</a></li>
+                <li><a href="code-journal.html">Journal</a></li>
+              </ul>
+            </nav>
+            <div class="flex-container">
+              <img src="images/SRB_signature_white2.png" alt="SRB signature">
+            </div>
+            <p>Copyright © 2017 SRBusiness. All Rights Reserved.</p>
+          </div>
+        </div>
+      </footer>
+    </main>
+  </body>
+</html>