Ada-C8 · RAgerone · Sep 15, 2017 · Sep 15, 2017 · Sep 15, 2017 · Sep 16, 2017
diff --git a/images/20228937_10108374129948270_2583902878926514348_n.jpg b/images/20228937_10108374129948270_2583902878926514348_n.jpg
diff --git a/images/code-1076533_1920.jpg b/images/code-1076533_1920.jpg
diff --git a/images/code-1797778_1920.jpg b/images/code-1797778_1920.jpg
diff --git a/images/computer-2557644_1920.jpg b/images/computer-2557644_1920.jpg
diff --git a/images/emerald-1294690_1280.png b/images/emerald-1294690_1280.png
diff --git a/images/gleise-1066111_1920.jpg b/images/gleise-1066111_1920.jpg
diff --git a/images/icon-1728564_1920.jpg b/images/icon-1728564_1920.jpg
diff --git a/images/instagram-2398773_1920.png b/images/instagram-2398773_1920.png
diff --git a/images/linked-in-2668696_1280.png b/images/linked-in-2668696_1280.png
diff --git a/images/logo-2582757_1920.png b/images/logo-2582757_1920.png
diff --git a/images/nature-animal-fog-insect-18572.jpg b/images/nature-animal-fog-insect-18572.jpg
diff --git a/images/pexels-photo-262508.jpeg b/images/pexels-photo-262508.jpeg
diff --git a/images/pexels-photo-355952.jpeg b/images/pexels-photo-355952.jpeg
diff --git a/images/roxanne_00001.jpg b/images/roxanne_00001.jpg
diff --git a/images/roxanne_4.png b/images/roxanne_4.png
diff --git a/images/technology-1283624_1920.jpg b/images/technology-1283624_1920.jpg
diff --git a/images/twitter-2398800_1920.png b/images/twitter-2398800_1920.png
diff --git a/pages/about-me.html b/pages/about-me.html
@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>Roxanne Agerone</title>
+
+  <link rel="normalize" href="..styles/normalize.css">
+  <link rel="stylesheet" href="../styles/style.css">
+  <link rel="stylesheet" href="../styles/about-me.css">
+</head>
+<body>
+  <div  id = "container">
+    <header>
+      <p>Roxanne Agerone</p>
+      <nav>
+        <ul>
+          <li> <a href="index.html">Home</a> </li>
+          <li> <a href="about-me.html">About Me</a> </li>
+          <li> <a href="portfolio.html">Portfolio</a> </li>
+          <li> <a href="blog.html">Blog</a> </li>
+          <li> <a href="contact.html">Contact</a> </li>
+        </ul>
+      </nav>
+    </header>
+
+    <main>
+
+
+
+      <h1>About Me</h1>
+      <article>
+        <p>
+          I'm the kind of person that believes in life-long learning.  That's why I chose to study software development.  I expect that throughout my career I will be learning new and difficult things.  This is what I live for: the moments where I know that my knowledge isn't sufficient, but my abilty and willingness to learn will get me there.
+        </p>
+        <p>
+          Before I studied programming, I was a chemist.  The skills needed to be an effective scientist also happen to be the same skills that make an excellent developer.  The capabilty to objectively observe, curiosity, and the aptitude to be logical and skeptical are important when it comes to all aspects of coding. When I am given a challenging task, I use the scientific method to solve it.  First, a hypothesis must be formed. The hypothesis is tested. Then the outcome is observed.  Using this method, most difficult tasks can be segmented into approachable problems.
+        </p>
+      </article>
+    </main>
+    <div class="clearfooter"></div>
+  </div>
+
+  <footer>
+    <nav>
+      <ul>
+        <li>Sitemap</li>
+        <li><a href = "mailto:[email protected]">Help</a> </li>
+        <li>  <a href = "mailto:[email protected]">Send Feedback</a> </li>
+      </ul>
+    </nav>
+  </footer>
+
+</body>
+</html>
diff --git a/pages/blog.html b/pages/blog.html
@@ -0,0 +1,71 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>Roxanne Agerone</title>
+
+  <link rel="normalize" href="..styles/normalize.css">
+  <link rel="stylesheet" href="../styles/style.css">
+  <link rel="stylesheet" href="../styles/blog.css">
+</head>
+<body>
+  <div  id = "container">
+    <header>
+      <p>Roxanne Agerone</p>
+      <nav>
+        <ul>
+          <li> <a href="index.html">Home</a> </li>
+          <li> <a href="about-me.html">About Me</a> </li>
+          <li> <a href="portfolio.html">Portfolio</a> </li>
+          <li> <a href="blog.html">Blog</a> </li>
+          <li> <a href="contact.html">Contact</a> </li>
+        </ul>
+      </nav>
+    </header>
+
+    <main>
+        <img alt="Scrabble tiles spelling BLOG" src="../images/pexels-photo-262508.jpeg">
+
+
+      <article>
+        <h3>Lorem Ipsum</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>
+      </article>
+
+      <article>
+        <h3>Lorem Ipsum</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>
+      </article>
+
+      <article>
+        <h3>Lorem Ipsum</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>
+      </article>
+
+
+      <article>
+        <h3>Lorem Ipsum</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>
+      </article>
+
+
+      <article>
+        <h3>Lorem Ipsum</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>
+      </article>
+    </main>
+    <div class="clearfooter"></div>
+  </div>
+
+  <footer>
+    <nav>
+      <ul>
+        <li>Sitemap</li>
+        <li><a href = "mailto:[email protected]">Help</a> </li>
+        <li>  <a href = "mailto:[email protected]">Send Feedback</a> </li>
+      </ul>
+    </nav>
+  </footer>
+
+</body>
+</html>
diff --git a/pages/contact.html b/pages/contact.html
@@ -0,0 +1,102 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>Roxanne Agerone</title>
+
+  <link rel="normalize" href="..styles/normalize.css">
+  <link rel="stylesheet" href="../styles/style.css">
+  <link rel="stylesheet" href="../styles/contct-me.css">
+</head>
+<body>
+  <div  id = "container">
+    <header>
+      <p>Roxanne Agerone</p>
+      <nav>
+        <ul>
+          <li> <a href="index.html">Home</a> </li>
+          <li> <a href="about-me.html">About Me</a> </li>
+          <li> <a href="portfolio.html">Portfolio</a> </li>
+          <li> <a href="blog.html">Blog</a> </li>
+          <li> <a href="contact.html">Contact</a> </li>
+        </ul>
+      </nav>
+    </header>
+
+    <main>
+
+      <section>
+
+        <h2>Contact Me</h2>
+
+        <article class = "contact-me">
+          <h3> Github </h3>
+          <a href= "https://www.github.com"/><img src= "../images/logo-2582757_1920.png" alt="github logo" /></a>
+
+
+        </article>
+
+
+        <article class = "contact-me">
+          <h3> Email </h3>
+          <a href= "mailto:[email protected]"/>  <img src= "../images/icon-1728564_1920.jpg" /></a>
+
+
+        </article>
+
+        <article class = "contact-me">
+          <h3> Twitter </h3>
+          <a href= "https://www.twitter.com"/><img src= "../images/twitter-2398800_1920.png" alt = "Pink Twitter Logo" /></a>
+
+
+        </article>
+
+        <article class = "contact-me">
+          <h3> Instagram </h3>
+          <a href= "https://www.instagram.com.com"/>  <img src= "../images/instagram-2398773_1920.png" alt = "pink Instagram Logo" /></a>
+
+
+        </article>
+
+        <article class = "contact-me">
+          <h3> Linkedin </h3>
+          <a href= "https://www.linkedin.com"/><img src= "../images/linked-in-2668696_1280.png" /></a>
+
+
+        </article>
+
+      </section>
+
+
+    <article>
+      <img src="../images/pexels-photo-355952.jpeg" />
+
+        <h2> Questions or Comments?</h2>
+
+        <img src="../images/site-maintainer.png"/>
+
+        <h4>I'd love to hear from you.</h4>
+
+
+
+        <a href = "mailto:[email protected]">contact webmaster</a><br/>
+        <address>
+        9999 Invisible St, Seattle, WA 98122
+      </address>
+    </article>
+        </main>
+    <div class="clearfooter"></div>
+  </div>
+
+  <footer>
+    <nav>
+      <ul>
+        <li>Sitemap</li>
+        <li><a href = "mailto:[email protected]">Help</a> </li>
+        <li>  <a href = "mailto:[email protected]">Send Feedback</a> </li>
+      </ul>
+    </nav>
+  </footer>
+
+</body>
+</html>
diff --git a/pages/index.html b/pages/index.html
@@ -0,0 +1,75 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>Roxanne Agerone</title>
+
+  <link rel="normalize" href="..styles/normalize.css">
+  <link rel="stylesheet" href="../styles/style.css">
+  <link rel="stylesheet" href="../styles/home.css">
+</head>
+<body>
+  <div  id = "container">
+    <header>
+      <p>Roxanne Agerone</p>
+      <nav>
+        <ul>
+          <li> <a href="index.html">Home</a> </li>
+          <li> <a href="about-me.html">About Me</a> </li>
+          <li> <a href="portfolio.html">Portfolio</a> </li>
+          <li> <a href="blog.html">Blog</a> </li>
+          <li> <a href="contact.html">Contact</a> </li>
+        </ul>
+      </nav>
+    </header>
+
+    <main>
+      <article class = "letter">
+        <img id= "main-photo" alt="Roxanne Agerone" src="../images/roxanne_4.png">
+
+        <p id="letter">Hello,<br /> Welcome to my site.  My name is Roxanne Agerone.  I'm a future software engineer.  Currently I'm studying at Ada Developers Academy in Seattle. This site will be filled with magnificent things by the time I've finished the program.<br /> Sincerely,</p>
+        <p id= "signature">Roxanne Agerone</p>
+
+    </article>
+
+    <article>
+
+    </article>
+<section>
+
+    <h2>Languages</h2>
+    <div id= "section-one">
+    <div class="language" id="ruby">
+      <h3>Ruby</h3>
+    </div>
+    <div class="language" id= "html">
+      <h3>HTML</h3>
+    </div>
+    <div class="language" id= "css">
+      <h3>CSS</h3>
+    </div>
+  </div>
+    <h2>Coming Soon</h2>
+    <div class="language" id= "rails">
+      <h3>Rails</h3>
+    </div>
+    <div class="language" id= "javascript">
+      <h3>JavaScript</h3>
+    </div>
+      </main>
+    <div class="clearfooter"></div>
+  </div>
+
+  </section>
+  <footer>
+    <nav>
+      <ul>
+        <li>Sitemap</li>
+        <li><a href = "mailto:[email protected]">Help</a> </li>
+        <li>  <a href = "mailto:[email protected]">Send Feedback</a> </li>
+      </ul>
+    </nav>
+  </footer>
+
+</body>
+</html>
diff --git a/pages/portfolio.html b/pages/portfolio.html
@@ -0,0 +1,76 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>Roxanne Agerone</title>
+
+  <link rel="normalize" href="..styles/normalize.css">
+  <link rel="stylesheet" href="../styles/style.css">
+  <link rel="stylesheet" href="../styles/portfolio.css">
+</head>
+<body>
+  <div  id = "container">
+    <header>
+      <p>Roxanne Agerone</p>
+      <nav>
+        <ul>
+          <li> <a href="index.html">Home</a> </li>
+          <li> <a href="about-me.html">About Me</a> </li>
+          <li> <a href="portfolio.html">Portfolio</a> </li>
+          <li> <a href="blog.html">Blog</a> </li>
+          <li> <a href="contact.html">Contact</a> </li>
+        </ul>
+      </nav>
+    </header>
+
+    <main>
+      <h2>Portfolio</h2>
+
+      <article>
+        <h3>Lorem Ipsum</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>
+        <a href="#">Link</a>
+      </article>
+
+      <article>
+        <h3>Lorem Ipsum</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>
+<a href="#">Link</a>
+      </article>
+
+      <article>
+        <h3>Lorem Ipsum</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>
+<a href="#">Link</a>
+      </article>
+
+
+      <article>
+        <h3>Lorem Ipsum</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>
+<a href="#">Link</a>
+      </article>
+
+
+      <article>
+        <h3>Lorem Ipsum</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>
+<a href="#">Link</a>
+      </article>
+
+        </main>
+    <div class="clearfooter"></div>
+  </div>
+
+  <footer>
+    <nav>
+      <ul>
+        <li>Sitemap</li>
+        <li><a href = "mailto:[email protected]">Help</a> </li>
+        <li>  <a href = "mailto:[email protected]">Send Feedback</a> </li>
+      </ul>
+    </nav>
+  </footer>
+
+</body>
+</html>