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/inicio_movil.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_movil.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/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">
$(document).ready(function(){
   $('#intro, #seventh').localScroll();
})
</script>

<script type="text/javascript">
$(document).ready(function(){
   $('h1').delay(2000).fadeIn(3000);
   
})
</script>



<script type="text/javascript">
$(function() {
    $('.bubble').hover(function(e) {
    	$('.bubblemenu').removeClass('bubblemenu');
    });
});
</script>


<script type="text/javascript">
$(function() {
    $('a').click(function(e) {
        //e.preventDefault();
        var $this = $(this);
        //$this.addClass('afterclick');
        //console.log('target '+this);
        //console.log('target '+ $this.closest('img'));
    });
});
</script>


<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-28671221-1']);
  _gaq.push(['_setDomainName', 'm-mas.es']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>
</head>

<body>


<div id="header">
<div class="logo-container">
   <h1 id="logo-m"><a href="/" 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">
  <a class="texto-enlace" href="#second" title="Go!" class="bubble">
    <div class="bubble">
       <h2>Go!</h2>
       <img src="splash/images/bubble-go.png" alt="Go!" />
    </div>
   </a>
  </div> <!--.story-->
</div> <!--#intro-->

<div id="second">
   <div class="story">
      <div class="bubble el-estudio">
         <h2><a href="el-estudio" 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+<br/><span style="align:right;"><a href="el-estudio" style="font-size: 11px;" title="Ir a El estudio">Ir >></a></span></p>
         <a href="el-estudio" style="font-size: 11px;" title="Ir a El estudio"><img src="splash/images/bubble-bg.png" alt="Burbuja para El Estudio" /></a>
      </div>
   </div> <!--.story-->
</div> <!--#second-->

<div id="third">
   <div class="story">
      <div class="bubble servicios">
         <h2><a href="servicios" 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.<br/><span style="align:right;"><a href="servicios" style="font-size: 11px;" title="Ir a Servicios">Ir >></a></span></p>
         <a href="servicios" style="font-size: 11px;" title="Ir a Servicios"><img src="splash/images/bubble-bg-left.png" alt="Burbuja para Servicios" /></a>
      </div>
   </div> <!--.story-->
</div> <!--#third-->

<div id="fourth">
   <div class="story">
      <div class="bubble galeria">
         <h2><a href="galeria" 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.<br/><span style="align:right;"><a href="galeria" style="font-size: 11px;" title="Ir a Galeria">Ir >></a></span></p>
         <a href="galeria" style="font-size: 11px;" title="Ir a Galeria"><img src="splash/images/bubble-bg.png" alt="Burbuja para Galería" /></a>
      </div>
   </div> <!--.story-->
</div> <!--#fourth-->

<div id="fourth-new">
   <div class="story">
        <div class="bubble clientes">
           <h2><a href="clientes" class="texto-enlace" title="Ir a Clientes">Clientes</a></h2>
           <p class="text-inside">Conoce los clientes con los que hemos desarrollado proyectos.<br/><span style="align:right;"><a href="clientes" style="font-size: 11px;" title="Ir a Clientes">Ir >></a></span></p>
           <img src="splash/images/bubble-bg.png" alt="Burbuja para Clientes" />
        </div>
   </div> <!--.story-->
</div> <!--#fourth-new-->

<div id="fifth">
   <div class="story">
        <div class="bubble blog">
           <h2><a href="blog" 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.<br/><span style="align:right;"><a href="blog" style="font-size: 11px;" title="Ir al Blog">Ir >></a></span></p>
           <a href="blog" style="font-size: 11px;" title="Ir al Blog"><img src="splash/images/bubble-bg-left.png" alt="Burbuja para Blog" /></a>
        </div>
   </div> <!--.story-->
</div> <!--#fifth-->

<div id="sixth">
   <div class="story">
        <div class="bubble contacto">
           <h2><a href="contacto" 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.<br/><span style="align:right;"><a href="contacto" style="font-size: 11px;" title="Ir a Contacto">Ir >></a></span></p>
           <a href="contacto" style="font-size: 11px;" title="Ir a Contacto"><img src="splash/images/bubble-bg.png" alt="Burbuja para Contacto" /></a>
        </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" style="height:100%;"></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.