globant-ui · manuelafernandez · Sep 8, 2018 · Sep 11, 2018 · Sep 12, 2018 · Sep 12, 2018
diff --git a/src/week1/day0/formHTML.html b/src/week1/day0/formHTML.html
@@ -0,0 +1,45 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="name=value,name=value">
+  <title>Form</title>
+</head>
+<body>
+        <form id="contact-form" action="script.php" method="post">
+            <label for="firstname">First name:</label>
+            <input type="text" name="firstname" id="firstname" value="" required/>
+            <br><br>
+
+            <label for="lastname">Last name:</label>
+            <input type="text" name="lastname" id="lastname" value="" required/>
+            <br><br>
+
+            <label for="email">Email:</label>
+            <input type="email" name="email" id="email" required/>
+            <br><br>
+
+            <label for="birthday">Birthday:</label>
+            <input type="date" name="birthday" id="birthday" required/>
+            <br><br>
+
+            <select name="sport" id="sport" required>
+                    <option value="">Favorite sport</option>
+                    <option value="hockey">Hockey</option>
+                    <option value="football">Football</option>
+                    <option value="tennis">Tennis</option>
+                    <option value="rugby">Rugby</option>
+                    <option value="basket">Basket</option>
+            </select>
+            <br><br>
+
+            <label for="bio">Bio:</label>
+            <textarea name="bio" id="bio" cols="25" rows="3" required></textarea>
+            <br><br>
+
+            <input type="submit" value="submit" />
+            <input type="reset" value="reset" />
+
+        </form>
+    </body>
+</html>
diff --git a/src/week1/day0/image.jpg b/src/week1/day0/image.jpg
diff --git a/src/week1/day0/imageHTML.html b/src/week1/day0/imageHTML.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>Imeaen, Video and Sound</title>
+</head>
+<body>
+        <img src="simpsons-couch-supportingcharacters.jpg">
+        <iframe width="560" height="315" src="https://www.youtube.com/embed/mz5Mn1Biqeg?rel=0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
+</body>
+</html>
diff --git a/src/week1/day0/index.html b/src/week1/day0/index.html
@@ -0,0 +1,128 @@
+
+
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+        <link href="https://meyerweb.com/eric/tools/css/reset/reset.css" rel="stylesheet">
+        <link href="https://necolas.github.io/normalize.css/8.0.0/normalize.css" rel="stylesheet"> 
+        <link href="/src/week1/day0/style.css" rel="stylesheet">   
+        <title>HTML & CSS</title>
+        <style>
+            body{
+                font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
+                background-color: aqua;
+            }
+
+            .header {
+                background-color: magenta;
+                text-align: center;
+                font-size: 100%;
+
+                height: 100px;
+                position: static;
+
+                width: 100%;
+            }
+
+            .footer {
+                background-color: magenta;
+                text-align: center;
+                font-size: 10%;
+                position: fixed;
+                left: 0;
+                bottom: 0;
+                width: 100%;
+                height: 100px;                
+            }
+
+            .aside {
+                background-color: blue;
+                float: right;
+                font-size: 10%;
+                width: 100px;
+	            height: 200px;
+	            padding: 32px;
+	            border-width: 19px;
+            }
+
+            .nav {
+                background-color: blue;
+                float: left;
+                font-size: 12%;
+                width: 300px;
+	            height: 200px;
+	            padding: 32px;
+	            border-width: 19px;
+            }
+
+            .section {
+                background-color: yellow;
+                width: 500px;
+	            height: 300px;
+	            padding: 10px;
+                border-width: 19px;
+                position: fixed;
+                top: 150px;
+                left: 450px;
+
+            }
+
+            .article {
+                background-color: blue;
+                font-size: 14%;
+                width: 450px;
+	            height: 250px;
+
+            }
+
+            .prueba {
+                background-color: greenyellow;
+            }
+        </style>
+    </head>
+
+    <body>
+
+        <div class="header">
+            <p>Cabecera</p>
+        </div>
+
+        <div class="nav">
+            <p> el navegador del costado</p>
+        </div>
+
+        <div class="section">
+            <!--
+                <div class="header">
+                    <p> hola </p>
+                </div>
+
+
+
+                <div class="footer">
+                    <p> chau </p>
+                </div>
+            -->
+                <div class="article">
+                        <p>Articulo</p>
+                    </div>    
+        </div>
+
+
+        <div class="aside">
+            <p> el otro costado</p>
+        </div>
+
+        <div class="footer">
+            <p>My best friend is Mickey.</p>
+        </div>
+
+        <div class="oh-no-inline-styles" style="background:red">
+            <div class="prueba"><p>PRUEBA</p></div>
+        </div>
+
+    </body>
+</html>
+
diff --git a/src/week1/day0/listHTML.html b/src/week1/day0/listHTML.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>My to do list</title>
+  </head>
+  <body>
+    <h1>To do items</h1>
+
+    <ul>
+        <li>Estudiar</li>
+        <li>Ordenar la pieza</li>
+        <li>Ir al gim</li>
+        <li>Ir al trabajo</li>
+      </ul>
+  </body>
+</html>
diff --git a/src/week1/day0/simpsons-couch-supportingcharacters.jpg b/src/week1/day0/simpsons-couch-supportingcharacters.jpg
diff --git a/src/week1/day0/style.css b/src/week1/day0/style.css
@@ -0,0 +1,30 @@
+html{
+    font-family: 'Courier New', Courier, monospace;
+    font-size: 14%;
+}
+
+header.center{
+    background-color: red;
+    text-align: center;
+    font-size: 46%;
+}
+
+.footer{
+    background-color: hotpink;
+    text-align: center;
+    font-size: 10%;
+    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
+}
+
+.nav{
+    background-color: blue;
+    font-size: 12%;
+}
+
+.aside{
+    background-color: aquamarine;
+    font-size: 10%;
+}
+section, article{
+    color: aqua;
+}
diff --git a/src/week1/day0/tableHTML.html b/src/week1/day0/tableHTML.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html lang="en">
+
+    <head>
+        <meta charset="utf-8">
+        <title>My to do list</title>
+
+    </head>
+    <body>
+        <table>
+            <caption>List of expenses</caption>
+            <tr>
+                <th>Gasto</th>
+                <th>$$</th>
+            </tr>
+            <tr>
+                <td>Ropa</td>
+                <td>1800</td>
+            </tr>
+            <tr>
+                <td>Salida</td>
+                <td>500</td>
+            </tr>
+            <tr>
+                <td>Finde</td>
+                <td>1000</td>
+            </tr>
+        </table>
+    </body>
+</html>