Skip to content

Commit

Permalink
First Commit
Browse files Browse the repository at this point in the history
  • Loading branch information
@EmmaFrz
EmmaFrz committed Feb 19, 2018
0 parents commit a03522e
Show file tree
Hide file tree
Showing 15 changed files with 21,177 additions and 0 deletions.
9,030 changes: 9,030 additions & 0 deletions css/materialize.css

Large diffs are not rendered by default.

13 changes: 13 additions & 0 deletions css/materialize.min.css

Large diffs are not rendered by default.

Binary file added fonts/roboto/Roboto-Bold.woff
Binary file not shown.
Binary file added fonts/roboto/Roboto-Bold.woff2
Binary file not shown.
Binary file added fonts/roboto/Roboto-Light.woff
Binary file not shown.
Binary file added fonts/roboto/Roboto-Light.woff2
Binary file not shown.
Binary file added fonts/roboto/Roboto-Medium.woff
Binary file not shown.
Binary file added fonts/roboto/Roboto-Medium.woff2
Binary file not shown.
Binary file added fonts/roboto/Roboto-Regular.woff
Binary file not shown.
Binary file added fonts/roboto/Roboto-Regular.woff2
Binary file not shown.
Binary file added fonts/roboto/Roboto-Thin.woff
Binary file not shown.
Binary file added fonts/roboto/Roboto-Thin.woff2
Binary file not shown.
251 changes: 251 additions & 0 deletions index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,251 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<title>Document</title>
<!--Import Google Icon Font-->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<!--Import materialize.css-->
<link type="text/css" rel="stylesheet" href="css/materialize.css" media="screen,projection" />
<!--Let browser know website is optimized for mobile-->
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head>

