AustinCodingAcademy · penajessica22 · Nov 14, 2018 · Nov 14, 2018 · Nov 16, 2018 · Nov 16, 2018
diff --git a/01week/helloworld/index.html b/01week/helloworld/index.html
@@ -0,0 +1,11 @@
+<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>First Site</title>
+</head>
+<body>
+    <h1>hello world</h1>
+</body>
+</html>
diff --git a/01week/resume/css/style.css b/01week/resume/css/style.css
@@ -0,0 +1,15 @@
+
+.title {
+    color: whitesmoke;
+    text-align: center;
+    height: 100px;
+    width: 100%;
+    text-decoration: underline
+}
+body {
+   background-image: url('../images/ss.jpg');
+}
+.part{
+    color: white;
+    text-align: left;
+}
diff --git a/01week/resume/images/background.jpg b/01week/resume/images/background.jpg
diff --git a/01week/resume/images/ss.jpg b/01week/resume/images/ss.jpg
diff --git a/01week/resume/index.html b/01week/resume/index.html
@@ -0,0 +1,33 @@
+<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>Jessica Pena Resume</title>
+    <link rel="stylesheet" href="./css/style.css">
+</head>
+<body>
+    <h1 class="title">Jessica K. Pena</h1>
+
+<nav>
+    <ul>
+
+    </ul>
+</nav>
+</body>
+    <section>
+        <h2 
+        class="part">Employment</h2>
+        <h5>Wyndham Destinations</h5>
+            <p>Signed up for ACA classes interested in becoming a programmer</p>
+            <li>Student in ACA</li>
+            <li>inform the community of better ways to travel</li>
+    </section>
+    <section>
+            <h5>Walmart</h5>
+                <p>Signed up for ACA classes interested in becoming a programmer</p>
+                <li>Student in ACA</li>
+                <li>STudying intro class in html/css</li>
+        </section>
+
+</html>
diff --git a/02week/bio/css/style.css b/02week/bio/css/style.css
@@ -0,0 +1,10 @@
+@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700');
+body {background-image: url("../images/about\ me.jpg");
+}
+.header{
+    text-align: center;
+    text-decoration: underline;
+    text-decoration-color: antiquewhite;}
+.abp{ 
+    text-align: justify;
+    text-decoration-color: whitesmoke;}
diff --git a/02week/bio/images/about me.jpg b/02week/bio/images/about me.jpg
diff --git a/02week/bio/index.html b/02week/bio/index.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<link rel= "stylesheet" href="../bio/images/about me.jpg"/>
+<html>
+<head>
+    <meta charset="utf-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <title>About Me</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" media="screen" href="main.css" />
+    <script src="main.js"></script>
+</head>
+<body>
+    <h1 class="header">My name is Jessica</h1>
+   <div>
+        <p class="abp">Welcome to my page! where do i begin? I'm a developing web programmer, with much to learn. 
+            i have a passion to serve those who have a desire to achieve their aspirations. Let me know
+            how i can help you!
+         </p>
+    </div>
+    </body>
+</html>
diff --git a/02week/site/css/style.css b/02week/site/css/style.css
@@ -0,0 +1,97 @@
+*{
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+}
+.border-red {
+    border: 1px solid red;
+}
+.border-blue {
+    border: 1px solid blue;
+}
+.border-green {
+    border: 1px solid green;
+}
+body{ 
+    height: 100vh;
+    background-color: #ffffff;
+background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25'%3E%3Cdefs%3E%3ClinearGradient id='a' gradientUnits='userSpaceOnUse' x1='0' x2='0' y1='0' y2='100%25' gradientTransform='rotate(240)'%3E%3Cstop offset='0' stop-color='%23ffffff'/%3E%3Cstop offset='1' stop-color='%234FE'/%3E%3C/linearGradient%3E%3Cpattern patternUnits='userSpaceOnUse' id='b' width='540' height='450' x='0' y='0' viewBox='0 0 1080 900'%3E%3Cg fill-opacity='0.1'%3E%3Cpolygon fill='%23444' points='90 150 0 300 180 300'/%3E%3Cpolygon points='90 150 180 0 0 0'/%3E%3Cpolygon fill='%23AAA' points='270 150 360 0 180 0'/%3E%3Cpolygon fill='%23DDD' points='450 150 360 300 540 300'/%3E%3Cpolygon fill='%23999' points='450 150 540 0 360 0'/%3E%3Cpolygon points='630 150 540 300 720 300'/%3E%3Cpolygon fill='%23DDD' points='630 150 720 0 540 0'/%3E%3Cpolygon fill='%23444' points='810 150 720 300 900 300'/%3E%3Cpolygon fill='%23FFF' points='810 150 900 0 720 0'/%3E%3Cpolygon fill='%23DDD' points='990 150 900 300 1080 300'/%3E%3Cpolygon fill='%23444' points='990 150 1080 0 900 0'/%3E%3Cpolygon fill='%23DDD' points='90 450 0 600 180 600'/%3E%3Cpolygon points='90 450 180 300 0 300'/%3E%3Cpolygon fill='%23666' points='270 450 180 600 360 600'/%3E%3Cpolygon fill='%23AAA' points='270 450 360 300 180 300'/%3E%3Cpolygon fill='%23DDD' points='450 450 360 600 540 600'/%3E%3Cpolygon fill='%23999' points='450 450 540 300 360 300'/%3E%3Cpolygon fill='%23999' points='630 450 540 600 720 600'/%3E%3Cpolygon fill='%23FFF' points='630 450 720 300 540 300'/%3E%3Cpolygon points='810 450 720 600 900 600'/%3E%3Cpolygon fill='%23DDD' points='810 450 900 300 720 300'/%3E%3Cpolygon fill='%23AAA' points='990 450 900 600 1080 600'/%3E%3Cpolygon fill='%23444' points='990 450 1080 300 900 300'/%3E%3Cpolygon fill='%23222' points='90 750 0 900 180 900'/%3E%3Cpolygon points='270 750 180 900 360 900'/%3E%3Cpolygon fill='%23DDD' points='270 750 360 600 180 600'/%3E%3Cpolygon points='450 750 540 600 360 600'/%3E%3Cpolygon points='630 750 540 900 720 900'/%3E%3Cpolygon fill='%23444' points='630 750 720 600 540 600'/%3E%3Cpolygon fill='%23AAA' points='810 750 720 900 900 900'/%3E%3Cpolygon fill='%23666' points='810 750 900 600 720 600'/%3E%3Cpolygon fill='%23999' points='990 750 900 900 1080 900'/%3E%3Cpolygon fill='%23999' points='180 0 90 150 270 150'/%3E%3Cpolygon fill='%23444' points='360 0 270 150 450 150'/%3E%3Cpolygon fill='%23FFF' points='540 0 450 150 630 150'/%3E%3Cpolygon points='900 0 810 150 990 150'/%3E%3Cpolygon fill='%23222' points='0 300 -90 450 90 450'/%3E%3Cpolygon fill='%23FFF' points='0 300 90 150 -90 150'/%3E%3Cpolygon fill='%23FFF' points='180 300 90 450 270 450'/%3E%3Cpolygon fill='%23666' points='180 300 270 150 90 150'/%3E%3Cpolygon fill='%23222' points='360 300 270 450 450 450'/%3E%3Cpolygon fill='%23FFF' points='360 300 450 150 270 150'/%3E%3Cpolygon fill='%23444' points='540 300 450 450 630 450'/%3E%3Cpolygon fill='%23222' points='540 300 630 150 450 150'/%3E%3Cpolygon fill='%23AAA' points='720 300 630 450 810 450'/%3E%3Cpolygon fill='%23666' points='720 300 810 150 630 150'/%3E%3Cpolygon fill='%23FFF' points='900 300 810 450 990 450'/%3E%3Cpolygon fill='%23999' points='900 300 990 150 810 150'/%3E%3Cpolygon points='0 600 -90 750 90 750'/%3E%3Cpolygon fill='%23666' points='0 600 90 450 -90 450'/%3E%3Cpolygon fill='%23AAA' points='180 600 90 750 270 750'/%3E%3Cpolygon fill='%23444' points='180 600 270 450 90 450'/%3E%3Cpolygon fill='%23444' points='360 600 270 750 450 750'/%3E%3Cpolygon fill='%23999' points='360 600 450 450 270 450'/%3E%3Cpolygon fill='%23666' points='540 600 630 450 450 450'/%3E%3Cpolygon fill='%23222' points='720 600 630 750 810 750'/%3E%3Cpolygon fill='%23FFF' points='900 600 810 750 990 750'/%3E%3Cpolygon fill='%23222' points='900 600 990 450 810 450'/%3E%3Cpolygon fill='%23DDD' points='0 900 90 750 -90 750'/%3E%3Cpolygon fill='%23444' points='180 900 270 750 90 750'/%3E%3Cpolygon fill='%23FFF' points='360 900 450 750 270 750'/%3E%3Cpolygon fill='%23AAA' points='540 900 630 750 450 750'/%3E%3Cpolygon fill='%23FFF' points='720 900 810 750 630 750'/%3E%3Cpolygon fill='%23222' points='900 900 990 750 810 750'/%3E%3Cpolygon fill='%23222' points='1080 300 990 450 1170 450'/%3E%3Cpolygon fill='%23FFF' points='1080 300 1170 150 990 150'/%3E%3Cpolygon points='1080 600 990 750 1170 750'/%3E%3Cpolygon fill='%23666' points='1080 600 1170 450 990 450'/%3E%3Cpolygon fill='%23DDD' points='1080 900 1170 750 990 750'/%3E%3C/g%3E%3C/pattern%3E%3C/defs%3E%3Crect x='0' y='0' fill='url(%23a)' width='100%25' height='100%25'/%3E%3Crect x='0' y='0' fill='url(%23b)' width='100%25' height='100%25'/%3E%3C/svg%3E");
+background-attachment: fixed;
+background-size: cover;
+}
+nav{
+    height: 90px;
+    z-index: 1;
+    width: 100%;
+    display: block;
+    position: fixed;
+    padding: 10px 15px 10px 15px;
+    background-color: rgba(128, 128, 128, 0.466);
+    transition: background-color 0.3s ease;
+}
+nav:hover {
+    background-color: rgba(128, 128, 128, 0.466);
+}
+nav .logo {
+    display: inline-block;
+    height: 70px;
+    width: 70px;
+    text-align: center;
+}
+nav .logo i{
+    font-size: 65px;
+    margin: 15% 0;
+}
+nav ul {
+    height: 100%;
+    padding: 10px 0 0;
+    float: right;
+}
+ul li {
+    display: inline-block;
+    padding: 10px;
+    margin: 0 auto;
+}
+header {
+    height: 100vh;
+    background: white;
+    position: relative;
+}
+header .header__title {
+    background: #4c4d4e;
+    width: 100%;
+    display: inline-block;
+    position: absolute;
+    top: 25%;
+}
+header.parent__h1 {
+    background: red;
+    width: 50%;
+    height: 50%;
+    margin: 100px;
+
+}
+header section{
+    height: 100%;
+}
+.firstSection {
+    /* float: left; */
+    width: 30%;
+    background: turquoise;
+
+}
+.secondSection {
+    /* float: left; */
+    width: 50%;
+    background: grey;
+}
+.thirdSection {
+    /* float: left; */
+    width: 30%;
+    background: purple;
+}
+
+section {
+    height: 300px;
+    /* display: inline-block */
+}
diff --git a/02week/site/index.html b/02week/site/index.html
@@ -0,0 +1,33 @@
+<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>
+    <link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
+    <link rel="stylesheet" href="./css/style.css">
+</head>
+<body>
+   <nav class="border-red">
+       <div class="logo border-blue">
+        <i class="fa fa-lg fa-grav"></i>
+        </div>
+       <ul class="border-blue">
+           <li class="border-green">Link 1</li>
+           <li class="border-green">Link 2</li>
+           <li class="border-green">Link 3</li>
+       </ul>
+   </nav> 
+   <header class="border-red">im a header
+       <!-- <section class="border-pink firstSection">section 1</section> 
+       <section class="border-blue secondSection">section 2</section> 
+       <section class="border-green thirdSection">section 3</section>
+       <section class="border-green thirdSection">section 4</section> -->
+   <div class="header___title">
+            <h1 class="border-green">The Mars Coffee Shop</h1> 
+            <h6 class="border-green"> Out of this world cup of joe</h6>
+   </div>             
+   </header>
+   <footer>im a footer</footer> 
+</body>
+</html>
diff --git a/03week/airplane/css/style.css b/03week/airplane/css/style.css
@@ -0,0 +1,106 @@
+html,body {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+}
+body {
+    background-image: url('../img/airline.jpg');
+    background-color: blue;
+    background-repeat: no-repeat;
+    background-size: cover;
+
+}
+nav {
+    height: 90px;
+    width: 100%;
+    background-color: #113f5f;
+    padding: 10px 15px;
+
+}
+.navBar {
+    display: flex;
+    float: right;
+    height: 100%;
+    padding-right: 5%;
+}
+.navBar div {
+  display: inline-block;
+  margin: auto;
+} 
+.divider {
+  padding: 0 10px;
+}
+.container {
+  height: 100%;
+}
+.airline__container {
+  border: 1px solid red;
+  height: 350px;
+  width: 500px;
+  margin-top: 30px;
+  margin-left: 50px;
+  border-radius: 4px;
+}
+.airplanecontainer__row {
+  border: 1px solid blue;
+}
+.row1 {
+  height: 75px;
+  width: 100%;
+}
+.row2 {
+  height: 200px;
+
+}
+.row3 {
+  height: 75px;
+  padding: 0 15px;
+}
+.icon__col {
+  border: 1px solid pink;
+  background: blue;
+  display: inline-block;
+  float: left;
+  height: 100%;
+  width: 30%;
+  text-align: center;
+  padding: 10px 0 0;
+}
+.col1 {
+  background-color: green;
+}
+button {
+  width: 100%;
+  height: 50%;
+  margin-top: 15px;
+  background-color: blue;
+  color: white;
+  border: none;
+  border-radius: 4px;
+
+}
+.input {
+outline-color: none;
+}
+.imput__row {
+  border: 1px solid red;
+}
+.imput__row input {
+  width: 40%;
+
+}
+.imput__row input:nth-child(2) {
+  margin-left: 15px;
+}
+.checkbox__div {
+  display: inline;
+  border: 1px solid blue;
+  float: right;
+}
+.checkbox__div span input {
+  width: 20px;
+  color: white;
+}
+.item3 input {
+  width: 50px;
+}