david
76692e0b49
git-svn-id: https://192.168.0.254/svn/Proyectos.Instaldeco_Web/tags/demo@1 d4ca0941-a869-4c45-9eab-2e1fd2dd58c0
233 lines
10 KiB
HTML
233 lines
10 KiB
HTML
<!DOCTYPE HTML>
|
|
<html dir="ltr" lang="es-ES">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<title>Instaldeco | Servicios de montaje y decoración</title>
|
|
<link rel="stylesheet" href="./style.css" type="text/css" media="all" />
|
|
|
|
<script type="text/javascript" src="./js/jquery.min.js"></script>
|
|
<script type="text/javascript" src="./js/custom.js"></script><!-- Various Custom JavaScript including Lightbox Settings -->
|
|
<script type="text/javascript" src="./js/jquery.fancybox.js"></script><!-- Lightbox JavaScript -->
|
|
<link href='./fonts/marvel.css' rel='stylesheet' type='text/css'>
|
|
|
|
<!-- Drop-Down Menu JavaScript -->
|
|
<script type="text/javascript" src="./js/hoverIntent.js"></script>
|
|
<script type="text/javascript" src="./js/superfish.js"></script>
|
|
|
|
<!-- Featured Slider JavaScript and CSS -->
|
|
<script src="./js/jquery.orbit-1.2.3.min.js" type="text/javascript"></script>
|
|
<!--[if IE]>
|
|
<style type="text/css">
|
|
.timer { display: none !important; }
|
|
div.caption { background:transparent; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);zoom: 1; }
|
|
</style>
|
|
<![endif]-->
|
|
<!--[if IE 7]>
|
|
<link rel="stylesheet" type="text/css" href="./css/ie7.css" />
|
|
<![endif]-->
|
|
|
|
<!-- Color Picker Styles and JavaScript -->
|
|
<link rel="stylesheet" media="screen" type="text/css" href="./css/colorpicker.css" />
|
|
<link rel="stylesheet" media="screen" type="text/css" href="./css/slider-color-picker.css" />
|
|
<script type="text/javascript" src="./js/colorpicker.js"></script>
|
|
<script type="text/javascript" src="./js/eye.js"></script>
|
|
<script type="text/javascript" src="./js/utils.js"></script>
|
|
<script type="text/javascript" src="./js/layout_e021f963.js"></script>
|
|
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>
|
|
|
|
<body style="background: url(./images/camouflage.png) repeat;">
|
|
|
|
<div id="box-container">
|
|
<div id="page-wrap">
|
|
|
|
<div id="container">
|
|
|
|
<div id="left-container">
|
|
|
|
<div class="bottom-box">
|
|
<div class="logo-menu">
|
|
<a href="./index.php.html"><img src="./images/logo-instaldeco.png" alt="logo" /></a>
|
|
</div><!-- close .logo-menu -->
|
|
</div><!-- close .top-box or .bottom-box -->
|
|
|
|
<div class="side-barheading center-align">
|
|
<h2>Servicios</h2>
|
|
<h5>producción - stands<br/>instalaciones comerciales<br/>desarrollo</h5>
|
|
</div>
|
|
|
|
<div class="top-box">
|
|
<div class="navigation-menu">
|
|
<div class="hover-box">
|
|
|
|
<h1>Menu</h1>
|
|
|
|
<ul class="sf-menu sf-vertical">
|
|
<li class="sliding-element">
|
|
<a href="./index.php.html">Inicio</a>
|
|
</li>
|
|
<li class="sliding-element">
|
|
<a href="./company.php.html">Acerca de</a>
|
|
</li>
|
|
<li class="current">
|
|
<a href="./services.php.html">Servicios</a>
|
|
</li>
|
|
<li class="sliding-element">
|
|
<a href="./portfolio-thumbnails.php.html">Trabajos</a>
|
|
</li>
|
|
<li class="sliding-element">
|
|
<a href="./contact.php.html">Contacto</a>
|
|
</li>
|
|
</ul>
|
|
|
|
|
|
<div class="navigation-space"> </div>
|
|
|
|
</div><!-- close .hover-box -->
|
|
</div><!-- close .navigation-menu -->
|
|
</div><!-- close .top-box or .bottom-box -->
|
|
|
|
|
|
|
|
</div><!-- close #left-container -->
|
|
|
|
|
|
<div class="content-container">
|
|
<div class="content-heading right-align">
|
|
<h5>Instaldeco</h5>
|
|
<h1>Nuestros servicios</h1>
|
|
</div>
|
|
|
|
<div class="scroll-pane" style="height:400px;"><!-- customize the height for the scroll box -->
|
|
|
|
<div class="list_carousel"> <!-- begin carousel -->
|
|
<ul id="rotating-services">
|
|
<li class="scroll-pane">
|
|
<h5><span>01.</span> Producción y contrucción</h5>
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in tortor dui, quis fermentum risus. Proin id tellus quis lectus tempor tempor. Vestibulum suscipit, lectus at tempus elementum, nisl nisl iaculis metus, sed mollis purus elit eget enim. Curabitur non metus in justo cursus eleifend. </p>
|
|
|
|
<div class="aligncenter"><img src="./images/services_img_sample_2.png" alt="buildings" /></div>
|
|
</li>
|
|
<li class="scroll-pane">
|
|
<h5><span>02.</span> Desarrollo del concepto</h5>
|
|
<p>Aenean suscipit blandit scelerisque. Aenean porttitor risus eu sapien ullamcorper sollicitudin. Vivamus porta, ante sit amet venenatis lobortis. </p>
|
|
<p>Pellentesque porta tristique lacinia. Sed et mattis nunc. Sed volutpat pharetra nisi, eget pharetra quam vulputate at. Suspendisse potenti. Donec tincidunt vehicula justo, scelerisque sagittis neque rhoncus quis. Phasellus in sollicitudin nunc. Integer sed nunc eget nulla adipiscing fermentum ut vel velit. </p>
|
|
|
|
<p>In ut felis sed erat hendrerit dictum. Morbi enim felis, molestie eu laoreet vel, molestie a lectus. Nulla ligula felis, mollis nec gravida in, cursus vitae justo. Praesent suscipit arcu quis enim euismod iaculis. Mauris rhoncus euismod justo et eleifend. </p>
|
|
|
|
</li>
|
|
<li class="scroll-pane">
|
|
<h5><span>03.</span> Ferias y exposiciones</h5>
|
|
<p>In ut felis sed erat hendrerit dictum. Morbi enim felis, molestie eu laoreet vel, molestie a lectus. Nulla ligula felis, mollis nec gravida in, cursus vitae justo. Praesent suscipit arcu quis enim euismod iaculis. Mauris rhoncus euismod justo et eleifend. </p>
|
|
<p>Pellentesque porta tristique lacinia. Sed et mattis nunc. Sed volutpat pharetra nisi, eget pharetra quam vulputate at. Suspendisse potenti. Donec tincidunt vehicula justo, scelerisque sagittis neque rhoncus quis. Phasellus in sollicitudin nunc. Integer sed nunc eget nulla adipiscing fermentum ut vel velit. </p>
|
|
<p>Aenean suscipit blandit scelerisque. Aenean porttitor risus eu sapien ullamcorper sollicitudin. Vivamus porta, ante sit amet venenatis lobortis. </p>
|
|
<p>Aliquam ipsum lorem, ultricies a vestibulum nec, bibendum congue augue. Donec ultricies viverra eleifend. Suspendisse aliquet diam convallis nisi sagittis porta. Sed a nulla a nibh ultrices lacinia. Aliquam dapibus vehicula urna, quis egestas quam porta ut.</p>
|
|
</li>
|
|
<li class="scroll-pane">
|
|
<h5><span>04.</span> Instalaciones comerciales</h5>
|
|
<p>Aenean suscipit blandit scelerisque. Aenean porttitor risus eu sapien ullamcorper sollicitudin. Vivamus porta, ante sit amet venenatis lobortis. </p>
|
|
|
|
<p>In ut felis sed erat hendrerit dictum. Morbi enim felis, molestie eu laoreet vel, molestie a lectus. Nulla ligula felis, mollis nec gravida in, cursus vitae justo. Praesent suscipit arcu quis enim euismod iaculis. Mauris rhoncus euismod justo et eleifend. </p>
|
|
|
|
</li>
|
|
</ul>
|
|
|
|
<div class="clearfix"></div>
|
|
|
|
<a id="previous_link" class="prev" href="#">← <span>Anterior</span></a>
|
|
<a id="next_link" class="next" href="#"><span>Siguiente</span> →</a>
|
|
<div id="foo2_pag" class="pagination"></div>
|
|
|
|
</div> <!-- end carousel html -->
|
|
|
|
<!-- Begin CAROUSEL JavaScript -->
|
|
<script type="text/javascript">
|
|
$(function() {
|
|
$('#rotating-services').carouFredSel({
|
|
items: {
|
|
visible: 1
|
|
},
|
|
circular: false,
|
|
infinite: false,
|
|
auto : false,
|
|
scroll: 1,
|
|
prev : {
|
|
button : "#previous_link",
|
|
key : "left"
|
|
},
|
|
next : {
|
|
button : "#next_link",
|
|
key : "right"
|
|
},
|
|
pagination : ".pagination"
|
|
|
|
});
|
|
});
|
|
</script>
|
|
<script type="text/javascript" src="./js/jquery.carouFredSel-4.1.0-packed.js"></script>
|
|
<!-- END CAROUSEL JavaScript -->
|
|
|
|
|
|
</div><!-- close .scroll-pane -->
|
|
<!-- the jScrollPane script -->
|
|
<script type="text/javascript" src="./js/jquery.mousewheel.js"></script>
|
|
<script type="text/javascript" src="./js/jquery.jscrollpane.min.js"></script>
|
|
<script type="text/javascript" id="sourcecode">
|
|
$(function()
|
|
{
|
|
$('.scroll-pane').jScrollPane();
|
|
});
|
|
</script>
|
|
|
|
</div><!-- close #content-container -->
|
|
|
|
|
|
|
|
<!-- Background Slides -->
|
|
<div id="featured">
|
|
<img src="./images/backgrounds/projects-background-gray.jpg" alt="background image" />
|
|
</div><!-- close #featured -->
|
|
<script type="text/javascript">
|
|
$(window).load(function() {
|
|
$('#featured').orbit({
|
|
animation: 'fade', // fade, horizontal-slide, vertical-slide, horizontal-push
|
|
animationSpeed: 1200, // how fast animtions are
|
|
timer: true, // true or false to have the timer
|
|
advanceSpeed: 4000, // if timer is enabled, time between transitions
|
|
pauseOnHover: false, // if you hover pauses the slider
|
|
startClockOnMouseOut: false, // if clock should start on MouseOut
|
|
startClockOnMouseOutAfter: 1000, // how long after MouseOut should the timer start again
|
|
directionalNav: false, // manual advancing directional navs
|
|
captions: true, // do you want captions?
|
|
captionAnimation: 'fade', // fade, slideOpen, none
|
|
captionAnimationSpeed: 800, // if so how quickly should they animate in
|
|
bullets: false, // true or false to activate the bullet navigation
|
|
bulletThumbs: false, // thumbnails for the bullets
|
|
bulletThumbLocation: '', // location from this file where thumbs will be
|
|
afterSlideChange: function(){} // empty function
|
|
});
|
|
});
|
|
</script>
|
|
<!-- End Background Slides -->
|
|
|
|
</div><!-- close #container -->
|
|
|
|
|
|
<div id="footer">
|
|
</div><!-- close #footer -->
|
|
|
|
|
|
</div><!-- close #page-wrap -->
|
|
</div><!-- close #box-container -->
|
|
|
|
|
|
<script>
|
|
$(document).ready(function(){
|
|
$("ul.sf-menu").superfish({
|
|
animation: {height:'show'}, // slide-down effect without fade-in
|
|
delay: 1200 // 1.2 second delay on mouseout
|
|
});
|
|
});
|
|
</script>
|
|
</body>
|
|
</html> |