<body>
<div class="navbar-fixed">
<nav>
<div class="nav-wrapper blue darken-4">
<div class="container">
<a href="#!" class="brand-logo">Lazos de Alambre</a>
<ul class="right hide-on-med-and-down">
<li><a href="#1">Nosotros</a></li>
<li><a href="#2">Productos</a></li>
<li><a href="#3">Contactanos</a></li>
<li><a href="#4">Clientes</a></li>
</ul>
</div>
</div>
</nav>
</div>
</div>
<!--Inicio de contenido -->
<div class="slider">
<ul class="slides">
<li>
<img src="https://cdnpestana.azureedge.net/spimg/hotelbannerimages/pestana-collection-hotels/pestana-vintage-overview-banner-5.jpg?scale=downscaleonly&encoder=freeimage&progressive=true&quality=70&w=1440&h=780&mode=crop&anchor=bottomcenter">
<!-- random image -->
<div class="caption center-align">
<h3>This is our big Tagline!</h3>
<h5 class="light grey-text text-lighten-3">Here's our small slogan.</h5>
</div>
</li>
<li>
<img src="http://conestilovintage.com/wp-content/uploads/vintage-car-wallpaper.jpg">
<!-- random image -->
<div class="caption left-align">
<h3>Left Aligned Caption</h3>
<h5 class="light grey-text text-lighten-3">Here's our small slogan.</h5>
</div>
</li>
<li>
<img src="http://hddesktopwallpapers.in/wp-content/uploads/2015/07/retro-wallpaper-car-vintage.jpg">
<!-- random image -->
<div class="caption right-align">
<h3>Right Aligned Caption</h3>
<h5 class="light grey-text text-lighten-3">Here's our small slogan.</h5>
</div>
</li>
<li>
<img src="https://c.pxhere.com/photos/db/5d/old_retro_antique_vintage_classic_photo_map_journey-1293590.jpg!d">
<!-- random image -->
<div class="caption center-align">
<h3>This is our big Tagline!</h3>
<h5 class="light grey-text text-lighten-3">Here's our small slogan.</h5>
</div>
</li>
</ul>
</div>
<div class="container">
<div class="section scrollspy" id="1">
<div class="row">
<div class="col s12">
<h1 class="center-align flow-text">lorem ipsum</h1>
</div>
<div class="col s6">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam quae possimus eum porro praesentium perspiciatis quos esse explicabo, pariatur, expedita eveniet fugiat et quidem voluptates nobis distinctio ex, veritatis iste.</p>
</div>
<div class="col s6">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam quae possimus eum porro praesentium perspiciatis quos esse explicabo, pariatur, expedita eveniet fugiat et quidem voluptates nobis distinctio ex, veritatis iste.</p>
</div>
</div>
</div>
<div class="divider"></div>
<div class="section scrollspy" id="2">
<div class="row">
<div class="col s12">
<h1 class="center-align flow-text">lorem ipsum</h1>
</div>
<div class="col s4">
<div class="card">
<div class="card-image">
<img src="http://p.globalsources.com/IMAGES/PDT/BIG/373/B0505633373.jpg">
<span class="card-title">Lazos de Alambre</span>
</div>
<div class="card-content">
<p>I am a very simple card. I am good at containing small bits of information. I am convenient because I require little markup to use effectively.</p>
</div>
</div>
</div>
<div class="col s4">
<div class="card">
<div class="card-image">
<img src="https://thumbs.dreamstime.com/z/tapas-pl%C3%A1sticas-coloridas-23653546.jpg">
<span class="card-title">Tapas plasticas</span>
</div>
<div class="card-content">
<p>I am a very simple card. I am good at containing small bits of information. I am convenient because I require little markup to use effectively.</p>
</div>
</div>
</div>
<div class="col s4">
<div class="card">
<div class="card-image">
<img src="https://thumbs.dreamstime.com/z/el-tanque-anhidro-del-amon%C3%ADaco-se%C3%B1al-de-peligro-30205034.jpg">
<span class="card-title">Amoniaco</span>
</div>
<div class="card-content">
<p>I am a very simple card. I am good at containing small bits of information. I am convenient because I require little markup to use effectively.</p>
</div>
</div>
</div>
</div>
</div>
<div class="divider"></div>
<div class="section scrollspy" id="3">
<div class="row">
<h4 class="center-align">Contactanos!</h4>
<div class="col s6">
<div class="row">
<form class="col s12">
<div class="row">
<div class="input-field col s6">
<i class="material-icons prefix">account_circle</i>
<input id="icon_prefix" type="text" class="validate">
<label for="icon_prefix">Nombre</label>
</div>
<div class="input-field col s6">
<i class="material-icons prefix">email</i>
<input id="icon_email" type="email" class="validate">
<label for="icon_email">Correo</label>
</div>
<div class="input-field col s12">
<i class="material-icons prefix">mode_edit</i>
<textarea id="icon_prefix2" class="materialize-textarea"></textarea>
<label for="icon_prefix2">Mensaje</label>
</div>
</div>
<div class="col s12">
<button class="btn waves-effect waves-light black" type="submit">Enviar
<i class="material-icons right">send</i>
</button>
</div>
</form>
</div>
</div>
<div class="col s6">
<p><strong>Estamos ubicados en:</strong></p>
<p>Carretera Nacional Villa de Cura – San Juan De Los Morros, Asentamiento Campesino El Saman, Parcela Nº 6 – B, Villa de Cura. Edo. Aragua. Venezuela</p>
<p><strong>Nuestros numeros de contacto</strong></p>
<ul>
<li> 0244 - 386.52.01</li>
<li> 0244 - 386.56.32</li>
<li> 0414 - 459.37.08</li>
</ul>
</div>
</div>
</div>
<div class="divider"></div>
<div class="section scrollspy" id="4">
<div class="row">
<div class="col s12">
<div class="center-align">
<h4>Nuestro clientes</h4>
</div>
</div>
<div class="col s4">
<div class="center-align">
<img src="https://www.noticiasaldiayalahora.co/wp-content/uploads/2015/11/Alimentos-Polar.jpg" class="responsive-img">
</div>
</div>
<div class="col s4">
<div class="center-align">
<img src="https://www.noticiasaldiayalahora.co/wp-content/uploads/2015/11/Alimentos-Polar.jpg" class="responsive-img">
</div>
</div>
<div class="col s4">
<div class="center-align">
<img src="https://www.noticiasaldiayalahora.co/wp-content/uploads/2015/11/Alimentos-Polar.jpg" class="responsive-img">
</div>
</div>
<div class="col s4">
<div class="center-align">
<img src="https://www.noticiasaldiayalahora.co/wp-content/uploads/2015/11/Alimentos-Polar.jpg" class="responsive-img">
</div>
</div>
<div class="col s4">
<div class="center-align">
<img src="https://www.noticiasaldiayalahora.co/wp-content/uploads/2015/11/Alimentos-Polar.jpg" class="responsive-img">
</div>
</div>
<div class="col s4">
<div class="center-align">
<img src="https://www.noticiasaldiayalahora.co/wp-content/uploads/2015/11/Alimentos-Polar.jpg" class="responsive-img">
</div>
</div>
</div>
</div>
</div>
<div class="divider"></div>
</div>
<!--Inicio de Footer -->
<footer class="page-footer blue darken-4">
<div class="container">
<div class="row">
<div class="col l6 s12">
<h5 class="white-text">Footer Content</h5>
<p class="grey-text text-lighten-4">You can use rows and columns here to organize your footer content.</p>
</div>
<div class="col l4 offset-l2 s12">
<h5 class="white-text">Links</h5>
<ul>
<li><a class="grey-text text-lighten-3" href="#!">Link 1</a></li>
<li><a class="grey-text text-lighten-3" href="#!">Link 2</a></li>
<li><a class="grey-text text-lighten-3" href="#!">Link 3</a></li>
<li><a class="grey-text text-lighten-3" href="#!">Link 4</a></li>
</ul>
</div>
</div>
</div>
<div class="footer-copyright">
<div class="container">
© 2014 Copyright Text
<a class="grey-text text-lighten-4 right" href="#!">More Links</a>
</div>
</div>
</footer>
<!--Import jQuery before materialize.js-->
<script type="text/javascript" src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="js/materialize.js"></script>
<script>
$(document).ready(function() {
$('.slider').slider();
});

$(document).ready(function() {
$('.scrollspy').scrollSpy();
});
</script>
</body>

</html>
Loading

0 comments on commit a03522e

Please sign in to comment.