Skip to content

Instantly share code, notes, and snippets.

/index.html Secret

Created August 28, 2016 05:24
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save anonymous/a824b7a076d24f8ab1ed6b34e3dff8a0 to your computer and use it in GitHub Desktop.
Save anonymous/a824b7a076d24f8ab1ed6b34e3dff8a0 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
index.html
<!DOCTYPE html>
<html class='no-js' lang='es'>
<head>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'>
<meta charset='utf-8'>
<title>Una ciudad de altura</title>
<meta content='Una experiencia inolvidable, la ciudad de Merida te ofrece unas vacaciones de altura. ' name='description'>
<meta content='' name='viewport'>
<link href='css/normalize.css' rel='stylesheet'>
<link href='css/bootstrap.css' rel='stylesheet'>
<link href='css/style.css' rel='stylesheet'>
<link href='css/navegacion.css' rel='stylesheet'>
<link href='css/flexboxgrid.css' rel='stylesheet'>
<link href='css/iconos.css' rel='stylesheet'>
<link href='https://fonts.googleapis.com/css?family=Lato:700' rel='stylesheet'>
<link href='https://fonts.googleapis.com/css?family=Dancing+Script' rel='stylesheet'>
<script src='https://code.jquery.com/jquery-3.1.0.js'></script>
<script src='js/vendor/modernizr-2.8.3.min.js'></script>
<script src='js/jquery.slides.js'></script>
<script src='js/main.js'></script>
</head>
<body id='cabezera'>
<div class='row full-height middle-xs center-xs relative up cols-no-padding'>
<div class='col-xs-12'>
<div class='box blanco'>
<img src='imgs/logo3.png' width='600'>
<h1 class='dancing titulo no-margin'>Una experiencia de altura</h1>
</div>
</div>
<nav class='fixed lato full-width medium up' id='navegation'>
<ul>
<li>
<a href='#'><span class='primero'>
<i class='icon icon-home'></i>
</span>Inicio
</a>
</li>
<li>
<a href='#'><span class='segundo'>
<i class='icon icon-location'></i>
</span>Lugares
</a>
</li>
<li>
<a href='#'><span class='tercero'>
<i class='icon icon-image'></i>
</span>Galeria
</a>
</li>
<li>
<a href='#'><span class='cuarto'>
<i class='icon icon-file-text'></i>
</span>Acerca de
</a>
</li>
<li>
<a href='#'><span class='quinto'>
<i class='icon icon-drawer2'></i>
</span>Contacto
</a>
</li>
</ul>
</nav>
<div class='absolute negro large-padding bottom blanco full-width' id='description'>
<div class='row middle-xs center-xs'>
<div class='col-xs-7 col-sm-6 blanco medium'>
Derechos reservados &amp;copy Pablo Pernia
</div>
<div class='col-xs hidden' id='stickynavigation'>
<div class='box'></div>
</div>
</div>
</div>
</div>
<div id='galeria'>
<div class='inner'>
<div class='image' style='background-image:url(imgs/capilla.jpg);'></div>
<div class='image' style='background-image:url(imgs/teleferico.jpg);'></div>
<div class='image' style='background-image:url(imgs/estancia.jpg);'></div>
<div class='image' style='background-image:url(imgs/jardin.jpg);'></div>
<div class='image' style='background-image:url(imgs/paramo.jpg);'></div>
<div class='image' style='background-image:url(imgs/antier.jpg);'></div>
</div>
</div>
</body>
</html>
Raw
main.js
;(function(){
setInterval(()=>{
$("galeria. inner").css({
left:"-100%"
})
},3000)
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment