<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8"> <![endif]-->
<!--[if !IE]><!-->
<html lang="en">
<!--<![endif]-->
<head>
	<meta charset="utf-8" />
    <link rel="shortcut icon" href="assets/img/icon-title.png" type="image/png">
	<title>appICE </title>
	<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport" />
	<meta content="" name="description" />
	<meta content="" name="author" />

	<!-- ================== BEGIN BASE CSS STYLE ================== -->
	<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700" rel="stylesheet" />
	<link href="assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
	<link href="assets/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" />
	<link href="assets/css/animate.min.css" rel="stylesheet" />
	<link href="assets/css/style.home.css" rel="stylesheet" />
	<link href="assets/css/style-responsive.min.css" rel="stylesheet" />
	<link href="assets/css/theme/default.new.css" id="theme" rel="stylesheet" />
	<!-- ================== END BASE CSS STYLE ================== -->

	<!-- ================== BEGIN BASE JS ================== -->
	<!-- <script src="assets/plugins/pace/pace.min.js"></script> -->
	<!-- ================== END BASE JS ================== -->
</head>
<body data-spy="scroll" data-target="#header-navbar" data-offset="51">
    <!-- begin #page-container -->
    <div id="page-container" class="fade">
        <!-- begin #header -->
        <div id="header" class="header navbar navbar-transparent navbar-fixed-top">
            <!-- begin container -->
            <div class="container">
                <!-- begin navbar-header -->
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#header-navbar">
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a href="/" class="navbar-brand">
                        <span class="brand-logo"></span>
                        <span class="brand-text">
                            app<span class="text-theme">ICE</span>
                        </span>
                    </a>
                </div>
                <!-- end navbar-header -->
                <!-- begin navbar-collapse -->
                <div class="collapse navbar-collapse" id="header-navbar">
                    <ul class="nav navbar-nav navbar-right">
                        <li class="active dropdown">
                            <a href="#home" data-click="scroll-to-target">HOME</a>
                        </li>
                        <li><a href="#service" data-click="scroll-to-target">PRODUCT</a></li>
                        <li><a href="about">ABOUT US</a></li>
                        <li><a href="https://blog.appice.io" >BLOG</a></li>
                        <li><a href="login" >LOGIN</a></li>
                    </ul>
                </div>
                <!-- end navbar-collapse -->
            </div>
            <!-- end container -->
        </div>
        <!-- end #header -->

        <!-- begin #home -->
        <div id="home" class="content has-bg home">
            <!-- begin content-bg -->
            <div class="content-bg">
                <img src="assets/img/home-bg.jpg" alt="Home" />
            </div>
            <!-- end content-bg -->

            <!-- begin container -->
            <div class="container home-content">
                <h3>Be Precise. Moment Marketing with app<a href="#">ICE</a></h3>
                <h3>Acquire, Engage, Retain <br> Users When Relevant</h3>
                <p>Behavioural <a href="#">I</a>ntelligence <a href="#">C</a>ontextual Segments, Personalised <a href="#">E</a>ngagement. <br> Marketing Automation Powered by Real time AI</p>
                <a href="request-for-demo" class="btn btn-theme">Get a Live Demo</a>
                <a href="#service" class="btn btn-outline">See Product Features</a>
                <br />
                <br>
                or <a href="javascript:void(0);" id="subscribeLink">subscribe</a> to our newsletter
            </div>
            <!-- end container -->
        </div>
        <!-- end #home -->
        <!-- begin services -->
				<div class="content" data-scrollview="true">
					<!-- begin container -->
					<div class="container" data-animation="true" data-animation-type="fadeInDown">
						<h2 class="content-title">Moments Matter <h2>
							<p class="content-desc">Marketers must be more proactive in understanding the relevant moments to engage users.<br>Relevant moments respect the real-world context of a users or put simply the WHO, WHAT, WHERE and WHEN.<br>App<a href="/">ICE</a> is built on Semusi, a context awareness engine built using real time AI .
							</p>
							<!-- begin row -->
							<div class="row p-t-30">
									<!-- begin col-3 -->
								<div class="col-md-3 col-sm-6">
									<div class="service service-vertical">
											<img src="assets/img/who.png" alt="">
											<div class="info">
													<h4 class="title">WHO</h4>
													<p class="desc">Who is the user? Are they male or female? <br> What age group are they in? <br> What are their behaviours and interests ?
													</p>
											</div>
									</div>
								</div>
									<!-- end col-3 -->
									<!-- begin col-3 -->
								<div class="col-md-3 col-sm-6">
									<div class="service service-vertical">
										<img src="assets/img/what.png" alt="">
										<div class="info">
												<h4 class="title">WHAT</h4>
												<p class="desc"> What is the user doing in your app or BOT ?<br> Which section do they spend their time?<br>What do users do outside of your app</p>
										</div>
									</div>
								</div>
									<!-- end col-3 -->
									<!-- begin col-3 -->
								<div class="col-md-3 col-sm-6">
									<div class="service service-vertical">
										<img src="assets/img/where.png" alt="">
										<div class="info">
												<h4 class="title">WHERE</h4>
												<p class="desc">Where is the best places to engage users <br> Is user at home, office or in a vehicle? <br> Where do users use other apps?<p>
										</div>
									</div>
								</div>
									<!-- end col-3 -->
									<!-- begin col-3 -->
								<div class="col-md-3 col-sm-6">
									<div class="service service-vertical">
										<img src="assets/img/when.png" alt="">
										<div class="info">
												<h4 class="title">WHEN</h4>
												<p class="desc">When is the best time to engage users? <br> Is it morning, afternoon or evening?<br> Is it at 16:00 whilst in-vehicle?</p>
										</div>
									</div>
								</div>
									<!-- end col-3 -->
							</div>
											<!-- end row -->
						</div>
									<!-- end container -->
					</div>
							<!-- end services -->
				</div>

				<!-- end services -->
        <!-- begin #milestone -->
        <div id="milestone" class="content bg-black-darker has-bg" data-scrollview="true">
            <!-- begin content-bg -->
            <div class="content-bg">
                <img src="assets/img/milestone-bg.jpg" alt="Milestone" />
            </div>
            <!-- end content-bg -->
            <!-- begin container -->
            <div class="container">
                <!-- begin row -->
                <div class="row">
                    <!-- begin col-3 -->
                    <div class="col-md-3 col-sm-3 milestone-col">
                        <div class="milestone">
                            <div class="number" data-animation="true" data-animation-type="number" data-final-number="2100,000">5</div>
                            <div class="title">Engagements (Million)</div>
                        </div>
                    </div>
                    <!-- end col-3 -->
                    <!-- begin col-3 -->
                    <div class="col-md-3 col-sm-3 milestone-col">
                        <div class="milestone">
                            <div class="number" data-animation="true" data-animation-type="number" data-final-number="17">1</div>
                            <div class="title">Sessions (Billion)</div>
                        </div>
                    </div>
                    <!-- end col-3 -->
                    <!-- begin col-3 -->
                    <div class="col-md-3 col-sm-3 milestone-col">
                        <div class="milestone">
                            <div class="number" data-animation="true" data-animation-type="number" data-final-number="5">3</div>
                            <div class="title">Users (million) </div>
                        </div>
                    </div>
                    <!-- end col-3 -->
                    <!-- begin col-3 -->
                    <div class="col-md-3 col-sm-3 milestone-col">
                        <div class="milestone">
                            <div class="number" data-animation="true" data-animation-type="number" data-final-number="415">5</div>
                            <div class="title">Apps</div>
                        </div>
                    </div>
                    <!-- end col-3 -->
                </div>
                <!-- end row -->
            </div>
            <!-- end container -->
        </div>
        <!-- end #milestone -->

        <!-- begin tabs / accordion -->
				<div id="service" class="content" data-scrollview="true">
					<!-- begin container -->
					<div class="container">
						<h2 class="content-title">Product Overview</h2>
						<div class="content-desc-container">
							<!-- begin row -->
							<div class="row">
								<!-- begin col-4 -->
								<div class="col-md-4 col-sm-4 col-xs-12 content-desc-col">
									<div class="content-desc-title text-center">Behavioural Intelligence</div>
									<p class="text-center">Turn IOT and Smartphone sensor data into Behavioural Insights. Learn in real time about the changing preferences of the mobile user.</p>
								</div>
								<!-- end col-4 -->
								<!-- begin col-4 -->
								<div class="col-md-4 col-sm-4 col-xs-12 content-desc-col">
									<div class="content-desc-title text-center">Contextual Segments</div>
									<p class="text-center">Contextual marketing is the next stage beyond simple segment based personalization. It’s not enough to create personalization strategies based on a static view of the customer. A contextual marketing approach leverages real-time signals of customer intent to optimize personalized content and deliver engaging experiences.</p>
								</div>
								<!-- end col-4 -->
								<!-- begin col-4 -->
								<div class="col-md-4 col-sm-4 col-xs-12 content-desc-col">
									<div class="content-desc-title text-center ">Personalised Engagement</div>
									<p class="text-center">appICE prides in presenting the most easy to use and comprehensive tools which mimic real-world context so that you can reach the right audience at the right time with relevant context and the right message to drive in-the-moment and personalized engagement.</p>
								</div>
								<!-- end col-4 -->
							</div>
							<!-- end row -->
						</div>
						<hr class="product-hr">
						<div class="content-desc-container">
							<!-- begin row -->
							<div class="row content-desc-row">
								<!-- begin col-6 -->
								<div class="col-md-6 col-sm-6 col-xs-12 content-desc-col">
									<div class="content-title-numbers">01</div>
									<p class="content-desc-title">Who are our users?</p>
									<p>One of they key tenets of appICE is to enable AI on the edge devices. A typical smartphone produces hundreds of MBs of data everyday. Our patented algorithms cull out the intelligence from the raw data (without sending it off the device) to provide you the right insights on which you can build your engagement model for highest retention.</p>
									<p>Automatically predicts users who are likely to un-install Determine interests (whilst honoring user permissions to protect privacy) Minimal impact on battery and higher accuracy as compared to OS features.</p>
								</div>
								<!-- end col-6 -->
								<!-- begin col-6 -->
								<div class="col-md-6 col-sm-6 col-xs-12 content-desc-col">
									<div class="content-title-numbers">02</div>
									<p class="content-desc-title">How did we get them?</p>
									<p>Learn the most relevant and profitable sources of acquisition.</p>
									<p>appICE shows you the acquisition source of the uninstalled users to help you understand which CPI networks are delivering and thereby enabling you to shift spends to more productive networks thereby saving marketing money.</p>
								</div>
								<!-- end col-6 -->
							</div>
							<!-- end row -->
							<!-- begin row -->
							<div class="row content-desc-row">
								<!-- begin col-6 -->
								<div class="col-md-6 col-sm-6 col-xs-12 content-desc-col">
									<div class="content-title-numbers">03</div>
									<p class="content-desc-title">What do our users do?</p>
									<p>Know users interests and use that to personalize the engagement with them.</p>
									<p>Know their usage patterns outside your app to get a rounded understanding of usage. appICE automatically identifies more than 20 interest types using its proprietary artificial intelligent algorithms.</p>
								</div>
								<!-- end col-6 -->
								<!-- begin col-6 -->
								<div class="col-md-6 col-sm-6 col-xs-12 content-desc-col">
									<div class="content-title-numbers">04</div>
									<p class="content-desc-title">How can we engage them?</p>
									<p>The most easy to use segmentation solution for marketers to understand their reach and personalize the messaging to derive maximum engagement. Combine multiple attributes to define your target audience, know actual reach and engage.</p>
									<p>appICE prides in presenting the most easy to use and comprehensive tools which mimic real world context so that you can reach the right audience at the right time with relevant context and the right message to drive in-the-moment and personalized engagement.</p>
								</div>
								<!-- end col-6 -->
							</div>
							<!-- end row -->
							<!-- begin row -->
							<div class="row content-desc-row">
								<!-- begin col-6 -->
								<div class="col-md-6 col-sm-6 col-xs-12 content-desc-col">
									<div class="content-title-numbers">05</div>
									<p class="content-desc-title">Who did we lose?</p>
									<p>Learn which sources are irrelevant and draining your acquisition budget.</p>
									<p>See the users who have uninstalled across geography, time, and source.</p>
									<p>Automatically predicts users who are likely to un-install and run engagement campaigns to target them.</p>
								</div>
								<!-- end col-6 -->
							</div>
							<!-- end row -->
						</div>
					</div>
					<!-- end container -->
				</div>

				<!-- end tabs / accordion -->

        <!-- begin #quote -->
        <div id="quote" class="content bg-black-darker has-bg" data-scrollview="true">
            <!-- begin content-bg -->
            <div class="content-bg">
                <img src="assets/img/quote-bg.jpg" alt="Quote" />
            </div>
            <!-- end content-bg -->
            <!-- begin container -->
            <div class="container" data-animation="true" data-animation-type="fadeInLeft">
                <!-- begin row -->
                <div class="row">
                    <!-- begin col-12 -->
                    <div class="col-md-12 quote">
                        <i class="fa fa-quote-left"></i> .... After finding out how often our active users were also using <br />
                        competitive apps, we got a much needed<span class="text-theme"> reality check </span>
                        <i class="fa fa-quote-right"></i>
                        <small>Ecommerce, Product Manager</small>
                    </div>
                    <!-- end col-12 -->
                </div>
                <!-- end row -->
            </div>
            <!-- end container -->
        </div>
        <!-- end #quote -->

        <!-- beign #service -->
        <div id="service" class="content" data-scrollview="true">
            <!-- begin container -->
            <div class="container">
                <h2 class="content-title">Client  Favourites</h2>
                <p class="content-desc">
                    Working closely with our clients we have developed requested feature
                </p>
                <!-- begin row -->
                <div class="row">
                    <!-- begin col-4 -->
                    <div class="col-md-4 col-sm-4">
											  <div class="service service-vertical">
                            <img src="assets/img/outside-analytics.png" alt="">
                            <div class="info">
                                <h4 class="title">Outside App Analytics</h4>
                                <p class="desc">Get the complete persona graph of users through analytics of usage outside your app as well. An Industry first, this work is covered by two US approved patents.</p>
                            </div>
                        </div>
                    </div>
                    <!-- end col-4 -->
                    <!-- begin col-4 -->
                    <div class="col-md-4 col-sm-4">
                        <div class="service service-vertical">
                            <img src="assets/img/bot-analytics.png" alt="">
                            <div class="info">
                                <h4 class="title">BOT analytics</h4>
                                <p class="desc">Increase user engagement, acquisition, and monetization through actionable bot analytics.
						Understand conversations in real time to answer your questions about your bot.</p>
                            </div>
                        </div>
                    </div>
                    <!-- end col-4 -->
                    <!-- begin col-4 -->
                    <div class="col-md-4 col-sm-4">
                        <div class="service service-vertical">
                            <img src="assets/img/predictive-analysis.png" alt="">
                            <div class="info">
                                <h4 class="title">Predictive Analytics</h4>
                                <p class="desc">Use the power of AI to predict and engage with the users at the moment of influence. Take the guesswork out of users that are likely to churn and re-engage them.</p>
                            </div>
                        </div>
                    </div>
                    <!-- end col-4 -->
                </div>
                <!-- end row -->
                <!-- begin row -->
                <div class="row">
                    <!-- begin col-4 -->
                    <div class="col-md-4 col-sm-4">
                        <div class="service service-vertical">
                            <img src="assets/img/natural-language-insights.png" alt="">
                            <div class="info">
                                <h4 class="title">Natural Language Insights </h4>
                                <p class="desc">Use NLP to understand the intent and context of the messages, conversations, reviews and user feedback.
								Supports major languages and colloquial regional usage as well.</p>
                            </div>
                        </div>
                    </div>
                    <!-- end col-4 -->
                    <!-- begin col-4 -->
                    <div class="col-md-4 col-sm-4">
                        <div class="service service-vertical">
                            <img src="assets/img/push-notification.png" alt="">
                            <div class="info">
                                <h4 class="title">Smarter Push Notification</h4>
                                <p class="desc">Improve the delivery rate and speed of your notifications upto 4x using our proprietary push notification engine. Deliver on low speed networks, on Chinese devices where GCM does not work and other geographies where push notifications are restricted. </p>
                            </div>
                        </div>
                    </div>
                    <!-- end col-4 -->
                    <!-- begin col-4 -->
                    <div class="col-md-4 col-sm-4">
                        <div class="service service-vertical">
                            <img src="assets/img/behaviourial-insights.png" alt="">
                            <div class="info">
                                <h4 class="title">Behavioural Insights</h4>
                                <p class="desc">Get deep knowledge about the users interests, demographics and behaviour in real time using our deep learning models. Use that to personalise egnagement, build smarter experiences or give real time offers.</p>
                            </div>
                        </div>
                    </div>
                    <!-- end col-4 -->
                </div>
                <!-- end row -->
            </div>
            <!-- end container -->
        </div>
        <!-- end #about -->

        <!-- beign #action-box -->
        <div id="action-box" class="content has-bg" data-scrollview="true">
            <!-- begin content-bg -->
            <div class="content-bg">
                <img src="assets/img/action-bg.jpg" alt="Action" />
            </div>
            <!-- end content-bg -->
            <!-- begin container -->
            <div class="container" data-animation="true" data-animation-type="fadeInRight">
                <!-- begin row -->
                <div class="row action-box">
                    <!-- begin col-9 -->
                    <div class="col-md-9 col-sm-9">
                        <div class="icon-large text-theme">
                            <i class="fa fa-binoculars"></i>
                        </div>
                        <h3>We are here to help marketeers and developers</h3>
                        <p>
                          Arrange for a free consultation to help you build smarter apps and bots
                        </p>
                    </div>
                    <!-- end col-9 -->
                    <!-- begin col-3 -->
                    <div class="col-md-3 col-sm-3">
                        <a href="request-for-demo" class="btn btn-outline btn-block">Lets Talk </a>
                    </div>
                    <!-- end col-3 -->
                </div>
                <!-- end row -->
            </div>
            <!-- end container -->
        </div>
        <!-- end #action-box -->

        <!-- begin #footer -->
        <div id="footer" class="footer">
            <div class="container">
                <div class="footer-brand">
                    <div class="footer-brand-logo"><!-- <img src="assets/img/logo.png"> --></div>
                     <!-- <span class="brand-logo"><img src="assets/img/logo.png"></span> -->
			         app<span class="text-theme">ICE</span>
                </div>
                <p>
                    Follow us on Social Media
                <p class="social-list">
                    <a href="#"><i class="fa fa-facebook fa-fw"></i></a>
                    <a href="#"><i class="fa fa-instagram fa-fw"></i></a>
                    <a href="#"><i class="fa fa-twitter fa-fw"></i></a>
                    <a href="#"><i class="fa fa-google-plus fa-fw"></i></a>
                    <a href="#"><i class="fa fa-dribbble fa-fw"></i></a>
                </p>
            </div>
        </div>
        <!-- end #footer -->

    </div>
    <!-- end container -->
    </div>
    <!-- end #work -->
    </div>
    <!-- end #page-container -->

    <!-- The Modal -->
    <div id="subscribeModal" class="modal">

      <!-- Modal content -->
      <div class="modal-content">
        <div class="modal-header">
          <span class="subscribeClose">&times;</span>
          <h2>Subscribe</h2>
        </div>
        <div class="modal-body">
          <div class="col-md-12 form-col" data-animation="true" data-animation-type="fadeInRight">
            <div class="form-horizontal" id="subscribeBox">
                <div class="form-group">
                    <div class="col-md-9">
                       &nbsp;
                    </div>
                </div>
                <div class="form-group">
                    <label class="control-label col-md-3">Email Address <span class="text-theme">*</span></label>
                    <div class="col-md-9">
                        <input type="text" class="form-control" id="subscribeEmail" placeholder="support@appice.io" />
                    </div>
                </div>
                <div class="form-group">
                    <label class="control-label col-md-3"></label>
                    <div class="col-md-9 text-left">
                        <button type="submit" class="btn btn-theme btn-block" id="subscribeSubmit">Subscribe</button>
                    </div>
                </div>
                <div class="form-group" style="text-align: center; color:red;">
                    <div class="form-group error" id="subsemail"></div>
                </div>
            </div>
            <div class="form-horizontal" id="subscribeSuccess" style="display:none;text-align: center;font-size: 16px;margin-top: 20px;"></div>
        </div>
        </div>
      </div>
    </div>

	<!-- ================== BEGIN BASE JS ================== -->
	<script src="assets/plugins/jquery/jquery-3.6.0.min.js"></script>
	<script src="assets/plugins/jquery/jquery-migrate-1.1.0.min.js"></script>
	<script src="assets/plugins/bootstrap/js/bootstrap.min.js"></script>
	<!--[if lt IE 9]>
		<script src="assets/crossbrowserjs/html5shiv.js"></script>
		<script src="assets/crossbrowserjs/respond.min.js"></script>
		<script src="assets/crossbrowserjs/excanvas.min.js"></script>
	<![endif]-->
	<script src="assets/plugins/jquery-cookie/jquery.cookie.js"></script>
	<script src="assets/plugins/scrollMonitor/scrollMonitor.js"></script>
	<script src="assets/js/apps.home.js"></script>
	<!-- ================== END BASE JS ================== -->

	<script>
        function isValidEmailAddress(emailAddress) {
            var pattern = /^([a-z\d!#$%&'*+\-\/=?^_`{|}~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]+(\.[a-z\d!#$%&'*+\-\/=?^_`{|}~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]+)*|"((([ \t]*\r\n)?[ \t]+)?([\x01-\x08\x0b\x0c\x0e-\x1f\x7f\x21\x23-\x5b\x5d-\x7e\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]|\\[\x01-\x09\x0b\x0c\x0d-\x7f\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))*(([ \t]*\r\n)?[ \t]+)?")@(([a-z\d\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]|[a-z\d\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF][a-z\d\-._~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]*[a-z\d\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])\.)+([a-z\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]|[a-z\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF][a-z\d\-._~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]*[a-z\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])\.?$/i;
            return pattern.test(emailAddress);
        };

	    $(document).ready(function() {
	        App.init();

            // subscribe
            $("#subscribeSubmit").click(function(){
                if($("#subscribeEmail").val() == ""){
                    $("#subsemail").html("Please enter your email");
                    return false;
                }
                if($("#subscribeEmail").val()){
                    if( !isValidEmailAddress($("#subscribeEmail").val()) ) {
                        $("#subsemail").html("Please enter valid email address");
                        return false;
                    }
                }

                var data = {
                    email:$("#subscribeEmail").val()
                };

                $("#subsemail").html("");
                $("#subscribeSubmit").attr('disabled', true);

                $.ajax({
                    type: "POST",
                    url: "subscribeNotificaton",
                    data: data,
                    success: function(response){
                        $("#subscribeSubmit").attr('disabled', false);
                        $("#subscribeEmail").val("");
                        if(response.error == 0){
                            $("#subscribeSuccess").html(response.msg);
                            $("#subscribeBox").hide();
                            $("#subscribeSuccess").show();
                        }
                        else{
                            $("#subsemail").html(response.msg);
                        }

                    }
                });
            });
	    });

        // Get the modal
        var modal = document.getElementById('subscribeModal');
        // Get the button that opens the modal
        var btn = document.getElementById("subscribeLink");
        // Get the <span> element that closes the modal
        var span = document.getElementsByClassName("subscribeClose")[0];
        // When the user clicks on the button, open the modal
        btn.onclick = function() {
            $("#subscribeBox").show();
            $("#subscribeSuccess").hide();
            modal.style.display = "block";
        }
        // When the user clicks on <span> (x), close the modal
        span.onclick = function() {
            modal.style.display = "none";
        }
        // When the user clicks anywhere outside of the modal, close it
        window.onclick = function(event) {
            if (event.target == modal) {
                modal.style.display = "none";
            }
        }
	</script>

	<!-- Global site tag (gtag.js) - Google Analytics -->
    <!--
		<script type="text/javascript">

        var gaq = gaq || [];
        _gaq.push(['_setAccount', 'UA-109596225-2']);
        _gaq.push(['_setDomainName', 'none']);

        _gaq.push(['_trackPageview']);

        (function () {
            var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
            ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/u/ga_debug.js';
            var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
        })();

    </script>
	-->
	<!-- Global site tag (gtag.js) - Google Analytics (For Production) -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-109596225-2"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag() { dataLayer.push(arguments); }
        gtag('js', new Date());

        gtag('config', 'UA-109596225-2');

				// var a = 10;
				// function outer(){
				// 		var b = a;
				 
				// 		function inner(){
				// 				var b = 20;
				// 				var c = b;
				 
				// 		}
				// 		inner();
				// }
				// outer();

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