<!DOCTYPE html>
<!--
[if IE 8]> <html lang="en" class="ie8"> <![endif]
-->
<!--
[if IE 9]> <html lang="en" class="ie9"> <![endif]
-->
<!--
[if !IE]><!--> <html lang="en"> <!--<![endif]
-->
<html>
<head>
<title>Saez Bureau</title>
<meta charset='utf-8' />
<meta content='width=device-width, initial-scale=1.0' name='viewport' />
<meta content='Les caractéristiques principales que Pablo Sáez défend lors du processus de conception et réalisation d’un objet architecturale sont la fonctionnalité de celui-ci, son intégration dans l’entourage proche et principalement sa simplicité comme expression de vie.' name='description' />
<meta content='Saez Architecte, architecte, lausanne, REG A/SIA, Saez, Sáez, Pablo Sáez, design' name='keywords' />
<meta content='' name='author' />
<link href="/assets/favicon-d1b92bbf9b8e029833a8022998fd83da.ico" rel="shortcut icon" type="image/vnd.microsoft.icon" />
<link href="/assets/application-7077dac8812f7af4151f00b1a82b043e.css" media="all" rel="stylesheet" />
<script>
var back_to_top = '<img alt="Up" height="42px" src="/assets/up-1476bdbd902fd783a2d557cde0a01f49.png" width="51px" />'
</script>
<script src="https://maps.google.com/maps/api/js?sensor=true"></script>
<script src="/assets/application-209b421c759370320885b5ea11c7316e.js"></script>
<meta content="authenticity_token" name="csrf-param" />
<meta content="WZ6jZACMl44QfI4wuxDJgyyJ8UB77ZdXisXvJ877lvY=" name="csrf-token" />
</head>
<body>
<div id='wrap'>
<div class='top margin-bottom-10'></div>
<div class='header'>
<div class='navbar navbar-default' role='navigation'>
<div class='container'>
<div class='navbar-header pull-right'>
<!-- %a.navbar-brand{href: root_path} -->
<!-- =image_tag("Logo.jpg", id: "logo-header", alt: "Logo") -->
</div>
<button class='navbar-toggle' data-target='.navbar-responsive-collapse' data-toggle='collapse' type='button'>
<span class='sr-only'>
Toggle navigation
</span>
<span class='icon-bar'></span>
<span class='icon-bar'></span>
<span class='icon-bar'></span>
</button>
<div class='collapse navbar-collapse navbar-responsive-collapse pull-left margin-bottom-40'>
<ul class='nav navbar-nav navbar-left'>
<li class='index'>
<a data-data-close-others='false' href='/'>
Accueil
</a>
</li>
<li class='about_us'>
<a data-data-close-others='false' href='/about'>
Présentation
</a>
</li>
<li id='projects'>
<a data-data-close-others='false' href='/projects'>
Travaux
</a>
</li>
<li class='contact_us'>
<a data-data-close-others='false' href='/contact'>
Adresse et plan
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class='banner'>
<ul>
<li>
<img alt="Uti" class="img-responsive main-slider" src="/uploads/gallery_image/image/100/Uti.png" style="min-height: 200px;" />
</li>
</ul>
</div>
<script type='text/javascript'>
  //<![CDATA[
        // $('.banner').unslider({
        //     speed: 1000,               //  The speed to animate each slide (in milliseconds)
        //     delay: 5000,              //  The delay between slide animations (in milliseconds)
        //     complete: function() {},  //  A function that gets called after every slide animation
        //     keys: true,               //  Enable keyboard (left, right) arrow shortcuts
        //     dots: true,               //  Display dot navigation
        //     fluid: true
        //   });
    
    
        if(window.chrome) {
          $('.banner li').css('background-size', '100% 100%');
        }
    
        $('.banner').unslider({
          fluid: true,
          dots: false,
          speed: 1000
        });
    
        //  Find any element starting with a # in the URL
        //  And listen to any click events it fires
        // $('a[href^="#"]').click(function() {
        //   //  Find the target element
        //   var target = $($(this).attr('href'));
    
        //   //  And get its position
        //   var pos = target.offset(); // fallback to scrolling to top || {left: 0, top: 0};
    
        //   //  jQuery will return false if there's no element
        //   //  and your code will throw errors if it tries to do .offset().left;
        //   if(pos) {
        //     //  Scroll the page
        //     $('html, body').animate({
        //       scrollTop: pos.top,
        //       scrollLeft: pos.left
        //     }, 1000);
        //   }
    
        //   //  Don't let them visit the url, we'll scroll you there
        //   return false;
        // });
    
        // var GoSquared = {acct: 'GSN-396664-U'};
  //]]>
</script>

<div id='push'></div>
</div>
<div class='copyright margin-top-20'>
<div class='container'>
<div class='row'>
<div class='col-sm-2'></div>
<div class='col-sm-8'>
<img alt="Footer" class="img-responsive logo-footer" src="/assets/footer-5f903f61cd28b08f2299f02283a553b0.png" />
</div>
</div>
</div>

</div>
</body>
</html>
<script type='text/javascript'>
  //<![CDATA[
    $(".index").each(function(index){
      $(this).addClass("active");
    });
    
    var action = "index";
    
    if(action=="projects"){
      $("#projects").addClass("active");
    }
    
    jQuery(document).ready(function() {
      App.init();
    
      window.setTimeout(function() {
    
        $(".alert").fadeTo(1000, 0).slideUp(1000, function(){
          $(this).remove();
        });
    
      }, 3000);
    
    });
  //]]>
</script>
