Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Exercises - Week 2 / Day4-5 [NodeJS] #17

Open
wants to merge 10 commits into
base: master
Choose a base branch
from
Open

Exercises - Week 2 / Day4-5 [NodeJS] #17

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
10 commits
Select commit Hold shift + click to select a range
f6958ee
First commit, HTML&CSS - Small Website demo
arielivandiaz Sep 7, 2018
5e232e1
small issues fixed
arielivandiaz Sep 10, 2018
864921d
small issues fixed
arielivandiaz Sep 10, 2018
04396b1
Added exercises
arielivandiaz Sep 10, 2018
dbbecd3
Added Ex3 File 3
arielivandiaz Sep 10, 2018
c82c83f
Added Ex4 File 3
arielivandiaz Sep 10, 2018
036dedf
First exercise JS week 2
arielivandiaz Sep 13, 2018
0043ee6
lastday js
arielivandiaz Sep 14, 2018
173fb9e
finished javascript step
arielivandiaz Sep 14, 2018
aa22d07
NodeJS exercises
arielivandiaz Sep 17, 2018
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 2 additions & 0 deletions src/week1/day0/#ToDo.txt
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,2 @@
Fix Favicon.
Height responsive, now is only width.
169 changes: 169 additions & 0 deletions src/week1/day0/contact.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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>
4 changes: 4 additions & 0 deletions src/week1/day0/css/font-awesome.min.css
View file
Open in desktop

Large diffs are not rendered by default.

197 changes: 197 additions & 0 deletions src/week1/day0/css/init.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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;

}
Loading