<!DOCTYPE html>
<html class="no-js" style="box-shadow:none;">
<head>
    <meta charset="utf-8">
    <!-- <meta http-equiv="Content-Type" content="text/html" charset="utf-8" Content-Type: application/x-font-woff> -->
    <meta Content-Type: application/x-font-woff;charset=UTF-8>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="robots" CONTENT="all">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="description" content="Best Highspeed broadband internet plansOntario. The most infrastructurally sound Internet Service Provider in Canada.
"/>
    <meta name="keywords" content="broadband internet service, internet service provider, Canada ISP, DSL modem highspeed high speed smartrg DSL adsl cable rogers cogeco
"/>
    <title>Velcom.ca Canada ISP–High Speed Internet Service Provider.
</title>
    <meta name="verify-v1" content="nwOP0WpcuI45Jn6pIrgzDEFXlIrs5QVJblljA/SZsF4=" />
    <meta name="google-site-verification" content="upYNzuInuMzLPlnSIbhmyrMQImm3ZJJnxuiO2caLeIc" />
    <link rel="icon" type="image/png" href="https://www.velcom.ca/assets/images/favicon.png "/>
    <!-- <link rel="canonical" href="https://velcom.ca/"/> -->
    <!-- <link rel="stylesheet" href="https://www.velcom.ca/assets/css/bootstrap.min.css" type="text/css" />
    <link rel="stylesheet" href="https://www.velcom.ca/assets/css/font-awesome.min.css" type="text/css" />
    <link rel="stylesheet" href="https://www.velcom.ca/assets/css/open-sans.css" type="text/css">
    <link rel="stylesheet" href="https://www.velcom.ca/assets/css/jquery-confirm.min.css" type="text/css" /> -->
    <!-- <link rel="stylesheet" href="https://www.velcom.ca/assets/css/main-1.css" type="text/css" /> -->
    <!-- <link rel="stylesheet" href="https://www.velcom.ca/assets/css/style.min.css" type="text/css" />
    <link rel="stylesheet" href="https://www.velcom.ca/assets/css/main.min.css" type="text/css" />
    <link rel="stylesheet" href="https://www.velcom.ca/assets/css/nice-select.css" type="text/css" />
    <link rel="stylesheet" href="https://www.velcom.ca/assets/css/developer.css" type="text/css" /> -->

    <link rel="stylesheet" href="https://www.velcom.ca/assets/css/allfiles.css" type="text/css" />    
    <!-- <link rel="stylesheet" href="assets/css/font-awesome.css">
    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.10.0/css/bootstrap-select.min.css">    
    <link rel="stylesheet" href="assets/css/normalize.css">
    <link rel="stylesheet" type="text/css" href="https://www.velcom.ca/assets/css/jquery-ui.min.css" />
    <link rel="stylesheet" type="text/css" href="assets/css/menu_styles.css"/>
    <link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet" type="text/css" defer async>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
    <link rel="stylesheet" type="text/css" href="https://www.velcom.ca/assets/css/owl.carousel.css"/>
    <link rel="stylesheet" type="text/css" href="https://www.velcom.ca/assets/css/owl.theme.css"/>
    <link rel="stylesheet" href="//cdn.datatables.net/1.10.9/css/jquery.dataTables.min.css">
    <link rel="stylesheet" href="//cdn.datatables.net/responsive/1.0.0/css/dataTables.responsive.css">
    <link rel="stylesheet" href="https://www.velcom.ca/assets/css/bundled.css" type="text/css" />
    <link rel="stylesheet" href="assets/css/jquery-confirm.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-confirm/3.3.2/jquery-confirm.min.css"> -->

   

    <!-- Slider Revolution CSS Files -->
    <!-- <link rel="stylesheet" href="revolution/css/settings.css">
    <link rel="stylesheet" href="revolution/css/layers.css">
    <link rel="stylesheet" href="revolution/css/navigation.css"> -->
    <!-- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> -->
    <!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.10.0/js/bootstrap-select.min.js"></script> -->
    

    <!-- <script src="https://www.velcom.ca/assets/js/allfiles.js"></script> -->

    <script src="https://www.velcom.ca/assets/js/jquery.min.1.11.2.js"></script>
    <script src="https://www.velcom.ca/assets/js/vendor.js"></script>
    

    <!-- <script src="https://www.velcom.ca/assets/js/jquery-ui.min.js"></script> -->
    <!-- <script src="https://www.velcom.ca/assets/js/jquery.jpassword.js" defer></script>
    <script src="https://www.velcom.ca/assets/js/circle-progress.min.js" defer></script> -->
    <!-- <script src="https://www.velcom.ca/assets/js/jquery.tooltipster.min.js" defer></script>
    <script src="https://www.velcom.ca/assets/js/owl.carousel.min.js"></script> -->
    
       
   <!--  <script src="https://www.velcom.ca/assets/js/lib/modernizr-2.6.2.min.js"></script>
    <script src="https://www.velcom.ca/assets/js/lib/clearfield.js"  defer></script> -->
    <!-- <script src="https://www.velcom.ca/assets/js/shopping.min.js"></script> -->
    <script src="https://www.velcom.ca/assets/js/main.js"></script>
    <!-- <script src="https://www.velcom.ca/assets/js/plugins.js"></script> -->
    <!-- <script src="https://www.velcom.ca/assets/js/parsley.min.js"  defer></script> -->
    <!-- <script src="https://www.velcom.ca/assets/js/custom.min.js"></script> -->
    <!-- <script src="https://www.velcom.ca/assets/js/cart_tabs.min.js"></script> -->

    <script src="https://www.velcom.ca/assets/js/cart.js" ></script>
        
    <script src="https://www.velcom.ca/assets/js/process_ordering.js" ></script>
    <script src="https://www.velcom.ca/assets/js/secondary_main.js" ></script>
    
    <!-- <script src="https://www.velcom.ca/assets/js/cart_ul.min.js" ></script>
    <script src="https://www.velcom.ca/assets/js/handleShopping.js"  defer></script> -->
    <script defer src="https://www.velcom.ca/assets/js/bootstrap.min.js" ></script>
    <!-- <script src="https://www.velcom.ca/assets/js/recaptcha-api.js" defer async></script> -->
    
    <!-- <script src="assets/js/jquery-confirm.min.js" ></script> -->
   
    

    
    <script type="text/javascript">
        var _gaq = _gaq || [];
        _gaq.push(['_setAccount', 'UA-29727940-1']);
        _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/ga.js';
            ga.src = "https://www.velcom.ca/assets/js/ga.js";
            var s = document.getElementsByTagName('script')[0];
            s.parentNode.insertBefore(ga, s);
        })();
    </script>
</head>
<body>
        <div id="main-container">
        <header class="header">
    <div id="top_header">
        <div class="container clearfix">
            <div class="left">
                <ul>
                    <!-- <li><a href="mailto:sales@veclom.ca" title="Our email"><i class="fa fa-info"></i>sales@velcom.ca</a></li> -->
                    <li><a href="https://helpdesk.velcom.ca/index.php?/Tickets/Submit" target="_blank" title="Open Ticket"><i class="fa fa-info"></i>Contact Us</a></li>
                    <li><a href="tel:+18669835266" title="Our number"><i class="fa fa-phone"></i> 1-866-983-5266 </a></li>
                    <li>
                                                                                    <a id="members_area" href="javascript:void(0)" title="Members Area"><i class="fa fa-users"></i>Members Area</a>
                                <div id="login" class="dropdown_block">
                                    <h3><i class="fa fa-user logo_red_color" aria-hidden="true"></i> Login to your account</h3>
                                    <p class="show_login_msg" style="display:none"></p> 
<form id="login_form" method="POST" action="https://www.velcom.ca/member/login">
    <input type="hidden" data-url="https://www.velcom.ca/member/dashboard" class="mypage_users">
    <input type="hidden" name="_token" value="kwBfdh4a7wPU8f5g0HJeNTJNmVzr6AU02TyQAqnv">

    <div class="row">
        <div class="col-md-12">
            <div class="form-group">
                <input class="email form-control" name='email' id="login_email" type="email" placeholder="Email">
                <p id="email_error" class="error_message_block"></p>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-md-12">
            <div class="form-group">
                <input class="password form-control" name='password' id="login_password" type="password" placeholder="Password">
                <p id="pass_error" class="error_message_block"></p>
            </div>
        </div>
    </div>
    
    <div id="header-captacha" class="g-recaptcha none" data-sitekey=6Ldl7dcUAAAAAJ2yFtvjTZawnaLDTN4ZFcltZ8oo></div>
    
    <div class="row">
        <div class="col-md-12">
            <div class="form-check">
                <input id="remember_me" name="remember_me" type="checkbox" class="form-check-input">
                <label for="remember_me" class="form-check-label">Remember Me</label>
            </div>
        </div>
    </div>

    <div class="row text-center">
        <div class="col-md-12">
            <div class="form-group">
                <button type="submit" name="login"  id="btnlogin" class="btn btn-success form-control btnlogin">Login</button>
            </div>
        </div>
    </div>

    <div class="row" >
        <div class="col-md-12">
            <a class="forgot_login pull-right" href="https://www.velcom.ca/password/forgot">Forgot Password?</a>
        </div>
    </div>
</form>                                </div>
                                                                       </li>
                </ul>
            </div>
            <div class="right">
                <ul>
                    <li>
                        <a id="choose_location_and_type" href="#">
                            <span id="selected_region"></span>
                            <span class="slash">/</span>
                            <span id="selected_type"></span>
                        </a>
                        <div class="dropdown_block dropdown_radio">
                            <form id="filter" method="POST" action="https://www.velcom.ca/internet/best-dsl-cable-service"  >
                                <input type="hidden" name="_token" value="kwBfdh4a7wPU8f5g0HJeNTJNmVzr6AU02TyQAqnv">
                                <h3>Select Province</h3>
                                <div id="region_radio" class="clearfix">
                                    <div class="fl50">
                                        <input id="ontario" class="region phone_filter" type="radio" name="region" value="ON"
                                               data-value="ontario">
                                        <label for="ontario">Ontario</label>
                                    </div>
                                    <div class="fl50">
                                        <input id="quebec" class="region phone_filter" type="radio" name="region" value="QC"
                                               data-value="quebec">
                                        <label for="quebec">Quebec</label>
                                    </div>
                                </div>
                                <h3>Select your type of service</h3>
                                <div id="type_radio" class="clearfix">
                                    <div class="fl50">
                                        <input id="residential" class="phone_filter" type="radio" name="type" value="residential">
                                        <label for="residential">Residential</label>
                                    </div>
                                    <div class="fl50">
                                        <input id="business" class="phone_filter" type="radio" name="type" value="business">
                                        <label for="business">Business</label>
                                    </div>
                                </div>
                            </form> 
                        </div>
                    </li>
                    <li><a href="https://www.facebook.com/velcomca" title="Facebook" target="_blank"><i class="fa fa-facebook"></i></a></li>
                    <li><a href="https://twitter.com/velcom" title="Twitter" target="_blank"><i class="fa fa-twitter"></i></a></li>
                </ul>
            </div>
        </div>
    </div>
    <div id="main_header">
        <div class="container clearfix">
            <nav id="main_menu" class="clearfix" role="navigation">
                <div class="logo">
                    <a class="logo_img" href="https://www.velcom.ca" title="Velcom">
                        <img src="https://www.velcom.ca/assets/images/img/logo_new.png" alt="Velcom" width="201" height="41">
                    </a>
                </div>
                <a id="main_menu-toggle" href="#"><i class="fa fa-bars tbars"></i></a>
                <ul id="primary_menu">
                    <li><a href="https://www.velcom.ca" id="home">Home</a></li>
                    <li><a href="https://www.velcom.ca/internet/best-dsl-cable-service" id="internet">Internet</a></li>
                    <!-- <li><a href="https://www.velcom.ca/phone/info" id="phone">Phone</a></li> -->
                    <!-- <li><a href="https://www.velcom.ca/tv/main" id="tv">TV</a></li> -->
                    <li><a href="https://www.velcom.ca/support" id="support">Support</a></li>
                    <li class="shopping_cart">
                        <i class="fa fa-shopping-cart"></i>
                        <span id="count_products" style="display:none;">0</span>
                        <div class="shopping_cart_list">
                            <h4 align="center"><i class="fa fa-shopping-cart" aria-hidden="true" style="color:red"></i>
                                &nbsp; Shopping Cart </h4>
                            <p align="center" class="show_emptiness_cart">Your shopping cart is empty, please add a product to your shopping cart to proceed.</p>
                            <div class="internet_cart internet">
                                <div class="shopping_cart_header clearfix">
                                    <h4><i class="fa fa-globe" aria-hidden="true"></i> Internet</h4>
                                </div>
                                <div class="item product_row inet_product_row clearfix"></div>
                                <div class="addons">
                                    <h6>Internet Addons</h6>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                            <div class="phone_cart homephone">
                                <div class="shopping_cart_header clearfix">
                                    <h4><i class="fa fa-phone" aria-hidden="true"></i> Phone Service </h4>
                                </div>
                                <div class="item product_row phone_product_row clearfix" id="phone-part"></div>
                                <div class="addons">
                                    <h6> Phone Addons </h6>
                                </div>
                            </div>
                            <div class="tv_cart  tv_chAny tv_ch6 tv_basic tv_theme tv_ch12 tv_ch20 tv_premium tv_theme">
                                <div class="shopping_cart_header tv_cart tv_premium tv_ch6 tv_ch12 tv_ch20 tv_chAny  tv_theme clearfix">
                                    <h4><i class="fa fa-television" aria-hidden="true"></i> TV Service </h4>
                                </div>

                                <div class="addons tv_cart tv_basic">
                                    <h6>Basic Packages</h6>
                                    <div class="item basic_product_row clearfix"></div>
                                </div>
                                <div class="addons tv_cart tv_theme">
                                    <h6>Theme Packages</h6>
                                    <div class="item theme_product_row clearfix"></div>
                                </div>
                                <div class="addons tv_cart tv_chAny">
                                    <h6>uChooseAny</h6>
                                    <div class="item ch_any_product_row clearfix"></div>
                                </div>
                                <div class="addons  tv_cart tv_ch6">
                                    <h6>uChoose6+</h6>
                                    <div class="item ch6_product_row clearfix"></div>
                                </div>
                                 <div class="addons  tv_cart tv_ch12">
                                    <h6>uChoose12+</h6>
                                    <div class="item ch12_product_row clearfix"></div>
                                </div>
                                <div class="addons  tv_cart tv_ch20">
                                    <h6> uChoose20+</h6>
                                    <div class="item ch20_product_row clearfix"></div>
                                </div>
                                <div class="addons tv_cart tv_premium">
                                    <h6>uChoosePremium</h6>
                                    <div class="item premium_product_row clearfix"></div>
                                </div>
                            </div>
                            <div class="bottom_calculation">
                                <div class="b_calculation">
                                    <b>
                                        <div class="item clearfix sub_total_prices">
                                            <div class="first"> Sub-Total </div>
                                            <div class="second">
                                                <span class="sub_total"></span>
                                            </div>
                                        </div>
                                        <div class="item clearfix hst_tax_prices">
                                            <div class="first"> HST Tax </div>
                                            <div class="second">
                                                <span class="hst_tax"></span>
                                            </div>
                                        </div>
                                        <div class="item clearfix total_price_tax">
                                            <div class="first">Total</div>
                                            <div class="second">
                                                <span class="grand_total"></span>
                                            </div>
                                        </div>
                                    </b>
                                </div>
                                <div class="btn_row row">
                                    <a id="clear_the_cart" class="btn btn-danger pull-left" href="javascript:void(0);">Empty Cart</a>
                                    <a class="btn btn-success checkout pull-right" href="https://www.velcom.ca/orders"> Checkout </a>
                                </div>
                            </div>
                        </div>
                    </li>
                </ul>
            </nav>
        </div>
    </div>
    <div id="confirm-popup"></div>
