globant-ui · arielivandiaz · Sep 7, 2018 · Sep 10, 2018 · Sep 10, 2018 · Sep 10, 2018
diff --git a/src/week1/day0/#ToDo.txt b/src/week1/day0/#ToDo.txt
@@ -0,0 +1,2 @@
+Fix Favicon.
+Height responsive, now is only width.
diff --git a/src/week1/day0/contact.html b/src/week1/day0/contact.html
@@ -0,0 +1,169 @@
+<!DOCTYPE html>
+
+<html lang="en">
+
+
+</html>
+
+<head>
+ <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+ <title>Day 0 - Bootcamp Globant</title>
+
+ <link rel="search" type="application/opensearchdescription+xml" title="My Day 0 in Globand Bootcamp" href="opensearch.xml" />
+ <link rel="shortcut icon" href="favicon.png" />
+ <link rel="apple-touch-icon" href="favicon.ico"/>
+
+ <!-- Bootstrap is only for the Collapsible Navbar -->
+ <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
+ <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
+ <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
+
+ <link rel="stylesheet" href="css/normalize.css">
+ <link rel="stylesheet" href="css/main.css">
+
+
+
+</head>
+
+<body>
+ <!--[if lte IE 9]>
+ <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please upgrade your browser to improve your experience and security.</p>
+ <![endif]-->
+ <header class="header">
+ <div class="logo">
+ <img src="images/logo.png"/>
+ </div>
+ <hgroup>
+ <h1>
+ Day 0 - Bootcamp Globant
+ </h1>
+ <br/>
+ <h3>
+ This is just starting...
+ </h3>
+ </hgroup>
+ </header>
+
+ <nav class="navigation">
+ <ul>
+ <li><a href="index.html"><i class="icon far fa-home"></i>Home</a></li>
+ <li>
+ <a href="table.html" class="fas fa-address-money"><i class="icon far fa-dollar"></i>Expenses</a>
+ <ul>
+ <li><a href="table.html"><i class="icon far fa-money"></i>In AR$ </a></li>
+ <li><a href="table_usd.html" ><i class="icon far fa-money"></i>In Dollars</a></li>
+ <li><a href="table_euro.html" ><i class="icon far fa-money"></i>In Euros</a></li>
+ </ul>
+ </li>
+
+ <li><a href="gallery.html"><i class="icon far fa-image"></i>Gallery</a></li>
+ <li><a href="signup.html"><i class="icon far fa-user-plus"></i>Sing Up</a></li>
+ <li><a href="contact.html" class="active" ><i class="icon far fa-envelope"></i>Contact</a></li>
+ </ul>
+ </nav>
+
+ <nav class="navbots navbar navbar-inverse">
+ <div class="container-fluid">
+ <div class="navbar-header">
+ <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span> 
+ </button>
+ <a class="navbar-brand" href="#">Menu</a>
+ </div>
+ <div class="collapse navbar-collapse" id="myNavbar">
+ <ul class="nav navbar-nav">
+ <li><a href="index.html" class="active"><i class="icon far fa-home"></i>Home</a></li>
+ <li><a href="table.html" class="fas fa-address-money"><i class="icon far fa-dollar"></i>Expenses</a></li>
+ <li><a href="table.html" ><i class="icon far fa-money"></i>In AR$ </a></li>
+ <li><a href="table_usd.html" ><i class="icon far fa-money"></i>In Dollars</a></li>
+ <li><a href="table_euro.html" ><i class="icon far fa-money"></i>In Euros</a></li>
+
+
+
+ <li><a href="gallery.html"><i class="icon far fa-image"></i>Gallery</a></li>
+ <li><a href="signup.html"><i class="icon far fa-user-plus"></i>Sing Up</a></li>
+ <li><a href="contact.html" ><i class="icon far fa-envelope"></i>Contact</a></li>
+ </ul>
+ </div>
+ </div>
+ </nav>
+
+ <section class="content">
+ <header>
+ <h2>Contact Me</h2>
+ </header>
+ <article>
+ <p>Integer eu ante ornare amet commetus vestibulum blandit integer in curae ac faucibus integer non. </p>
+ <form method="post" action="#" class="form-horizontal">
+ <div class="form-group">
+ <label for="exampleInputName2">Name</label>
+ <input type="text" class="form-control" id="exampleInputName2" placeholder="Jane Doe" tabindex="1">
+ </div>
+ <div class="form-group">
+ <label for="exampleInputEmail2">Email</label>
+ <input type="email" class="form-control" id="exampleInputEmail2" placeholder="[email protected]" tabindex="2">
+ </div>
+ <div class="form-group ">
+ <label for="exampleInputText">Your Message</label>
+ <textarea class="form-control" placeholder="Description" tabindex="3"></textarea> 
+ </div>
+
+ <button type="submit" class="btn btn-default" tabindex="4">Send Message</button>
+ <button type="reset" class="btn btn-special" tabindex="5">Reset</button>
+
+ </form>
+ </article>
+ <footer class="footer">
+ <div>
+ <strong>[email protected]<br/> Privacy Policy</strong>
+ </div>
+ </footer>
+ </section>
+
+
+ <aside class="sidebar">
+ <header>
+ <h5><i>"Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit..."</i>
+ </h5>
+ </header>
+
+
+
+
+
+ <div class="content">
+ <img src="images/bootcat.jpg"/> 
+
+ <p>
+ Nullam ex nisi, tempus et consequat sed, porttitor vel orci. Curabitur id ante sed nunc bibendum lacinia. Cras ultricies
+ eros in lacinia tempor. Nam placerat metus eu accumsan scelerisque. Maecenas vitae sem nisl. Aliquam arcu
+ eros, condimentum vel placerat quis, porttitor quis libero. Sed mollis mi nec lobortis vulputate.
+ </p>
+ </div>
+ <footer>
+ <div>
+ <a href="https://www.instagram.com/arielivandiaz/" class="icon fa-instagram"></a>
+ <a href="https://www.linkedin.com/in/ariel-ivan-diaz-40517844/" class="icon fa-linkedin"></a>
+ <a href="https://github.com/arielivandiaz" class="icon fa-github"></a>
+ </div>
+ <div>Lorem Cat</div>
+ </footer>
+ </aside>
+
+
+
+
+
+
+ <footer class="footer">
+
+ <div class="copyright">© Ariel Ivan Diaz</div>
+
+ </footer>
+
+ <script src="js/all.min.js"></script>
+
+</body>
diff --git a/src/week1/day0/css/font-awesome.min.css b/src/week1/day0/css/font-awesome.min.css
diff --git a/src/week1/day0/css/init.css b/src/week1/day0/css/init.css
@@ -0,0 +1,197 @@
+@import url("fontawesome.min.css");
+
+/* Reset Stylesheet
+ http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126
+*/
+
+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;
+}
+
+/* HTML5 display-role reset for older browsers */
+
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+menu,
+nav,
+section {
+ display: block;
+}
+
+body {
+ line-height: 1;
+}
+
+ol,
+ul {
+ list-style: none;
+}
+
+blockquote,
+q {
+ quotes: none;
+}
+
+blockquote:before,
+blockquote:after,
+q:before,
+q:after {
+ content: '';
+ content: none;
+}
+
+table {
+ border-collapse: collapse;
+ border-spacing: 0;
+}
+
+
+/***************************************************************/
+hgroup{
+
+ padding: 0 0 2em 0;
+ text-align: center;
+}
+h1 {
+ font-size: 2em;
+ text-decoration: underline;
+ font-weight: 700;
+
+}
+
+h3 {
+ font-size: 1.4em;
+ font-style: italic;
+}
+
+a {
+ -moz-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out;
+ -webkit-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out;
+ -ms-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out;
+ transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out;
+ border-bottom: solid 1px #e4e4e4;
+ color: inherit;
+ text-decoration: none;
+}
+
+a:hover {
+ border-bottom-color: transparent;
+ color: #a34 !important;
+}
+
+p {
+ margin: 0 0 2.25em 0;
+}
+
+section {
+ border-top: solid 6px #f4f4f4;
+ padding: 6em 0 4em 0;
+}
+
+ul {
+ list-style: disc;
+ margin: 0 0 2.25em 0;
+ padding-left: 1em;
+}
+
+ul li {
+ padding-left: 0.5em;
+}
+
+footer {
+ background: #ddd;
+ padding: 4em 0 2em 0;
+ text-align: center;
+
+}