AustinCodingAcademy · jschaef80 · Oct 12, 2018 · Oct 17, 2018 · Oct 19, 2018 · Oct 25, 2018
diff --git a/01week/helloworld/index.html b/01week/helloworld/index.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <title>Document</title>
+</head>
+<body>
+   Hello world! 
+</body>
+</html>
diff --git a/02week/bio/css/style.css b/02week/bio/css/style.css
@@ -0,0 +1,24 @@
+body {
+    background-image: url(../images/logo.png);
+    background-repeat: no-repeat;
+    background-position: bottom left;
+    background-color: blue;
+    background-size: 25%
+}
+
+p {color: whitesmoke;
+    font-family: Arial;
+}
+
+h2 {color: whitesmoke;
+    font-family: Arial;
+    }
+
+#container {
+    width: 300px;
+    border: 25px solid whitesmoke;
+    border-radius: 25px;
+    padding: 50px;
+    margin: 0 auto;
+}
+
diff --git a/02week/bio/images/biopicture.jpg b/02week/bio/images/biopicture.jpg
diff --git a/02week/bio/images/logo.png b/02week/bio/images/logo.png
diff --git a/02week/bio/index.html b/02week/bio/index.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <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" href="css/style.css">
+    <title>CEO Bio</title>
+</head>
+<body>
+    <div id="container">
+    <center>
+<h2>Shellye's Biography</h2>
+        <img src="images/biopicture.jpg">
+
+        <br><br>
+
+        <p>As the CEO of MetricStream, Shellye Archambeau is responsible for running all facets of the business.
+        Shellye has a proven executive management track record and over 20 years of experience driving sales
+        growth in the technology industry. Prior to joining MetricStream, Shellye was Chief Marketing Officer and
+        Executive Vice President of Sales for Loudcloud, Inc, responsible for all global sales and marketing
+        activities. At Loudcloud she led the transformation into an enterprise-focused company while growing sales
+        50% year over year. Previously, she served as Chief Marketing Officer of NorthPoint Communications,
+        where she led the design and implementation of all sales and marketing strategies. Shellye also served as
+        President of Blockbuster, Inc.'s e-commerce division and was recognized by Internet World as one of the
+        Top 25 'Click and Mortar' executives in the country in June of 2000. She spent the prior 15 years at IBM,
+        holding several domestic and international executive positions. Shellye serves on the board of directors of
+        Arbitron, Inc. and the Forum for Women Entrepreneurs and Executives. She earned a BS degree at the
+        University of Pennsylvania, Wharton School of Business.</p>
+    </center>
+    </div>
+</body>
+</html>
diff --git a/02week/blog/css/style.css b/02week/blog/css/style.css
@@ -0,0 +1,38 @@
+body{
+    background-color: lightgrey;
+}
+
+main{
+    width: 600px;
+    margin: auto;
+}
+
+article{
+    background-color: white;
+    padding: 10px;
+    margin: 20px;
+    font-family:  'Mali', cursive;
+
+}
+
+p::first-letter{
+    font-size: 200%
+}
+
+p:hover:first-letter{
+    color: red;
+}
+
+article:nth-child(even) {
+    font-family: Arial, Helvetica, sans-serif
+}
+
+article > p {
+    background-color: lightgray
+}
+
+h2 {border-style: double;}
+
+small:active {
+    color: lightgrey;
+}
diff --git a/02week/blog/index.html b/02week/blog/index.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <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" href="css/style.css">
+    <title>Document</title>
+    <link href="https://fonts.googleapis.com/css?family=Mali" rel="stylesheet">
+</head>
+<body>
+    <main>
+        <article>
+            <h2>
+                Lorem ipsum dolor sit amet consectetur adipisicing elit.</h2>
+                <div>Jan 1 2018</div>
+                <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Aperiam accusamus quia in fugiat laboriosam dignissimos at tempora deleniti sed. Veniam iusto in mollitia soluta deleniti? Vel reprehenderit et eveniet qui.</p>
+                <small>Article by Jim Schaefer</small>
+        </article>
+        <article>
+            <h2>
+                Lorem ipsum dolor sit amet consectetur adipisicing elit.</h2>
+                <div>Jan 1 2018</div>
+                <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Aperiam accusamus quia in fugiat laboriosam dignissimos at tempora deleniti sed. Veniam iusto in mollitia soluta deleniti? Vel reprehenderit et eveniet qui.</p>
+                <small>Article by Jim Schaefer</small>
+        </article>
+        <article>
+            <h2>
+                Lorem ipsum dolor sit amet consectetur adipisicing elit.</h2>
+                <div>Jan 1 2018</div>
+                <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Aperiam accusamus quia in fugiat laboriosam dignissimos at tempora deleniti sed. Veniam iusto in mollitia soluta deleniti? Vel reprehenderit et eveniet qui.</p>
+                <small>Article by Jim Schaefer</small>
+        </article>
+        <article>
+            <h2>
+                Lorem ipsum dolor sit amet consectetur adipisicing elit.</h2>
+                <div>Jan 1 2018</div>
+                <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Aperiam accusamus quia in fugiat laboriosam dignissimos at tempora deleniti sed. Veniam iusto in mollitia soluta deleniti? Vel reprehenderit et eveniet qui.</p>
+                <small>Article by Jim Schaefer</small>
+        </article>
+    </main>
+</body>
+</html>
diff --git a/03week/airplane/css/reset.css b/03week/airplane/css/reset.css
@@ -0,0 +1,20 @@
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, embed,
+figure, figcaption, footer, header, hgroup,
+menu, nav, output, ruby, section, summary,
+time, mark, audio, video, {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  font-size: 100%;
+  font: inherit;
+  vertical-align: baseline;
+}
diff --git a/03week/airplane/css/style.css b/03week/airplane/css/style.css
@@ -0,0 +1,88 @@
+html, body{
+height: 100%;
+margin: 0px;
+padding: 0px;
+}
+
+body {
+    background-image: url("../img/airline.jpg");
+    background-size: cover;
+    background-attachment: fixed;
+    background-repeat: no-repeat;
+    font-family: 'Roboto', sans-serif;
+ }
+
+ header{
+     width: 100%;
+     height: 85px;
+     margin: 0px;
+     position: absolute;
+     top: 0px;
+     background-color: #183A55
+ }
+
+ .logo{
+     position: absolute;
+     top: 0px;
+ }
+
+.navmenu{
+    height: 40px;
+    position: absolute;
+    bottom: 0px;
+    right: 0px;
+}
+
+a{
+    color: white;
+    text-decoration: none;
+    margin: 15px;
+}
+
+.home::before{
+    content: url("../img/home-icon.png");
+}
+
+.traveldeals::before{
+    content: url("../img/deal-icon.png");
+}
+
+.flightschedule::before{
+    content: url("../img/schedule-icon.png");
+}
+
+.register::before{
+    content: url("../img/login-icon.png");
+}
+
+.mainbox{
+    width: 300px;
+    height: 300px;
+    background-color: #183A55;
+    margin-top: 200px;
+    margin-left: 100px;
+}
+
+button{
+    float: left;
+    margin: 0px;
+    border: 0px;
+    width: 100px;
+    height: 50px;
+    background-color: #048c80;
+}
+
+input{
+    margin: 10px;
+    height: 30px;
+    width: 122px;
+    background-color: #183A55;
+}
+
+radio{ 
+    margin: 0px;
+    border: 0px;
+    padding: 0px;
+    width: 13px;
+    height: 13px;
+}
diff --git a/03week/airplane/index.html b/03week/airplane/index.html
@@ -0,0 +1,49 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <title>UX Atlantic</title>
+    <link rel="stylesheet" type="text/css" href="css/reset.css">
+    <link rel="stylesheet" type="text/css" href="css/style.css">
+    <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
+</head>
+<body>
+    <header>
+            <img src="img/logo.png" class="logo">
+            <nav class="navmenu">
+                <a href="" class="home">Home</a>
+                <a href="" class="traveldeals">Travel Deals</a>
+                <a href="" class="flightschedule">Flight Schedule</a>
+                <a href="" class="register">Register/Login</a>
+            </nav>
+    </header>
+
+    <main>
+        <div class="mainbox">
+            <div class="formselect">
+               <button class="button"><img src="img/plane-icon.png"></button>
+               <button class="button"><img src="img/hotel-icon.png"></button>
+               <button class="button"><img src="img/car-icon.png"></button> 
+            </div>
+            <div class="container1">
+                <input type="text" class="input" placeholder="Depart">
+                <input type="text" class="input" placeholder="Arrive">
+            </div>
+            <div class="container2">
+                <input type="text" class="input" placeholder="mm/dd/yyyy">
+                <input type="text" class="input" placeholder="mm/dd/yyyy">
+            </div>
+            <div class="radiobutton">
+                <input type="radio" id="return"
+                       name="drone" value="return"/>
+                <label for="return">Return</label>
+                <input type="radio" id="one way"
+                       name="drone" value="one way"/>
+                <label for="return">One Way</label>
+            </div>
+        </div>
+    </main>
+</body>
+</html>
diff --git a/04week/nasa/css/style.css b/04week/nasa/css/style.css
@@ -0,0 +1,56 @@
+body{
+    font-family: 'Roboto', sans-serif;
+}
+
+header{
+    background-image: url("../img/nasa-background.jpg");
+    background-repeat: no-repeat;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 450px;
+    width: 850px;
+}
+
+h1{
+    font-size: 150%;
+}
+
+main{
+    height: 324px;
+    width: 850px;
+    margin-top: 20px;
+    display: flex;
+    flex-wrap: nowrap;
+    flex-direction: row;
+    background-color: #E6E6E6;
+}
+
+div{
+    height: 324px;
+    width: 270px;
+    padding: 20px;
+}
+
+input{
+    width: 100%;
+}
+
+.name{
+    resize: none;
+    width: 90%;
+}
+
+.message{
+    resize: none;
+    width: 90%;
+    height: 70px;
+}
+
+button{
+    width: 80px;
+    height: 30px;
+    font-size: 20px;
+    color: white;
+    background-color: #4D4D4D;
+}