david
76692e0b49
git-svn-id: https://192.168.0.254/svn/Proyectos.Instaldeco_Web/tags/demo@1 d4ca0941-a869-4c45-9eab-2e1fd2dd58c0
255 lines
8.8 KiB
HTML
255 lines
8.8 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">
|
|
</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="sliding-element">
|
|
<a href="./services.php.html">Servicios</a>
|
|
</li>
|
|
|
|
<li class="current">
|
|
<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 light-fonts">
|
|
|
|
|
|
<div class="scroll-pane" style="height:360px;"><!-- customize the height for the scroll box -->
|
|
|
|
|
|
<div class="thumbnails">
|
|
|
|
<div class="col_1_4">
|
|
<a href="./images/portfolio/img_1.jpg" class="fancylightbox">
|
|
<img src="./images/portfolio/portfolio-item1-thumb.jpg" alt="portfolio-item" width="135" height="117" />
|
|
</a>
|
|
</div>
|
|
<div class="col_2_4">
|
|
<a href="./images/portfolio/img_2.jpg" class="fancylightbox">
|
|
<img src="./images/portfolio/portfolio-item2-thumb.jpg" alt="portfolio-item" width="135" height="117" />
|
|
</a>
|
|
</div>
|
|
<div class="col_3_4">
|
|
<a href="./images/portfolio/img_3.jpg" class="fancylightbox">
|
|
<img src="./images/portfolio/portfolio-item3-thumb.jpg" alt="portfolio-item" width="135" height="117" />
|
|
</a>
|
|
</div>
|
|
<div class="col_4_4">
|
|
<a href="./images/portfolio/img_4.jpg" class="fancylightbox">
|
|
<img src="./images/portfolio/portfolio-item4-thumb.jpg" alt="portfolio-item" width="135" height="117" />
|
|
</a>
|
|
</div>
|
|
|
|
<div class="clear"></div>
|
|
|
|
<br />
|
|
|
|
<div class="col_1_4">
|
|
<a href="./images/portfolio/img_5.jpg" class="fancylightbox">
|
|
<img src="./images/portfolio/portfolio-item5-thumb.jpg" alt="portfolio-item" width="135" height="117" />
|
|
</a>
|
|
</div>
|
|
<div class="col_2_4">
|
|
<a href="./images/portfolio/img_6.jpg" class="fancylightbox">
|
|
<img src="./images/portfolio/portfolio-item6-thumb.jpg" alt="portfolio-item" width="135" height="117" />
|
|
</a>
|
|
</div>
|
|
<div class="col_3_4">
|
|
<a href="./images/portfolio/img_7.jpg" class="fancylightbox">
|
|
<img src="./images/portfolio/portfolio-item7-thumb.jpg" alt="portfolio-item" width="135" height="117" />
|
|
</a>
|
|
</div>
|
|
<div class="col_4_4">
|
|
<a href="./images/portfolio/img_8.jpg" class="fancylightbox">
|
|
<img src="./images/portfolio/portfolio-item8-thumb.jpg" alt="portfolio-item" width="135" height="117" />
|
|
</a>
|
|
</div>
|
|
|
|
<div class="clear"></div>
|
|
|
|
<br />
|
|
|
|
<div class="col_1_4">
|
|
<a href="./images/portfolio/img_4.jpg" class="fancylightbox">
|
|
<img src="./images/portfolio/portfolio-item4-thumb.jpg" alt="portfolio-item" width="135" height="117" />
|
|
</a>
|
|
</div>
|
|
<div class="col_2_4">
|
|
<a href="./images/portfolio/img_3.jpg" class="fancylightbox">
|
|
<img src="./images/portfolio/portfolio-item3-thumb.jpg" alt="portfolio-item" width="135" height="117" />
|
|
</a>
|
|
</div>
|
|
<div class="col_3_4">
|
|
<a href="./images/portfolio/img_2.jpg" class="fancylightbox">
|
|
<img src="./images/portfolio/portfolio-item2-thumb.jpg" alt="portfolio-item" width="135" height="117" />
|
|
</a>
|
|
</div>
|
|
<div class="col_4_4">
|
|
<a href="./images/portfolio/img_1.jpg" class="fancylightbox">
|
|
<img src="./images/portfolio/portfolio-item1-thumb.jpg" alt="portfolio-item" width="135" height="117" />
|
|
</a>
|
|
</div>
|
|
|
|
<div class="clear"></div>
|
|
|
|
</div><!-- close .thumbnails -->
|
|
|
|
|
|
|
|
</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 class="content-heading right-align">
|
|
<br />
|
|
<h3>Últimos</h3>
|
|
<h1>Trabajos</h1>
|
|
</div>
|
|
|
|
|
|
</div><!-- close #content-container -->
|
|
|
|
|
|
<!-- Background Slides -->
|
|
<div id="featured">
|
|
<img src="./images/backgrounds/projects-background.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> |