</header>


        
	<script type="text/javascript" id="revslider_script" defer src="https://slider.velcom.ca/revslider-standalone/assets/js/revslider.min.js"></script>	
	
	<div id="home_slider" class="slider_bg"></div>
	<div class="main_links" style="margin-top:30px;">
		<a class="main_link" href="https://www.velcom.ca/internet/best-dsl-cable-service" >
			<h4>Internet</h4>
			<img src="https://www.velcom.ca/assets/images/img/icons/velcom_internet.png" alt="Internet" width="123" height="110">
		</a>
		<!-- <a class="main_link" href="https://www.velcom.ca/phone/info">
			<h4>Home Phone</h4>
			<img src="https://www.velcom.ca/assets/images/img/icons/home_phone.png" alt="Home Phone" width="103" height="100">
		</a> -->
		<a class="main_link" href="https://www.velcom.com">
			<h4>Web-Hosting</h4>
			<img src="https://www.velcom.ca/assets/images/img/icons/hosting.png" alt="Web-Hosting" width="92" height="92">
		</a>
		<a class="main_link" id="pay_my_bills" href="https://www.velcom.ca/login">
			<h4>Pay My Bills</h4>
			<img src="https://www.velcom.ca/assets/images/img/icons/paymybills.png" alt="Pay My Bills" width="101" height="100">
		</a>
	</div>
	
	<div class="container mb3rem" >
		<h1 id="home-heading" class="text-center"></h1>
		<p>We are Velcom. Established in 2002 and based in Ontario, we guarantee fast broadband and fibre cable speeds with no-throttling at an affordable monthly cost. We provide multiple tier packages depending on your internet usage habits, download speed and house size requirements. Whether you're a heavy gamer, an Alexa advocate or a casual user, we have the best internet packages available to suit your needs. With a market full of providers, make the right choice and choose Velcom, the best Internet provider.</p>
	</div>

	<div class="row">
			</div>
		
	<script type="text/javascript">
		$(document).ready(function() {
			var heading ="Are you looking for the best internet provider in "+localStorage.getItem('selected_region')+" ?";
			$("#home-heading").html(heading);
		});
		function change_home_slider(){ 
			var selected_region = localStorage.getItem('selected_region');
			var slider_structure = '';
			if(selected_region == 'Ontario') {
				slider_structure = '<div id="ontario_slider"><div class="revslider" data-alias="on-slider"></div></div>';
			} else {
				slider_structure = '<div id="quebec_slider"><div class="revslider" data-alias="qc-slider"></div></div>';
			}
			$("#home_slider").html(slider_structure);
		}

		$('.phone_filter').change(function(){
			change_home_slider();
		});

		change_home_slider();
 	</script>	
 	<style type="text/css">
		.slider_bg {
			width: 100%;
			min-height: 550px;
			background-image: url("assets/img/red_loader.gif");
			background-repeat: no-repeat;
			background-position: center;
			background-size: 50px;
	 	}	
		
		@media (min-width: 768px) and (max-width: 1024px) {
		  	.slider_bg {
				min-height: 360px;
			}
		}

		@media (min-width: 421px) and (max-width: 767px) {
		  	.slider_bg {
				min-height: 280px;
			}
		}

		@media (max-width: 420px) {
		  	.slider_bg {
				min-height: 150px;
			}
		}
 	</style>
    </div>
    <div class="clear"></div>
    <input type="hidden" name="_token" value="kwBfdh4a7wPU8f5g0HJeNTJNmVzr6AU02TyQAqnv">
    <input type="hidden" name="orders" data-url="https://www.velcom.ca/phone/types">
    <footer>
    <div class="container clearfix">
        <div class="one_third">
            <div class="logo">
                <a class="logo_img" href="https://www.velcom.ca" title="Velcom">
                    <img src="https://www.velcom.ca/assets/images/img/logo_new_white.png" alt="Velcom" width="201" height="41">
                </a>
            </div>
            <ul class="address">
                <li><i class="fa fa-map-marker"></i>&nbsp;  276 Tiffin Street, Barrie, <br> Ontario L4N2N4</li> 
                <li> <a href="tel:+18669835266"><i class="fa fa-phone"></i>&nbsp; 1-866-983-5266</a></li>
                <li><i class="fa fa-fax"></i>&nbsp; 905-793-6894</li>
                <li><a href="mailto:sales@veclom.ca"><i class="fa fa-envelope"></i>&nbsp; sales@velcom.ca</a></li>
        <li><a href="mailto:support@velcom.ca"><i class="fa fa-envelope"></i>&nbsp; support@velcom.ca</a></li>
            </ul>
        </div>
        <div class="one_third">
            <h3>Site Map</h3>
            <nav class="footer_menu">
                <ul>
                    <!-- <li><a href="https://www.velcom.ca/wholesaler">Become a Wholesaler</a></li> -->
                    <!-- <li><a href="https://www.velcom.ca/resseller">Become a Reseller</a></li> -->
                    <li><a href="https://www.velcom.ca/limitations911">911 Limitations</a></li>
                    <li><a href="https://www.velcom.ca/privacy">Privacy Policy</a></li>
                    <li><a href="https://www.velcom.ca/terms_conditions">Terms of Services</a></li>
                    <li><a href="https://www.velcom.ca/about_us">About Us</a></li>
                    <li><a href="javascript:void(0);" id="wholesaleprogram" data-toggle="modal" data-target="#wholesaleprogrammodal">Wholesaler Program</a></li>
                </ul>
            </nav>
        </div>
        <div class="one_third">
            <h3>Payment Method</h3>
            <div class="payment_method">
                <div class="e-transfer"></div>
                <div class="onlinebanking"></div>
                <div class="master-card"></div>
                <div class="unionpay"></div>
                <div class="visa-card"></div>
                <div class="directdebit"></div>
            </div>
            <div class="ml10 mt5">
                <span class="secured_by">Secured by</span> <img src="https://www.velcom.ca/assets/images/img/rapidssl1.png" alt="Secured By" width="70" height="38">
            </div>
        </div>
        <p class="copyright">
            Copyright &copy; 2002-2021 Velcom, All rights reserved.
        </p>
    </div>
