AustinCodingAcademy · SanchezEL · Nov 14, 2018 · Nov 14, 2018 · Nov 16, 2018 · Nov 21, 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 Post</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,30 @@
+header{
+  //background-color:violet;
+  //float: center;
+  text-align: center;
+  border: 2px solid black;
+}
+nav{
+  background-color: rgb(199, 193, 193);
+}
+body{
+  background-image: linear-gradient(yellow,violet);
+}
+main {
+  background-image: linear-gradient(violet,yellow);
+  border: 2px solid black;
+  width: 35%;
+  height: 75%;
+  float: left;
+}
+aside{
+  background-image: linear-gradient(violet,yellow);
+  border: 2px solid black;
+  width: 35%;
+  height: 75%;
+  float: right;
+}
+footer{
+  height: 5%;
+  clear:both;
+}
diff --git a/01week/resume/index.html b/01week/resume/index.html
@@ -0,0 +1,62 @@
+<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>Emilio Sanchez Resumé</title>
+</head>
+<body>
+  <header>
+    <h1>Resumé</h1>
+    <h2>Emilio Sanchez</h2>
+    <nav>
+      <a href="https://en.wikipedia.org/wiki/Special:Random">
+        Contact Info
+      </a>
+      <a href="https://en.wikipedia.org/wiki/Special:Random">
+        Portfolio
+      </a>
+    </nav>
+  </header>
+  <main>
+    <section>
+      <article>
+        <h2><u>Experience</u></h2>
+        <h3>Habiat for Humanity</h3>
+          <p>2015 - 2016</p>
+        <h3>Company Inc.</h3>
+          <p>June 2016 - December 2016</p>
+        </article>
+        <article>
+            <h2><u>Education</u></h2>
+            <h3>University of Texas at Austin</h3>
+            <p>Bachelors of Arts in Sociology</p>
+            <p>2018</p>
+
+        </article>
+        <article>
+            <h2><u>Technichal Skills</u></h2>
+            <ul>
+              <li>HTML</li>
+              <li>CSS</li>
+              <li>Microsoft Word</li>
+              <li>Microsoft Excel</li>
+            </ul>
+        </article>
+    </section>
+  </main>
+
+  <aside>
+      <h2><u>Professional Summary</u></h2>
+      <p>Inexperienced web developer who
+        specializes at making online
+        resumés. 
+      </p>
+   </aside>
+   <footer>Emilio Sanchez Resume</footer>
+
+
+</body>
+
+</html>
diff --git a/02week/bio/css/email-logo.png b/02week/bio/css/email-logo.png
diff --git a/02week/bio/css/facebook-logo.png b/02week/bio/css/facebook-logo.png
diff --git a/02week/bio/css/profile_pic.jpg b/02week/bio/css/profile_pic.jpg
diff --git a/02week/bio/css/style.css b/02week/bio/css/style.css
@@ -0,0 +1,82 @@
+body{
+  line-height: 20px;
+  font-family: 'Roboto Condensed', sans-serif;
+  text-indent: 20px;
+  background:rgb(255, 251, 239);
+}
+header{
+  float:left;
+  background-color: lightcoral;
+  width:100%;
+  color: rgb(56, 56, 54);
+}
+nav{
+  float:right;
+}
+ul {
+  list-style-type: none;
+  margin: 0;
+  padding: 0;
+  overflow: hidden;
+}
+
+li {
+  float: left;
+}
+
+li a {
+  padding-right: 10px;
+  padding-left: 10px;
+  text-align: center; 
+  color: rgb(56, 56, 54);
+  text-decoration: none;
+  font-size: default;
+}
+li a:hover{
+  color:white;
+  background-color: rgb(4, 235, 235);
+  font-style: oblique;
+}
+li a.active{
+  color: white;
+}
+.image1{
+  padding: 50px;
+  border-radius: 50%;
+  float: left;
+}
+.image2{
+  margin: 10px 0px;
+  padding: 10px;
+  float: right;
+}
+#bio{
+    background-color: rgb(179, 174, 174);
+    margin: 10px 0px;
+    padding: 10px;
+    width: 30%;
+    height: 70%;
+    float: left;
+}
+#bio p{
+  margin: 0px 0px;
+  padding: 5px;
+  float:left;
+  text-indent: 30px;
+  line-height:30px;
+}
+footer{
+  float:left;
+  background-color: lightcoral;
+  width:100%;
+  height: 10%;
+  color: rgb(56, 56, 54);
+}
+.rightSide{
+  width:50%;
+  float: right;
+}
+.leftSide{
+  width: 50%;
+  float:left;
+}
diff --git a/02week/bio/index.html b/02week/bio/index.html
@@ -0,0 +1,58 @@
+<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 href="https://fonts.googleapis.com/css?family=Roboto+Condensed" rel="stylesheet">
+  <link rel="stylesheet" href="./css/style.css">
+  <title>Emilio Sanchez Bio</title>
+</head>
+<body>
+  <header>
+    <h1>Emilio Sanchez</h1>
+    <h3>Aspiring Web Developer</h2>
+    <nav>
+      <ul>
+        <li><a href="index.html" class="active">Home</a></li>
+        <li><a href="../../01week/resume/index.html">Resumé</a></li>
+        <li><a href="https://github.com/SanchezEL">Projects</a></li>
+        <li><a href="https://www.linkedin.com/in/emilio-sanchez-10086a174/">LinkedIn</a></li>
+      </ul>
+    </nav>
+  </header>
+  <main>
+    <section>
+      <div class="leftSide">
+        <img src="css/profile_pic.jpg" class="image1" alt="Emilio Sanchez" width="450" height="450">
+      </div>
+        <div id="bio">  
+          <h1>About Me</h1>
+          <p>
+            My name is Emilio Sanchez. I'm an aspiring web developer 
+            living in Austin, Texas. Irecently graduated from the University
+            of Texas at Austin with a bachelor's 
+            degree in Sociology. I am currently
+            learning HTML and CSS at Austin Coding
+            Academy. 
+          </p>
+          <p>
+            I enjoy exploring around Austin.
+          </p>
+        </div> 
+    </section>  
+    </main>
+    <footer>
+      <div class="leftSide">
+        <p>Emilio's bio. 2018.</p>
+      </div>
+      <div class="rightSide">
+        <a href="https://www.facebook.com/emilio.sanchez.3154">
+          <img src="css/facebook-logo.png" class="image2" alt="Facebook logo" width="50px" height= 50px>
+        </a>
+        <a href="mailto:[email protected]">
+          <img src="css/email-logo.png" class="image2" alt="email logo" width="50px" height="50px">
+        </a>  
+      </div>
+      </footer>
+  </body>
+</html>
diff --git a/02week/blog/css/email-logo.png b/02week/blog/css/email-logo.png
diff --git a/02week/blog/css/profile_pic.jpg b/02week/blog/css/profile_pic.jpg
diff --git a/02week/blog/css/style.css b/02week/blog/css/style.css
@@ -0,0 +1,111 @@
+*{
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+}
+body{
+  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(168,719,381)'%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.13'%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;
+  font-family: 'Roboto', sans-serif;
+}
+header{
+  padding: 10px 10px;
+  height:15%;
+  width: 100%;
+  /* background-color: rgb(177, 171, 171); */
+  background: rgb(155, 150, 150);
+  border-bottom: 3px solid rgba(255, 237, 75, 0.87);
+}
+nav{
+  margin: 20px 0px 0px 0px;
+  padding-right: 10px;
+  padding-left: 10px;
+  padding-bottom: 2px;
+  float:right;
+  background: rgb(255, 237, 75);
+}
+nav > ul{
+  list-style-type: none;
+  overflow: hidden;
+  margin-top: 5px;
+  padding: 0px;
+}
+nav> ul > li{
+  /* margin: 5px; */
+  float: left;
+}
+nav > ul > li > a{
+  padding: 5px;
+  margin: 5px;
+  text-decoration: none;
+  color: inherit;
+  background: inherit;
+}
+nav > ul > li > a:hover{
+  color: #76ddd3;
+}
+nav > ul > li > a.home{
+  color:#76ddd3;
+}
+article{
+  transition-duration: 1s;
+  margin: 10px auto;
+  width: 40%;
+  border: 2px solid black;
+  padding: 10px 10px;
+  background: rgba(155, 150, 150, 0.5);
+}
+article > h3{
+  color: rgba(255, 237, 75, 0.87);
+}
+article:hover{
+  transition-duration: 1s;
+  background-color: rgba(155, 150, 150,.8);
+}
+article p{
+  text-indent: 20px;
+  margin: 15px 0px;
+}
+article > p:first-letter{
+  font-size:20px;
+  font-weight: bold;
+}
+/*article p:first-of-type:hover:first-letter{
+  color: rgba(255, 237, 75, 0.87);
+} */
+article p:first-of-type span:hover{
+  color: rgba(255, 237, 75, 0.87);
+}  
+footer{
+  color: #76ddd3;
+  border-top: 3px solid rgba(255, 237, 75, 0.87);
+  padding: 10px 10px;
+  height:10%;
+  width: 100%;
+  /* background-color: rgb(177, 171, 171); */
+  background: rgb(155, 150, 150);
+  font-family: 'Courier New', Courier, monospace;
+}
+img{
+  border-radius: 50%;
+  padding:5px;
+  margin: auto 10px;
+  /* float: right; */
+}
+.rightSide{
+  float: right;
+  text-align: right;
+  color: inherit;
+  width: 50%;
+}
+.rightSide > h3{
+  margin: 2vh 5px;
+  float: right;
+}
+.leftSide{
+  float: left;
+  color: inherit;
+  width: 50%;
+}