<!DOCTYPE html>
<html>
<head>

<title>Groupe Montagnard | Entrepreneur général et spécialisé</title>

<meta name="description" content="Groupe Montagnard | Entrepreneur général et spécialisé">
<meta name="keywords" content="Entrepreneur, Mont-Tremblant, Mont-Blanc, Saint-Faustin, Lac Carré, Quebec">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />

<link rel="SHORTCUT ICON" href="favicon.png">
<link rel="stylesheet" type="text/css" href="index.css">
<script src="jquery-1.10.2.min.js"></script>

<script>
$(function() {
$('a').click(function(){
    $('html, body').animate({
        scrollTop: $( $(this).attr('href') ).offset().top
    }, 1000);
    return false;
});
});
</script>

</head>
<body>
  

<div id="top" class="fullscreen background parallax" style="background-image:url('roof-truss-3339206_1920.jpg');" data-img-width="2000" data-img-height="1280" data-diff="100">
    <div class="content-a">
        <div class="content-b">


<div class="topinfo">
<img src="groupe-montagnard-logo-b.png" class="toplogo"><br>
Entrepreneur général et spécialisé<br>
<a href="mailto:info@groupemontagnard.com">info@groupemontagnard.com</a><br>
Jean-Philippe Girard<br>
RBQ 5844-3102-01<br>
<a href="tel:8194254420">819 425-4420</a><br>
</div>


        </div>
    </div>
</div>
  
  
  

<div id="contact" class="not-fullscreen background parallax" style="background: #0c113b;" data-img-width="2000" data-img-height="1280" data-diff="100">
    <div class="content-a">
        <div class="content-b">
           
<img src="groupe-montagnard-logo-gm-b.png" class="botlogo">

<br><br>

<div class="botinfo">
<span style="text-transform: uppercase;">
<span class="nobreak" style="font-weight: bold;">Groupe Montagnard</span>
<span class="separe">|</span>
<span class="break">Entrepreneur général et spécialisé</span>
<span class="separe">|</span>
<span class="nobreak">RBQ : 5844-3102-01</span>
</span>
<br>

<span class="break">Jean-Philippe Girard</span>
<span class="separe">|</span>
<span class="nobreak"><a href="tel:8194254420">819 425-4420</a></span>
<span class="separe">|</span>
<a href="mailto:info@groupemontagnard.com">info@groupemontagnard.com</a>
<span class="separe">|</span>
<span class="nobreak">Mont-Blanc</span>

</div>

<br><br>

<a href="#top" class="gototop">▲</a><br>

        </div>
    </div>
</div>
  



<script>
/* detect touch */
if("ontouchstart" in window){
    document.documentElement.className = document.documentElement.className + " touch";
}
if(!$("html").hasClass("touch")){
    /* background fix */
    $(".parallax").css("background-attachment", "fixed");
}

/* fix vertical when not overflow
call fullscreenFix() if .fullscreen content changes */
function fullscreenFix(){
    var h = $('body').height();
    // set .fullscreen height
    $(".content-b").each(function(i){
        if($(this).innerHeight() > h){ $(this).closest(".fullscreen").addClass("overflow");
        }
    });
}
$(window).resize(fullscreenFix);
fullscreenFix();

/* resize background images */
function backgroundResize(){
    var windowH = $(window).height();
    $(".background").each(function(i){
        var path = $(this);
        // variables
        var contW = path.width();
        var contH = path.height();
        var imgW = path.attr("data-img-width");
        var imgH = path.attr("data-img-height");
        var ratio = imgW / imgH;
        // overflowing difference
        var diff = parseFloat(path.attr("data-diff"));
        diff = diff ? diff : 0;
        // remaining height to have fullscreen image only on parallax
        var remainingH = 0;
        if(path.hasClass("parallax") && !$("html").hasClass("touch")){
            var maxH = contH > windowH ? contH : windowH;
            remainingH = windowH - contH;
        }
        // set img values depending on cont
        imgH = contH + remainingH + diff;
        imgW = imgH * ratio;
        // fix when too large
        if(contW > imgW){
            imgW = contW;
            imgH = imgW / ratio;
        }
        //
        path.data("resized-imgW", imgW);
        path.data("resized-imgH", imgH);
        path.css("background-size", imgW + "px " + imgH + "px");
    });
}
$(window).resize(backgroundResize);
$(window).focus(backgroundResize);
backgroundResize();

/* set parallax background-position */
function parallaxPosition(e){
    var heightWindow = $(window).height();
    var topWindow = $(window).scrollTop();
    var bottomWindow = topWindow + heightWindow;
    var currentWindow = (topWindow + bottomWindow) / 2;
    $(".parallax").each(function(i){
        var path = $(this);
        var height = path.height();
        var top = path.offset().top;
        var bottom = top + height;
        // only when in range
        if(bottomWindow > top && topWindow < bottom){
            var imgW = path.data("resized-imgW");
            var imgH = path.data("resized-imgH");
            // min when image touch top of window
            var min = 0;
            // max when image touch bottom of window
            var max = - imgH + heightWindow;
            // overflow changes parallax
            var overflowH = height < heightWindow ? imgH - height : imgH - heightWindow; // fix height on overflow
            top = top - overflowH;
            bottom = bottom + overflowH;
            // value with linear interpolation
            var value = min + (max - min) * (currentWindow - top) / (bottom - top);
            // set background-position
            var orizontalPosition = path.attr("data-oriz-pos");
            orizontalPosition = orizontalPosition ? orizontalPosition : "50%";
            $(this).css("background-position", orizontalPosition + " " + value + "px");
        }
    });
}
if(!$("html").hasClass("touch")){
    $(window).resize(parallaxPosition);
    //$(window).focus(parallaxPosition);
    $(window).scroll(parallaxPosition);
    parallaxPosition();
}


</script>




  

</body>
</html>