</footer>
<a href="javascript:void(0);" id="scrollup">Scroll to top</a>
  <!-- Modal -->
  <div class="modal fade" id="region_type_modal" role="dialog" data-backdrop="static" data-keyboard="false">
    <div class="modal-dialog">
      <!-- Modal content-->
      <div class="modal-content">
        <div class="modal-header">
          <h4 class="modal-title">Select Your Province & Type Of Service</h4>
        </div>
        <div class="modal-body">
          <h4>Select Province</h4>
          <input id="on" class="choose_region" type="radio" name="choose_region" value="ON" data-value="ontario">
          <label for="on">Ontario</label>
          <input id="qu" class="choose_region" type="radio" name="choose_region" value="QC" data-value="quebec">
          <label for="qu">Quebec</label>
          <h4>Select Type Of Service</h4>
          <input id="res" type="radio" name="type" value="residential" data-value="residential">
          <label for="res">Residential</label>
          <input id="bus" type="radio" name="type" value="business" data-value="business">
          <label for="bus">Business</label>
        </div>
        <div class="modal-footer">
          <button type="button" id="save_region_type" class="btn btn-success">Submit</button>
        </div>
      </div>
    </div>
  </div>

  <div class="modal fade" id="wholesaleprogrammodal" role="dialog" data-backdrop="static" data-keyboard="false">
    <div class="modal-dialog modal-lg">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal">&times;</button>
          <h4 class="modal-title">Please fill the details below</h4>
          </div>
            <form id="wholesaleprogramfrom" action="internet/get" data-parsley-validate method="POST">
              <div class="modal-body row">
                <div class="col-md-12">
                  <div class="form-group">
                    <label for="name">Name <span class="required">*</span></label>
                    <input type="text" class="form-control"  name="name" placeholder="Name" data-parsley-required data-parsley-required-message="Please enter your name." maxlength="50">
                  </div>
                </div>
                <div class="col-md-6">
                  <div class="form-group">
                    <label for="email">Email Address <span class="required">*</span></label>
                    <input type="text" class="form-control" name="email_address" placeholder="Email Address" data-parsley-required data-parsley-required-message="Please enter email address." data-parsley-type="email" data-parsley-type-message="Please enter valid email address." maxlength="100" >
                  </div>
                </div>
                <div class="col-md-6">
                  <div class="form-group">
                    <label for="contact_number">Contact Number </label>
                    <input type="text" class="form-control" name="contact_number" placeholder="Contact Number" maxlength="15" data-parsley-pattern='/^(\d{1})?[-]?(\d{3})[-]?(\d{3})[-]?(\d{4})$/' data-parsley-pattern-message="Please enter valid contact number.">
                  </div>
                </div>
                <div class="col-md-12">
                  <div class="form-group">
                    <label for="comment">Comment </label>
                    <textarea class="form-control" name="comment" placeholder="Comment" data-parsley-pattern-message="Please enter your comment."  maxlength="200" ></textarea>
                  </div>
                </div>
                <div class="col-md-6">
                  <div class="form-group">
                    <div id="wholesale-captacha" data-callback="onHuman" class="g-recaptcha" data-sitekey=6Ldl7dcUAAAAAJ2yFtvjTZawnaLDTN4ZFcltZ8oo></div>
                    <b><span id="recaptcha_validation" class="required"></span></b>
                  </div>
                </div>
                <div class="col-md-12 text-center text-muted">
                  <p> You will be contacted by velcom very soon. </p>
                </div>
              </div>
              <div class="modal-footer">
                  <button type="submit" id="submit_wholesale" class="btn btn-success" name="submit">Submit</button>
                  <button type="button" class="btn btn-danger" id="close_btn" data-dismiss="modal">Cancel</button>
              </div>
          </form>
        </div>
    </div>

  </div>

  <script type="text/javascript">

    // login js
    $('.btnlogin').on('click',function(login){
        login.preventDefault();
        $this=$(this);
        $(".error_message_block").html("");
        $(".show_login_msg").html("").hide();
        var url="https://www.velcom.ca/member/login";
        var email=$("#login_email").val();
        var password=$("#login_password").val();
        var is_valid = true;
        if(email=="") {
            $("#email_error").text("Please enter your email address.");
            is_valid = false;
        } 
        if(password==""){
            $("#pass_error").text("Please enter your password.");
            is_valid = false;
        }
        var remember=$("#remember_me").val();
        var data = $( "#login_form" ).serialize();
        var member_area = "https://www.velcom.ca/member/dashboard";
        if(is_valid==false) {
            return;
        }
        $this.button('loading')
        $.ajax({
            type:'POST',
            url:url,
            data:data,
            success: function (event) {
                if(event['message']=='success'){
                    if(email.split('@')[1] == 'velcomdsl.ca'){
                        window.location= 'https://www.velcom.ca/user/';
                    } else {
                        window.location=member_area;
                    }
                }
            },
            error:function(error) {
                if(error.status==403 || error.status==400  || error.status==500){
                    var msg = '<div class="alert alert-danger alert-dismissible show" role="alert">'+error.responseJSON.message+'</div>';
                    $(".show_login_msg").html(msg); 
                    $(".show_login_msg").show();
                } 
                if(error.status==401){
                    window.location = "https://www2.velcom.ca/user/";
                }

                $.each(JSON.parse(error.responseText),function(k,v){
                    if(k=='attempt' && v>=3){
                        $('#header-captacha').show()
                    }
                    $this.button('reset');
                });
            },
        })
    });


    var captcha_res = '';
    function onHuman(response) {
      captcha_res = response;
      $("#recaptcha_validation").html('');
    }

    $("#wholesaleprogramfrom").on('submit', function(e) {
        e.preventDefault();
        var form = $(this);
        var  valid_captcha = true;
        if(captcha_res=='') {
           $("#recaptcha_validation").html('Please select captcha.');
           valid_captcha = false;
        } else {
            form.parsley().validate();
            if (form.parsley().isValid() && valid_captcha) {
                var form_data = form.serialize();
                var url = "https://www.velcom.ca/internet/wholesale_program";
                $.ajax({
                    type:'GET',
                    url: url,
                    data:form_data,
                    success:function(response) {
                        var res = JSON.parse(response);
                        if(res.status=='1') {
                            document.getElementById("wholesaleprogramfrom").reset(); 
                            swal(res.msg, {
                                icon: "success",
                            });
                            $('#wholesaleprogrammodal').modal('hide')
                        } else {
                            swal(res.msg, {
                                icon: "error",
                            });
                        }
                    }
                });
            }
        }
    });
  </script>
 
  <script src="https://www.velcom.ca/assets/js/parsley.min.js" defer async></script> 
  <script src="https://www.velcom.ca/assets/js/jquery-confirm.min.v3.3.2.js" defer async></script>
  <script src="https://www.velcom.ca/assets/js/sweetalert.min.js" defer async></script>

  <script type="text/javascript">
    function onloadCallback() {
      var element = document.createElement("script");
      element.src = "https://www.google.com/recaptcha/api.js";
      element.defer = true;
      element.async = true;
      document.body.appendChild(element);
    }
    if (window.addEventListener)
      window.addEventListener("load", onloadCallback, false);
    else if (window.attachEvent)
      window.attachEvent("onload", onloadCallback);
    else window.onload = onloadCallback;

    //loading chat after page load
    function downloadJSAtOnload() {
      var element = document.createElement("script");
      element.src = "https://www.velcom.ca/assets/js/snippet.js?key=72a8a855-ae5d-4518-baf2-084e43a73e36";
      element.id = "ze-snippet";
      element.defer = true;
      element.async = true;
      document.body.appendChild(element);
    }
    if (window.addEventListener)
      window.addEventListener("load", downloadJSAtOnload, false);
    else if (window.attachEvent)
      window.attachEvent("onload", downloadJSAtOnload);
    else window.onload = downloadJSAtOnload;
  </script>

  <script type='application/ld+json'>{"@context": "http://www.schema.org","@type": "Organization","name": "Velcom","alternateName": "Toronto Internet Provider","email": "sales@velcom.ca","telephone": "+1-866-983-5266","url": "https://velcom.ca/","logo": "https://velcom.ca/assets/images/img/logo_new.png","image": ["https://i.imgur.com/Ib4CT0b.png"],"address": {"@type": "PostalAddress","streetAddress": "276 Tiffin Street","addressLocality": "Barrie","addressRegion": "Ontario","postalCode": "L4N2N4","addressCountry": "CANADA"},"description": "Based in Barrie, Ontario, we have been actively offering internet services since 2001. Since then, we have firmly established ourselves in the market as one of the leading, most reliable high-speed internet providers. Today we offer DSL and Cable Internet across both business and residential sectors, as well as Phone Services. We currently cover most of Ontario and Quebec, and continue to expand both our services and their range.","sameAs": ["https://www.facebook.com/velcomca","https://twitter.com/velcom"],"areaServed": ["Toronto","Ontario","Ottawa","Quebec","Montreal"]}</script>
