index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="Sign Up to Stay Connected or Make Cash Providing Wifi| Uzer" content="Wi-Fi Sharing App | Greatest Data Alternative. One tap and a global network unfolds before you. It works by giving the opportunity to normal people in urban areas to earn extra income by sharing their Wi-Fi network for a certain amount of time which is regulated by the provider on another other user.">
    <meta name="keywords" content="uzer, uzerapp, wifisharingapp, wifisharingeconomy">
    <title>Sign Up to Stay Connected or Make Cash Providing Wifi | Uzer</title>
    <link rel="stylesheet" href="css/clarity.min.css">
    <link rel="stylesheet" href="css/animate.min.css">
    <link rel="stylesheet" href="css/magic.min.css">
    <link href='http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900%7COpen+Sans:300,400,600,700' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" href="css/custom-icons.css">
    <link rel="stylesheet" href="css/et-line-icons.css">
    <link rel="stylesheet" href="css/font-awesome.min.css">
    <link rel="stylesheet" href="css/owl.carousel.min.css">
    <link rel="stylesheet" href="css/nivo-lightbox/nivo-lightbox.css">
    <link rel="stylesheet" href="css/nivo-lightbox/lightbox-theme.css">
    <link rel="stylesheet" href="css/animated-hedlines.css">
    <link href="css/styles.css" rel="stylesheet">
    <link href="css/theme/light-green.css" rel="stylesheet" data-color="" id="theme">
    <link href="css/animsition.min.css" rel="stylesheet">
    <link rel="icon" type="image/png" href="favicon.ico" />

    <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','https://www.google-analytics.com/analytics.js','ga');

   	ga('create', 'UA-91331756-1', 'auto');
   	ga('send', 'pageview');
    </script>

</head>

