GIF89a;
Mini Shell
./BlackJoker Mini Shell 1.0
Mini Shell
Mini Shell
| Direktori : /home/m-mas/www/ |
| Current File : /home/m-mas/www/inicio2.html |
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>m+ Arquitectura Corporativa, Diseño y Construcción</title>
<link href="splash/styles/style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script type="text/javascript" src="splash/scripts/nbw-parallax.js"></script>
<script type="text/javascript" src="splash/scripts/jquery.localscroll-1.2.7-min.js"></script>
<script type="text/javascript" src="splash/scripts/jquery.scrollTo-1.4.2-min.js"></script>
<script type="text/javascript" src="splash/scripts/jquery.inview.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#nav, #intro, #seventh').localScroll();
})
</script>
<script type="text/javascript">
$(document).ready(function(){
$('h1').delay(2000).fadeIn(3000);
$('.container').delay(3000).fadeIn(800)
})
</script>
<script type="text/javascript">
$(document).ready(function(){
var $win = $(window);
function handleScroll() {
var value = $win.scrollTop() || (document.documentElement && document.documentElement.scrollTop);
if (value > 10 && value < 2000) {
$('.map-redline').css('height',value * 1);
}
}
$win.scroll( handleScroll );
});
</script>
<script type="text/javascript">
$(function() {
$('#nav li a').click(function(e) {
e.preventDefault();
var $this = $(this);
$this.closest('ul').children('li').removeClass('active');
$this.parent().addClass('active');
$('.bubblemenu').removeClass('bubblemenu');
var target = $this.attr('href');
$(target).children('div').children('div').addClass('bubblemenu');
//console.log('target '+target);
});
$('.bubble').hover(function(e) {
$('.bubblemenu').removeClass('bubblemenu');
});
});
</script>
</head>
<body>
<ul id="nav">
<li><a href="#second" title="Next Section">El estudio</a></li>
<li><a href="#third" title="Next Section">Servicios</a></li>
<li><a href="#fourth" title="Next Section">Galería</a></li>
<li><a href="#fifth" title="Next Section">Blog</a></li>
<li><a href="#sixth" title="Next Section">Contacto</a></li>
</ul>
<div id="header">
<div class="logo-container">
<h1 id="logo-m"><a href="inicio.html" title="m+ Arquitectura">m+ Arquitectura Corporativa, Diseño y Construcción</a></h1>
</div> <!--.logo-container-->
</div> <!--#header-->
<div class="container">
<div id="intro" class="with-bubble">
<div class="story">
<div class="bubble">
<h2><a class="texto-enlace" href="#second" title="Go!" class="bubble">Go!</a></h2>
<img src="splash/images/bubble-go.png" alt="Go!" />
</div>
</div> <!--.story-->
</div> <!--#intro-->
<div id="second">
<div class="story">
<div class="bubble el-estudio">
<h2><a href="#" class="texto-enlace" title="Ir a El estudio"><span class="size-small">El</span><span>Es</span><span>tu</span><span>dio</span></a></h2>
<p class="text-inside">Conoce el estudio a través de nuestra trayectoria de más de diez años y el equipo detrás de m+</p>
<img src="splash/images/bubble-bg.png" alt="Burbuja para El Estudio" />
</div>
</div> <!--.story-->
</div> <!--#second-->
<div id="third">
<div class="story">
<div class="bubble servicios">
<h2><a href="#" class="texto-enlace" title="Ir a Servicios">Servicios</a></h2>
<p class="text-inside">Contamos con amplia experiencia en proyectos de arquitectura corporativa, diseño y construcción.</p>
<img src="splash/images/bubble-bg.png" alt="Burbuja para Servicios" />
</div>
</div> <!--.story-->
</div> <!--#third-->
<div id="fourth">
<div class="story">
<div class="bubble galeria">
<h2><a href="#" class="texto-enlace" title="Ir a la Galería"><span>Ga</span><span>le</span><span>ria</span></a></h2>
<p class="text-inside">Conoce algunos de nuestros proyectos que hemos seleccionado en las áreas que trabajamos.</p>
<img src="splash/images/bubble-bg.png" alt="Burbuja para Galería" />
</div>
</div> <!--.story-->
</div> <!--#fourth-->
<div id="fifth">
<div class="story">
<div class="bubble blog">
<h2><a href="#" class="texto-enlace" title="Ir al Blog">Blog</a></h2>
<p class="text-inside">En nuestro blog corporativo puedes encontrar información actual sobre los temas que más interesan al equipo.</p>
<img src="splash/images/bubble-bg.png" alt="Burbuja para Blog" />
</div>
</div> <!--.story-->
</div> <!--#fifth-->
<div id="sixth">
<div class="story">
<div class="bubble contacto">
<h2><a href="#" class="texto-enlace" title="Contactar">Contacto</a></h2>
<p class="text-inside">Contacta con nosotros vía correo electrónico, teléfono o ven a visitarnos a nuestras oficinas.</p>
<img src="splash/images/bubble-bg.png" alt="Burbuja para Contacto" />
</div>
</div> <!--.story-->
</div> <!--#sixth-->
<div id="seventh">
<div class="story">
<div class="bubble end">
<h2><a href="#header" class="texto-enlace" title="End">End</a></h2>
<img src="splash/images/bubble-end.png" alt="Burbuja para End" />
</div>
</div> <!--.story-->
</div> <!--#seventh-->
<div class="map-redline"></div>
</div> <!--container-->
</body>
</html>
./BlackJoker Mini Shell 1.0
Añadir nuevo comentario