</body>
</html>

<script>
$(document).ready(function() {
  if(localStorage.getItem('selected_type') == '' || localStorage.getItem('selected_region') == '' || localStorage.getItem('selected_type') == null || localStorage.getItem('selected_region') == null) {
    $('#region_type_modal').modal('show');
  } 
});


//remove the error message when focus on input box
$('input').click(function(){
  if($(this).val()=='')
    $(this).next(".error_message_block").html('');
});


$("#save_region_type").click(function(){
  var region = $('input[name=choose_region]:checked').attr('data-value');
  var type = $('input[name=type]:checked').attr('data-value');
  if (region == 'ontario') {
      localStorage.setItem('selected_region', 'Ontario');
      $('#selected_region').html(localStorage.getItem('selected_region'));
      $('#'+region).attr('checked', 'checked');
  } else if (region == 'quebec') {
      localStorage.setItem('selected_region', 'Quebec');
      $('#selected_region').html(localStorage.getItem('selected_region'));
      $('#'+region).attr('checked', 'checked');
  } else {
      alert('Please choose from the options below!!!');
  }
  if (type == 'residential') {
      localStorage.setItem('selected_type', 'Residential');
      $('#selected_type').html(localStorage.getItem('selected_type'));
      $('#'+type).attr('checked', 'checked');
  } else if (type == 'business') {
      localStorage.setItem('selected_type', 'Business');
      $('#selected_type').html(localStorage.getItem('selected_type'));
      $('#'+type).attr('checked', 'checked');
  } else {
      alert('Please choose from the options below!!!');
  }

  if (type !== undefined && region !== undefined) {
    $('#region_type_modal').modal('hide');
  } 

});
$(document).ready(function(){
  $('.cursor').click(function(){
    $('#filter').submit();
  });
  $('#save_selection').click(function(e){
    $("#filter").submit();  
  });
  function Confirm(title, msg, $true, $false, $link) { /*change*/
    var $content =  "<div class='dialog-ovelay'>" +
                    "<div class='dialog'><header>" +
                     " <h3> Province Selected </h3> " +
                     "<i class='fa fa-close'></i>" +
                 "</header>" +
                 "<div class='dialog-msg'>" +
                     "<span style='float:left;width:20%height: 90px;padding:1% 5%;'><div  style='display: block;border: 2px solid #F8BC41;border-radius: 29px;width: 40px;font-size: 26px;text-align: center;color:#F8BC41;font-width:900px'>!</div></span> <span style='float:left:width:70%'> The address you're checking is located in a province other than the one you selected to browse our Web site. Would you like to choose a different province instead? </span> " +
                 "</div>" +
                 "<footer style='background-color:#fff!important'>" +
                     "<div class='controls'>" +
                         "<button class='button button-danger doAction' style='margin:1%'>Yes</button> " +
                         "<button class='button button-default cancelAction' style='margin:1%'>No</button> " +
                     "</div>" +
                 "</footer>" +
              "</div>" +
            "</div>";
    $('body').prepend($content);
      $('.doAction').click(function () {
        $(this).parents('.dialog-ovelay').fadeOut(500, function () {
          $(this).remove();
        });
        $("#filter").submit();
      });
      $('.cancelAction, .fa-close').click(function () {
        $(this).parents('.dialog-ovelay').fadeOut(500, function () {
          $(this).remove();
        });
      });
   }
  $('a').click(function () {
  });
  $('#home').addClass('active');
});

$("#primary_menu").mouseleave(function(){
    $('#home').addClass('active');
});
$("#primary_menu li").mouseenter(function(){
    $('#primary_menu li a').removeClass('active');
});



</script>