<body>
    <div id="page" class="animsition equal" data-loader-type="loader2" data-page-loader-text="Uzer" data-animsition-in="zoom-outy" data-animsition-out="fade-out-up-sm" style="transform-origin: 50% 50vh;">
        <div id="top"></div>
        <section id="home-section" class="home-section full-screen">
            	 <div class="parallax-hero full-screen overlay home-bg" data-top="transform: translate3d(0px, 0px, 0px)" data-top-bottom="transform: translate3d(0px, -200px, 0px)" data-anchor-target="#home-section"></div>
					<div class="hs-content">
                		<div class="hs-content-inner">
                    		<div class=" init-animation-2 delay0-4s">
                        		<h1 class="cd-headline letters rotate-2 hs-text-2 font-second">
                                	<span class="cd-words-wrapper">
                                    	<b class="is-visible">clever</b>
                                    		<b>striking</b>
                                    		<b>brilliant</b>
                                	</span>
                        		</h1>
                    		</div>
                    		<div class="init-animation-2 delay0-6s">
                        		<h2 class="hs-text-6">uzer, defying the conventional.</h2>
                    		</div>
						</div>
                	</div>
                	<span class="scroll-down-arrow in-page-scroll" data-start="display: inline-block" data-100-start="display: none">
                    	<a href="#process-section" class="ci-icon-uniE930 init-animation-2 delay1-8s"></a>
                	</span>
                </div>
        </section>
        <div class="position-relative">
            <div id="nav-wrapper" class="transp-nav">
                <nav id="nav" class="navbar navbar-fixed-top navbar-transparent navbar-dark ripple-group-parent init-animation-1" role="navigation">
                    <div id="scroll-progressbar" class="scroll-progressbar">
                        <div>
                            <span class="scroll-shadow"></span>
                        </div>
                    </div>
                    <div class="container in-page-scroll">
                        <div class="navbar-header">
                            <button type="button" id="animated-navicon" class="navbar-toggle" data-toggle="collapse" data-target="#mobile-navbar-collapse">
                                <span class="sr-only">Toggle navigation</span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                            </button>
                            <a class="navbar-brand ripple-group" href="#top">
                                <div class="navbar-logo pull-left">
                                    <img src="img/backgrounds/logo.jpg" alt="logo" />
                                </div>
                            </a>
                        </div>
                        <div class="collapse navbar-collapse" id="mobile-navbar-collapse">
                            <ul class="nav navbar-nav navbar-right cl-effect-5">
                                <li>
                                    <a class="ripple-group" href="#top">
                                        <span data-hover="home">home</span>
                                    </a>
                                </li>
                                <li>
                                    <a class="ripple-group" href="#process-section">
                                        <span data-hover="about">about</span>
                                    </a>
                                </li>
                                <li>
                                    <a class="ripple-group" href="#services-section">
                                        <span data-hover="features">features</span>
                                    </a>
                                </li>
                                <li>
                                    <a class="ripple-group" href="#team-section">
                                        <span data-hover="team">team</span>
                                    </a>
                                </li>
                                <li>
                                    <a class="ripple-group" href="#pricing-section">
                                        <span data-hover="pricing">pricing</span>
                                    </a>
                                </li>
                                <li>
                                    <a class="ripple-group" href="#contact-section">
                                        <span data-hover="contact">contact</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </nav>
            </div>
        </div>
        <div id="page-2">
            <section id="process-section" class="process-section section">
                <div class="container">
                    <div class="section-title">
                        <div class=" section-title-more">
                            first things first
                        </div>
                        <div>
                            <h1 class="section-title-heading">Get to know <span>Uzer</span></h1>
                        </div>
                    </div>
                    <div class="position-relative padding-bottom-40 padding-top-100 padding-top-sm-120">
                        <ul class="process-labels font-second">
                            <li data-que="1" class="process-label-active wow fadeInDown" data-wow-offset="100" data-wow-delay="0s">
                                <i class="fa fa-user-circle-o wow fadeIn">
                            <i class="fa fa-user-circle-o wow fadeIn icon-shade"></i>
                                </i>
                                <span data-active="User"> User</span>
                            </li>
                            <li data-que="2" class=" wow fadeInDown" data-wow-offset="100" data-wow-delay=".15s">
                                <i class="fa fa-home wow fadeIn">
                            <i class="fa fa-home wow fadeIn icon-shade"></i>
                                </i>
                                <span data-active="Provider"> Provider</span>
                            </li>
                        </ul>
                        <div class="line-process-parent">
                            <div class="line-process"></div>
                        </div>
                    </div>
                </div>
                <div id="process" class="process owl-carousel container">
                    <div class="process-item section-text row container">
                        <div class="col-xs-12 col-sm-6">
                            <p>Uzer allows home and business owners to participate in today's global shared economy by selling and maximizing the utility of their Wi-Fi. Uzer makes Internet access affordable for users everywhere.</p>
                        </div>
                        <div class="col-xs-12 col-sm-6">
                            <p>Paying for an expensive mobile data plan is not realistic for everyone. Uzer allows you to access Wi-Fi hotspots around the city and keeps you connected on the go.</p>
		       </div>
                    </div>
                    <div class="process-item section-text row container">
                        <div class="col-xs-12 col-sm-6">
                            <p>Internet access at your home or business property is more and more expensive. Uzer can help with that! You are already paying for Internet so why not get compensated for sharing it. </p>
                        </div>
                        <div class="col-xs-12 col-sm-6">
                            <p>Uzer can help you cut back on your monthly Internet bills and generate extra monthly income. Unlock your home or building's network through the Uzer app and watch how much you save on Internet each month.</p>
			</div>
                    </div>
                </div>
            </section>
            <section id="client-testimonials" class="client-testimonials section  overlay">
                 <div class="parallax-section-bg client-testimonials-bg overlay full-screen" data-center="transform: translate3d(0px, -50%, 0px)" data-top-bottom="transform: translate3d(0px, -25%, 0px)" data-bottom-top="transform: translate3d(0px, -75%, 0px)" data-anchor-target="#client-testimonials"></div>
                 <div class="container">
                     <div class="section-title padding-bottom-40">
                         <img src="img/backgrounds/uottawa_ver_black.png" height="30%" width="30%">
                     </div>
                 </div>
                 <div id="testimonials" class="testimonials owl-carousel carousel">
                     <div class="testimo-item">
                         <div class="container">
                             <blockquote>
                                 <p>"Winner of the 2016 University of Ottawa Software Engineering Startup Pitch Competition.
                                 <br>
                                 <br>Judged by a panel of 3 local entrepreneurs : Philip Tabet (CEO of Buildmetric), Sarah Daniele (CEO of Mydoma Studios) &amp; David Ker (CEO of ZINation)"</p>
                                 <footer class="">uOttawa Faculty of Engineering
                                     <cite title="Source Title">November 22nd 2016</cite>
                                 </footer>
                             </blockquote>
                         </div>
                      </div>
                  </div>
	    </section>
	    <hr />
	    <section id="services-section" class="services-section section">
            	<div class="container">
                    <div class="section-title">
                        <div class=" section-title-more">
                            beautiful and friendly
                        </div>
                        <div>
                            <h1 class="section-title-heading"><span>app</span> made just for you</h1>
                        </div>
                    </div>
                    <div class="services-section-items padding-top-sm-10 row">
                        <div class="services-section-item col-sm-4 margin-bottom-xs-40 wow fadeInUpLeftScale">
                            <div class="services-section-item-icon">
                                <i class="icon-phone"></i>
                            </div>
                            <h4 class="services-item-title font-second">Quick setup</h4>
                            <div class="services-section-item-text">
                                <p>Becoming a Uzer provider is easy. Simply click “Unlock my network” and the Uzer app transforms your home Wi-Fi into a virtual hotspot.</p>
                            </div>
                        </div>
                        <div class="services-section-item col-sm-4 margin-bottom-xs-40 wow fadeInUpScale">
                            <div class="services-section-item-icon">
                                <i class="icon-rss"></i>
                            </div>
                            <h4 class="services-item-title font-second">Wi-Fi on the go</h4>
                            <div class="services-section-item-text">
                                <p>Get access to Internet on the go at an affordable rate. You pay for what you use!</p>
                            </div>
                        </div>
                        <div class="services-section-item col-sm-4 margin-bottom-xs-40 wow fadeInUpRightScale">
                            <div class="services-section-item-icon">
                                <i class="icon-map"></i>
                            </div>
                            <h4 class="services-item-title font-second">Coverage</h4>
                            <div class="services-section-item-text">
                                <p>Uzer's goal is to blanket major cities with Wi-Fi. Uzer hotspots contribute to a global mesh network of Wi-Fi.</p>
                            </div>
                        </div>
                      </div>
                </div>
            </section>
            <hr />
            <section id="team-section" class="team-section section">
                <div class="container">
                    <div class="row">
                        <div class="col-sm-6">
                            <div class="section-title">
                                <div class=" section-title-more">
                                    meet the
                                </div>
                                <div>
                                    <h2 class="section-title-heading"><span>team</span></h2>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-6 margin-bottom-xs-20">
                            <p class="section-text">Abstract thinking and disruptive ideas create some real magic.</p>
                        </div>
                    </div>
           	    <div class="team-items">
                        <div id="team-carousel" class="team-carousel owl-carousel carousel dots-under">
                            <div class="team-item">
                                <div class="team-item-img">
                                    <img src="img/team/amar.jpg" alt="team member" />
                                </div>
                                <div class="team-item-name font-second">
                                    <h4 class="">Amar Jasarbasic</h4>
                                    <span>Co-founder | CEO</span>
                                </div>
                                <div class="team-item-info">
                                    <div class="team-item-text">
                                        <h3 class="font-second">Business <span>Strategist</span></h3>
                                        <p>A problem solver.</p>
                                    </div>
                                    <div class="skillbar-container">
                                        <p class="skillbar-title font-second">PHP
                                            <span>90%</span>
                                        </p>
                                        <div class="skillbar">
                                            <div class="skillbar-bar" data-percent="90%"></div>
                                        </div>
                                    </div>
                                    <div class="skillbar-container">
                                        <p class="skillbar-title font-second">Python
                                            <span>92%</span>
                                        </p>
                                        <div class="skillbar">
                                            <div class="skillbar-bar delay0-2s" data-percent="92%"></div>
                                        </div>
                                    </div>
                                    <ul class="team-item-social clearlist">
                                        <li>
                                            <a href="https://ca.linkedin.com/in/amarjasarbasic" class="fa fa-linkedin"></a>
                                        </li>
                                        <li>
                                            <a href="https://github.com/AmarJ" class=" fa fa-github"></a>
                                        </li>
                                        <li>
                                            <a href="https://amarj.github.io" class="fa fa-user"></a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="team-item">
                                <div class="team-item-img">
                                    <img src="img/team/taha.jpg" alt="team member" />
                                </div>
                                <div class="team-item-name font-second">
                                    <h4 class="">Taha Khaldi</h4>
                                    <span>Co-founder | CTO</span>
                                </div>
                                <div class="team-item-info">
                                    <div class="team-item-text">
                                        <h3 class="font-second">Tech <span>savvy</span></h3>
                                        <p>Passionate about Internet Security</p>
                                    </div>
                                    <div class="skillbar-container">
                                        <p class="skillbar-title font-second">Java &amp; Javascript
                                            <span>92%</span>
                                        </p>
                                        <div class="skillbar">
                                            <div class="skillbar-bar" data-percent="92%"></div>
                                        </div>
                                    </div>
                                    <div class="skillbar-container">
                                        <p class="skillbar-title font-second">Html 5
                                            <span>90%</span>
                                        </p>
                                        <div class="skillbar">
                                            <div class="skillbar-bar delay0-2s" data-percent="90%"></div>
                                        </div>
                                    </div>
                                    <ul class="team-item-social clearlist">
                                        <li>
                                            <a href="https://ca.linkedin.com/in/tahakhaldi" class="fa fa-linkedin"></a>
                                        </li>
                                        <li>
                                            <a href="https://github.com/tahakhaldi" class=" fa fa-github"></a>
                                        </li>
                                        <li>
                                            <a href="https://tahakhaldi.github.io" class="fa fa-user"></a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="team-item">
                                <div class="team-item-img">
                                    <img src="http://placehold.it/480x640" alt="team member" />
                                </div>
                                <div class="team-item-name font-second">
                                    <h4 class="">Valentin Magot</h4>
                                    <span>Co-founder | UX Designer</span>
                                </div>
                                <div class="team-item-info">
                                    <div class="team-item-text">
                                        <h3 class="font-second"><span>Impressive</span> Thinker</h3>
                                        <p>Website design aficionado</p>
                                    </div>
                                    <div class="skillbar-container">
                                        <p class="skillbar-title font-second">CSS
                                            <span>85%</span>
                                        </p>
                                        <div class="skillbar">
                                            <div class="skillbar-bar" data-percent="85%"></div>
                                        </div>
                                    </div>
                                    <div class="skillbar-container">
                                        <p class="skillbar-title font-second">Photoshop
                                            <span>95%</span>
                                        </p>
                                        <div class="skillbar">
                                            <div class="skillbar-bar delay0-2s" data-percent="95%"></div>
                                        </div>
                                    </div>
                                    <ul class="team-item-social clearlist">
                                        <li>
                                            <a href="https://ca.linkedin.com/in/valentin-magot-146506128" class="fa fa-linkedin"></a>
                                        </li>
                                        <li>
                                            <a href="https://github.com/valentinmagot" class="fa fa-github"></a>
                                        </li>
                                        <li>
                                            <a href="" class="fa fa-user"></a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="team-item">
                                <div class="team-item-img">
                                    <img src="img/team/jacques.jpg" alt="team member" />
                                </div>
                                <div class="team-item-name font-second">
                                    <h4 class="">Jacques Zhang</h4>
                                    <span>Co-founder | Lead Developer</span>
                                </div>
                                <div class="team-item-info">
                                    <div class="team-item-text">
                                        <h3 class="font-second">Coding <span>guru</span></h3>
                                        <p>Creative Thinker</p>
                                    </div>
                                    <div class="skillbar-container">
                                        <p class="skillbar-title font-second">C++
                                            <span>85%</span>
                                        </p>
                                        <div class="skillbar">
                                            <div class="skillbar-bar" data-percent="85%"></div>
                                        </div>
                                    </div>
                                    <div class="skillbar-container">
                                        <p class="skillbar-title font-second">Java
                                            <span>95%</span>
                                        </p>
                                        <div class="skillbar">
                                            <div class="skillbar-bar delay0-2s" data-percent="95%"></div>
                                        </div>
                                    </div>
                                    <ul class="team-item-social clearlist">
                                        <li>
                                            <a href="https://ca.linkedin.com/in/jacques-zhang" class="fa fa-linkedin"></a>
                                        </li>
                                        <li>
                                            <a href="" class="fa fa-github"></a>
                                        </li>
                                        <li>
                                            <a href="" class="fa fa-user"></a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <hr />
            <section id="pricing-section" class="pricing-section section">
                <div class="container">
                    <div class="row">
                        <div class="col-sm-6">
                            <div class="section-title">
                                <div class=" section-title-more">
                                    now choose one of our
                                </div>
                                <div>
                                    <h1 class="section-title-heading"><span>awesome</span> plans</h1>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-6 padding-top-10">
                            <p class="section-text">Always choose the right option for you. If you're not so sure, please fill the contact form below and we'll be glad to help.</p>
                        </div>
                    </div>
                    <div class="row padding-top-20">
                        <div class="col-sm-4 margin-bottom-xs-40 wow fadeInUpLeftScale">
                            <div class="pricing-table">
                                <div class="pricing-header font-second">
                                    <h3>Pay per Gigabyte</h3>
                                    <div class="price">
                                        <span class="currency">$</span>
                                        <span class="value">10</span>
                                        <span class="duration">GB</span>
                                    </div>
                                </div>
                                <div class="pricing-body">
                                    <ul class="pricing-features">
					<li><em>Connection</em> on the go</li>
                                        <li><em>Free</em> Internet when using partnered apps</li>
                                        <li><em>No Overcharge Fees</em> </li>
                                    </ul>
                                </div>
                                <footer class="pricing-footer">
                                    <a class="hidden-xs btn btn-animated btn-split ripple-alone btn-default" data-text="Select"><span>Smart Choice</span></a>
                                    <a class="select visible-xs" href="#.">
                                        <i class="icon ci-icon-uniE890"></i>
                                    </a>
                                </footer>
                            </div>
                        </div>
                        <div class="popular col-sm-4 margin-bottom-xs-40 wow fadeInUpScale">
                            <div class="pricing-table">
                                <div class="pricing-header font-second">
                                    <h3>Pay per Mb</h3>
                                    <div class="price">
                                        <span class="currency">$</span>
                                        <span class="value">0.05</span>
                                        <span class="duration">Mb</span>
                                    </div>
                                </div>
                                <div class="pricing-body">
                                    <ul class="pricing-features">
                                        <li><em>Connection</em> on the go</li>
                                        <li><em>Free</em> Internet when using partnered apps</li>
                                        <li><em>No Overcharge Fees</em> </li>
                                    </ul>
                                </div>
                                <footer class="pricing-footer">
                                    <a class="hidden-xs btn btn-animated btn-split ripple-alone btn-default" data-text="Select"><span>Clever Decision</span></a>
                                    <a class="select visible-xs" href="#.">
                                        <i class="icon ci-icon-uniE890"></i>
                                    </a>
                                </footer>
                            </div>
                        </div>
                        <div class="col-sm-4 wow fadeInUpRightScale">
                            <div class="pricing-table">
                                <div class="pricing-header font-second">
                                    <h3>Premium (Unlimited)</h3>
                                    <div class="price">
                                        <span class="currency">$</span>
                                        <span class="value">39.99</span>
                                        <span class="duration">month</span>
                                    </div>
                                </div>
                                <div class="pricing-body">
                                    <ul class="pricing-features">
                                        <li><em>Unlimited</em> usage</li>
                                        <li><em>Premium</em> App Features</li>
					<li><em>Uzer Tethering</em> feature</li>
                                    </ul>
                                </div>
                                <footer class="pricing-footer">
                                    <a class="hidden-xs btn btn-animated btn-split ripple-alone btn-default" data-text="select"><span>Always For the Top</span></a>
                                    <a class="select visible-xs" href="#.">
                                        <i class="icon ci-icon-uniE890"></i>
                                    </a>
                                </footer>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <hr />
            <section id="contact-section" class="section contact-section">
                <div class="container">
                    <div class="section-title">
                        <div class=" section-title-more">
                            wanna have a chat?
                        </div>
                        <div>
                            <h2 class="section-title-heading"><span>contact</span> us</h2>
                        </div>
                    </div>
                    <div class="row padding-bottom-sm-90">
                        <div class="col-sm-4">
                            <div class="contact-item margin-bottom-xs-40"><i class="icon-phone"></i>
                                <p>Phone: (613) 265-4891
                                <br/>Cell: (613) 501-9990</p>
                            </div>
                        </div>
                        <div class="col-sm-4">
                            <div class="contact-item margin-bottom-xs-40"><i class="icon-map-pin"></i>
                                <p>STE, 800 King Edward Avenue,
                                    <br/>K1N 6N5, Ottawa. Canada.</p>
                            </div>
                        </div>
                        <div class="col-sm-4">
                            <div class="contact-item margin-bottom-xs-40"><i class="icon-envelope"></i>
                                <p>amarjasarbasic@gmail.com
                                    <br/>tahakhaldi@hotmail.com</p>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-offset-1 col-md-10">
                            <form id="ajax-contact" class="" method="post" action="https://formspree.io/amarjasarbasic@gmail.com">
                                <fieldset>
                                    <div class="row">
                                        <div class="input col-xs-12 col-sm-12 padding-bottom-xs-50 padding-bottom-40">
                                            <label class="input-label" for="name">
                                                <span class="input-label-content font-second" data-content="name">name *</span>
                                            </label>
                                            <input class="input-field" type="text" name="name" id="name" required />
                                        </div>
                                        <div class="input col-xs-12 col-sm-6 padding-bottom-xs-50 padding-bottom-50">
                                            <label class="input-label" for="email">
                                                <span class="input-label-content font-second" data-content="email">email *</span>
                                            </label>
                                            <input class="input-field" type="email" name="email" id="email" required />
                                        </div>
                                        <div class="input col-xs-12 col-sm-6 padding-bottom-xs-60 padding-bottom-50">
                                            <label class="input-label" for="company">
                                                <span class="input-label-content font-second" data-content="company">company</span>
                                            </label>
                                            <input class="input-field" type="text" name="company" id="company" />
                                        </div>
                                        <div class="message col-xs-12 col-sm-12 padding-bottom-xs-40 padding-bottom-30">
                                            <label class="textarea-label font-second" for="message">message *</label>
                                            <textarea class="input-field textarea" name="message" id="message" required></textarea>
                                        </div>
                                    </div>
                                    <div id="form-messages" class="form-message"></div>
                                    <div class="col-xs-12 margin-top-30 text-center">
                                        <button id="btn-submit" type="submit" class="btn btn-animated btn-contact ripple-alone" data-text="send it"><span class="btn-icon"><span class="loader-parent"><span class="loader3"></span></span>
                                            </span>
                                        </button>
                                    </div>
                                </fieldset>
                            </form>
                        </div>
                    </div>
                </div>
            </section>
            <div id="map-section" class="map-section">
                <div id="map-opener" class="map-mask">
                    <div class="map-opener">
                        <div class="font-second">locate us on the map<i class="ci-icon-uniE930"></i></div>
                        <div class="font-second">close the map<i class="ci-icon-uniE92F"></i></div>
                    </div>
                </div>
                <div id="google-map">
                    <div id="map-canvas" data-address="STE, 800 King Edward Avenue, K1N 6N5, Ottawa. Canada."></div>
                    <div id="map-zoom-in"></div>
                    <div id="map-zoom-out"></div>
                </div>
            </div>
            <footer class="footer-section section no-padding-bottom">
                <div class="footer-logo">
                    <p class="font-second">
                        uzer
                 	<br>
                	<br>
                	<br>
                	<br>
                	<br>
                	<br>
                    </p>
                </div>
                <div id="go-top" class="go-top go-top-out in-page-scroll">
                    <div class="circle1"></div>
                    <a href="#top" class="square"><span></span></a>
                    <div class="rectangle"></div>
                    <div class="circle2"></div>
                </div>
                <div class="footer-bottom">
                	<a class="footer-bottom-text font-second" href="https://uzer.typeform.com/to/hFpksf" target="_blank">please fill out this survey to let us know what you think of uzer.</a>
                	<p></p>
                    <a class="footer-bottom-text font-second" href="" target="_blank">Uzer Technologies Inc. © 2016-2017 | All Rights Reserved.</a>
                </div>
            </footer>
        </div>
    </div>
    <script src="js/modernizr.min.js"></script>
    <script src="js/jquery-2.1.1.min.js"></script>
    <script src="js/jquery.easing.1.3.min.js"></script>
    <script src="js/jquery.animsition.min.js"></script>
    <script src="js/smoothscroll.js"></script>
    <script src="js/skrollr.min.js"></script>
    <script src="js/wow.min.js"></script>
    <script src="js/waypoints.min.js"></script>
    <script src="js/clarity.min.js"></script>
    <script src="js/jquery.counterup.min.js"></script>
    <script src="js/owl.carousel.min.js"></script>
    <script src="js/animateSlider.js"></script>
    <script src="js/animated-headlines.js"></script>
    <script src="js/jquery.vide.min.js"></script>
    <script src="js/jquery.particleground.min.js"></script>
    <script src="js/fss.min.js"></script>
    <script src="js/fssinit.js"></script>
    <script src="js/isotope.pkgd.min.js"></script>
    <script src="js/nivo-lightbox.min.js"></script>
    <script src="js/contactForm.js"></script>
    <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDHkhLiKsVr0Ca8qRLKNB3nD-ZnSx7idyk"></script>
    <script src="js/scripts.min.js"></script>
</body>

</html>