Ada-C14 · GeMath18 · Oct 22, 2020 · Oct 24, 2020 · Oct 24, 2020
diff --git a/about.html b/about.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>About</title>
+    <link href="styles/style.css" rel="stylesheet">
+    <link href="styles/about.css" rel="stylesheet">
+</head>
+<body>
+    <div class="header">
+        <h1>Gessica E. Mohr</h1>
+    </div>
+    <div class="navigation">
+        <nav>
+            <a href="index.html">Home</a>
+            <a href="about.html">About</a>
+            <a href="portfolio.html">Projects</a>
+            <a href="hobby-blog.html">Hobby</a>
+        </nav>
+    </div>
+    <div class="aboutme">
+        <h2>A LITTLE ABOUT ME</h2>
+        <p>
+             I am originally from Peru in South America. When I was in high school, I discovered my passion for science but especially for mathematics. When I was 19 years old my family and I migrated to the U.S.A. to start a new life. After many hours studying full time and working part time, I obtained my Bachelor of Science in Mathematics. Out of ten students graduating with a Mathematics degree, I was one of four females and the only latino woman. I am very proud of myself for that!
+        </p>
+        <p>
+            After graduating, I married an American soldier and had lived overseas for the past 6 years. We spent three years living in South Korea where I was able to learn how to read and write in Hangul and learned their culture. The last three years, we were stationed in Germany and we have experienced the European culture as well. After 10 years of military service, last October we finished our service and moved to Washington State where my spouse is from. 
+        </p>
+        <p>
+            Being a military spouse and continuing my professional career has been challenging these last 10 years. Even though I have had the best opportunity to know and appreciate the Asian culture and the European culture, I had to put on hold my professional career while supporting my spouse’s. Even though, I have stayed current with my mathematics skills teaching all levels of math; and also created mathematical content for distance learning websites, the un/under employment rates for military spouses is about 25-30% in the nation affecting our moral and economical success as professionals and as a family. But now that we are out of the military service, I am ready to start a new chapter in my professional career and I am fierce to show my potential. 
+        </p>
+        <p>
+            The past year, I decided that I wanted to complement my mathematics degree with software skills and knowledge of data analysis to make myself more competitive on today’s workplace. The past few months I started taking online courses and learned the basics of Python, SQL, Ruby and C#. I had a great time learning them and I feel I can learn and do more in the software engineering field. While talking to friends and family, they mentioned Ada Developers Academy as a great, affordable opportunity to obtain knowledge through their Software Development program and start networking. When I did my research, I loved the curricula but especially their mission of helping women and underrepresented minorities like me, giving them the opportunity to show their knowledge and skills to the tech industry and that we can be successful doing that with the right resources and network. 
+        </p>
+        <p>
+            Last March, I submitted my application to Ada Developers Academy and got accepted in to the program. As of right now, I am on my journey to become a Software Engineer and I am very thankful for this opportunity.  Let's keep coding! 
+        </p>
+    </div>
+<footer>
+    ©2020 Gessica E. Mohr
+</footer>
+</body>
+</html>
diff --git a/hobby-blog.html b/hobby-blog.html
@@ -0,0 +1,63 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Hobby-blog</title>
+    <link href="styles/style.css" rel="stylesheet">
+    <link href="styles/hobby-blog.css" rel="stylesheet">
+</head>
+<body>
+    <div class="header">
+        <h1>Gessica E. Mohr</h1>
+    </div>
+    <div class="navigation">
+        <nav>
+            <a href="index.html">Home</a>
+            <a href="about.html">About</a>
+            <a href="portfolio.html">Projects</a>
+            <a href="hobby-blog.html">Hobby</a>
+        </nav>
+    </div>
+    <h2>Love to travel! => "I have not been <em>everywhere</em> but it is on my list"</h2>
+    <div class="row">
+        <div class="column">
+          <img src="images/2013-11-11.jpg" alt="Budha-Korea">
+          <img src="images/athenas.jpg" alt="Parthenon-Greece">
+          <img src="images/austria.JPG" alt="Salzburg-Austria">
+          <img src="images/barcelona.jpg" alt="Barcelona">
+          <img src="images/nether.jpg" alt="Netherlands">
+          <img src="images/nyc.jpg" alt="NYC">
+
+        </div>
+        <div class="column">
+          <img src="images/budapest.jpg" alt="Budapest-Hungary">
+          <img src="images/DSC03276.jpg" alt="Kyoto-Japan">
+          <img src="images/france.jpg" alt="Paris-France">
+          <img src="images/germany2.jpg" alt="Rothenburg-Germany">
+          <img src="images/wyoming.jpg" alt="Yellowstone-Wyoming">
+          <img src="images/washington.jpg" alt="Fort Casey-Washington">
+          <img src="images/washington2.jpg" alt="Seattle-Washington">
+        </div>
+        <div class="column">
+          <img src="images/london.jpg" alt="London-UK">
+          <img src="images/netherlands.JPG" alt="Amsterdam-Netherlands">
+          <img src="images/poland.jpg" alt="Boleslawiec-Poland">
+          <img src="images/prague.jpg" alt="Prague-C.Republic">
+          <img src="images/korea.jpg" alt="Seoul-Korea">
+          <img src="images/wyoming2.jpg" alt="Grand Teton-Wyoming">
+        </div>
+        <div class="column">
+          <img src="images/rome.jpg" alt="Rome-Italy">
+          <img src="images/korea2.jpg" alt="Seoul-Korea">
+          <img src="images/lichteinstain.jpg" alt="lichteinstain">
+          <img src="images/garmisch.jpg" alt="Garmisch-Germany">
+          <img src="images/switzerland.jpg" alt="Switzerland">
+          <img src="images/korea3.jpg" alt="Seoul-Korea">
+          <img src="images/southdakota.jpg" alt="Mount Rushmore - S. Dakota">
+        </div>
+    </div>
+<footer>
+    ©2020 Gessica E. Mohr
+</footer>
+</body>
+</html>
diff --git a/images/2013-11-11.jpg b/images/2013-11-11.jpg
diff --git a/images/DSC03276.jpg b/images/DSC03276.jpg
diff --git a/images/GMohr.png b/images/GMohr.png
diff --git a/images/athenas.jpg b/images/athenas.jpg
diff --git a/images/austria.JPG b/images/austria.JPG
diff --git a/images/barcelona.jpg b/images/barcelona.jpg
diff --git a/images/budapest.jpg b/images/budapest.jpg
diff --git a/images/france.jpg b/images/france.jpg
diff --git a/images/garmisch.jpg b/images/garmisch.jpg
diff --git a/images/germany2.jpg b/images/germany2.jpg
diff --git a/images/korea.jpg b/images/korea.jpg
diff --git a/images/korea2.jpg b/images/korea2.jpg
diff --git a/images/korea3.jpg b/images/korea3.jpg
diff --git a/images/lichteinstain.jpg b/images/lichteinstain.jpg
diff --git a/images/london.jpg b/images/london.jpg
diff --git a/images/math.jpeg b/images/math.jpeg
diff --git a/images/nether.jpg b/images/nether.jpg
diff --git a/images/netherlands.JPG b/images/netherlands.JPG
diff --git a/images/nyc.jpg b/images/nyc.jpg
diff --git a/images/poland.jpg b/images/poland.jpg
diff --git a/images/prague.jpg b/images/prague.jpg
diff --git a/images/rome.jpg b/images/rome.jpg
diff --git a/images/software.png b/images/software.png
diff --git a/images/southdakota.jpg b/images/southdakota.jpg
diff --git a/images/switzerland.jpg b/images/switzerland.jpg
diff --git a/images/washington.jpg b/images/washington.jpg
diff --git a/images/washington2.jpg b/images/washington2.jpg
diff --git a/images/wyoming.jpg b/images/wyoming.jpg
diff --git a/images/wyoming2.jpg b/images/wyoming2.jpg
diff --git a/index.html b/index.html
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>My Personal Portfolio</title>
+    <link href="styles/style.css" rel="stylesheet">
+    <link href="styles/index.css" rel="stylesheet">
+</head>
+<body>
+<div class="header">
+    <h1>Gessica E. Mohr</h1>
+</div>
+<div class="navigation">
+    <nav>
+        <a href="index.html">Home</a>
+        <a href="about.html">About</a>
+        <a href="portfolio.html">Projects</a>
+        <a href="hobby-blog.html">Hobby</a>
+    </nav>
+</div>
+<div class="content">
+    <h3>From Mathematician to Software Engineer</h3>
+</div>
+<div class="row">
+    <div class="column">
+      <img src="images/math.jpeg" alt="Math" style="width:80%">
+    </div>
+    <div class="column">
+      <img src="images/GMohr.png" alt="Gessica Mohr" style="width:80%">
+    </div>
+    <div class="column">
+      <img src="images/software.png" alt="Software" style="width:80%">
+    </div>
+  </div>
+<footer>
+    ©2020 Gessica E. Mohr
+</footer>
+</body>
+</html>
diff --git a/portfolio.html b/portfolio.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Portfolio</title>
+    <link href="styles/style.css" rel="stylesheet">
+    <link href="styles/portfolio.css" rel="stylesheet">
+</head>
+<body>
+    <div class="header">
+        <h1>Gessica E. Mohr</h1>
+    </div>
+    <div class="navigation">
+        <nav>
+            <a href="index.html">Home</a>
+            <a href="about.html">About</a>
+            <a href="portfolio.html">Projects</a>
+            <a href="hobby-blog.html">Hobby</a>
+        </nav>
+    </div>
+    <section>
+    <h2>Ruby Projects</h2>  
+    <ul>
+        <li><a href="https://github.com/GeMath18/ride-share">Ride Share</a>: Practice working with nested arrays, nested hashes, and performing data transformations.</li>
+        <li><a href="https://github.com/GeMath18/csv-practice">CSV-Practice</a>: Practice reading tests, creating methods that read from a CSV, and transform/calculate from it, and implementing methods with Enumerable methods.</li>
+        <li><a href="https://github.com/GeMath18/tdd-exercise">TDD</a>: Writing a method and set of tests in TDD fashion which calculates a hand's BlackJack score.</li>
+    </ul>
+    </section>
+    <section>
+    <h2>Computer Science Projects</h2>
+    <ul>
+        <li><a href="https://github.com/GeMath18/binary-and-decimal">Binary and Decimal</a>: Authoring a method based on the binary to decimal algorithm we devised in class.</li>
+        <li><a href="https://github.com/GeMath18/restricted-arrays">Restricted Arrays</a>: Assignment to work with array data structure or restricted arrays. </li>
+        <li><a href="https://github.com/GeMath18/array-equals">Array-Equals</a>: Authoring a method named array_equals that accepts two integer arrays as input parameters.</li>
+        <li><a href="https://github.com/GeMath18/array-string-practice">Array-String-Practice</a>: Practicing using arrays & strings to solve coding problems, and then identify the time and space complexity of your solution. </li>
+    </ul>
+    </section>
+<footer>
+    ©2020 Gessica E. Mohr
+</footer>
+</body>
+</html>
diff --git a/styles/about.css b/styles/about.css
@@ -0,0 +1,4 @@
+p {
+    font-size: 18px;
+    text-align: justify;
+}
diff --git a/styles/hobby-blog.css b/styles/hobby-blog.css
@@ -0,0 +1,24 @@
+h2 {
+    text-align: center;
+}
+
+.row {
+    display: flex;
+    flex-wrap: wrap;
+    padding: 0 4px;
+  }
+
+  /* Create four equal columns that sits next to each other */
+  .column {
+    flex: 15%;
+    max-width: 35%;
+    padding: 0 4px;
+  }
+
+  .column img {
+    margin-top: 8px;
+    vertical-align: middle;
+    width: 100%;
+  }
+
+
diff --git a/styles/index.css b/styles/index.css
@@ -0,0 +1,21 @@
+
+
+.content {
+    text-align: center;
+    font-size: 34px;
+}
+
+.row {
+    display: flex;
+}
+
+.column {
+    flex: 33.33%;
+    padding: 5px;
+}
+
+img {
+    width: 370px;
+    height: 370px;
+    text-align: center;
+}
diff --git a/styles/portfolio.css b/styles/portfolio.css
@@ -0,0 +1,8 @@
+h2 {
+    font-size: 35px;
+}
+
+
+li {
+    font-size: 25px;
+}
diff --git a/styles/style.css b/styles/style.css
@@ -0,0 +1,23 @@
+
+body {
+    background: #96ceb4;
+}
+
+.header {
+    text-align: center;
+    border: 5px outset blue;
+    font-family: Cambria;
+    font-size: 20px;
+}
+
+.navigation {
+    text-align: center;
+    font-size: 30px;
+
+}
+
+footer {
+    position: fixed;
+    bottom: 0;
+    border-bottom: 6px solid blue;
+}