david
76692e0b49
git-svn-id: https://192.168.0.254/svn/Proyectos.Instaldeco_Web/tags/demo@1 d4ca0941-a869-4c45-9eab-2e1fd2dd58c0
199 lines
7.5 KiB
HTML
199 lines
7.5 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;">
|
|
<!-- FULL BACKGROUND IMAGE -->
|
|
<!-- <img src="./images/background-dark.jpg" id="bg" alt="background" / -->
|
|
|
|
<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">
|
|
|
|
</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="current">
|
|
<a href="./company.php.html">Acerca de</a>
|
|
</li>
|
|
<li class="sliding-element">
|
|
<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>La solución correcta</h1>
|
|
</div>
|
|
<!--<ul class="sub-navigation right-align">
|
|
<li class="current"><a href="./company.php.html">About Us</a></li>
|
|
<li><a href="./typography.php.html">Typography</a></li>
|
|
<li><a href="./columns.php.html">Columns</a></li>
|
|
<li><a href="./lightbox.php.html">Lightbox Examples</a></li>
|
|
</ul>-->
|
|
|
|
|
|
<div class="scroll-pane" style="height:370px;"><!-- customize the height for the scroll box -->
|
|
<p>
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in ligula id sem tristique ultrices
|
|
eget id neque. Duis enim turpis, tempus at <a href="#">accumsan vitae</a>, lobortis id sapien. Pellentesque nec orci
|
|
mi, in pharetra ligula. Nulla facilisi. Nulla facilisi. Mauris convallis venenatis massa, quis
|
|
consectetur felis ornare quis. Sed aliquet nunc ac ante molestie ultricies. Nam pulvinar ultricies
|
|
bibendum.
|
|
<br/><br/>
|
|
Duis enim turpis, tempus at <a href="#">accumsan vitae</a>, lobortis id sapien. Pellentesque nec orci
|
|
mi, in pharetra ligula. Nulla facilisi. Nulla facilisi. Mauris convallis venenatis massa, quis
|
|
consectetur felis ornare quis. Sed aliquet nunc ac ante molestie ultricies. Nam pulvinar ultricies
|
|
bibendum.
|
|
</p>
|
|
|
|
<div class="divider"></div>
|
|
|
|
<p>
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in ligula id sem tristique ultrices
|
|
eget id neque. Duis enim turpis, tempus at <a href="#">accumsan vitae</a>, lobortis id sapien. Pellentesque nec orci
|
|
mi, in pharetra ligula. Nulla facilisi. Nulla facilisi. Mauris convallis venenatis massa, quis
|
|
consectetur felis ornare quis. Sed aliquet nunc ac ante molestie ultricies. Nam pulvinar ultricies
|
|
bibendum.
|
|
</p>
|
|
|
|
|
|
</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> |