
<!doctype html>

<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>hotel.com.mx</title>
    

    <link rel="stylesheet" href="/particles/css/reset.css">

    <!-- Bootstrap Core CSS -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"
          integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
    <link rel="stylesheet" href="/particles/css/style.css">

    <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">

    <!-- jQuery -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

    <!--[if lt IE 9]>
    <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

    <style>
        #offer_mask {
            background-color: transparent;
            pointer-events: none;
        }

        #offer_wrapper {
            background-image: url(/particles/img/bg.jpg);
            background-size: cover;
            background-position: center;
        }

        #offer_h1 {
            font-size: 60px;
            text-transform: uppercase;
        }

        .modal-header {
            background-color: #000000 !important;
        }

        .info-block {
            display: inline-block;
            padding: 40px;
            min-width: 500px;
            background-color: rgba(234, 163, 48, 0.7);
            border-radius: 20px;
            backdrop-filter: blur(5px);
        }

        .description {
            max-width: 700px;
            font-size: 20px;
            text-align: left;
            white-space: pre-line;
        }

    </style>

</head>

<body>

<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-3475607-81', 'auto');
  ga('send', 'pageview', window.location.href);

</script>

<script>window.wcp = window.wcp || {};
    window.wcp.model_id = 2915;
    window.wcp.template_source = "special_template";
    window.wcp.template_name = "particles";
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/js-cookie/2.1.3/js.cookie.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/axios/0.14.0/axios.min.js"></script>
<script>

    function generateVisitorId() {
        return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
            var r = Math.random() * 16 | 0, v = c == 'x' ? r : (r & 0x3 | 0x8);
            return v.toString(16);
        });
    }
    window.WCP = window.WCP || {};

    var apiSite = "https://api.wildcardparking.com/";
    var user_id = "566";
    window.WCP.user_id = user_id;
    var model_id = window.wcp.model_id;
    var template_source = window.wcp.template_source || "sb";
    var domainName = "hotel.com.mx";
    window.WCP.domain_name = domainName;

    var visitor_id = Cookies.get("userId");
    if (!visitor_id || visitor_id === "undefined") {
//        console.log("new User");
        visitor_id = generateVisitorId();
        Cookies.set("userId", visitor_id, {
            expires: 365 * 2,
            domain: "." + location.hostname.split(".").slice(-2).join(".")
        });
    }
    var url = apiSite + 'v1/user-analytics/' + model_id;
    axios({
        url: url,
        method: 'POST',
        dataType: 'json',
        data: {
            hostName: domainName,
            visitorId: visitor_id,
            template_name: window.wcp.template_name,
            source: template_source,
            user_id: user_id,
        }
    })
        .then(function (response) {
//            console.log(response);
        },function (error) {
//            console.log("error", error);
        })
</script>

<style type="text/css">
    @media (max-width: 748px) {
        .domain-stats-item {
            padding: 5px;
            width: 100%;
        }

        #domain-stats-wrapper {
            padding: 0px 15px !important;
        }
    }
</style>

