Ada-C8 · lmarianarp19 · Sep 18, 2017
diff --git a/about.html b/about.html
@@ -0,0 +1,77 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>About</title>
+  <link rel="stylesheet" href="styles/normalize.css">
+  <link rel="stylesheet" href="styles/about.css">
+  <link rel="icon" href="pictures/logo.png">
+</head>
+</head>
+<body>
+
+  <header >
+
+    <h2><a href="about.html"> About Me </a></h2>
+
+    <nav>
+      <ul>
+        <a href="/Users/mariana/ada/projects/week6/Static-Site/index.html"> <li> Home</li> </a>
+        <a href="/Users/mariana/ada/projects/week6/Static-Site/portafolio.html"> <li>Portafolio </li></a>
+        <a href="/Users/mariana/ada/projects/week6/Static-Site/hobby.html"><li> Math News </li></a>
+        <a href="/Users/mariana/ada/projects/week6/Static-Site/about.html"><li> About me </li></a>
+      </ul>
+    </nav>
+  </header>
+
+  <main>
+    <h1>
+      This is Mariana
+    </h1>
+
+    <img src="pictures/aboutme.jpg">
+    <p>
+      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris dictum, risus tristique consectetur sodales, metus mi consequat est, in dignissim tellus quam eget eros. Vivamus lacinia egestas libero eu vulputate. Phasellus leo leo, ornare vitae lectus a, interdum iaculis augue. Etiam efficitur fringilla pellentesque. Suspendisse potenti. Nunc lorem nibh, pharetra at orci quis, commodo porttitor risus. Vestibulum sed arcu quis sapien maximus luctus nec et massa.
+
+Cras semper vestibulum ornare. Mauris laoreet nisi id nulla scelerisque, et porttitor est suscipit. Aenean lobortis ex tellus. Praesent nisi risus, dignissim in auctor in, tristique id lorem. Sed vel euismod sapien. Nunc eleifend vitae libero vel posuere. Cras volutpat, justo vel auctor consequat, libero lacus tincidunt ligula, at posuere urna mauris in orci. Donec in urna nec libero tincidunt placerat. Nulla sit amet neque laoreet, porttitor est ac, finibus metus. Sed non orci sed purus pellentesque facilisis. Nunc in lacus eleifend, lacinia ipsum at, cursus nunc. Integer pretium orci non pretium dictum. Curabitur condimentum id orci a lobortis. Integer consectetur egestas arcu, vitae iaculis ligula.
+
+Aenean vel faucibus urna. Nulla a elit id risus pharetra pulvinar in ut nibh. Curabitur mattis, nunc a vulputate vehicula, sapien nibh placerat velit, vel iaculis nulla urna finibus sem. Pellentesque scelerisque vestibulum quam nec commodo. Aenean vestibulum orci in augue vulputate, sit amet pulvinar ante ullamcorper. Suspendisse magna urna, molestie ut lacus quis, venenatis pretium turpis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam gravida eros est, vel molestie orci vehicula ut. Sed congue mattis felis convallis tristique. Aenean ullamcorper varius urna, vitae fringilla ligula vehicula id. Nam varius arcu in dolor bibendum faucibus. Nam quis est ac magna condimentum tincidunt non a nisl. Quisque sed aliquet dolor. Sed tincidunt nunc ac lorem tempor, nec semper purus accumsan. Quisque diam ligula, mattis a egestas id, mollis et metus.
+</p>
+
+<img src="pictures/catarinas.jpg">
+
+    <p>
+      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin quis vulputate tortor. Nullam dapibus, lacus eu placerat volutpat, massa dui lacinia erat, eu pulvinar augue ante mollis diam. Vivamus at mi quis ligula blandit laoreet vel id nibh. Proin consectetur faucibus rhoncus. Sed eget lectus sagittis, cursus arcu at, tincidunt orci. Quisque nibh orci, molestie at euismod eget, scelerisque eu sem. Praesent porttitor purus et velit tristique scelerisque. Suspendisse accumsan lacus in eros varius pretium. Cras accumsan facilisis tempus. Duis non dolor quis sem auctor gravida id vitae quam.
+
+      Nam at quam venenatis, aliquet diam eu, dictum turpis. Praesent semper nunc in sem semper efficitur quis vitae nulla. Curabitur mauris justo, aliquet sed malesuada sed, elementum vel nisi. Mauris a auctor diam. Morbi placerat, nisl vel malesuada porta, velit erat accumsan neque, condimentum consectetur arcu mi sed nisl. Pellentesque commodo nibh ante, quis malesuada dui suscipit eu. Etiam at nulla sed magna semper pellentesque. Proin in mauris augue. Praesent consequat augue id justo cursus auctor. Morbi sit amet mi lobortis, consequat lorem a, ullamcorper velit. Proin id tempus urna.
+    </p>
+
+  </main>
+
+
+
+
+
+</body>
+
+  <footer>
+    <h4> &copy; 2017 </h4>
+    <nav>
+      <ul>
+        <il>
+          <a href="https://github.com/lmarianarp19">
+          <img src="pictures/github.png">
+        </il>
+        <il>
+          <a href="https://www.linkedin.com/in/mariana-ramirez/">
+          <img src="pictures/linkedin.png">
+        </il>
+        <il>
+          <a href="https://twitter.com/lMarianarp?lang=en">
+          <img src="pictures/twitter-wrap.png">
+        </il>
+        </ul>
+      </nav>
+    </footer>
+
+</html>
diff --git a/code-journal.html b/code-journal.html
diff --git a/hobby.html b/hobby.html
@@ -0,0 +1,121 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>Math News</title>
+  <link rel="stylesheet" href="styles/normalize.css">
+  <link rel="stylesheet" href="styles/hobby.css">
+  <link rel="icon" href="pictures/logo.png">
+</head>
+
+<body>
+  <header >
+
+    <h2><a href="index.html"> Math News </a></h2>
+
+    <nav>
+      <ul>
+        <a href="/Users/mariana/ada/projects/week6/Static-Site/index.html"> <li> Home</li> </a>
+        <a href="/Users/mariana/ada/projects/week6/Static-Site/portafolio.html"> <li>Portafolio </li></a>
+        <a href="/Users/mariana/ada/projects/week6/Static-Site/hobby.html"><li> Math News </li></a>
+        <a href="/Users/mariana/ada/projects/week6/Static-Site/about.html"><li> About me </li></a>
+      </ul>
+    </nav>
+  </header>
+
+
+  <main>
+
+
+    <section>
+
+      <article>
+        <h3 class="try">
+          Maryam Mirzakhani, Only Woman to Win a Fields Medal, Dies at 40
+        </h3>
+
+
+        <a href="https://www.nytimes.com/2017/07/16/us/maryam-mirzakhani-dead.html?mcubz=0">
+        <img src="http://news.stanford.edu/news/2014/august/images/14167-math_maryam.jpg">
+        </a>
+      </article>
+
+      <article>
+        <h3>
+          Lady Matemáticas
+        </h3>
+
+        <a href="http://www.multimedios.com/telediario/tendencias/lady-matematicas-joven-mexico-aplaude.html">
+        <img src="http://www.multimedios.com/files/article_main/uploads/2016/04/27/57214a46047ef.jpeg">
+        </a>
+      </article>
+
+      <article>
+        <h3>
+          The Math Behind Online Dating
+        </h3>
+
+        <a href="http://www.investopedia.com/articles/professionals/071415/math-behind-online-dating.asp">
+        <img src="https://cdn.pastemagazine.com/www/articles/datingappsand_main.jpg">
+        </a>
+      </article>
+
+      <article>
+        <h3>
+          How Close is Tinder so a Stable Marriage Problem?
+        </h3>
+
+        <a href="https://blogs.cornell.edu/info4220/2015/03/10/how-close-is-tinder-to-a-stable-marriage-problem-2/">
+          <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/8/8a/Logo-Tinder.svg/1200px-Logo-Tinder.svg.png">
+        </a>
+      </article>
+
+      <article>
+        <h3>
+          The Most Romantic Mathematician and His Language of Symmetry
+        </h3>
+
+        <a href="http://www.huffingtonpost.com/mario-livio/the-most-romantic-mathema_b_8086330.html">
+          <img src="http://images.huffingtonpost.com/2015-09-04-1441331314-2688252-Evariste_galois.jpg">
+        </a>
+      </article>
+
+      <article>
+        <h3>
+          1 Solved. 6 Millennium Prize Math Problems Remain
+        </h3>
+
+        <a href="http://www.npr.org/templates/story/story.php?storyId=125658261">
+          <img src="http://i.telegraph.co.uk/multimedia/archive/02310/maths1_2310282b.jpg">
+        </a>
+      </article>
+    </section>
+  </main>
+</body>
+
+
+
+
+<footer>
+  <h4> &copy; 2017 </h4>
+<nav>
+    <ul>
+      <il>
+        <a href="https://github.com/lmarianarp19">
+          <img src="pictures/github.png">
+        </il>
+        <il>
+          <a href="https://www.linkedin.com/in/mariana-ramirez/">
+            <img src="pictures/linkedin.png">
+          </il>
+          <il>
+            <a href="https://twitter.com/lMarianarp?lang=en">
+              <img src="pictures/twitter-wrap.png">
+            </il>
+          </ul>
+        </nav>
+      </footer>
+
+
+
+      </html>
diff --git a/index.html b/index.html
@@ -0,0 +1,65 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>Home</title>
+  <link rel="stylesheet" href="styles/normalize.css">
+  <link rel="stylesheet" href="styles/style.css">
+  <link rel="icon" href="pictures/logo.png">
+</head>
+</head>
+<body>
+
+
+  <header >
+
+    <h2><a href="index.html"> Mariana Alper </a></h2>
+
+    <nav>
+      <ul>
+        <a href="/Users/mariana/ada/projects/week6/Static-Site/index.html"> <li> Home</li> </a>
+        <a href="/Users/mariana/ada/projects/week6/Static-Site/portafolio.html"> <li>Portafolio </li></a>
+        <a href="/Users/mariana/ada/projects/week6/Static-Site/hobby.html"><li> Math News </li></a>
+        <a href="/Users/mariana/ada/projects/week6/Static-Site/about.html"><li> About me </li></a>
+      </ul>
+    </nav>
+  </header>
+
+  <body>
+    <section>
+      <h1>
+        Welcome!
+      </h1>
+
+      <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 adipiscing elit. Sed luctus nisl a dolor rhoncus auctor. Donec accumsan massa sed nibh rutrum elementum. Curabitur et luctus nulla. Aliquam dictum rutrum est, ut cursus diam varius a. Sed tincidunt eleifend erat vitae tempus. Ut ultrices faucibus nunc. Mauris posuere nulla sit amet odio ultrices, eu vehicula velit fermentum. Proin lacinia, ante non pellentesque laoreet, nunc neque efficitur turpis, pulvinar venenatis diam tellus vel erat. Duis aliquet ac felis et tristique. Aliquam eget est porttitor, ullamcorper mauris quis, egestas lorem. Maecenas eget nisl et purus sodales faucibus. Pellentesque egestas massa tellus, in malesuada elit posuere at.
+      </p>
+    </section>
+  </body>
+
+
+  <footer>
+    <h4> &copy; 2017 </h4>
+    <nav>
+      <ul>
+        <il>
+          <a href="https://github.com/lmarianarp19">
+          <img src="pictures/github.png"></a>
+        </il>
+        <il>
+          <a href="https://www.linkedin.com/in/mariana-ramirez/">
+          <img src="pictures/linkedin.png"></a>
+        </il>
+        <il>
+          <a href="https://twitter.com/lMarianarp?lang=en">
+          <img src="pictures/twitter-wrap.png"></a>
+        </il>
+        </ul>
+      </nav>
+    </footer>
+
+</html>
diff --git a/pictures/aboutme.jpg b/pictures/aboutme.jpg
diff --git a/pictures/catarinas.jpg b/pictures/catarinas.jpg
diff --git a/pictures/github.png b/pictures/github.png
diff --git a/pictures/home.htm b/pictures/home.htm
@@ -0,0 +1,70 @@
+<!DOCTYPE html>
+<!-- saved from url=(0063)file:///Users/mariana/ada/projects/week6/Static-Site/index.html -->
+<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+
+  <title>home</title>
+  <link rel="stylesheet" href="./home_files/normalize.css">
+  <link rel="stylesheet" href="./home_files/style.css">
+  <link rel="icon" href="file:///Users/mariana/ada/projects/week6/Static-Site/pictures/logo.png">
+</head>
+
+<body>
+
+
+  <header>
+
+    <h2><a href="file:///Users/mariana/ada/projects/week6/Static-Site/index.html"> Mariana Alper </a></h2>
+
+    <nav>
+      <ul>
+        <a href="file:///Users/mariana/ada/projects/week6/Static-Site/index.html#index"> <li> Home</li> </a>
+        <a href="file:///Users/mariana/ada/projects/week6/Static-Site/index.html#portafolio"> <li>Portafolio </li></a>
+        <a href="file:///Users/mariana/ada/projects/week6/Static-Site/index.html#hobby"><li> Hobbies </li></a>
+        <a href="file:///Users/mariana/ada/projects/week6/Static-Site/index.html#about"><li> About me </li></a>
+      </ul>
+    </nav>
+  </header>
+
+
+    <section>
+      <h1>
+        Mariana Alper
+      </h1>
+      <img alt="Profile Picture" src="./home_files/portada.jpg">
+      <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>
+    </section>
+
+
+
+  <footer>
+    <h4> © 2017 </h4>
+    <p>
+      Mariana Alper is not responsible for, and expressly disclaims all liability for, damages of any kind arising out of use, reference to, or reliance on any information contained within the site. While the information contained within the site is periodically updated, no guarantee is given that the information provided in this Web site is correct, complete, and up-to-date.
+    </p>
+    <nav>
+      <p>
+        Contact
+      </p>
+      <ul>
+        <il>
+          <a href="https://github.com/lmarianarp19">
+          <img src="./home_files/github.png">
+        </a></il><a href="https://github.com/lmarianarp19">
+        <il>
+          </il></a><a href="https://www.linkedin.com/in/mariana-ramirez/">
+          <img src="./home_files/linkedin.png">
+
+        <il>
+          </il></a><a href="https://twitter.com/lMarianarp?lang=en">
+          <img src="./home_files/twitter-wrap.png">
+
+        </a></ul><a href="https://twitter.com/lMarianarp?lang=en">
+      </a></nav><a href="https://twitter.com/lMarianarp?lang=en">
+    </a></footer><a href="https://twitter.com/lMarianarp?lang=en">
+
+
+
+
+</a></body></html>
diff --git a/pictures/home_files/github.png b/pictures/home_files/github.png
diff --git a/pictures/home_files/linkedin.png b/pictures/home_files/linkedin.png