File: /home/imensosw/www/imenso.co/dev/imenso/mobile-apps-service.php
<!doctype html>
<html lang="en-US" >
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="profile" href="http://gmpg.org/xfn/11">
<title>Homepage | Imenso Software</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/css/bootstrap.min.css" integrity="sha384-zCbKRCUGaJDkqS1kPbPd7TveP5iyJE0EjAuZQTgFLD2ylzuqKfdKlfG/eSrtxUkn" crossorigin="anonymous">
<link rel='stylesheet' href='css/style.css' media='all' />
<link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css"/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css" media="all">
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
</head>
<style type="text/css">
.lined::after {
left: 26%;
}
</style>
<body>
<?php include('header.php');?>
<section class="burger vh-100" style="background-image: url('images/md.png'); background-size:50%; background-repeat: no-repeat; background-position: left bottom; display: flex; align-items: center; overflow: hidden;">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-5">
</div>
<div class="col-lg-7 mt-5">
<h2 class="mt-4 big-h1">Offshore Mobile Application Development</h2>
<!-- <p class="mt-5"><strong>What difference do we make?</strong></p> -->
<p class="mt-3" style="font-size: 20px; font-weight: 500; font-style: italic; opacity: 0.7; padding-right: 130px;">We implement your bright ideas effectively to create a successful software solutions.</p>
<div class="row mt-3">
<div class="col">
<div class="bordercard">
<span class="icn">60%</span>
<p>Cost saving in development</p>
</div>
</div>
<div class="col">
<div class="bordercard">
<span class="icn">11+</span>
<p>Years of proven experience</p>
</div>
</div>
<div class="col">
<div class="bordercard">
<span class="icn"><i class="fa fa-superpowers"></i></span>
<p>100% Agile Practices</p>
</div>
</div>
<div class="col">
<div class="bordercard" style="border-right:none;">
<span class="icn"><i class="fa fa-cube"></i></span>
<p>Design first approach</p>
</div>
</div>
</div>
<div class="mt-5">
<a href="" class="btn btn-primary" style="width:250px;">Discuss your idea</a>
</div>
</div>
</div>
</div>
</section>
<main class="lined">
<section class="burger" style="background-color:#f4f4f4;">
<div class="container">
<div class="row">
<div class="col-lg-2 sidebar">
<span class="shade-big">Overview</span>
</div>
<div class="col-lg-9 offset-lg-1">
<h2 class="big-light" style="padding-right: 200px;">We have top notch, highly trained mobile developers who can help you from developing a simple app to your million dollar idea.</h2>
<p class="big-p opaq mt-4">We provide 360 degree app development services. Start from ideation we help you in prototyping, design, development and full deployment to app stores. The apps developed in Imenso Software passes from unit tests, code reviews and QA testing, this ensures that the final product is bug free and of finest quality.</p>
<div class="container-fluid">
<div class="row mt-5 service-block">
<div class="col-lg-2" style="background:url('images/product-engineering.jpg') no-repeat; background-size:contain; background-position:center center; border-radius: 8px;"></div>
<div class="col-lg-9">
<div class="pl-5">
<h3>App Product Engineering</h3>
<p>High end mobile app development requires intensive strategic planning, beautiful user experience and magnificent performance. We have all the expertise to deliver a fully functional mobile product.</p>
</div>
</div>
</div>
<div class="row mt-5 service-block">
<div class="col-lg-2" style="background:url('images/enterprise-application.jpg') no-repeat; background-size:contain; background-position:center center; border-radius: 8px;"></div>
<div class="col-lg-9">
<div class="pl-5">
<h3>Enterprise Mobility</h3>
<p>For building mobile workspace to gain productivity advantage in organizations, we go extra mile to create secure and efficient enterprise mobile applications.</p>
</div>
</div>
</div>
<div class="row mt-5 service-block">
<div class="col-lg-2" style="background:url('images/mobile-gaming.jpg') no-repeat; background-size:contain; background-position:center center; border-radius: 8px;"></div>
<div class="col-lg-9">
<div class="pl-5">
<h3>Mobile Gaming</h3>
<p>Our gaming team consists of seasoned designers, developers and artists who create awesome interactives to enhance user experience while playing games. We have expertise in developing eLearning games.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="burger techstack" style="background-color:#FFF">
<div class="container">
<div class="row">
<div class="col-lg-2 sidebar">
<span class="shade-big">Capabilities</span>
<!-- <a href="javascript:;" class="circle-icon right">Read More<img src="images/arrow-right.svg" alt="arrow-right"></a> -->
</div>
<div class="col-lg-9 offset-lg-1">
<h2 class="big-light" style="padding-right:100px;">We use state of the art mobile development technologies.</h2>
<p class="big-p opaq mt-4">We have successfully implemented more than 30 mobile applications till date across various business domains including healthcare, technology, education, financial services and much more. We develop native mobile application for Android and IOS. We also develop hybrid mobile applications which can work on Android, IOS and Windows.</p>
<!-- <div class="row mb-4 border-bottom pb-4" style="margin-top: 100px">
<div class="col-lg-2">
<h5>Frontend</h5>
</div>
<div class="col-lg-10">
<ul class="techicons">
<li>
<a href="">
<span class="ti-image">
<img src="images/language/angular.png" alt="Angular">
</span>
<span class="ti-name"> Angular.js</span>
</a>
</li>
<li>
<a href="">
<span class="ti-image">
<img src="images/language/vuejs.png" alt="Vuejs">
</span>
<span class="ti-name"> Vue.js</span>
</a>
</li>
<li>
<a href="">
<span class="ti-image">
<img src="images/language/react.png" alt="React">
</span>
<span class="ti-name"> React.js</span>
</a>
</li>
<li>
<a href="">
<span class="ti-image">
<img src="images/language/html5.png" alt="HTML5">
</span>
<span class="ti-name"> HTML 5</span>
</a>
</li>
</ul>
</div>
</div> -->
<div class="row mb-4 border-bottom pb-4" style="margin-top: 100px">
<div class="col-lg-2">
<h5>Backend</h5>
</div>
<div class="col-lg-10">
<ul class="techicons">
<li>
<a href="">
<span class="ti-image">
<img src="images/language/nodejs.png" alt="Node.js">
</span>
<span class="ti-name"> Node.js</span>
</a>
</li>
<!-- <li>
<a href="">
<span class="ti-image">
<img src="images/language/laravel.png" alt="Laravel">
</span>
<span class="ti-name"> Laravel</span>
</a>
</li>
<li>
<a href="">
<span class="ti-image">
<img src="images/language/codeigniter.png" alt="Codeigniter">
</span>
<span class="ti-name"> Codeigniter</span>
</a>
</li>
<li>
<a href="">
<span class="ti-image">
<img src="images/language/wordpress.png" alt="WordPress">
</span>
<span class="ti-name"> WordPress</span>
</a>
</li>
<li>
<a href="">
<span class="ti-image">
<img src="images/language/shopify.png" alt="Shopify">
</span>
<span class="ti-name"> Shopify</span>
</a>
</li>
<li>
<a href="">
<span class="ti-image">
<img src="images/language/magento.png" alt="Magento">
</span>
<span class="ti-name"> Magento</span>
</a>
</li>
<li>
<a href="">
<span class="ti-image">
<img src="images/language/drupal.png" alt="Drupal">
</span>
<span class="ti-name"> Drupal</span>
</a>
</li> -->
<li>
<a href="">
<span class="ti-image">
<img src="images/language/dotnet.png" alt=".Net Core">
</span>
<span class="ti-name"> .Net Core</span>
</a>
</li>
<li>
<a href="">
<span class="ti-image">
<img src="images/language/php.png" alt="PHP Development">
</span>
<span class="ti-name"> PHP</span>
</a>
</li>
<li>
<a href="">
<span class="ti-image">
<img src="images/language/asp.png" alt=".NET Development">
</span>
<span class="ti-name"> .NET</span>
</a>
</li>
<li>
<a href="">
<span class="ti-image">
<img src="images/language/mvc.png" alt="ASP MVC Development">
</span>
<span class="ti-name"> ASP MVC</span>
</a>
</li>
<li>
<a href="">
<span class="ti-image">
<img src="images/language/xamarin.png" alt="Xamarin Development">
</span>
<span class="ti-name"> Xamarin</span>
</a>
</li>
</ul>
</div>
</div>
<div class="row mb-4 border-bottom pb-4">
<div class="col-lg-2">
<h5>Mobile Apps</h5>
</div>
<div class="col-lg-10">
<ul class="techicons">
<li>
<a href="">
<span class="ti-image">
<img src="images/language/react.png" alt="React Native">
</span>
<span class="ti-name"> React Native</span>
</a>
</li>
<li>
<a href="">
<span class="ti-image">
<img src="images/language/apple.png" alt="iOS">
</span>
<span class="ti-name"> iOS</span>
</a>
</li>
<li>
<a href="">
<span class="ti-image">
<img src="images/language/android.png" alt="Android">
</span>
<span class="ti-name"> Android</span>
</a>
</li>
<li>
<a href="">
<span class="ti-image">
<img src="images/language/phonegap.png" alt="Phonegap">
</span>
<span class="ti-name"> Phonegap</span>
</a>
</li>
</ul>
</div>
</div>
<div class="row mb-4 border-bottom pb-4">
<div class="col-lg-2">
<h5>Database</h5>
</div>
<div class="col-lg-10">
<ul class="techicons">
<li>
<a href="">
<span class="ti-image">
<img src="images/language/mysql.png" alt="MySQL">
</span>
<span class="ti-name"> MySQL</span>
</a>
</li>
<li>
<a href="">
<span class="ti-image">
<img src="images/language/mssql.png" alt="MS SQL">
</span>
<span class="ti-name"> MS SQL</span>
</a>
</li>
<li>
<a href="">
<span class="ti-image">
<img src="images/language/postgresql.png" alt="PostgreSQL">
</span>
<span class="ti-name"> PostgreSQL</span>
</a>
</li>
<li>
<a href="">
<span class="ti-image">
<img src="images/language/mongodb.png" alt="MongoDB">
</span>
<span class="ti-name"> MongoDB</span>
</a>
</li>
</ul>
</div>
</div>
<div class="row mb-4 border-bottom pb-4">
<div class="col-lg-2">
<h5>Data Analytics</h5>
</div>
<div class="col-lg-10">
<ul class="techicons">
<li>
<a href="">
<span class="ti-image">
<img src="images/language/powerbi.png" alt="Power BI">
</span>
<span class="ti-name"> Power BI</span>
</a>
</li>
<li>
<a href="">
<span class="ti-image">
<img src="images/language/tableau.png" alt="Tableau">
</span>
<span class="ti-name"> Tableau</span>
</a>
</li>
<li>
<a href="">
<span class="ti-image">
<img src="images/language/qliksense.png" alt="Qlik Sense">
</span>
<span class="ti-name"> Qlik Sense</span>
</a>
</li>
<li>
<a href="">
<span class="ti-image">
<img src="images/language/excel-app.png" alt="Excel">
</span>
<span class="ti-name"> Excel</span>
</a>
</li>
</ul>
</div>
</div>
<div class="row pb-4">
<div class="col-lg-2">
<h5>DevOps</h5>
</div>
<div class="col-lg-10">
<ul class="techicons">
<li>
<a href="">
<span class="ti-image">
<img src="images/language/azure.png" alt="Azure">
</span>
<span class="ti-name"> Azure</span>
</a>
</li>
<li>
<a href="">
<span class="ti-image">
<img src="images/language/googlecloud.png" alt="Google Cloud">
</span>
<span class="ti-name"> Google Cloud</span>
</a>
</li>
<li>
<a href="">
<span class="ti-image">
<img src="images/language/aws.png" alt="AWS">
</span>
<span class="ti-name"> AWS</span>
</a>
</li>
<li>
<a href="">
<span class="ti-image">
<img src="images/language/docker.png" alt="Docker">
</span>
<span class="ti-name"> Docker</span>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</section>
</main>
<section class="burger" style="background-color: #f4f4f4;">
<div class="container">
<div class="row">
<div class="col-lg-7">
<span class="shade">Success Stories</span>
<h2 class="mt-4 big-light">How we have helped industry leaders to accelerate business</h2>
</div>
<div class="col-lg-3 offset-lg-1">
</div>
</div>
<div class="row">
<div class="col-lg-12">
<div class="projects image-grid">
<div class="project-item">
<a href="" target="_blank"><img src="images/project3.png" class=""></a>
<div class="project-brief">
<p class="shade">MobilePay</p>
<h3>Creating better payment experiences for healthcare</h3>
</div>
</div>
<div class="project-item">
<a href="" target="_blank"><img src="images/mps-com-2.png" class=""></a>
<div class="project-brief">
<p class="shade">Patient Communication</p>
<h3>Collaborating patient workflows effectively through patient communication</h3>
</div>
</div>
<div class="project-item">
<a href="" target="_blank"><img src="images/project2.jpg" class=""></a>
<div class="project-brief">
<p class="shade">MobilePay</p>
<h3>Creating better payment experiences for healthcare</h3>
</div>
</div>
<div class="project-item">
<a href="" target="_blank"><img src="images/mps-com-2.png" class=""></a>
<div class="project-brief">
<p class="shade">Patient Communication</p>
<h3>Collaborating patient workflows effectively through patient communication</h3>
</div>
</div>
</div>
<div class="cursor cursor-eye">
<span class="cursor-show">View</span>
</div>
</div>
</div>
</div>
</section>
<section class="burger border-top" id="approach" style="background-color:#333; color:#FFF">
<div class="container">
<div class="row">
<div class="col-lg-7">
<span class="shade">Process</span>
<h2 class="mt-3 big-light">The way to develop a successful mobile application.</h2>
</div>
<div class="col-lg-4 offset-lg-1">
<p class="big-p">Since we started in 2010, we've completed over 1500 projects. During this tenure we encountered numerous challenges which helps us to set strict development benchmarks.</p>
</div>
</div>
<div class="row" style="margin-top: 100px;">
<div class="col p-line">
<div class="do-approach">
<div class="stage-icon stage-icon1"> </div>
<div class="approach-cnt">
<div role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100" style="--value:20"></div>
<div class="media-heading">Requirement Analysis</div>
<p>Client's requirement gathering and understandin</p>
</div>
</div>
</div>
<div class="col p-line">
<div class="do-approach">
<div class="stage-icon stage-icon2"> </div>
<div class="approach-cnt">
<div role="progressbar" aria-valuenow=40" aria-valuemin="0" aria-valuemax="100" style="--value:40"></div>
<div class="media-heading">UI/UX Design</div>
<p>Create a wireframe and mockup and get your approval.</p>
</div>
</div>
</div>
<div class="col p-line">
<div class="do-approach">
<div class="stage-icon stage-icon3"> </div>
<div class="approach-cnt">
<div role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="--value:60"></div>
<div class="media-heading">Development</div>
<p>Plan and divide the development process into milestones.</p>
</div>
</div>
</div>
<div class="col p-line">
<div class="do-approach">
<div class="stage-icon stage-icon4"> </div>
<div class="approach-cnt">
<div role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="--value:80"></div>
<div class="media-heading">QA</div>
<p>Testing and issue resolution process to make sure the final product is bug free.</p>
</div>
</div>
</div>
<div class="col">
<div class="do-approach">
<div class="stage-icon stage-icon5"> </div>
<div class="approach-cnt">
<div role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" style="--value:100"></div>
<div class="media-heading">Deployment</div>
<p>Lauch the application in live environment.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="burger s-services">
<div class="container">
<div class="row">
<div class="col-lg-7">
<span class="shade">Why Imenso Software</span>
<h2 class="mt-4 big-light">Why choose us for full-stack software development?</h2>
</div>
<div class="col-lg-4 offset-lg-1">
<p class="big-p">A leader in offshore development companies, Imenso software builds top-notch business solutions for transformation via tech. Adding more value to each project, our quality services focus on creating market-ready, advanced software from consultation to delivery.</p>
</div>
</div>
<div class="row mt-5">
<div class="col-lg-4">
<div class="item">
<h3>Excellent Software Quality</h3>
<p>Our software development agency has over 10+ years of experience and a talent pool of developers. Together we have built, designed, tested and maintained softwares with excellence.</p>
</div>
</div>
<div class="col-lg-4">
<div class="item">
<h3>Best in Industry Competence</h3>
<p>We pick the top software developers in India as full-time employees to get your idea to product in the least time possible. Their technical expertise is mastered to work in a changing environment. </p>
</div>
</div>
<div class="col-lg-4">
<div class="item">
<h3>Customer Centred Approach</h3>
<p>As one of the best offshore development companies, we always focus on customers' needs to build software products that cater to consumer satisfaction and foster better connections.</p>
</div>
</div>
<div class="col-lg-4">
<div class="item">
<h3>Error-Free Software Delivery</h3>
<p>Our web app agency delivers bug-free software for maximum product impact. Our scalable, secure and robust IT solutions are finished with perfection with continuous testing during development.</p>
</div>
</div>
<div class="col-lg-4">
<div class="item">
<h3>Continuous Innovation</h3>
<p>Being boring is not our style. And if it's not yours too, our team of top software developers in India are the heaven made match for your innovative software building ideas. Give us a try.</p>
</div>
</div>
<div class="col-lg-4">
<div class="item">
<h3>Best Price Guarantee</h3>
<p>We offer our clients the best deals for software development as a service. You can hire a software development team for feature-rich, market-ready products at the most competent prices in the industry.</p>
</div>
</div>
</div>
<div class="banner-logos">
<div class="my-3 blur-heading text-center">Trusted By</div>
<img src="images/logos-2.png" class="img-fluid" width="580">
<img src="images/logos-2.png" class="img-fluid" width="580">
</div>
<div class="row mt-5">
<div class="col-lg-12 text-center">
<a href="" class="btn btn-primary">Get Started with a FREE Consultation</a>
</div>
</div>
</div>
</section>
<section class="burger industries-section" style="background-color:#f8f8f8;">
<div class="container">
<div class="row align-items-center">
<div class="col-sm-5">
<div class="section-header">
<span class="shade">INDUSTRIES</span>
<h2 class="mb-4">We Serve Multiple Industries accross the globe.</h2>
<p>Our team consist an enthusiast of almost all the industries, no matter which industry you are operating in, we know all the know-hows.</p>
</div>
</div>
<div class="col-sm-6 offset-sm-1">
<ul class="industry_list">
<li><a href="#">E-commerce and Retail</a></li>
<li><a href="#">Media</a></li>
<li><a href="#">Hospitality and Travel</a></li>
<li><a href="#">Real Estate</a></li>
<li><a href="#">Transportation and Logistics</a></li>
<li><a href="#">Insurance</a></li>
<li><a href="#">Manufacturing</a></li>
<li><a href="#">Automotive</a></li>
<li><a href="#">Healthcare</a></li>
<li><a href="#">Education</a></li>
<li><a href="#">Finance</a></li>
<li><a href="#">Human Resource</a></li>
</ul>
</div>
</div>
</div>
</section>
<section class="burger models border-top">
<div class="container">
<div class="row">
<div class="col-lg-7">
<span class="shade">Engagement Models</span>
<h2 class="big-light mt-4">Partnership approaches that deliver satisfaction and success</h2>
</div>
<div class="col-lg-4 offset-lg-1">
<p class="big-p">Imenso software offers flexible engagement models for companies that outsource software development to fuel their mission with our ninja expertise in web and mobile development.</p>
</div>
</div>
<div class="row model" style="margin-top: 100px;">
<div class="col-lg-4 model__item pr-5" data-aos="fade-up">
<img src="images/icons/04.png" width="80">
<h3>Dedicated Resources</h3>
<p>Hire a team of full-time dedicated professionals for custom software development projects. We know successful teams need a refined hiring process, and our transparent process enables clients to select, screen and shortlist developers after interviews.</p>
</div>
<div class="col-lg-4 model__item pr-5" data-aos="fade-up">
<img src="images/icons/05.png" width="55">
<h3>Fixed Time and Price</h3>
<p>Our software development firm executes this resource model for an end-to-end project delivery under a fixed price. If you have well-defined requirements for a project with a detailed list of features and specifications, this is a low-risk option.</p>
</div>
<div class="col-lg-4 model__item pr-5" data-aos="fade-up">
<img src="images/icons/06.png" width="90">
<h3>Hourly Dedicated Resources</h3>
<p>Our offshore web development agency offers technical expertise for small requirements of companies as well. Hire developers on hourly pricing for limited work needs such as maintenance, migration, and quick bug fixes.</p>
</div>
<div class="col-lg-12 text-center">
<a href="" class="mt-5 btn btn-primary">Lets Get Started</a>
</div>
</div>
</div>
</section>
<section class="burger" style="display:block; background-color:#f4f4f4;">
<div class="container">
<div class="row">
<div class="col-lg-3 sidebar">
<span class="shade">Get Free Estimation</span>
<p class="mt-4 sml-p">Imenso software offers flexible engagement models for companies that outsource software development to fuel their mission with our ninja expertise in web and mobile development.</p>
</div>
<div class="col-lg-8 offset-lg-1">
<h2 class="big-light">Contact us for FREE project estimate</h2>
<form class="mt-5 estimate">
<div class="form-row">
<div class="col">
<div class="form-group">
<label>First Name</label>
<input type="" class="form-control" name="">
</div>
</div>
<div class="col">
<div class="form-group">
<label>Last Name</label>
<input type="" class="form-control" name="">
</div>
</div>
</div>
<div class="form-row">
<div class="col">
<div class="form-group">
<label>Company Name</label>
<input type="" class="form-control" name="">
</div>
</div>
<div class="col">
<div class="form-group">
<label>Company Email Address</label>
<input type="" class="form-control" name="">
</div>
</div>
</div>
<div class="form-group">
<label>Write your requirement</label>
<textarea class="form-control" rows="3"></textarea>
</div>
<div class="mt-5">
<a href="" class="btn btn-primary">Get Free Estimate</a>
</div>
</form>
</div>
</div>
</div>
</section>
</main>
<?php include('footer.php');?>
<script>
var swiper = new Swiper(".swiper-industries", {
slidesPerView: 4,
spaceBetween: 4,
navigation: {
nextEl: ".swiper-button-next",
prevEl: ".swiper-button-prev",
},
pagination: {
el: ".swiper-pagination",
clickable: true,
},
});
</script>
<script type="text/javascript">
$(function () {
$('[data-toggle="tooltip"]').tooltip()
})
</script>
<script type="text/javascript" src="https://unpkg.co/gsap@3/dist/gsap.min.js"></script>
<script type="text/javascript">
const cursorBee = document.querySelector(".cursor-bee");
const cursorEye = document.querySelector(".cursor-eye");
let scale = 1;
function mousemoveHandler(e) {
const target = e.target;
const tl = gsap.timeline({
defaults: {
x: e.clientX,
y: e.clientY,
ease: "power2.out"
}
});
// JUST FOR MY LOGO
if (
target.closest(".page-footer") ||
target.classList.contains("page-footer")
) {
gsap.to(".cursor", {
opacity: 0
});
return;
}
if (target.tagName.toLowerCase() === "img" && target.closest(".image-grid")) {
tl.to(cursorBee, {
opacity: 0
}).to(
cursorEye,
{
opacity: 1
},
"-=0.5"
);
} else {
if (target.classList.contains("line-animation")) {
scale = 4;
} else {
scale = 1;
}
tl.to(cursorBee, {
opacity: 1,
scale: scale
}).to(
cursorEye,
{
opacity: 0
},
"-=0.5"
);
}
}
function mouseleaveHandler() {
gsap.to(cursorBee, {
opacity: 0
});
}
document.addEventListener("mousemove", mousemoveHandler);
document.addEventListener("mouseleave", mouseleaveHandler);
</script>
</body>
</html>