<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.css" rel="stylesheet">
<script src="https://cdnjs.cloudflare.com/ajax/libs/punycode/1.4.1/punycode.min.js"></script>
<script>


    function WCPgetStats() {

        var stats_block_print_check = false;
        if (stats_block_print_check == false) {
            return;
        } else if (stats_block_print_check == true) {
            window.WCP = window.WCP || {};
            WCP.stats_initialized = true;
            var domainName = location.hostname;

            if (domainName.indexOf("xn--") !== -1) {
                domainName = punycode.toUnicode(domainName)
            }

            var rootDomain = 'hotel.com.mx';
            var stats = ["visits", "visitors", "subdomains", "offers"];
            var statLanels = {
                visits: "Visits",
                visitors: "Unique visitors",
                subdomains: "Active subdomains",
                offers: "Offers submitted"
            };

            function getBlcok(data, statName) {
                return '<strong class="statValue">' + (data[statName] ? data[statName] : "N/A") +
                    '</strong><label class="statLabel">' + statLanels[statName] + '</label>';
            }

// production  https://api.wildcardparking.com/v1/user-analytics/stats-for-domain
// dev dev.api.parking.works/v1/user-analytics/stats-for-domain
            $.ajax({
                method: "GET",
                url: "//api.wildcardparking.com/v1/user-analytics/stats-for-domain",
                data: {domain_name: rootDomain, for: window.WCP.user_id}
            }).done(function (response) {
                var visitors = response['visits'];
                var unique_visitors = response['visitors'];
                var submitted_offers = response['offers'];
                var subdomains = response['subdomains'];
                var visits_div = document.getElementById('visits-info');
                var visitors_div = document.getElementById('visitors-info');
                var submitted_offers_div = document.getElementById('offers-info');
                var subdomains_div = document.getElementById('subdomains-info');


                visits_div.textContent = visitors;
                visitors_div.textContent = unique_visitors;
                submitted_offers_div.textContent = submitted_offers;
                subdomains_div.textContent = subdomains;

                setTimeout(function () {
                    var domain_stats_row_container = $('#domain-stats-row-container');
                    var domain_stats_row_container_h = domain_stats_row_container.height();
                    var domain_stats_row_container_m = domain_stats_row_container_h - domain_stats_row_container_h * 2;

                    domain_stats_row_container.css({
                        'top': domain_stats_row_container_m,
                        'visibility': 'visible'
                    });
                    domain_stats_row_container.animate({top: "0px"}, 300);


                }, 1100)
            }, function (ex) {
                return ex;
            });
        }
    }


    $(function () {
        WCPgetStats(jQuery)
    });
</script>

<div id="offer_wrapper">

    <div id="offer" class="container_domain_name info-block">
        <h1 id="offer_h1" class="domain_name_h1">hotel.com.mx</h1>
        <br>
        <h3 id="offer_h3">UN GRAN DOMINIO PARA UN GRAN PROYECTO</h3>
        <div id="ad1" class="description" style="position: relative; z-index: 4; color:white;">
            TE GUSTARIA RENTAR ESTE DOMINIO O ASOCIARTE PARA LA CREACION DE UN PROYECTO?        </div>
        <br>
        <div class="btn-wrap"><a href="#" class="btn"
                                 data-WCPModal="domain"
                                 data-domain-name="hotel.com.mx"
                                 data-title="Offer for hotel.com.mx"
                                 data-user-id="566"
                                 data-min-offer-amount=""
                                 data-template-id="2915"
                                 data-template-source="special_template"
                                 data-form-id="1"
                                 data-link="https://api.whatsapp.com/send?phone=525510489576"
            >ME INTERSA EL DOMINIO</a></div>

    </div>
    <div id="offer_mask">
                <div id="particles-js" style="height:100%;width: 100%;"></div>
        <style>
    .flexBackground {
        display: inline-block;
        height: 100%;
        width: 100%;
    }
</style>
    </div>
</div>

        <script src="/utils/background_effects/particles/particles.js"></script>
        <script src="/utils/background_effects/particles/app.js"></script>
        
<style>
    .flexBackground {
        height: 100vh !important;
        width: 100% !important;
    }
</style>




<script src="https://wildcardparking.com/js_plugins/text-resizerv2.js"></script>
<script>
    $(document).ready(function () {
        ResizeModul.ResizeInit();
        ResizeModul.setContainer();
    });
</script>


<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"
        integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"
        crossorigin="anonymous"></script>

<script src="//offers.wildcardparking.com/main.bundle.js"></script>
<script>
    window.WCPModal.autoDetect();
