MTSnowden · DinhH · Oct 15, 2018 · Oct 11, 2018 · Oct 12, 2018 · Oct 12, 2018
diff --git a/02week/bio/Images/congruent_outline.png b/02week/bio/Images/congruent_outline.png
diff --git a/02week/bio/Images/greyfloral.png b/02week/bio/Images/greyfloral.png
diff --git a/02week/bio/Images/paper.png b/02week/bio/Images/paper.png
diff --git a/02week/bio/Images/self.JPG b/02week/bio/Images/self.JPG
diff --git a/02week/bio/Images/strange_bullseyes.png b/02week/bio/Images/strange_bullseyes.png
diff --git a/02week/bio/Images/topography.png b/02week/bio/Images/topography.png
diff --git a/02week/bio/css/style.css b/02week/bio/css/style.css
@@ -0,0 +1,101 @@
+header {
+    padding-right: 200px;
+    text-align: right;
+    font-family: michroma;
+    color: #BDCC94;
+}
+
+body {
+    background-image: url("../Images/strange_bullseyes.png");
+}
+
+/* ------------------------------------ */
+
+nav {
+    float: left;
+    margin: 0;
+    padding: 0;
+    overflow: hidden;
+    list-style-type: none;
+    font-family: michroma;
+    background-color: none;
+}
+
+li { 
+    float: left;
+}
+
+li a {
+    display: block;
+    color: black;
+    background-color: #DEDEDE;
+    padding: 10px 35px;
+    border-radius: 20px;
+    text-decoration: none;
+}
+
+li a:hover {
+    background-color: #6F7F65;
+    color: whitesmoke;
+}
+
+/* -------------------------------------- */
+
+main {
+    display: flex;
+    padding: 10px;
+}
+
+section {
+    padding: 10px;
+    background-image: url("../Images/topography.png");
+    border-radius: 12px;
+    font-family: hammersmith one;
+    font-size: 15px;
+    height: 75%;
+    margin-top: 100px;
+}
+
+aside {
+    background-color:transparent;
+    padding: 5px;
+    border-radius: 12px;
+
+}
+
+.image-cropper {
+    height: auto;
+    position: relative;
+}
+
+.image-cropper img{
+    -webkit-border-radius: 50%;
+    -moz-border-radius: 50%;
+    -ms-border-radius: 50%;
+    -o-border-radius: 50%;
+    border-radius: 50%;  
+}
+
+p {
+    padding-left: 50px;
+}
+
+img {
+    float: right;
+    padding: 20px;
+    margin-bottom: 75px;
+    border-radius: 20px;
+}
+
+/* -------------------------------------------------------------------------- */
+
+.footer {
+    position: fixed;
+    left: 0;
+    bottom: 0;
+    width: 100%;
+    background-image: transparant;
+    color: black;
+    text-align: center;
+    font-family: questrial;
+}
diff --git a/02week/bio/index.html b/02week/bio/index.html
@@ -0,0 +1,81 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <link rel="stylesheet" href="./css/style.css">
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Michroma" />
+    <link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Hammersmith+One" />
+    <link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Questrial" />
+    <title>Biography</title>
+</head>
+
+
+<body>
+
+    <nav>
+        <li><a href="home.asp">Home</a></li>
+        <li><a href="bio.asp">Bio</a></li>
+        <li><a href="portfolio.asp">Portfolio</a></li>
+        <li><a href="contact.asp">Contact</a></li>
+    </nav>
+
+    <header>
+        <h1>Michael Snowden</h1>
+    </header>
+
+
+    <main>
+
+        <!-- ---------------------------------------- -->
+
+    <section>
+
+        <br>
+
+        <p>
+        I've worn several hats in my professional life. After college
+        I instructed high school art in my hometown of Newton, Texas. Sharing the benefits 
+        of creative thought and expression with my students is one of the most rewarding 
+        experiences I've ever had. I smile when I think back on this time of my life, knowing
+        that I have made a positive impact in the lives many.
+        <br>
+        <br>
+
+        In addition to teaching art, I am also a practicing artist. My body of work is 
+        varied consisting of large-scale abstract paintings, charcoal and graphite figure drawings,
+        sculptures constructed of wood, cement and steel, tattoo designs, home furnishings and my personal 
+        favorite, pet portraits. Art gives me life. 
+        <br>
+        <br>
+
+        I've had the pleasure for the past four years of working in the fitness industry, providing 
+        a safe and encouraging space for the self improvement of others. 
+        <br>
+
+
+
+
+        </p>
+    </section>
+
+    <!-- -------------------------------------------- -->
+
+    <aside>
+        <div class="image-cropper">
+            <img src="Images/self.JPG">
+            </div>
+    </aside>
+
+<!-- ------------------------------------------------ -->
+
+    </main>
+
+    <div class="footer">
+        <p>512.765.1415 <br>
+            mtsnowden@gmail.com </p>
+          </div>
+
+</body>
+</html>
diff --git a/index.html b/index.html
@@ -1,10 +1,66 @@
 <!DOCTYPE html>
 <html>
-  <head>
-    <meta charset="utf-8">
-    <title></title>
-  </head>
-  <body>
-    <h1>Hello world!</h1>
-  </body>
+
+<head>
+  <meta charset="utf-8">
+  <link type="text/css" rel="stylesheet" href="style.css" />
+  <title>Michael's Web Workbook</title>
+</head>
+
+<body>
+  <!-- <h1>Michael's Workbook</h1> -->
+  <h1>Michael's Workbook</h1>
+  <section class="week">
+    <h2>Week 1</h2>
+    <a href="01week/helloworld/index.html">Hello World</a>
+    <br />
+    <a href="01week/resume/index.html">Resume</a>
+  </section>
+
+  <section class="week">
+    <h2>Week 2</h2>
+    <a href="02week/bio/index.html">Bio</a>
+  </section>
+
+  <section class="week">
+    <h2>Week 3</h2>
+      <!-- link projects here -->
+  </section>
+
+  <section class="week">
+    <h2>Week 4</h2>
+    <!-- link projects here -->
+  </section>
+
+  <section class="week">
+    <h2>Week 5</h2>
+    <!-- link projects here -->
+  </section>
+
+  <section class="week">
+    <h2>Week 6</h2>
+  <!-- link projects here -->
+  </section>
+
+  <section class="week">
+    <h2>Week 7</h2>
+    <!-- link projects here -->
+  </section>
+
+  <section class="week">
+    <h2>Week 8</h2>
+    <!-- link projects here -->
+  </section>
+
+  <section class="week">
+    <h2>Week 9</h2>
+      <!-- link projects here -->
+  </section>
+
+  <section class="week">
+    <h2>Week 10</h2>
+      <!-- link projects here -->
+  </section>
+</body>
+
 </html>
diff --git a/style.css b/style.css
@@ -1 +1,7 @@
-/* You can style your links page here */
+h1 {
+    font-family: Arial, Helvetica, sans-serif;
+}
+
+.box-01 {
+    border: 2px solid black;
+}