Ada-C10 · Naltrexone · Sep 17, 2018 · Nov 13, 2018 · Nov 13, 2018 · Nov 13, 2018
diff --git a/Bungee.jpg b/Bungee.jpg
diff --git a/Fish.jpg b/Fish.jpg
diff --git a/NY.jpg b/NY.jpg
diff --git a/Sealife.jpg b/Sealife.jpg
diff --git a/about.html b/about.html
@@ -0,0 +1,87 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <link href="styles/style.css" rel="stylesheet">
+  <link rel="stylesheet" href="styles/about.css">
+  <title>About Divya</title>
+</head>
+
+<body>
+  <div class="mom-grid">
+
+    <section class="header-nav">
+      <header class="header">
+        <div class="logo">
+          <img src="logo.jpg" alt="my-logo">
+        </div>
+        <h2>Divya Mohanan
+        </h2>
+
+      </header>
+
+      <nav class="nav">
+        <ul class="nav-list">
+          <li class="home">
+            <a href="index.html">
+              Home
+            </a>
+          </li>
+          <li class="portfolio">
+            <a href="portfolio.html">
+              Portfolio
+            </a>
+          </li>
+          <li class="hobby">
+            <a href="hobby.html">
+              Hobbies
+            </a>
+          </li>
+          <li class="about">
+            About
+          </li>
+        </ul>
+      </nav>
+    </section>
+
+    <section class="story">
+    </section>
+
+    <section class="about-me">
+    <div class="me">
+      <h2>Food in Seattle
+      </h2>
+    </div>
+    <div class="me">
+      <h2>To Be A Developer
+      </h2>
+    </div>
+    <div class="me">
+      <h2>Mystery Novels
+      </h2>
+    </div>
+    <div class="me">
+      <h2>Healthy Living
+      </h2>
+    </div>
+    </section>
+
+    <section class="bottom">
+      <footer class="footer">
+        <ul class="bottom-list">
+          <li>
+            © 2018 Divya.
+          </li>
+          <li>
+            Privacy
+          </li>
+          <li>
+            Help
+          </li>
+        </ul>
+      </footer>
+    </section>
+
+  </div>
+</body>
+</html>
diff --git a/back.jpg b/back.jpg
diff --git a/climbing.jpg b/climbing.jpg
diff --git a/clownfish.jpeg b/clownfish.jpeg
diff --git a/deer.jpg b/deer.jpg
diff --git a/dessert.jpg b/dessert.jpg
diff --git a/dubai.jpg b/dubai.jpg
diff --git a/ele.jpg b/ele.jpg
diff --git a/giraffe.jpg b/giraffe.jpg
diff --git a/hobby.html b/hobby.html
@@ -0,0 +1,110 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <link href="styles/style.css" rel="stylesheet">
+  <link rel="stylesheet" href="styles/hobby.css">
+  <title>Divya's Hobbies</title>
+</head>
+<body>
+
+  <div class="mom-grid">
+
+    <section class="header-nav">
+      <header class="header">
+        <div class="logo">
+          <img src="logo.jpg" alt="skyline"/>
+        </div>
+        <h2>Divya Mohanan
+        </h2>
+
+      </header>
+
+      <nav class="nav">
+        <ul class="nav-list">
+          <li class="home">
+            <a href="index.html">
+              Home
+            </a>
+          </li>
+          <li class="portfolio">
+            <a href="portfolio.html">
+              Portfolio
+            </a>
+          </li>
+          <li class="hobby">
+            Hobbies
+          </li>
+          <li>
+            <a href="about.html">
+              About
+            </a>
+          </li>
+        </ul>
+      </nav>
+    </section>
+
+    <section class="story">
+    </section>
+
+    <section class="hobby-container">
+
+      <div class="column">
+        <img src="singapore.jpg" width="200" height="300" alt="hobby-pic"/>
+        <img src="salad.png" width="200" height="250" alt="hobby-pic"/>
+        <img src="dubai.jpg" alt="hobby-pic" />
+        <img src="tower.jpeg" width="200" height="250" alt="hobby-pic"/>
+        <img src="koala.jpg" alt="hobby-pic">
+        <img src="london.jpg" width="200" height="250" alt="hobby-pic"/>
+      </div>
+
+      <div class="column">
+        <img src="jellyfish.jpg" width="200" height="300" alt="hobby-pic" />
+        <img src="Sealife.jpg" width="200" height="250" alt="hobby-pic"/>
+        <img src="Bungee.jpg" width="200" height="250" alt="hobby-pic"/>
+        <img src="climbing.jpg" alt="hobby-pic">
+        <img src="thailand.jpg" width="200" height="250" alt="hobby-pic"/>
+        <img src="macaw.jpg" alt="hobby-pic">
+      </div>
+
+      <div class="column">
+        <img src="parasailing.png" width="200" height="300" alt="hobby-pic"/>
+        <img src="rafting.jpg" alt="hobby-pic">
+        <img src="tiger.jpg" alt="hobby-pic">
+        <img src="ele.jpg" alt="hobby-pic">
+        <img src="deer.jpg" alt="hobby-pic">
+        <img src="dessert.jpg" alt="hobby-pic">
+      </div>
+
+      <div class="column">
+        <img src="switzerland.jpg" width="200" height="250" alt="hobby-pic"/>
+        <img src="salad.png" alt="hobby-pic">
+        <img src="Ny.jpg" width="200" height="250" alt="hobby-pic"/>
+        <img src="sunset.jpg" alt="hobby-pic">
+        <img src="pie.jpeg" alt="hobby-pic">
+        <img src="clownfish.jpeg" alt="hobby-pic">
+      </div>
+
+    </div> -->
+  </section>
+
+  <section class="bottom">
+    <footer class="footer">
+      <ul class="bottom-list">
+        <li>
+          © 2018 Divya.
+        </li>
+        <li>
+          Privacy
+        </li>
+        <li>
+          Help
+        </li>
+      </ul>
+    </footer>
+  </section>
+
+</div>
+
+</body>
+</html>
diff --git a/index.html b/index.html
@@ -0,0 +1,95 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <link href="styles/style.css" rel="stylesheet">
+  <link href="https://fonts.googleapis.com/css?family=Abril+Fatface" rel="stylesheet">
+  <link rel="stylesheet" href="styles/index.css">
+  <title>Divya's Portfolio</title>
+</head>
+
+<body>
+  <div class="mom-grid">
+
+    <section class="header-nav">
+      <header class="header">
+        <div class="logo">
+          <img src="logo.jpg" alt="my-logo">
+        </div>
+        <h2>Divya Mohanan
+        </h2>
+
+      </header>
+
+      <nav class="nav">
+        <ul class="nav-list">
+          <li class="home">
+            Home
+          </li>
+          <li class="portfolio">
+            <a href="portfolio.html">
+              Portfolio
+            </a>
+          </li>
+          <li class="hobby">
+            <a href="hobby.html">
+              Hobbies
+            </a>
+          </li>
+          <li>
+            <a href="about.html">
+              About
+            </a>
+          </li>
+        </ul>
+      </nav>
+    </section>
+
+    <section class="story">
+      <h1 class="message">It always seems impossible until it's done.
+      </h1>
+    </section>
+
+    <section class="buttons">
+      <div class="button">
+        <img src="life.jpg" alt="button-img">
+        <a class="word-button" href="index.html">Life
+        </a>
+      </div>
+      <div class="button">
+        <img src="owl.jpg" alt="button-img">
+        <a class="word-button" href="portfolio.html">Learn
+        </a>
+      </div>
+      <div class="button">
+        <img src="love.png" alt="button-img">
+        <a class="word-button" href="about.html">Love
+        </a>
+      </div>
+      <div class="button">
+        <img src="travel.png" alt="button-img">
+        <a class="word-button" href="hobby.html">Travel
+        </a>
+      </div>
+
+    </section>
+
+    <section class="bottom">
+      <footer class="footer">
+        <ul class="bottom-list">
+          <li>
+            © 2018 Divya.
+          </li>
+          <li>
+            Privacy
+          </li>
+          <li>
+            Help
+          </li>
+        </ul>
+      </footer>
+    </section>
+
+  </div>
+</body>
+</html>
diff --git a/jellyfish.jpg b/jellyfish.jpg
diff --git a/jogging.jpg b/jogging.jpg
diff --git a/koala.jpg b/koala.jpg
diff --git a/life.jpg b/life.jpg
diff --git a/logo.jpg b/logo.jpg
diff --git a/london.jpg b/london.jpg
diff --git a/love.png b/love.png
diff --git a/macaw.jpg b/macaw.jpg
diff --git a/owl.jpg b/owl.jpg
diff --git a/parasailing.png b/parasailing.png
diff --git a/pie.jpeg b/pie.jpeg