11,256 css/materialize.css
View file

Large diffs are not rendered by default.

240 css/normalize.css
View file
@@ -0,0 +1,240 @@

html {
font-family: sans-serif; /* 1 */
-ms-text-size-adjust: 100%; /* 2 */
-webkit-text-size-adjust: 100%; /* 2 */
}
body {
margin: 0;
}


article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block;
}



audio,
canvas,
progress,
video {
display: inline-block; /* 1 */
vertical-align: baseline; /* 2 */
}


audio:not([controls]) {
display: none;
height: 0;
}

[hidden],
template {
display: none;
}

a {
background-color: transparent;
}

a:active,
a:hover {
outline: 0;
}

abbr[title] {
border-bottom: 1px dotted;
}


b,
strong {
font-weight: bold;
}

dfn {
font-style: italic;
}


h1 {
font-size: 2em;
margin: 0.67em 0;
}


mark {
background: #ff0;
color: #000;
}


small {
font-size: 80%;
}

sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}

sup {
top: -0.5em;
}

sub {
bottom: -0.25em;
}


img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}

figure {
margin: 1em 40px;
}


hr {
box-sizing: content-box;
height: 0;
}

pre {
overflow: auto;
}


code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}


button,
input,
optgroup,
select,
textarea {
color: inherit; /* 1 */
font: inherit; /* 2 */
margin: 0; /* 3 */
}


button {
overflow: visible;
}


button,
select {
text-transform: none;
}

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button; /* 2 */
cursor: pointer; /* 3 */
}


button[disabled],
html input[disabled] {
cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}


input {
line-height: normal;
}



input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box; /* 1 */
padding: 0; /* 2 */
}


input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}



input[type="search"] {
-webkit-appearance: textfield; /* 1 */
box-sizing: content-box; /* 2 */
}



input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}



legend {
border: 0; /* 1 */
padding: 0; /* 2 */
}


textarea {
overflow: auto;
}

optgroup {
font-weight: bold;
}

table {
border-collapse: collapse;
border-spacing: 0;
}

td,
th {
padding: 0;
}
136 css/styles.css
View file
@@ -0,0 +1,136 @@
/*
* Navigation Component
*/
body {
margin: 0;
padding: 0;

}
.navigation {
width: 100%;
display: block;
margin: 0px;
padding: 0px;
box-shadow: 2px 0 2px rgb(80,80,80);
}
.navigation-container {
width: 1000px;
margin: 0 auto;
}
.navigation-logo {

display: inline-block;
vertical-align: middle;
}
.navigation-logoImage {
width: 60px;
height: auto;
vertical-align: middle;
display: inline-block;

}
.navigation-links {
margin:0px;
padding: 0px;
list-style: none;
vertical-align: middle;
float: right;
}
.navigation-element {
display: inline-block;
line-height: 54px;
}
.navigation-link{
text-decoration: none;
font-weight: bold;
padding: 0.7rem;
border-radius: 0.25rem;
transition: all 0.25 ease;
}
.navigation-link:hover {
background-color: rgb(200,200,200);
}
/*
* hero Component
*/
.hero {
display: block;
width: 100%;
}
.hero-container {
margin: 0 auto;
padding: 0;
width: 1000px;
}
.hero-mainTitle,
.hero-subTitle {
text-align: center;
}
.hero-donate {
margin: 0 auto;
display: block;
text-align: center;
}
/*
* Description component
*/
.description {
text-align: center;
margin-left: 200px;
margin-right: 200px;
}
/*
* Contact Component
*/
.contact {
margin: 0 auto;
padding: 0;
width: 100%;
}
.contact-container {
border:1px solid black;
margin: 0 auto;
padding: 0;
width: 1000px;
}
.contact-title {
text-align: center;
padding: 0;
}
.contact-form {
background-color: rgb(240,240,240);
box-sizing: border-box;
margin: 0 auto;
width: 500px;
}
.contact-formInput {
border: 1px solid rgb(200, 200, 200);
box-sizing: content-box;
border-radius: 4px;
display: block;
margin: 16px;
padding: 16px;
width: 100%;
}
.Footer {
width: 100%;
background-color: grey;
box-sizing: border-box;
display: -webkit-inline-box;
font-size: 9px;
font-family: 'PT sans', Arial, Helvetica, sans-serif;
font-weight: 400;
}
#uno {
width: 25%;

}
#dos {
width: 25%;
float: left;
position: relative;
}
#tres {
width: 25%;
}

BIN +70.8 KB img/logodim.png
View file
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
96 index.html
View file
@@ -0,0 +1,96 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Dream in Mexico</title>
<link rel="stylesheet" type="text/css" href="css/materialize.css">
<link rel="stylesheet" type="text/css" href="css/styles.css">