</script>


    <link rel="stylesheet" type="text/css" href="//hotel.com.mx/facebook-live-chat/css/live_chat_facbook.css" >
    <script type="text/javascript" src="//hotel.com.mx/facebook-live-chat/js/live_chat_facbook.js?version=23"></script>
    <style type="text/css">
        #b-c-facebook .chat-f-b, #chat_f_b_smal, #f_bt_start_chat {
            background: #3a5897;
        }
        ._1drn._-s.img{
            border: none !important;
        }
    </style>
    <a title="LIVE CHAT" id="chat_f_b_smal" onclick="chat_f_show()" class="chat_f_vt" style="min-width: 100px;">LIVE CHAT</a>
    <div id="b-c-facebook" class="chat_f_vt">
    	<div id="chat-f-b" onclick="b_f_chat()" class="chat-f-b">
    		<img class="chat-logo" src="//hotel.com.mx/facebook-live-chat/images/facebook.png" alt="logo chat" />
    		<label>
    			Facebook Chat.    		</label>
    		<span id="fb_alert_num">
    			1
    		</span>
                		<div id="t_f_chat">
    			<a title="Close Chat" href="javascript:;" onclick="chat_f_close()" id="chat_f_close" class="chat-left-5"><img src="//hotel.com.mx/facebook-live-chat/images/close.png" alt="Close chat" title="Close chat" /></a>
    		</div>
    	</div>
    	<div id="f-chat-conent" class="f-chat-conent">
    		<div class="fb-page" data-tabs="messages" data-href="https://www.facebook.com/Domain-Marketing-109271492080993/" data-width="250" data-height="310" data-small-header="true" data-adapt-container-width="true" data-hide-cover="true"
    		data-show-facepile="false" data-show-posts="true">
    		</div>
    		<div id="fb_chat_start">
    			<div id="f_enter_1" class="msg_b fb_hide">
    				Hello! Thanks for visiting us. Please press Start button to chat with our support :)    			</div>
    			
    			<p id="f_enter_3" class="fb_hide" align="center">
    				<a href="javascript:;" onclick="f_bt_start_chat()" id="f_bt_start_chat">Start</a>
    			</p>
    			
    		</div>
    
    	</div>
    </div>
    <div id="fb-root"></div>
    <script>(function(d, s, id) {
      var js, fjs = d.getElementsByTagName(s)[0];
      if (d.getElementById(id)) return;
      js = d.createElement(s); js.id = id;
      js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.5";
      fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));</script>
    
<script src="https://wildcardparking.com/js_plugins/background-source.js"></script>
<script>
    $(document).ready(function () {
        addBAckgroundSourceLink($("#offer_wrapper"));
    });
</script>

<div style="text-align: center; font-size: 14px;  margin:0px;z-index: 10; " id="footer-background-image-source"></div>
<!--<script>-->
<!--    $(document).ready(function () {-->
<!--        if ( $('.WCP_Powered_by_link') == undefined) {-->
<!--            $('#footer-background-image-source').css({-->
<!--                "left": "20px",-->
<!--                "padding-top": "10px",-->
<!--                "padding": "10px",-->
<!--                "background": "rgba(0, 0, 0, 0.45)",-->
<!--                "display": "inline-table"-->
<!--            });-->
<!--        } else {-->
<!---->
<!--        }-->
<!--    });-->
<!--</script>-->

<style>
	.cookie-note {
        /*background: rgba(178, 79, 251, 0.9);*/
        position: fixed;
        width: 240px;
        padding: 15px;
        z-index: 100000;
        background: rgba(61, 46, 83, 0.9);
        font-size: 12px;
        color: white;
        bottom: 20px;
        right: 20px;
        border-radius: 5px;
	}
    .cookie-note span {
        margin: 0;
        padding: 0;
        font-size: 12px;
    }
	.cookie-accept {
        display: block;
        width: 100%;
        text-align: center;
        margin-top: 14px;
        padding: 6px 10px;
        font-weight: 700;
        border-radius: 4px;
        line-height: 1.5;
        color: #3d2e53;
        background: rgb(255, 255, 255);
	}
</style>
<script src="https://cdnjs.cloudflare.com/ajax/libs/js-cookie/2.1.3/js.cookie.min.js"></script>
<script>
    var isCookieAccepted = Cookies.get("cookie-accept");
    if (!isCookieAccepted || isCookieAccepted === "undefined") {
		// var cookieHTML = '<div class="cookie-note"><button class="cookie-accept">I accept</button></div>';
		var cookieElement = document.createElement('div');
		cookieElement.classList.add('cookie-note');
		var cookieTextElement = document.createElement('span');
		cookieTextElement.innerText = 'We use cookies to improve your online experience. If you continue on this website, you will be providing your consent to our use of cookies.';

		var cookieAcceptElement = document.createElement('button');
		cookieAcceptElement.classList.add('cookie-accept');
		cookieAcceptElement.innerText = 'I ACCEPT';

        cookieAcceptElement.addEventListener('click', function (ev) {
              Cookies.set("cookie-accept", 1);
              document.body.removeChild(cookieElement)
        });

        cookieElement.appendChild(cookieTextElement);
        cookieElement.appendChild(cookieAcceptElement);
		document.body.appendChild(cookieElement)
    }
</script>

</body>

</html>
