AustinCodingAcademy · laxmigurumoorthy · Oct 25, 2018 · Oct 25, 2018 · Oct 25, 2018 · Oct 26, 2018
diff --git a/01resume/index.html b/01resume/index.html
@@ -0,0 +1,115 @@
+<!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="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" />
+    <title>Resume</title>
+    <style>
+    h1 {
+      font-family: 'Arial', sans-serif;
+      text-align:center;
+    }
+    mark
+    {
+        background-color: black;
+        color: white;
+    }
+
+    </style>
+</head>
+<body>
+    <h1>Laxmi Gurumoorthy</h1>
+     <center><h2>Project Manager</h2>   </br>
+     <b> Austin, TX, US</br>
+     One Dell Way</br></br>
+     EMAIL:test@gmail.com</br>
+     PHONE- (xxx) xxx-xxx</br>
+     WEBSITE- http://test.com  </b></br></br>
+     <strong> PROFILES</strong></center>
+    <h3><i class="fa fa-user" aria-hidden="true"></i>About</h3>
+    <p>
+
+        Laxmi hails from Austin, TX. She has earned a degree in CS from the University of Minnesota. 
+    </p>
+
+    <h2><i class="fa fa-briefcase" aria-hidden="true"></i>Work Experience</h2>
+    <b>Project Manager, Dell<br>
+    December 2013 - December 2014 </b><br>
+    <p>
+    Pied Piper is a multi-platform technology based on a propriatary universal compression algorithm that has consistently fielded high Weisman Scores that are not merely competetive, but approach the theoritical limit of lossless compression   
+    <h5>Highlights</h5>
+          <ul>
+              <li>Build an algorithm for artist to detect if their music was violating copy right infringement laws</li>
+              <li>Successfully win Techcrunch Disrupt</li>
+              <li>Optimized an algorithm that hols the current world record for Weisman Scores</li>
+          </ul>
+    </p>
+
+    <h2><i class="fa fa-child" aria-hidden="true"></i>Volunteer Work</h2>
+
+    <b>Teacher. CoderDojo<br>
+    January 2012 - January 2013</b> <br>
+
+    Global movement of free coding clubs for young people
+    http://coderdojo.com/
+    <h5>HIGHLIGHTS</h5>
+          <UL>
+              <li>Awarded Teacher of the Month</li>
+          </UL>
+
+    <h4><i class="fa fa-server" aria-hidden="true"></i>SKILLS</h4>
+
+    <b>Web Development</b><br>
+    <mark>HTML</mark>    
+    <mark>CSS</mark>
+    <mark>Javascript</mark>
+
+     <br><br> <br>
+     <b>Compression</b><br>
+     <mark>MPEG</mark>    
+    <mark>ZIP</mark>
+    <mark>CLIF</mark>
+
+    <h4><i class="fa fa-graduation-cap" aria-hidden="true"></i>EDUCATION</h4>
+    <strong>M.S in Computer Science -  University of Minnesota</strong><br>
+    <b>June 2011 - January 2014 <br>
+    GPA: 4.0</b><br>
+
+    <h5>COURSES</h5>
+       <UL>
+           <li>DB1101 - Basic SQL</li>
+           <li>CS2011 - Java Introduction</li>
+       </UL>
+
+    <h4><i class="fa fa-trophy" aria-hidden="true"></i>AWARDS</h4>
+
+    <strong>Digital compression Pioneer Award - Techcrunch</strong><br>
+    01 November 2014<br><br>
+    There is no spoon
+
+    <h4><i class="fa fa-book" aria-hidden="true"></i>PUBLICATIONS</h4>
+
+    <STRONG>Video compression for 3d media</STRONG><br>
+    01 October 2014<br><br>
+
+    Innovative middle-out compression algorithm that changes that way we store data.<br>
+    http://en.wilipedia.oeg/wiki/Silicon_Valley_(TV_series)
+
+    <h4><i class="fa fa-star" aria-hidden="true"></i>INTERESTS</h4>
+    <STRONG>Wildlife</STRONG><br>
+    <mark>Forests</mark>
+    <mark>Unicorn</mark>
+    <h4><i class="fa fa-language" aria-hidden="true"></i>LANGUAGES</h4>
+
+    <strong>English</strong><br>
+    Fluency: Native speaker
+
+    <h4><i class="fa fa-thumbs-up" aria-hidden="true"></i>REFERENCES</h4>
+       It is my pleasure to recomment Rochard, his performance working as a consultant for Main St. Company proved that he will be a valuable addition to any company.<br>
+       - Erlich Bachman
+
+
+</body>
+</html>
diff --git a/02boxmodel/index.html b/02boxmodel/index.html
@@ -0,0 +1,23 @@
+<!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>
+    <link rel="stylesheet" href="style.css" />
+  </head>
+  <body>
+    <div class="planet earth">
+      <div class="crust">
+        <div class="mantle"><div class="core"></div></div>
+      </div>
+    </div>
+
+    <div class="planet mars">
+      <div class="crust">
+        <div class="mantle"><div class="core"></div></div>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/02boxmodel/style.css b/02boxmodel/style.css
@@ -0,0 +1,81 @@
+body {
+  background-color: black;
+}
+
+* {
+  box-sizing: border-box;
+  border-radius: 50%;
+}
+
+.planet {
+  margin: 50px auto;
+}
+
+.core {
+  background-color: yellow;
+  border-color: orange;
+  border-style: solid;
+}
+
+.mantle {
+  background-color: orangered;
+  border-color: red;
+  border-style: solid;
+}
+
+.crust {
+  background-color: brown;
+  /* border-color depends on planet! */
+  border-style: solid;
+}
+
+/*
+  planet height and width => height and width
+  inner-layers => padding;
+  outer-layers => border-width;
+  make it round => border-radius;
+*/
+
+.planet.earth {
+  height: 500px;
+  width: 500px;
+}
+
+.earth .crust {
+  padding: 10px;
+  border-width: 10px;
+  border-color: blue;
+}
+
+.earth .mantle {
+  padding: 140px;
+
+  border-width: 40px;
+}
+
+.earth .core {
+  padding: 30px;
+  border-width: 30px;
+}
+
+.planet.mars {
+  height: 200px;
+  width: 200px;
+}
+
+.mars .crust {
+  border-color: #f3b19d;
+  padding: 20px;
+  border-width: 10px;
+}
+
+.mars .mantle {
+  padding: 40px;
+  border-width: 20px;
+  border-color: brown margin;
+}
+
+.mars .core {
+  padding: 6px;
+  border-width: 5px;
+}
diff --git a/03floats/index.html b/03floats/index.html
@@ -0,0 +1,84 @@
+<!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>
+    <link
+      rel="stylesheet"
+      href="https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css"
+    />
+    <link
+      rel="stylesheet"
+      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"
+    />
+    <link rel="stylesheet" href="./style.css" />
+  </head>
+
+  <body>
+    <header class="clearfix">
+      <div class="logo"><img src="img/logo.png" /></div>
+      <ul>
+        <li>
+          <a href=""><i class="fa fa-home" aria-hidden="true"></i>Home</a>
+        </li>
+        <li>
+          <a href=""
+            ><i class="fa fa-clock-o" aria-hidden="true"></i>Flight Schedule</a
+          >
+        </li>
+        <li>
+          <a href=""
+            ><i class="fa fa-plane" aria-hidden="true"></i>Travel Details</a
+          >
+        </li>
+        <li>
+          <a href=""
+            ><i class="fa fa-sign-in" aria-hidden="true"></i>Register/Login</a
+          >
+        </li>
+      </ul>
+    </header>
+    <main>
+      <section>
+        <nav>
+          <ul class="clearfix">
+            <li>
+              <a href=""><i class="fa fa-plane" aria-hidden="true"></i></a>
+            </li>
+            <li>
+              <a href=""><i class="fa fa-car" aria-hidden="true"></i></a>
+            </li>
+            <li>
+              <a href=""><i class="fa fa-hotel" aria-hidden="true"></i></a>
+            </li>
+          </ul>
+        </nav>
+        <form>
+          <div class="row">
+            <input type="text" name="Depart" />
+            <input type="text" name="Arrive" />
+          </div>
+          <div class="row">
+            <input type="date" name="Departure" />
+            <input type="date" name="Arrival" />
+          </div>
+          <div class="row">
+            <label for="select">Passengers</label>
+            <select id="select">
+              <option> 1</option>
+              <option> 2</option>
+              <option> 3</option>
+            </select>
+            <label for="radio1"><input id="radio1" name="radio" type="radio" class="radio" checked="checked" /> Round-Trip</label>
+            <label for="radio2"><input id="radio2" name="radio" type="radio" class="radio" />One-Way</label>
+          </div>
+          <div class="row">
+            <button class="submit">Search Flights</button>
+          </div>
+        </form>
+      </section>
+    </main>
+  </body>
+</html>
diff --git a/03floats/style.css b/03floats/style.css
@@ -0,0 +1,81 @@
+header {
+  /* /* top: 0; */
+  width: 100%;
+  height: auto;
+  background-color: #183a55;
+}
+* {
+  box-sizing: border-box;
+}
+
+header .logo {
+  float: left;
+}
+header ul {
+  float: right;
+  margin-top: 30px;
+}
+
+header ul li {
+  float: left;
+  list-style: none;
+  margin-left: 10px;
+  margin-right: 10px;
+  padding: 5px;
+}
+
+header a {
+  color: white;
+}
+
+a {
+  text-decoration: none;
+}
+
+header a:hover {
+  color: #03b5aa;
+}
+.clearfix:after {
+  content: "";
+  clear: both;
+  display: block;
+}
+
+main {
+  background-image: url("./img/airline.jpg");
+  background-size: cover;
+  height: 86vh;
+  margin: 0;
+}
+
+section {
+  position: absolute;
+  margin-left: 20px;
+  margin-top: 100px;
+}
+
+section nav a {
+  width: 33.3%;
+  float: left;
+  background-color: teal;
+  text-align: center;
+  padding: 10px 0;
+  color: white;
+  border-right: 1px solid white;
+}
+
+/* section nav li {
+    border-right: 1px solid white;
+} */
+
+section nav li:last-child a {
+  border-right: none;
+}
+section nav a:hover {
+  background-color: blue;
+}
+section form {
+  padding: 10px;
+  background-color: #183a55;
+  color: white;
+}