</head>
<body>
<main>
<nav class="navigation">
<div class="navigation-container">
<a href="" class="navigation-logo">
<img src="img/logodim.png" class="navigation-logoImage">
</a>
<ul class="navigation-links">
<li class="navigation-element"><a href="" class="navigation-link">DONATE</a></li>
<li class="navigation-element"><a href="" class="navigation-link">BECOME A DREAMER</a></li>
<li class="navigation-element"><a href="" class="navigation-link">CONTACT</a></li>
</ul>
</div>
</nav>
<header class="hero">
<div class="hero-container">
<h1 class="hero-mainTitle">EDUCATION IS POWER</h1>
<h2 class="hero-subTitle">Giving educational and employment opportunities in Mexico for undocumented Mexican talents living in the U.S</h4>
<button class="hero-donate">¡Donate!</button>
</div>
<div class="hero-video">
<video class="responsive-video" width="1000" height="700" autoplay="" loop="" preload="auto" style="width: 100%; left: 0px;">
<source src="http://dreaminmexico.org/wp-content/uploads/2015/04/dreaminmexico.mp4" type="video/mp4">
<source src="http://dreaminmexico.org/wp-content/uploads/2015/04/dreaminmexico.webm" type="video/webm">
</video>
</div>
</header>
<section class="description">
<h2 >What is Dream in México</h2>
<p>Dream in Mexico, A.C. (DIM) is a legal non-profit organization that has helped young undocumented Mexicans in the United States that wish to start higher-level educational opportunities and professional development programs available in our country , through the granting of scholarships to this population of young Mexicans ( Dreamers )</p>
</section>
<section>
<h3>Vision</h3>
<article>
Be an institution of excellence that contributes directly to the economic development of Mexico through empowerment. This will be possible through the provision of opportunities to access higher education and / or professional development to all those undocumented young Mexicans who are living in the United States , as well as those who they have been deported or have voluntarily returned to our country ( Dreamers ) , thus facilitating the reintegration process into Mexican society .
</article>
<h3>Mision</h3>
<article>
Encourage and assist the repatriation of undocumented young Mexicans who are living in the United States , as well as those who have been deported or have voluntarily returned to our country ( Dreamers ) . This will be done by granting, through a fair process, significant support to finance access to higher education opportunities and / or professional development, thus facilitating the process of reintegration of these young Mexican society .
</article>
</section>
<section class="contact">
<div class="contact-container">
<h2 class="contact-title">CONTACTO</h2>
<form class="contact-form">
<input class="contact-formInput" type="text" placeholder="Nombre" />
<input class="contact-formInput" type="text" placeholder="Correo electrónico" />
<input class="contact-formInput" type="text" placeholder="Asunto" />
<textarea class="contact-formTextarea">
</textarea>
<input class="contact-formButton" type="button" value="Enviar" />
</form>
</div>
</section>
</main>
<footer class="Footer">
<div id="uno">
<p>
<ul>
<p>NUESTRA DIRECCIÓN/ OUR ADDRESS</p>
<p>Fray Marcos de Niza #12, Colonia Los Arcos Hermosillo, Sonora, C.P. 83250 México</p>
</ul>
</p>
</div>
<div>
<p id="dos">
<ul>
<p>CALL US / MARCA</p>
<p>Call us / Marca: Office Hours /Horario de Oficina: 10AM – 3PM CST Telephone US (213) 928 2917 Telephone MX (477) 775 0485</p>
</ul>
</p>
</div>
<div>
<p>
<ul>
<p>OUR MAIL/ NUESTRO CORREO</p>
<p>info@dreaminmexico.org Te contactaremos a la brevedad/ We will contact you shortly</p>
</ul>
</p>

</div>
<div>
<div class="fusion-social-links-footer"><div class="fusion-social-networks"><a class="fusion-social-network-icon fusion-tooltip fusion-facebook fusion-icon-facebook" style="color:#46494a;" target="_blank" href="#" data-placement="top" data-title="" data-toggle="tooltip" title="" data-original-title="Facebook"></a><a class="fusion-social-network-icon fusion-tooltip fusion-rss fusion-icon-rss" style="color:#46494a;" target="_blank" href="#" data-placement="top" data-title="" data-toggle="tooltip" title="" data-original-title="Rss"></a><a class="fusion-social-network-icon fusion-tooltip fusion-twitter fusion-icon-twitter" style="color:#46494a;" target="_blank" href="#" data-placement="top" data-title="" data-toggle="tooltip" title="" data-original-title="Twitter"></a><a class="fusion-social-network-icon fusion-tooltip fusion-youtube fusion-icon-youtube" style="color:#46494a;" target="_blank" href="#" data-placement="top" data-title="" data-toggle="tooltip" title="" data-original-title="Youtube"></a><a class="fusion-social-network-icon fusion-tooltip fusion-instagram fusion-icon-instagram" style="color:#46494a;" target="_blank" href="#" data-placement="top" data-title="" data-toggle="tooltip" title="" data-original-title="Instagram"></a><a class="fusion-social-network-icon fusion-tooltip fusion-pinterest fusion-icon-pinterest" style="color:#46494a;" target="_blank" href="#" data-placement="top" data-title="" data-toggle="tooltip" title="" data-original-title="Pinterest"></a><a class="fusion-social-network-icon fusion-tooltip fusion-dribbble fusion-icon-dribbble" style="color:#46494a;" target="_blank" href="#" data-placement="top" data-title="" data-toggle="tooltip" title="" data-original-title="Dribbble"></a></div></div>
</div>
</footer>
</body>
</html>
6,830 js/materialize.js
View file

Large diffs are not rendered by default.