Ada-C10 · danimetz · Sep 14, 2018 · Sep 16, 2018 · Sep 17, 2018 · Sep 17, 2018
diff --git a/about.html b/about.html
@@ -0,0 +1,56 @@
+<!DOCTYPE html>
+<html lang="en" dir="ltr">
+  <head>
+    <meta charset="utf-8">
+    <title>About Me</title>
+    <link href="styles/normalize.css" rel="normalize">
+    <link href="stylesheets/style_about.css" rel="stylesheet">
+  </head>
+  <body>
+    <nav>
+      <ul>
+        <li class="logo"><a href="index.html">DM</a></li>
+        <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>
+        <li><a href="contact.html">Contact</a></li>
+      </ul>
+    </nav>
+    <main>
+      <section class="solid">
+        <h2>About</h2>
+      </section>
+      <section>
+        <h2>About Me</h2>
+        <h3><strong>Mechanical Engineer  |    Software Developer | Jeweler  </strong></h3>
+        <p>
+          Hi, I'm Danielle.
+        </p>
+        <p>
+          <strong> Essentially: </strong> <br>
+          Two years ago, I found a love mountain biking. I bought my first mountain bike  so I could join people on their mountain biking adventures. To this day I love how much I have to push myself and all the beautiful places I get to see. <br>
+          I have also found a new love for metalworking outside of the work environment. Metalworking requires a lot of attention to detail which continually challenges me to develop my technique and change my approach to different pieces. <br>
+          I'm a data lover and a computer nerd at heart. This past year I was accepted into Ada Developers Academy. I'm constantly amazed by the different things that can be accomplished through programming. See some of the projects I'm working on by checking out my portfolio tab!
+        </p>
+
+
+        <p>
+          <strong> Official Version: </strong> <br>
+          I am a young professional based in
+          Seattle, WA with a B.S. in Mechanical Engineering and a minor in Economics from the University of Colorado.  Currently, I am studying software development at Ada Developers Academy. Before Ada I was an Operations Support Manager at Zayo Group. I  worked with nationwide Outside Plant teams to  develop an excel tool to manage major construction milestones. With over 70 million feet of fiber build across the nation  my team and I were always looking for ways to drive production and optimize construction visibility in Salesforce.com.
+        </p>
+
+
+      </section>
+    </main>
+
+    <footer>
+      <ul>
+        <li><a href="https://github.com/danimetz"> <img src="images/GitHub-Mark-64px.png" alt="Github Link"></a></li>
+        <li><a href="https://www.instagram.com/danimetz/"> <img src="images/instagram-logo.png" alt="Instagram Link"></a></li>
+        <li><a href="https://www.linkedin.com/in/daniellemetzner/"><img src="images/In-Black-54px-R.png" alt="Linkedin Link"></a></li>
+        <li><a href="mailto:danimetzner@gmail.com"><img src="images/email_logo.png" alt="Email Link"></a></li>
+      </ul>
+    </footer>
+  </body>
+</html>
diff --git a/hobby-blog.html b/hobby-blog.html
@@ -0,0 +1,71 @@
+<!DOCTYPE html>
+<html lang="en" dir="ltr">
+  <head>
+    <meta charset="utf-8">
+    <title>Hobbies</title>
+    <link href="styles/normalize.css" rel="normalize">
+    <link href="stylesheets/style_hobby.css" rel="stylesheet">
+  </head>
+  <body>
+    <nav>
+      <ul>
+        <li class="logo">DM</li>
+        <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>
+        <li><a href="contact.html">Contact</a></li>
+      </ul>
+    </nav>
+    <h1>Mountain Biking</h1>
+    <main class="hobby_layout">
+      <section class="inner">
+        <h2>Crested Butte</h2>
+
+        <p>
+          Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32.
+        </p>
+
+        <p>
+          Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque consectetur sed velit sit amet feugiat. Vestibulum quis mi lobortis, efficitur enim eu, auctor mauris. Integer lorem sapien, hendrerit id metus ut, dictum rhoncus est. Maecenas pharetra viverra urna, ultricies euismod metus feugiat sed. Vivamus id semper turpis. Praesent et dignissim diam. Sed nec sem sit amet risus ultricies pulvinar. Integer eu euismod urna, vitae luctus tortor. Duis suscipit ut sapien eget posuere. Aliquam finibus nisi eget velit fringilla ultrices eu finibus tellus. Vivamus mattis arcu quis rutrum ullamcorper. Phasellus lacus velit, auctor at lacinia non, tincidunt a risus. Praesent semper mauris id nulla ultrices, nec ultrices massa cursus.
+        </p>
+
+        <p>
+          Nunc nulla nisi, rhoncus non laoreet nec, finibus eget dolor. Integer in nunc in odio imperdiet elementum ut quis nunc. Morbi quam felis, lobortis ut dictum ut, sollicitudin nec nisl. Sed posuere placerat luctus. Morbi placerat hendrerit mattis. Praesent venenatis orci ac ante accumsan, hendrerit vulputate sem sodales. Etiam sollicitudin finibus ante, vehicula efficitur nibh porttitor eu. Aliquam varius ultrices dolor, a faucibus magna. Vivamus sodales accumsan turpis et ornare. Donec scelerisque faucibus lectus, at elementum eros maximus vitae. Integer justo risus, congue ac facilisis in, lacinia sit amet arcu. Sed tempus nisl nec tortor semper mollis. Duis non blandit arcu.
+        </p>
+
+      </section>
+
+      <section class = "gallery">
+        <div><img src="images/CB_401.jpg"/></div>
+        <div><img src="images/IMG_1369.jpg"/></div>
+        <div><img src="images/IMG_2689.jpg"/></div>
+        <div><img src="images/IMG_3143.jpg"/></div>
+        <div><img src="images/mtb_campfire.jpg"/></div>
+        <div><img src="images/mtb_carmtns.jpg"/></div>
+        <div><img src="images/mtb_headstand.jpg"/></div>
+        <div><img src="images/mtb_watercrossing.jpg"/></div>
+        <div><img src="images/mtb_wheel.jpg"/></div>
+      </section>
+
+      <section>
+        <img src="image/Moab_slickrock.jpg" />
+      </section>
+
+      <section class = "inner">
+        <h2>Moab</h2>
+      </section>
+
+
+
+    </main>
+
+    <footer>
+      <ul>
+        <li><a href="https://github.com/danimetz"> <img src="images/GitHub-Mark-64px.png" alt="Github Link"></a></li>
+        <li><a href="https://www.instagram.com/danimetz/"> <img src="images/instagram-logo.png" alt="Instagram Link"></a></li>
+        <li><a href="https://www.linkedin.com/in/daniellemetzner/"><img src="images/In-Black-54px-R.png" alt="Linkedin Link"></a></li>
+        <li><a href="mailto:danimetzner@gmail.com"><img src="images/email_logo.png" alt="Email Link"></a></li>
+      </ul>
+    </footer>
+  </body>
+</html>
diff --git a/images/CB_401.jpg b/images/CB_401.jpg
diff --git a/images/GitHub-Mark-120px-plus.png b/images/GitHub-Mark-120px-plus.png
diff --git a/images/GitHub-Mark-32px.png b/images/GitHub-Mark-32px.png
diff --git a/images/GitHub-Mark-64px.png b/images/GitHub-Mark-64px.png
diff --git a/images/GitHub-Mark-Light-120px-plus.png b/images/GitHub-Mark-Light-120px-plus.png
diff --git a/images/GitHub-Mark-Light-32px.png b/images/GitHub-Mark-Light-32px.png
diff --git a/images/GitHub-Mark-Light-64px.png b/images/GitHub-Mark-Light-64px.png
diff --git a/images/IMG_1369.JPG b/images/IMG_1369.JPG
diff --git a/images/IMG_2689.jpg b/images/IMG_2689.jpg
diff --git a/images/IMG_3143.JPG b/images/IMG_3143.JPG
diff --git a/images/In-Black-54px-R.png b/images/In-Black-54px-R.png
diff --git a/images/In-White-54px-R.png b/images/In-White-54px-R.png
diff --git a/images/Moab_canyonlands.jpg b/images/Moab_canyonlands.jpg
diff --git a/images/Moab_slickrock.JPG b/images/Moab_slickrock.JPG
diff --git a/images/driving_mtn.jpg b/images/driving_mtn.jpg
diff --git a/images/email_logo.png b/images/email_logo.png
diff --git a/images/fruita.jpg b/images/fruita.jpg
diff --git a/images/home.jpg b/images/home.jpg
diff --git a/images/instagram-logo.png b/images/instagram-logo.png
diff --git a/images/mtb_campfire.jpg b/images/mtb_campfire.jpg
diff --git a/images/mtb_carmtns.jpg b/images/mtb_carmtns.jpg
diff --git a/images/mtb_glasswater.jpg b/images/mtb_glasswater.jpg
diff --git a/images/mtb_headstand.jpg b/images/mtb_headstand.jpg
diff --git a/images/mtb_watercrossing.jpg b/images/mtb_watercrossing.jpg
diff --git a/images/mtb_wheel.jpg b/images/mtb_wheel.jpg
diff --git a/index.html b/index.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Startrly</title>
+    <link href="styles/normalize.css" rel="normalize">
+    <link href="stylesheets/style.css" rel="stylesheet">
+  </head>
+  <body>
+
+
+    <section class="homepage">
+      <div class="inner">
+        <div class="name">
+          <h1> DANIELLE </h1>
+          <a class="btn" href="about.html"> Say Hello</a>
+        </div>
+      </div>
+    </section>
+
+
+
+
+
+
+
+
+
+  </body>
+
+
+</html>
diff --git a/portfolio.html b/portfolio.html
@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<html lang="en" dir="ltr">
+  <head>
+    <meta charset="utf-8">
+    <title>Portfolio</title>
+    <link href="styles/normalize.css" rel="normalize">
+    <link href="stylesheets/style_portfolio.css" rel="stylesheet">
+  </head>
+  <body>
+    <nav>
+      <ul>
+        <li class="logo"><a href="index.html">DM</a></li>
+        <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>
+        <li><a href="contact.html">Contact</a></li>
+      </ul>
+    </nav>
+    <main>
+      <section class="solid">
+        <h2>Portfolio</h2>
+      </section>
+      <section>
+        <p>
+          <strong> Personal Website </strong> <br>
+        </p>
+
+
+        <p>
+          <strong> Hotel </strong> <br>
+        </p>
+
+        <p>
+          <strong> Grocery Store </strong>
+        </p>
+
+
+      </section>
+    </main>
+
+    <footer>
+      <ul>
+        <li><a href="https://github.com/danimetz"> <img src="images/GitHub-Mark-64px.png" alt="Github Link"></a></li>
+        <li><a href="https://www.instagram.com/danimetz/"> <img src="images/instagram-logo.png" alt="Instagram Link"></a></li>
+        <li><a href="https://www.linkedin.com/in/daniellemetzner/"><img src="images/In-Black-54px-R.png" alt="Linkedin Link"></a></li>
+        <li><a href="mailto:danimetzner@gmail.com"><img src="images/email_logo.png" alt="Email Link"></a></li>
+      </ul>
+    </footer>
+  </body>
+</html>