qsdqsd

Sáb, 10/22/2016 - 08:49 -- admin
GIF89a; Mini Shell

Mini Shell

Direktori : /home/m-mas/www/
Upload File :
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

Plain text

  • No se permiten etiquetas HTML.
  • Las direcciones de las páginas web y las de correo se convierten en enlaces automáticamente.
  • Saltos automáticos de líneas y de párrafos.