File: /home/u503286720/domains/vistasadindia.com/public_html/mobile-app-development1.php
<?php
$title = "Mobile App Development Company in Bangalore | Android App | iOS App | Mobile App Developers | Android App Development | iOS App Development Services";
$description = "We Plan, Design & Develop Mobile Apps at mobile app development company in Bangalore, employing platform functionalities to build high quality custom apps. Our dedicated iOS, Android, react native & flutter mobile app developers in Bangalore create attractive, functional and intuitive user interfaces to leverage the features and reach of mobile devices.";
$keyword = "Mobile App Development Company in Bangalore, Mobile App Developers in Bangalore";
$bread_third = "Mobile App Development";
$url = "https://vistasadindia.com/mobile-app-development.php";
$script = '<script type="application/ld+json">{
"@context": "http://www.schema.org",
"@type": "ProfessionalService",
"name": "Vistas AD Media Communications Pvt. Ltd.",
"url": "https://vistasadindia.com/",
"logo": "https://vistasadindia.com/images/logo.png",
"image": "https://vistasadindia.com/images/innerpage-banner.jpg",
"description": "Harness the power of Mobile Apps by providing a delightful user experience with Vistas built mobile app development in Android mobile App, iOS mobile App, React Native mobile App, Ionic mobile App Xamarin mobile App through Flutter, the popular Google built, open-source UI software development kit",
"address": {
"@type": "PostalAddress",
"streetAddress": "Door No.313, 19th Main Rd, 6th Block, Koramangala",
"addressLocality": "Bangalore",
"addressRegion": "Karnataka",
"postalCode": "560095",
"addressCountry": "India"
},
"geo": {
"@type": "GeoCoordinates",
"latitude": "12. 942011,",
"longitude": "77.622801"
},
"openingHours": "Mo, Tu, We, Th 09:30-19:00 Fr 09:30- Sa -19:00",
"contactPoint": {
"@type": "ContactPoint",
"telephone": "+91 80 41288546",
"contactType": "Enquiries"
}
}
</script>
<script type="application/ld+json">{
"@context": "https://schema.org",
"@type": "FAQPage",
"mainEntity": [{
"@type": "Question",
"name": "What are the Mobile App Development Trends in 2023?",
"acceptedAnswer": {
"@type": "Answer",
"text": "<p>We are witnessing major advances in the field of mobile app development, 2023 has in store never dreamed of trends, here are the major trends for the new decade.</p>
<p><strong>The Emergence of Beacon Technology</strong></p>
<p>Beacon technology will enable:</p>
<li>Mobile payments beacons </li>
<li>AI-enabled chips</li>
<li>Automated machine learning</li>
<li>Beacon treasure hunting</li>
<p><strong>APM and EMM </strong></p>
<p>Application Performance Management and Enterprise Mobile Management are two elements that are part of the enterprise mobile app development process.</p>
<p>The components of APM & EMM are:</p>
<li>App security</li>
<li>Managing finances</li>
<li>Maintaining the application</li>
<p><strong>The High Impact of 5G Wireless Services</strong></p>
<p>The much awaited and anticipated 5G technology is a development advancement of much significance in 2022 and beyond.</p>
<p>5G network will bring in 100 times faster than the 4G network. There’s more, not limited to just the speed boost, 5G also offers heightened efficiencies in:</p>
<li>Data security</li>
<li>Speed</li>
<li>3D gaming</li>
<li>Augmented reality and more</li>"
}
},
{
"@type": "Question",
"name": "Where is Vistas located?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Vistas Ad Media Communications Pvt. Ltd., is based in Bangalore, India. We execute assignments of various complexities for clients across the globe. Our team at Bangalore office serves clients from UK, Europe, USA, and Australia, New Zealand and the Middle East & Far Eastern countries."
}
},
{
"@type": "Question",
"name": "What are the different types of mobile apps you can develop?",
"acceptedAnswer": {
"@type": "Answer",
"text": "We develop both popular mobile applications iOS and Android Apps."
}
},
{
"@type": "Question",
"name": "Explain the extent of Vistas involvement in developing our mobile App?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Vistas AD Media team will take complete responsibility in developing the App from planning, design & development of the mobile App – we will employ platform functionalities to build high quality custom apps. The team understands devices, they will leverage its functionalities, screen sizes and technical features to the full extent.."
}
},
{
"@type": "Question",
"name": "What are various applications development services you provide?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Team Vistas AD Media delivers:
<br/><strong><li> • Android Application Development</li></strong>
<br/><strong><li> • iPhone Application Development</li></strong>
<br/><strong><li> • PHP / Java based Web Application</li></strong>
<br/><strong><li> • Web Development</li></strong>
<br/><strong><li> • Testing & Quality Assurance</li></strong>"
}
},
{
"@type": "Question",
"name": "What is a general mobile app development process?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Generally, app development process is as follows:
<br/><strong><li> • Requirement analysis</li></strong>
<br/><strong><li> • Plan</li></strong>
<br/><strong><li> • Cost estimate</li></strong>
<br/><strong><li> • Wireframing & design</li></strong>
<br/><strong><li> • Development</li></strong>
<br/><strong><li> • Testing</li></strong>
<br/><strong><li> • Deployment</li></strong>
<br/><strong><li> • Support and Maintenance</li></strong>"
}
},
{
"@type": "Question",
"name": "What are measures Vistas AD Media will initiate to understand the project?",
"acceptedAnswer": {
"@type": "Answer",
"text": "During the discovery stage, team Vistas will ensure understanding of all requirements including business plan, strategies and target audience and location.<br/> Team Vistas will the set out to blueprint for the application and with your approval proceed to pixel UI & UX design of each screen.<br/> The team of product strategist, project manager, UX & UI designer, business analyst and an IT engineer will plan and design each screen features, functionality, UI and UX, web services APIs, etc."
}
},
{
"@type": "Question",
"name": "Do you recommend iOS or Android App?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Some 1.6 billion people around the world now use a smartphone. Android and iOS are the dominating smartphone operating systems. Analyse the target market and define the type of smartphone user you will target first. <br/> iOS and Android are two very different mobile platforms that require completely different types of language - Android apps are predominantly built in Java, while iOS is built on Objective C or Swift and native UI / UX design.<br/>For complete market penetration you eventually want to develop for both iOS and Android Apps."
}
},
{
"@type": "Question",
"name": "To what degree can the client team be involved in the design, graphics and colors?",
"acceptedAnswer": {
"@type": "Answer",
"text": "We work with client teams in every aspect, especially the branding elements of graphics, colors and brand identity. Together, we will achieve results that will complement established brand guidelines."
}
},
{
"@type": "Question",
"name": "Explain the maintenance requirements after the App is live and operational?",
"acceptedAnswer": {
"@type": "Answer",
"text": "We will provide complete support in debugging, updates, maintenance and hosting."
}
},
{
"@type": "Question",
"name": "Do you provide support in the app submission process?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Certainly, Our mobile app development team will take care of uploading your application on the App Store."
}
},
{
"@type": "Question",
"name": "Will you support with modifications to the App after it is launched?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Definitely. We will understand and implement the modifications you require. We will indicate costs, if any, in advance."
}
}
]
}
</script> ';
?>
<?php
define( "BASE_URL", "/");
define("ROOT_PATH", $_SERVER["DOCUMENT_ROOT"] . "/");
?>
<!DOCTYPE html>
<html itemscope="" itemtype="http://schema.org/Website" lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title><?php echo $title; ?></title>
<meta name="keywords" content="<?php echo $keyword; ?>" />
<meta name="description" content="<?php echo $description; ?>" />
<link rel="canonical" href="<?php echo $url;?>"/>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="abstract" content="Web Development Company in Bangalore, Web Design Company in Bangalore, SEO Company in Bangalore, Digital Marketing Company in Bangalore, Advertising Agency in Bangalore, eCommerce Development Company Bangalore, Mobile Application Development Company Bangalore">
<meta name="Author" content="Vistas Ad Media Communications Pvt. Ltd.">
<meta name="copyright" content="Vistas Ad Media Communications Pvt. Ltd.">
<meta name="Distribution" content="global">
<meta name="robots" content="index, follow">
<meta name="googlebot" content="index, follow">
<meta itemprop="name" content="Web Development Company in Bangalore, Web Design Company in Bangalore, SEO Company in Bangalore, Digital Marketing Company in Bangalore, Advertising Agency in Bangalore, eCommerce Development Company Bangalore, Mobile Application Development Company Bangalore">
<meta itemprop="description" content="<?php echo $description; ?>">
<meta itemprop="image" content="https://vistasadindia.com/images/logo.png">
<meta property="og:type" content="website">
<meta property="og:url" content="<?php echo $url;?>"/>
<meta property="og:site_name" content="Vistas Ad Media Communications Pvt. Ltd.">
<meta property="og:title" content="<?php echo $title; ?>">
<meta property="og:author" content="Vistas Ad Media Communications Pvt. Ltd.">
<meta property="og:image" content="https://vistasadindia.com/images/logo.png">
<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="@vistasadindia">
<meta name="twitter:domain" content="Vistasadindia"/>
<meta name="twitter:creator" content="@vistasadindia">
<meta name="twitter:title" content="<?php echo $title; ?>">
<meta name="twitter:description" content="<?php echo $description; ?>">
<meta name="twitter:image" content="https://vistasadindia.com/images/logo.png">
<meta name="Language" content="en" />
<meta name="Rating" content="General" />
<meta name="audience" content="all" />
<meta name="expires" content="never" />
<meta name="Designer" content="Vistas Ad Media Communications Pvt. Ltd." />
<meta name="owner" content="Vistas Ad Media Communications Pvt. Ltd." />
<link rel="icon" href="<?php echo BASE_URL; ?>images/favicon.png" type="image/png" sizes="16x16" alt="favicon">
<!-- bootstrap -->
<link href="<?php echo BASE_URL; ?>assets/dist/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<link href="<?php echo BASE_URL; ?>assets/mobile-development.css" rel="stylesheet" type="text/css" />
<!-- plugins -->
<!-- mega menu -->
<!-- custom style -->
<?php echo $script; ?>
<?php include 'gtag.php'; ?>
<style>
.bd-placeholder-img {
font-size: 1.125rem;
text-anchor: middle;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
@media (min-width: 768px) {
.bd-placeholder-img-lg {
font-size: 3.5rem;
}
}
.social-icons li b{visibility:hidden;}
.social-icons i {color: #180052;font-size: 18px;}
.wrapper {
max-width: 100%;
overflow: hidden;
height:600px;
}
@keyframes marquee {
from { transform: translateY(0); }
to { transform: translateY(-80%); }
}
.skill-list1 {
padding: 0px 0 0px 50px;margin:0;
}
.skill-list1 li {
line-height: 37px;
display: inline-block;
padding-right: 25px;
list-style: disc;
color: #180052;
font-weight:600;
}
</style>
<style type="text/css">#cus-menu {visibility: hidden;position: absolute;}</style>
<!-- favicons -->
<link rel="apple-touch-icon" sizes="57x57" href="/favicon/apple-icon-57x57.png" />
<link rel="apple-touch-icon" sizes="60x60" href="/favicon/apple-icon-60x60.png" />
<link rel="apple-touch-icon" sizes="72x72" href="/favicon/apple-icon-72x72.png" />
<link rel="apple-touch-icon" sizes="76x76" href="/favicon/apple-icon-76x76.png" />
<link rel="apple-touch-icon" sizes="114x114" href="/favicon/apple-icon-114x114.png" />
<link rel="apple-touch-icon" sizes="120x120" href="/favicon/apple-icon-120x120.png" />
<link rel="apple-touch-icon" sizes="144x144" href="/favicon/apple-icon-144x144.png" />
<link rel="apple-touch-icon" sizes="152x152" href="/favicon/apple-icon-152x152.png" />
<link rel="apple-touch-icon" sizes="180x180" href="/favicon/apple-icon-180x180.png" />
<link rel="icon" type="image/png" sizes="192x192" href="/favicon/android-icon-192x192.png" />
<link rel="icon" type="image/png" sizes="32x32" href="/favicon/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="96x96" href="/favicon/favicon-96x96.png" />
<link rel="icon" type="image/png" sizes="16x16" href="/favicon/favicon-16x16.png" />
<link rel="manifest" href="/manifest.json" />
<meta name="msapplication-TileColor" content="#ffffff" />
<meta name="msapplication-TileImage" content="/ms-icon-144x144.png" />
<meta name="theme-color" content="#ffffff" />
<meta name="geo.region" content="IN-KA" />
<meta name="geo.placename" content="bangalore" />
<meta name="geo.position" content="12.941765,77.622855" />
<meta name="ICBM" content="12.941765, 77.622855" />
<meta name="sitelock-site-verification" content="9491" />
<meta name="ahrefs-site-verification" content="6f28942eee60371725f57ff755c584dec7580d9a5223b9b550d9a31a8479d6b2" />
<meta name="yandex-verification" content="9aea268d6789620c" />
<!--<meta http-equiv="Content-Security-Policy" content="script-src 'none'">-->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<!--<script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script>-->
<!-- favicons -->
</head>
<body>
<div class="page-wrapper">
<?php include 'include/new-header.php'; ?>
<div class="page-wrapper">
<?php include 'include/new-header.php'; ?>
<section class="main-sec">
<div class="container2">
<div class="text-content">
<p class= "bannerheading1">Transforming</p>
<p class= "bannerheading">Ideas into Innovative
<br>
Mobile Solutions</p>
<h2 class="bannerheading1"></h2>
<p class="text-white">Harness the power of Mobile Apps by with a delightful<br>
user experience, value additions in products and services<br>
and place all of these in the palm of every hand</p>
</div>
<div class="image-content">
<img class="bannerimg" src="assets/img/appdevelopmentbannerimage.png" alt="Line Art" />
</div>
</div>
</section>
<h1 class="line1 ">Mobile App Development Company in Bangalore</h1>
<h4 class="smallcontent"><strong>How to Leverage the Reach of Mobile Devices
</strong></h4>
<p class="bodytext">At Vistas AD Media Communications, we specialize in creating exceptional mobile applications that
elevate your business and engage your audience. Top-rated mobile application development
company in Bangalore, we bring together a team of highly skilled developers, designers, and
strategists to deliver cutting-edge mobile solutions tailored to your unique requirements.</p>
<p class="bodytext">We Plan, Design & Develop Mobile Apps - employing platform functionalities to build high quality
custom apps. Among the leading mobile app development companies in Bangalore, we understand
devices, leverage its functionalities, screen sizes and technical features to the full extent.</p>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Our Services</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div class="services-section">
<div class="services-header">
<h1 style="color:white;font-size:40px;">Our Services</h1>
<p style="color: white;">
Vistas build iPhone & Android apps are sophisticated and easy to use.
With our rich experience in branding, and the world of web,
we help companies benefit from the opportunities apps offer.
Our dedicated iOS & Android mobile app developers create attractive,
functional, and intuitive user interfaces to leverage the features and reach of mobile devices.
</p>
</div>
<div class="services-grid">
<div class="service-card">
<h2>1. Custom Mobile App Development</h2>
<p>
We build bespoke mobile applications designed to meet your specific business needs. From concept to deployment,
our team ensures that every aspect of the app aligns with your vision and delivers an outstanding user experience.
</p>
</div>
<div class="service-card">
<h2>2. iOS App Development</h2>
<p>
Our expert iOS developers leverage the latest technologies to create high-performance, secure, and scalable apps for
the Apple ecosystem. We ensure that your iOS app not only meets the stringent standards of the App Store
but also stands out in a competitive market.
</p>
</div>
<div class="service-card">
<h2>3. Android App Development</h2>
<p>
With extensive experience in Android app development, our team crafts feature-rich and user-friendly apps for
the world's most popular mobile platform. We focus on delivering seamless performance across a wide range of devices and operating system versions.
</p>
</div>
<div class="service-card">
<h2>4. Cross-Platform App Development</h2>
<p>
Maximize your reach with cross-platform apps that offer a consistent experience on both iOS and Android devices.
Our cross-platform development services ensure that your app is developed efficiently and cost-effectively
while maintaining high quality and performance.
</p>
</div>
<div class="service-card">
<h2>5. UI/UX Design</h2>
<p>
Exceptional design is at the heart of every successful mobile app.
Our talented designers create intuitive and visually appealing interfaces that enhance user engagement and satisfaction.
We focus on usability, accessibility, and aesthetics to ensure your app provides a delightful user experience.
</p>
</div>
<div class="service-card">
<h2>6. App Maintenance and Support</h2>
<p>
Our commitment to your app doesn’t end with its launch.
We offer comprehensive maintenance and support services to keep your app running smoothly and efficiently.
From regular updates and bug fixes to performance optimization, we ensure your app remains at its best.
</p>
</div>
<div class="service-card">
<h2>7. Enterprise Mobile Solutions</h2>
<p>
Empower your business with custom enterprise mobile solutions that streamline operations and boost productivity.
Our enterprise app development services are designed to integrate seamlessly with your existing systems and
provide robust, secure, and scalable solutions for business growth.
</p>
</div>
</div>
</div>
</body>
</html>
<style>
.line1 {
color:black;
margin: 0px;
font-size: 25px;
padding:25px 150px 20px 150px;
font-weight: 300;
}
.smallcontent{
padding:15px 150px 15px 150px;
margin: auto;
text-align: justify;
font-size:40px;
font-weight: 100;
color:#0026f2;}
.bodytext{color:#180052;
margin: auto;
font-size: 16px;
padding:15px 150px 15px 150px;
text-align: left;
line-height: 35px;
}
.infoimag3{width:0px;}
.columng.full-width {
max-width: 100%;
min-width: 100%;
}
.bannerheading{
color:#FFC107; font-size:60px; line-height:1.2; }
.bannerheading1{
color:white; font-size:60px; line-height:1.2; }
.container2 {
display: flex;
justify-content: space-between;
align-items: center;
padding: 50px 100px 100px 150px;
width: 100%;
border-radius: 10px;
}.bannerimg{width:370px;
height:500px;
text-align: middle;
}
.text-content {
padding-left:0px;
max-width: 1000px;
}
/* Services Section */
.services-section {
max-width: 1600px;
margin: 0 auto;
padding: 100px;
background-color: #190155;
color: #fff;
border-radius: 10px;
}
/* Header Section */
.services-header {
text-align: center;
margin-bottom: 30px;
}
.services-header h1 {
font-size: 28px;
margin-bottom: 10px;
}
.services-header p {
font-size: 16px;
line-height: 1.8;
}
/* Grid Layout */
.services-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}
/* Service Card */
.service-card {
background-color: #fff;
color: #002244;
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
transition: transform 0.3s ease;
}
.service-card:hover {
transform: translateY(-5px);
}
.service-card h2 {
font-size: 18px;
margin-bottom: 10px;
}
.service-card p {
font-size: 14px;
line-height: 1.6;
}
/* Responsive Design */
@media (max-width: 991px){
.container5 {
max-width: 400px;
margin: 0 auto;
padding: 20px;
background-color: #002244;
color: #fff;
border-radius: 10px;
}
.bodytext{color:#180052;
margin: auto;
font-size: 16px;
padding:15px 10px 10px 10px;
text-align: left;
line-height: 35px;
}
.line1 {
color:black;
margin: 0px;
font-size: 25px;
padding:10px 10px 20px 10px;
font-weight: 300;
}
.smallcontent{
padding:10px 10px 10px 10px;
margin: auto;
text-align: center;
font-size:25px;
font-weight: 100;
color:#0026f2;}
.services-img{width:50px;
height:80px;
padding:30px 17px 17px 17px;
}
.image-content img {
display: none;
}
.bannerheading{
color:#FFC107; font-size:25px; line-height:1;
text-align:center;}
.bannerheading1{
color:white; font-size:25px; line-height:1.2; }
.container2 {
display: flex;
justify-content: space-between;
align-items: center;
padding:10px;
width: 100%;
border-radius: 10px;
}
.text-content {
text-align:center;
padding-top:55px;
padding-left:10px;
margin:20px;
max-width: 1000px;
}
.services-grid {
grid-template-columns: 1fr;
}
.services-header h1 {
font-size: 24px;
}
.services-header p {
font-size: 14px;
}
}
@media (max-width: 768px) {
.container5 {
max-width: 400px;
margin: 0 auto;
padding: 20px;
background-color: #002244;
color: #fff;
border-radius: 10px;
}
.bodytext{color:#180052;
margin: auto;
font-size: 16px;
padding:10px 10px 10px 10px;
text-align: left;
line-height: 35px;
}
.line1 {
color:black;
margin: 0px;
font-size: 25px;
padding:25px 10px 20px 10px;
font-weight: 300;
}
.smallcontent{
padding:10px 10px 10px 10px;
margin: auto;
text-align: center;
font-size:25px;
font-weight: 100;
color:#0026f2;}
.services-img{width:50px;
height:80px;
padding:30px 17px 17px 17px;
}
.image-content img {
display: none;
}
.bannerheading{
color:#FFC107; font-size:25px; line-height:1;
text-align:center;}
.bannerheading1{
color:white; font-size:25px; line-height:1.2; }
.container2 {
display: flex;
justify-content: space-between;
align-items: center;
padding:10px;
width: 100%;
border-radius: 10px;
}
.text-content {
text-align:center;
padding-top:55px;
padding-left:10px;
margin:20px;
max-width: 1000px;
}
.services-grid {
grid-template-columns: 1fr;
}
.services-header h1 {
font-size: 24px;
}
.services-header p {
font-size: 14px;
}
}
</style>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Vistas AD Media Communications</title>
<style>
.container6 {
max-width: 1300px;
margin: 0 auto;
padding: 20px;
}
.features6 {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
margin: 20px 0;
}
.feature6 {
font-size: 16px;
}
.feature6-title6 {
font-weight: bold;
margin-bottom: 10px;
}
.feature5:last-child {
grid-column: span 2;
}
</style>
<div class="container6">
<h1>Why Choose Vistas AD Media Communications?</h1>
<p>Vistas’ experience in engineering high-quality web applications goes back decades. We at Vistas, a leading mobile app development company in Bangalore, deliver secure, scalable, and intuitive web apps customized to your business requirements. Dedicated to building cutting-edge and robust web applications for global clients, our engineering team's skills and experience extend to a wide range of technologies, continuously updated to meet the challenges posed by today's fiercely competitive marketplace.</p>
<div class="features6">
<div class="feature6">
<div class="feature6-title6">Experienced Team:</div>
<div>Our team of skilled developers, designers, and strategists have extensive experience in mobile app development across various industries.</div>
</div>
<div class="feature5">
<div class="feature6-title6">Customer-Centric Approach:</div>
<div>We prioritize your business goals and user needs to deliver mobile solutions that drive success and provide value.</div>
</div>
<div class="feature6">
<div class="feature5-title6">Quality Assurance:</div>
<div>We adhere to stringent quality standards and conduct thorough testing to ensure your app performs flawlessly.</div>
</div>
<div class="feature5">
<div class="feature6-title6">Timely Delivery:</div>
<div>We understand the importance of time-to-market and strive to deliver your app within the agreed timeline without compromising on quality.</div>
</div>
<div class="feature5">
<div class="feature6-title6">Innovative Solutions:</div>
<div>We stay ahead of industry trends and leverage the latest technologies to provide innovative mobile solutions that give you a competitive edge.</div>
</div>
</div>
</div>
<section class="bg-image">
<div class="container">
<div class="row">
<div class="col-md-6 offset-md-6">
<h2 class="text-white sd-head">
The Hub of iOS & Android App Development in Bangalore
</h2>
<p class="text-white text-medium">Good Ideas Propel Us to Action</p>
<p class="text-white">Once an idea appeals to us we swing into action. We plan, design, review, build and deliver as the quality mobile app development company in Bangalore. Starting with the logo, brand identity, rich content, design and develop, the skills of the entire team flows step by step and then builds into a crescendo prior to launch.</p>
<div class="quote pt-md-4 pt-3">
<a href="https://vistasadindia.com/request-a-quote.php">Get a Quote</a>
</div>
</div>
</div>
</div>
</section>
<section class="bg-blue">
<div class="container">
<div class="row">
<h2 class="text-center text-white title-head mb-md-4">
Why Your Company Needs A Mobile App?
</h2>
<p class="text-center text-white">The benefits of investing in a mobile app by Vistas team<br> of mobile app development Bangalore</p>
</div>
<div class="row px-md-5 mt-md-4 mt-4 mx-auto w-80">
<div class="col-md-4 col-6 p-md-0 lb">
<div class="process-box">
<img src="assets/img/mobile-app/access-icon.svg" width="60" height="60" alt="Access anywhere anytime">
<h3>Access anywhere<br> anytime</h3>
</div>
</div>
<div class="col-md-4 col-6 p-md-0 rb">
<div class="process-box">
<img src="assets/img/mobile-app/customer-engagement.svg" width="60" height="60" alt="Customer engagement in real-time">
<h3>Customer engagement<br> in real-time</h3>
</div>
</div>
<div class="col-md-4 col-6 p-md-0 rb">
<div class="process-box">
<img src="assets/img/mobile-app/fast-simple.svg" alt="Fast, simple, & easy to Use" width="60" height="60">
<h3>Fast, simple, &<br> easy to Use</h3>
</div>
</div>
<div class="col-md-12 d-none py-md-3"></div>
<div class="col-md-4 col-6 p-md-0 lb">
<div class="process-box">
<img src="assets/img/mobile-app/mobile-payments.svg" alt="Mobile payments are easier" width="60" height="60">
<h3>Mobile payments<br> are easier</h3>
</div>
</div>
<div class="col-md-4 col-6 p-md-0 rb">
<div class="process-box">
<img src="assets/img/mobile-app/mobile-customer.svg" alt="Mobile customer loyalty programs builds loyal customers" width="60" height="60">
<h3>Mobile customer loyalty<br> programs builds<br> loyal customers</h3>
</div>
</div>
<div class="col-md-4 col-6 p-md-0 rb">
<div class="process-box">
<img src="assets/img/mobile-app/inform-users.svg" alt="Inform users of new products and offers in real time" width="60" height="60">
<h3>Inform users of new<br> products and offers<br> in real time</h3>
</div>
</div>
<div class="col-md-12 d-none py-md-3"></div>
<div class="col-md-4 col-6 p-md-0 lb la">
<div class="process-box">
<img src="assets/img/mobile-app/customer-service.svg" alt="Offer customer service & support – 24×7" width="60" height="60">
<h3>Offer customer service<br> & support – 24×7</h3>
</div>
</div>
<div class="col-md-4 col-6 p-md-0 rb la">
<div class="process-box">
<img src="assets/img/mobile-app/social.svg" alt="Social is mobile." width="60" height="60">
<h3>Social is mobile.</h3>
</div>
</div>
<div class="col-md-4 col-6 p-md-0 rb la">
<div class="process-box">
<img src="assets/img/mobile-app/competition.svg" alt="Stand out from the competition" width="60" height="60">
<h3>Stand out from the<br> competition</h3>
</div>
</div>
</div>
</div>
</section>
<section class="bg-blue">
<div class="container">
<div class="row">
<h2 class="text-center text-white title-head mb-md-4">
In addition to the all - important business skills,<br> Vistas mobile app developers<br> are specialized in
</h2>
</div>
<div class="row mt-md-4 mt-3">
<div class="col-md-12">
<div class="skill-box text-center">
<img src="assets/img/mobile-app/andriod.png" width="85" height="85" alt="Android Apps" class="img-fluid">
<h3 class="text-white pt-md-2">Android Apps</h3>
<p class="text-white">Android has a greater user base with 86.8% global market share. Android Apps offer excellent user experience.</p>
</div>
</div>
<div class="col-md-12">
<div class="skill-box text-center">
<img src="assets/img/mobile-app/ios.png" width="85" height="85" alt="iOS Apps" class="img-fluid">
<h3 class="text-white pt-md-2">iOS Apps</h3>
<p class="text-white">IOS user base are high net worth. Target discerning consumers with high quality<br> user experience iOS offers. iOS Apps deliver higher ROI.</p>
</div>
</div>
<div class="col-md-12">
<div class="skill-box text-center">
<img src="assets/img/mobile-app/xamarin.png" width="85" height="85" alt="Xamarin Apps" class="img-fluid">
<h3 class="text-white pt-md-2">Xamarin Apps</h3>
<p class="text-white">Xamarin is a robust cross-platform app development platform that helps build a single app for all <br>device systems. Xamarin offers accelerated development time at lower costs.</p>
</div>
</div>
<div class="col-md-12">
<div class="skill-box text-center">
<img src="assets/img/mobile-app/react-native.png" width="85" height="85" alt="React Native Apps" class="img-fluid">
<h3 class="text-white pt-md-2">React Native Apps</h3>
<p class="text-white">React Native is, designed for building genuinely native apps for platforms like iOS and Android.<br> React Native is faster to develop and run on more platforms and devices.</p>
</div>
</div>
<div class="col-md-12">
<div class="skill-box text-center">
<img src="assets/img/mobile-app/ionic.png" width="85" height="85" alt="Ionic Apps" class="img-fluid">
<h3 class="text-white pt-md-2">Ionic Apps</h3>
<p class="text-white">Ionic Apps are cross-platform apps for native iOS, Android, and the web. Ionic App enables<br> development of highly creative look, feel and UI interactions of an app.</p>
</div>
</div>
</div>
</div>
</section>
<section class="s6 bg-blue">
<div class="container">
<div class="row">
<h2 class="text-center text-white title-head">
Frequently Asked Solutions
</h2>
<div class="acc-sec mt-md-5 mt-3">
<div class="accordion" id="accordionExample">
<div class="accordion-item">
<h2 class="accordion-header" id="headingOne">
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
<span>Why Choose Vistas AD Media Communications?</span>
</button>
</h2>
<div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-bs-parent="#accordionExample">
<div class="accordion-body">
<p>We develop a wide range of mobile apps, including custom mobile apps, iOS apps, Android apps, and cross-platform apps. Whether you need an enterprise solution, a consumer-facing app, or a unique application for a specific purpose, we have the expertise to deliver.</p>
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="headingTwo">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
<span> How much does it cost to develop a mobile app?</span>
</button>
</h2>
<div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo" data-bs-parent="#accordionExample">
<div class="accordion-body">
<p>The cost of developing a mobile app varies depending on the complexity, features, and platforms involved. We provide tailored quotes based on your specific requirements and budget. Contact us for a detailed consultation and quote.</p>
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="headingThree">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
<span>How long does it take to develop a mobile app?</span>
</button>
</h2>
<div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree" data-bs-parent="#accordionExample">
<div class="accordion-body">
<p>The development timeline for a mobile app depends on the scope and complexity of the project. On average, it can take anywhere from a few weeks to several months. We provide a detailed timeline during the initial consultation and keep you updated throughout the development process.</p>
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="heading4">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse4" aria-expanded="false" aria-controls="collapse4">
<span>Do you offer post-launch support and maintenance?</span>
</button>
</h2>
<div id="collapse4" class="accordion-collapse collapse" aria-labelledby="heading4" data-bs-parent="#accordionExample">
<div class="accordion-body">
<p>Yes, we offer comprehensive post-launch support and maintenance services. Our team ensures your app remains up-to-date, secure, and functioning smoothly with regular updates, bug fixes, and performance optimizations.</p>
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="heading5">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse5" aria-expanded="false" aria-controls="collapse5">
<span>Can you help with app store submission?</span>
</button>
</h2>
<div id="collapse5" class="accordion-collapse collapse" aria-labelledby="heading5" data-bs-parent="#accordionExample">
<div class="accordion-body">
<p>Absolutely. We handle the entire app store submission process for both the Apple App Store and Google Play Store. Our team ensures your app meets all the necessary guidelines and requirements for a smooth approval process.</p>
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="heading6">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse6" aria-expanded="false" aria-controls="collapse6">
<span>Will my app be compatible with all devices?</span>
</button>
</h2>
<div id="collapse6" class="accordion-collapse collapse" aria-labelledby="heading6" data-bs-parent="#accordionExample">
<div class="accordion-body">
<p>We develop apps that are compatible with a wide range of devices and operating system versions. For iOS apps, we ensure compatibility with the latest and recent versions of iPhones and iPads. For Android apps, we ensure compatibility across various devices and OS versions to provide a seamless user experience.
</p>
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="heading7">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse7" aria-expanded="false" aria-controls="collapse7">
<span>How do you ensure the security of the mobile app?</span>
</button>
</h2>
<div id="collapse7" class="accordion-collapse collapse" aria-labelledby="heading7" data-bs-parent="#accordionExample">
<div class="accordion-body">
<p>Security is a top priority in our development process. We implement industry best practices and robust security measures to protect your app and user data. This includes secure coding practices, data encryption, and regular security testing.
</p>
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="heading8">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse8" aria-expanded="false" aria-controls="collapse8">
<span>Can you integrate the app with our existing systems?</span>
</button>
</h2>
<div id="collapse8" class="accordion-collapse collapse" aria-labelledby="heading8" data-bs-parent="#accordionExample">
<div class="accordion-body">
<p>Yes, we can integrate your mobile app with your existing systems and third-party services. Our team has experience in creating seamless integrations with various APIs, databases, and enterprise systems to enhance the functionality of your app.</p>
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="heading9">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse9" aria-expanded="false" aria-controls="collapse9">
<span>What is your approach to UI/UX design?</span>
</button>
</h2>
<div id="collapse9" class="accordion-collapse collapse" aria-labelledby="heading9" data-bs-parent="#accordionExample">
<div class="accordion-body">
<p>Our UI/UX design approach focuses on creating intuitive, user-friendly, and visually appealing interfaces. We prioritize usability and user experience to ensure your app is engaging and easy to navigate. Our designers work closely with you to understand your vision and bring it to life.</p>
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="heading10">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse10" aria-expanded="false" aria-controls="collapse10">
<span>How do you handle updates and new features?</span>
</button>
</h2>
<div id="collapse10" class="accordion-collapse collapse" aria-labelledby="heading10" data-bs-parent="#accordionExample">
<div class="accordion-body">
<p>We offer flexible maintenance plans that include regular updates and the addition of new features as your business grows and evolves. Our team works with you to identify opportunities for improvement and ensures your app stays current with the latest trends and technologies.</p>
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="heading11">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse11" aria-expanded="false" aria-controls="collapse11">
<span> How do I get started with my mobile app project?</span>
</button>
</h2>
<div id="collapse11" class="accordion-collapse collapse" aria-labelledby="heading11" data-bs-parent="#accordionExample">
<div class="accordion-body">
<p> Getting started is easy. Simply contact us to schedule a consultation. During this initial meeting, we’ll discuss your project requirements, goals, and budget. Our team will then create a detailed proposal and timeline to kickstart the development process.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="s3 bg-white position-relative">
<div class="container-fluid">
<div class="row px-md-5 mx-md-5">
<div class="col-md-9">
<div class="cap-box">
<div class="icon-box">
<h2 class="text-blue title-head mb-md-4 mb-3">App Development Process</h2>
<p>
We employ modern development methodologies for efficient implementation of each assignment in mobile application development in Bangalore. We plan the development in multiple phases, systematically progressing towards completion in each phase.
</p>
</div>
</div>
</div>
<div class="col-md-3"></div>
<div class="space py-md-4"></div>
</div>
<div class="row">
<div class="col-md-12">
<img src="assets/img/mobile-app/app-development-process.svg" alt="app-development-process" class="img-fluid" width="1559" height="473">
</div>
<div class="text-center pt-md-5 pt-5">
<a href="https://vistasadindia.com/contact-us.php" class="border-link">contact Us</a>
</div>
</div>
</div>
</section>
<section class="s2">
<div class="container">
<div class="row py-3">
<div class="col-md-12">
<div class="icn-bx text-center">
<h2 class="text-blue sd-head">Tips for Successful Mobile App Launch</h2>
</div>
<div class="t-box w-75 mx-auto pt-md-4 pt-3 text-center">
<p>Successful mobile apps evolve and adapt quickly and learn to drive downloads, establish good user engagement and retention rates according to experts from app development companies in Bangalore.</p>
</div>
</div>
</div>
<div class="row mx-md-5 px-md-5 tips-rw">
<div class="col-md-5">
<h3 class="brdr-txt ax text-blue">Promote Your Content through Marketing</h3>
</div>
<div class="col-md-1"></div>
<div class="col-md-6">
<p class="">Plan and implement social media marketing campaigns, publish interesting content with blog articles, influencers and advertising campaigns. Importantly, set-up an engaging website to pull interested viewers as well as anchor all the campaigning efforts.</p>
</div>
</div>
<div class="row mx-md-5 px-md-5 tips-rw">
<div class="col-md-5">
<h3 class="brdr-txt ax text-blue">Prepare a Press Kit for Ready Reference</h3>
</div>
<div class="col-md-1"></div>
<div class="col-md-6">
<ul class="faq-list">
<li>Compile a set of branding information and the app’s identity in an online directory.(E.g.: logo, icon’s, screenshots and promotional videos)</li>
<li>Promotional advertisements, campaigns and Graphics & Creatives.</li>
<li>A well written description of the app</li>
<li>Links to your website, social media accounts, etc.</li>
<li>Contact information</li>
</ul>
</div>
</div>
<div class="row mx-md-5 px-md-5 tips-rw">
<div class="col-md-5">
<h3 class="brdr-txt ax text-blue">List App in Product Curation Portals</h3>
</div>
<div class="col-md-1"></div>
<div class="col-md-6">
<p class="">Appear in reviews, product curation and new product portals. Some of the sites you may want to check for this purpose are:</p>
<ul>
<li class="text-blue">Product Hunt • Beta List </li>
<li class="text-blue">Hacker News – Y Combinator • CrunchBase</li>
</ul>
</div>
</div>
<div class="row mx-md-5 px-md-5 tips-rw">
<div class="col-md-5">
<h3 class="brdr-txt ax text-blue">Perfectly Optimize App’s Product Page Description</h3>
</div>
<div class="col-md-1"></div>
<div class="col-md-6">
<p class="">Write or better still engage a professional writer to craft the app’s description to convince potential users to download the app. Make sure the first few lines are engaging enough for users to click on read more. Follow ASO best practices to enable the app rank higher in the app store listing.</p>
</div>
</div>
<div class="row mx-md-5 px-md-5 tips-rw">
<div class="col-md-5">
<h3 class="brdr-txt ax text-blue">Measure Customer Experience</h3>
</div>
<div class="col-md-1"></div>
<div class="col-md-6">
<p class="">Maintain a pulse on customer reaction, user satisfaction and areas that need tweaking and improvement. Focus your attention on user engagement and retention rates.</p>
</div>
</div>
<div class="row mx-md-5 px-md-5 tips-rw">
<div class="col-md-5">
<h3 class="brdr-txt ax text-blue">Update, Polish<br> & Improve</h3>
</div>
<div class="col-md-1"></div>
<div class="col-md-6">
<p class="">Apps are iterative, improving the app experience, introducing new features, personalized content and improvements keeps users interested and engaged.</p>
</div>
</div>
<div class="row mx-md-5 px-md-5 tips-rw">
<div class="col-md-5">
<h3 class="brdr-txt ax text-blue">Track User<br> Behaviour</h3>
</div>
<div class="col-md-1"></div>
<div class="col-md-6">
<p class="">Track user behaviour through analytics and listen constructively to user feedback. Make note of the features that are driving usage and consider adding value to users at every stage of the App experience.</p>
</div>
</div>
<div class="row mx-md-5 px-md-5 tips-rw">
<div class="col-md-5">
<h3 class="brdr-txt ax text-blue">Popular Apps are Used Repeatedly</h3>
</div>
<div class="col-md-1"></div>
<div class="col-md-6">
<p class="">Taking into consideration every method that can to boost user engagement and retention. Offer an incentive for using the app, it can be special content, coupons, special promotions and discount codes. Incentivising usage will help choose your app over competing apps.</p>
</div>
</div>
<div class="row mx-md-5 px-md-5 tips-rw">
<div class="col-md-5">
<h3 class="brdr-txt ax text-blue">Re-engaging<br> Users</h3>
</div>
<div class="col-md-1"></div>
<div class="col-md-6">
<p class="">Re-engage users who have dropped out through push notifications. </p>
<p>Present value to the user and they re-engage successfully.</p>
</div>
</div>
<div class="row mx-md-5 px-md-5 tips-rw">
<div class="col-md-5">
<h3 class="brdr-txt ax text-blue">Maintain High<br> Ratings</h3>
</div>
<div class="col-md-1"></div>
<div class="col-md-6">
<p class="">High ratings reflect user experience excellence. The first factor people consider while downloading an app is ratings and reviews. Encourage reviews at every opportunity with users, manage reviews diligently, swiftly seek to resolve issues and keep communication channels open for user feedback.</p>
</div>
</div>
</div>
</section>
<section>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Mobile App Development Tips</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div class="container5">
<!-- Header Section -->
<header class="header5">
<h1 style="color:white">TOP 10 TIPS FOR SUCCESSFUL<br><strong>MOBILE APP DEVELOPMENT</strong></h1>
<p style="color:white">These tips provide a comprehensive guide for successful mobile app development, helping<br> ensure your app meets user expectations and achieves its goals.</p>
</header>
<!-- Tips Section -->
<div class="tips5">
<!-- Tip 1 -->
<div class="tip5-card5">
<div class="circle5-container5">
<div class="dots5"></div>
<div class="circle5 blue5">01</div>
</div>
<div class="tip5-content5">
<h2>DEFINE CLEAR OBJECTIVES</h2>
<p>Understand the purpose of your app <br>and outline specific goals.</p>
</div>
</div>
<!-- Tip 2 -->
<div class="tip5-card5">
<div class="circle5-container5">
<div class="dots5"></div>
<div class="circle5 blue2">02</div>
</div>
<div class="tip5-content5">
<h2>RESEARCH YOUR MARKET</h2>
<p>Analyze competitors and understand your target <br>audience's needs and preferences.</p>
</div>
</div>
<!-- Tip 3 -->
<div class="tip5-card5">
<div class="circle5-container5">
<div class="dots5"></div>
<div class="circle5 red5">03</div>
</div>
<div class="tip5-content5">
<h2>FOCUS ON USER EXPERIENCE (UX)</h2>
<p>Design intuitive and user-friendly interfaces to ensure <br>a positive user experience.</p>
</div>
</div>
<!-- Tip 4 -->
<div class="tip5-card5">
<div class="circle5-container5">
<div class="dots5"></div>
<div class="circle5 red2">04</div>
</div>
<div class="tip5-content5">
<h2>CHOOSE THE RIGHT PLATFORM</h2>
<p>Decide whether to develop for iOS, Android, or both,<br> based on your target audience.</p>
</div>
</div>
<!-- Tip 5 -->
<div class="tip5-card5">
<div class="circle5-container5">
<div class="dots5"></div>
<div class="circle5 orange5">05</div>
</div>
<div class="tip5-content5">
<h2>PLAN FOR SCALABILITY</h2>
<p>Ensure your app can handle growth and<br> increasing user demands.</p>
</div>
</div>
<!-- Tip 6 -->
<div class="tip5-card5">
<div class="circle5-container5">
<div class="dots5"></div>
<div class="circle5 blue5">06</div>
</div>
<div class="tip5-content5">
<h2>PRIORITIZE SECURITY</h2>
<p>Implement robust security measures to protect<br>
user data and ensure app integrity.</p>
</div>
</div>
<!-- Tip 7 -->
<div class="tip5-card5">
<div class="circle5-container5">
<div class="dots5"></div>
<div class="circle5 blue5">07</div>
</div>
<div class="tip5-content5">
<h2>OPTIMIZE PERFORMANCE</h2>
<p>Focus on speed and efficiency to provide<br>
a seamless user experience.</p>
</div>
</div>
<!-- Tip 8 -->
<div class="tip5-card5">
<div class="circle5-container5">
<div class="dots5"></div>
<div class="circle5 red5">08</div>
</div>
<div class="tip5-content5">
<h2>TEST THOROUGHLY</h2>
<p>Conduct extensive testing to identify and fix<br>
bugs and ensure smooth performance.</p>
</div>
</div>
<!-- Tip 9 -->
<div class="tip5-card5">
<div class="circle5-container5">
<div class="dots5"></div>
<div class="circle5 red5">09</div>
</div>
<div class="tip5-content5">
<h2>GATHER FEEDBACK</h2>
<p>Use beta testing and user feedback to make<br>
improvements before the final launch.</p>
</div>
</div>
<!-- Tip 10 -->
<div class="tip5-card5">
<div class="circle5-container5">
<div class="dots5"></div>
<div class="circle5 orange5">10</div>
</div>
<div class="tip5-content5">
<h2>PLAN FOR POST-LAUNCH SUPPORT</h2>
<p>Prepare for regular updates, maintenance, and
feature enhancements <br>to keep your app relevant
and functional.</p>
</div>
</div>
<p style="text-align: center; color:white;">Infographic:<strong>Vistas AD Media Communications</strong></p>
</div>
</div>
</body>
</html>
<style>/* General Reset */
/* Main Container */
.container5 {
max-width: 800px;
margin: 0 auto;
padding: 20px;
background-color: #002244;
color: #fff;
border-radius: 10px;
}
/* Header Section */
.header5 {
text-align: center;
margin-bottom: 30px;
}
.header5 h1 {
font-size: 24px;
font-weight: bold;
margin-bottom: 10px;
line-height: 1.5;
}
.header5 p {
font-size: 16px;
}
/* Tips Section */
.tips5 {
display: flex;
flex-direction: column;
gap: 20px;
}
/* Individual Tip Card */
.tip5-card5 {
display: flex;
align-items: center;
gap: 15px;
background-color: #fff;
color: #002244;
border-radius: 8px;
padding: 15px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
/* Circle Container with Dots */
.circle5-container5 {
position: relative;
width: 60px;
display: flex;
flex-direction: column;
align-items: center;
gap: 5px;
}
/* Dots Styling */
.dots5 {
position: absolute;
top: 50%;
left: -10px;
transform: translateY(-50%);
height: 80%;
width: 5px;
background: repeating-linear-gradient(
to bottom,
#ccc,
#ccc 4px,
transparent 4px,
transparent 8px
);
border-radius: 5px;
}
.dots5::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 8px;
background-color: #ff8c00; /* First dot color */
border-radius: 50%;
}
/* Circle Styles */
.circle5 {
width: 60px;
height: 60px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
font-size: 18px;
font-weight: bold;
color: #002244;
background: #fff; /* White background for the circle */
position: relative;
top: -5px; /* Move circle slightly up */
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2),
inset 2px 2px 4px rgba(255, 255, 255, 0.6); /* 3D effect */
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); /* 3D text effect */
}
/* Circle Colors */
.circle5.blue5 {
border: 2px solid #007BFF; /* Blue border */
}
.circle5.blue2 {
border: 2px solid #23517d; /* Blue border */
}
.circle5.red5 {
border: 2px solid #CC0000; /* Red border */
}
.circle5.red2 {
border: 2px solid #7f1f3d; /* Red border */
}
.circle5.orange5 {
border: 2px solid #FF8C00; /* Orange border */
}
/* Tip Content Styles */
.tip5-content5 h2 {
font-size: 18px;
margin-bottom: 5px;
text-transform: uppercase;
}
.tip5-content5 p {
font-size: 14px;
}
/* Responsive Styles */
@media (max-width: 768px) {
/* Container Width */
.container5 {
padding: 15px;
}
/* Header Text */
.header5 h1 {
font-size: 20px;
}
.header5 p {
font-size: 14px;
}
/* Tip Card Layout for Mobile */
.tip5-card5 {
flex-direction: column;
text-align: center;
padding: 20px;
}
/* Circle Container Adjustments */
.circle5-container5 {
width: auto;
margin-bottom: 15px;
}
.dots5 {
display: none; /* Hide dots for smaller screens */
}
/* Circle Adjustments */
.circle5 {
width: 50px;
height: 50px;
font-size: 16px;
margin: 0 auto;
}
/* Tip Content Adjustments */
.tip5-content5 h2 {
font-size: 16px;
}
.tip5-content5 p {
font-size: 13px;
}
}
@media (max-width: 480px) {
/* Further Font and Spacing Adjustments for Small Screens */
.header5 h1 {
font-size: 18px;
}
.header5 p {
font-size: 12px;
}
.tip5-content5 h2 {
font-size: 14px;
}
.tip5-content5 p {
font-size: 12px;
}
.circle5 {
width: 45px;
height: 45px;
font-size: 14px;
}
}
</style></section>
<section class="s3 bg-white position-relative">
<div class="container">
<div class="row">
<div class="col-md-7">
<div class="cap-box">
<h2 class="text-blue sd-head mb-md-4">We Plan, Design & Engineer <br>and Promote Mobile Apps</h2>
<div class="icn-txt">
<p>
Leveraging the reach of mobile devices we plan, design & develop mobile apps, employing platform functionalities to build high quality custom apps.
</p>
<p>
We understand devices, leverage its functionalities, screen sizes and technical features to the full extent. Vistas built iPhone & Android apps are sophisticated and easy to use.
</p>
<p class="mb-md-5">
With our rich experience in branding, the world of web and online marketing we help companies benefit from the opportunities apps offer.
</p>
<div class="icn-btn">
<a href="https://vistasadindia.com/request-a-quote.php" class="lrn-btn">Get a Quote <i class="fa fa-angle-right px-md-2"></i></a>
</div>
</div>
</div>
</div>
<div class="col-md-5">
<div class="fish-img">
<img src="assets/img/mobile-app/web-design-development.png" class="img-fluid" alt="design & develop mobile apps" width="526" height="597">
</div>
</div>
</div>
</div>
</section>
<section class="bg-blue">
<div class="container">
<div class="row px-md-5 mx-md-5">
<div class="mb-md-5">
<h2 class="text-white text-center sd-head">Which Mobile Platform?</h2>
</div>
<div class="col-md-5">
<h3 class="big-text text-white text-justify">
So which Mobile Platform should you develop for?
</h3>
<div class="blue-box">
<p class="text-white">After all, you've got to pick a<br> single one, right?</p>
<h3 class="text-white">Wrong!!!</h3>
</div>
</div>
<div class="col-md-1"></div>
<div class="col-md-5">
<p class="text-white he-txt">
More relevant these days than ever before is the ability for users to access your apps across platforms i.e. on whatever mobile device or operating system they so choose.
</p>
<p class="text-white he-txt">
Ask any industry insider about the best mobile operating platform, and there will be a wide range of answers. Officially, iOS (Apple devices) is the most popular and Android (by Google) is the fastest growing.
</p>
</div>
</div>
</div>
</section>
<section class="s3 bg-white position-relative">
<div class="container">
<div class="row">
<div class="col-md-7">
<div class="cap-box">
<h2 class="text-blue sd-head mb-md-4">Full Cycle iOS App<br> Development Service</h2>
<div class="icn-txt">
<p>
Vistas' team of iOS developers develop advanced mobile solutions for business, travel and entertainment iPhone app such as fun apps, Games apps, Business apps, Social Apps, Geo-location apps, Shopping apps, Travel apps on iOS Platforms.
</p>
<p>
Vistas' iOS specialists guide you through the app development process right from the initial stage of discovery of project requirements till release and submission to the App Store, Spelling out the functions, performance, security strength, offline capability and interoperability.
</p>
<p class="mb-md-5">
With our rich experience in branding, the world of web and online marketing we help companies benefit from the opportunities apps offer.
</p>
<div class="icn-btn">
<a href="https://vistasadindia.com/request-a-quote.php" class="lrn-btn">Get a Quote <i class="fa fa-angle-right px-md-2"></i></a>
</div>
</div>
</div>
</div>
<div class="col-md-5">
<div class="fish-img">
<img src="assets/img/mobile-app/ios-development.png" class="img-fluid" alt="iOS App Development Service" width="526" height="483">
</div>
</div>
</div>
</div>
</section>
<section class="s3 bg-white position-relative">
<div class="container">
<div class="row">
<div class="col-md-4 order-md-1 order-2">
<div class="fish-img">
<img src="assets/img/mobile-app/Android-app.jpg" class="img-fluid" alt="Android app development" width="416" height="359">
</div>
</div>
<div class="col-md-1"></div>
<div class="col-md-7 order-md-2 order-1">
<div class="cap-box">
<h2 class="text-blue sd-head mb-md-4">Android App<br> Development</h2>
<div class="icn-txt">
<p class="mb-md-5">
Vistas' team of highly qualified Android application development team leverage the limitless possibilities of Android and its wide-ranging set of development tools. Android app development company in Bangalore has on board specialist Android SDK coders employ Google Android SDK's APIs, debugging tools, handset emulator and sample code to run Android-powered applications
</p>
<div class="icn-btn">
<a href="https://vistasadindia.com/request-a-quote.php" class="lrn-btn">Get a Quote <i class="fa fa-angle-right px-md-2"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<hr class="gray container">
<section class="py-3">
<div class="container">
<p class="text-center">
The cross-functional team of experienced professionals, combined with our customer driven approach to services, has <br>
made Vistas a trusted marketing communications partner to scores of organizations far and wide. Explore the various <br>
services we offer and find out more about the value we can add to you and your organization.
</p>
<p class="text-center text-blue">
Contact us with details of your requirement. We will get back to you within 24 hours.
</p>
<hr class="gray w-50 mx-auto my-5">
<div class="d-flex justify-content-center">
<ul class="foot-list">
<li><a href="mailto:info@vistasadindia.com"><img src="assets/img/home/email.svg" width="20" height="20" alt="mail" class="lazyload" loading="lazy"> info@vistasadindia.com</a></li>
<li><a href="tel:+91 9686697971"><img src="assets/img/home/phone.svg" width="20" height="20" alt="mail" class="lazyload" loading="lazy"> +91 9686697971</a></li>
</ul>
</div>
<div class="d-flex justify-content-center my-4">
<a href="request-a-quote.php" class="cust-btn1">Request Quote</a>
</div>
</div>
</section>
<?php include 'include/new-footer.php'; ?>
</main>
</div>
<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
<script src="assets/dist/js/bootstrap.bundle.min.js"></script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "LocalBusiness",
"name" : "Vistas AD Media – Web Design, eCommerce Website Development & SEO Company in Bangalore",
"url": "https://vistasadindia.com",
"logo": "https://vistasadindia.com/images/logo.png",
"image": "https://vistasadindia.com/images/logo.png",
"description": "An integrated creative agency. The brilliant team at Vistas AD Media Communications are an exciting mix of artistic & intellectual types - with highly developed analytical, logical & cognitive capabilities. Ambitious businesses, industry leaders and quality centric organizations engage us to build digital communications. As the Leading web design & SEO company in Bangalore, Vistas Delivers: State of the Art Branding, Creative Content Creation, UI Design, UX Design, Digital Marketing Services, Ecommerce Development Services, Web Design, Mobile App Development Services, SEO services. A Vistas built website presents an industry leader effectively, tastefully highlighting accomplishments with the right mix of dignity, style and sophistication.",
"telephone": "080-4128 8546",
"priceRange": "3000-6000",
"geo": {
"@type": "GeoCoordinates",
"latitude": 12.941765,
"longitude": -77.622855
},
"aggregateRating": {
"@type": "AggregateRating",
"ratingValue": "4.2",
"bestRating": "5",
"worstRating" : "1",
"ratingCount": "120"
},
"address": {
"@type": "PostalAddress",
"addressLocality": "Bangalore",
"addressRegion": "KA",
"streetAddress": "Door No.313, 19th Main Rd, 6th Block, Koramangala",
"postalCode": "560095"
},
"openingHoursSpecification": {
"@type": "OpeningHoursSpecification",
"dayOfWeek": [
"Monday",
"Tuesday",
"Wednesday",
"Thursday",
"Friday",
"Saturday"
],
"opens": "09:00",
"closes": "07:00"
},
"sameAs": [
"https://www.facebook.com/vistasadmedia",
"https://twitter.com/vistasadindia",
"https://www.linkedin.com/company/vistas-ad-media-communications-pvt-ltd",
"https://www.pinterest.com/vistasadmedia/",
"https://www.instagram.com/vistasadindia/"
]
}
</script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "WebSite",
"url": "https://vistasadindia.com/",
"potentialAction": {
"@type": "SearchAction",
"target": "https://query.vistasadindia.com/search?q={search_term_string}",
"query-input": "required name=search_term_string"
}
}
</script>
<script> !function(a){function b(){}function c(a){function c(b){b.prototype.option||(b.prototype.option=function(b){a.isPlainObject(b)&&(this.options=a.extend(!0,this.options,b))})}function e(b,c){a.fn[b]=function(e){if("string"==typeof e){for(var g=d.call(arguments,1),h=0,i=this.length;i>h;h++){var j=this[h],k=a.data(j,b);if(k)if(a.isFunction(k[e])&&"_"!==e.charAt(0)){var l=k[e].apply(k,g);if(void 0!==l)return l}else f("no such method '"+e+"' for "+b+" instance");else f("cannot call methods on "+b+" prior to initialization; attempted to call '"+e+"'")}return this}return this.each(function(){var d=a.data(this,b);d?(d.option(e),d._init()):(d=new c(this,e),a.data(this,b,d))})}}if(a){var f="undefined"==typeof console?b:function(a){console.error(a)};return a.bridget=function(a,b){c(b),e(a,b)},a.bridget}}var d=Array.prototype.slice;"function"==typeof define&&define.amd?define("jquery-bridget/jquery.bridget",["jquery"],c):c("object"==typeof exports?require("jquery"):a.jQuery)}(window),function(a){function b(b){var c=a.event;return c.target=c.target||c.srcElement||b,c}var c=document.documentElement,d=function(){};c.addEventListener?d=function(a,b,c){a.addEventListener(b,c,!1)}:c.attachEvent&&(d=function(a,c,d){a[c+d]=d.handleEvent?function(){var c=b(a);d.handleEvent.call(d,c)}:function(){var c=b(a);d.call(a,c)},a.attachEvent("on"+c,a[c+d])});var e=function(){};c.removeEventListener?e=function(a,b,c){a.removeEventListener(b,c,!1)}:c.detachEvent&&(e=function(a,b,c){a.detachEvent("on"+b,a[b+c]);try{delete a[b+c]}catch(d){a[b+c]=void 0}});var f={bind:d,unbind:e};"function"==typeof define&&define.amd?define("eventie/eventie",f):"object"==typeof exports?module.exports=f:a.eventie=f}(window),function(){"use strict";function a(){}function b(a,b){for(var c=a.length;c--;)if(a[c].listener===b)return c;return-1}function c(a){return function(){return this[a].apply(this,arguments)}}var d=a.prototype,e=this,f=e.EventEmitter;d.getListeners=function(a){var b,c,d=this._getEvents();if(a instanceof RegExp){b={};for(c in d)d.hasOwnProperty(c)&&a.test(c)&&(b[c]=d[c])}else b=d[a]||(d[a]=[]);return b},d.flattenListeners=function(a){var b,c=[];for(b=0;b<a.length;b+=1)c.push(a[b].listener);return c},d.getListenersAsObject=function(a){var b,c=this.getListeners(a);return c instanceof Array&&(b={},b[a]=c),b||c},d.addListener=function(a,c){var d,e=this.getListenersAsObject(a),f="object"==typeof c;for(d in e)e.hasOwnProperty(d)&&-1===b(e[d],c)&&e[d].push(f?c:{listener:c,once:!1});return this},d.on=c("addListener"),d.addOnceListener=function(a,b){return this.addListener(a,{listener:b,once:!0})},d.once=c("addOnceListener"),d.defineEvent=function(a){return this.getListeners(a),this},d.defineEvents=function(a){for(var b=0;b<a.length;b+=1)this.defineEvent(a[b]);return this},d.removeListener=function(a,c){var d,e,f=this.getListenersAsObject(a);for(e in f)f.hasOwnProperty(e)&&(d=b(f[e],c),-1!==d&&f[e].splice(d,1));return this},d.off=c("removeListener"),d.addListeners=function(a,b){return this.manipulateListeners(!1,a,b)},d.removeListeners=function(a,b){return this.manipulateListeners(!0,a,b)},d.manipulateListeners=function(a,b,c){var d,e,f=a?this.removeListener:this.addListener,g=a?this.removeListeners:this.addListeners;if("object"!=typeof b||b instanceof RegExp)for(d=c.length;d--;)f.call(this,b,c[d]);else for(d in b)b.hasOwnProperty(d)&&(e=b[d])&&("function"==typeof e?f.call(this,d,e):g.call(this,d,e));return this},d.removeEvent=function(a){var b,c=typeof a,d=this._getEvents();if("string"===c)delete d[a];else if(a instanceof RegExp)for(b in d)d.hasOwnProperty(b)&&a.test(b)&&delete d[b];else delete this._events;return this},d.removeAllListeners=c("removeEvent"),d.emitEvent=function(a,b){var c,d,e,f,g=this.getListenersAsObject(a);for(e in g)if(g.hasOwnProperty(e))for(d=g[e].length;d--;)c=g[e][d],c.once===!0&&this.removeListener(a,c.listener),f=c.listener.apply(this,b||[]),f===this._getOnceReturnValue()&&this.removeListener(a,c.listener);return this},d.trigger=c("emitEvent"),d.emit=function(a){var b=Array.prototype.slice.call(arguments,1);return this.emitEvent(a,b)},d.setOnceReturnValue=function(a){return this._onceReturnValue=a,this},d._getOnceReturnValue=function(){return this.hasOwnProperty("_onceReturnValue")?this._onceReturnValue:!0},d._getEvents=function(){return this._events||(this._events={})},a.noConflict=function(){return e.EventEmitter=f,a},"function"==typeof define&&define.amd?define("eventEmitter/EventEmitter",[],function(){return a}):"object"==typeof module&&module.exports?module.exports=a:e.EventEmitter=a}.call(this),function(a){function b(a){if(a){if("string"==typeof d[a])return a;a=a.charAt(0).toUpperCase()+a.slice(1);for(var b,e=0,f=c.length;f>e;e++)if(b=c[e]+a,"string"==typeof d[b])return b}}var c="Webkit Moz ms Ms O".split(" "),d=document.documentElement.style;"function"==typeof define&&define.amd?define("get-style-property/get-style-property",[],function(){return b}):"object"==typeof exports?module.exports=b:a.getStyleProperty=b}(window),function(a,b){function c(a){var b=parseFloat(a),c=-1===a.indexOf("%")&&!isNaN(b);return c&&b}function d(){}function e(){for(var a={width:0,height:0,innerWidth:0,innerHeight:0,outerWidth:0,outerHeight:0},b=0,c=h.length;c>b;b++){var d=h[b];a[d]=0}return a}function f(b){function d(){if(!m){m=!0;var d=a.getComputedStyle;if(j=function(){var a=d?function(a){return d(a,null)}:function(a){return a.currentStyle};return function(b){var c=a(b);return c||g("Style returned "+c+". Are you running this code in a hidden iframe on Firefox? See http://bit.ly/getsizebug1"),c}}(),k=b("boxSizing")){var e=document.createElement("div");e.style.width="200px",e.style.padding="1px 2px 3px 4px",e.style.borderStyle="solid",e.style.borderWidth="1px 2px 3px 4px",e.style[k]="border-box";var f=document.body||document.documentElement;f.appendChild(e);var h=j(e);l=200===c(h.width),f.removeChild(e)}}}function f(a){if(d(),"string"==typeof a&&(a=document.querySelector(a)),a&&"object"==typeof a&&a.nodeType){var b=j(a);if("none"===b.display)return e();var f={};f.width=a.offsetWidth,f.height=a.offsetHeight;for(var g=f.isBorderBox=!(!k||!b[k]||"border-box"!==b[k]),m=0,n=h.length;n>m;m++){var o=h[m],p=b[o];p=i(a,p);var q=parseFloat(p);f[o]=isNaN(q)?0:q}var r=f.paddingLeft+f.paddingRight,s=f.paddingTop+f.paddingBottom,t=f.marginLeft+f.marginRight,u=f.marginTop+f.marginBottom,v=f.borderLeftWidth+f.borderRightWidth,w=f.borderTopWidth+f.borderBottomWidth,x=g&&l,y=c(b.width);y!==!1&&(f.width=y+(x?0:r+v));var z=c(b.height);return z!==!1&&(f.height=z+(x?0:s+w)),f.innerWidth=f.width-(r+v),f.innerHeight=f.height-(s+w),f.outerWidth=f.width+t,f.outerHeight=f.height+u,f}}function i(b,c){if(a.getComputedStyle||-1===c.indexOf("%"))return c;var d=b.style,e=d.left,f=b.runtimeStyle,g=f&&f.left;return g&&(f.left=b.currentStyle.left),d.left=c,c=d.pixelLeft,d.left=e,g&&(f.left=g),c}var j,k,l,m=!1;return f}var g="undefined"==typeof console?d:function(a){console.error(a)},h=["paddingLeft","paddingRight","paddingTop","paddingBottom","marginLeft","marginRight","marginTop","marginBottom","borderLeftWidth","borderRightWidth","borderTopWidth","borderBottomWidth"];"function"==typeof define&&define.amd?define("get-size/get-size",["get-style-property/get-style-property"],f):"object"==typeof exports?module.exports=f(require("desandro-get-style-property")):a.getSize=f(a.getStyleProperty)}(window),function(a){function b(a){"function"==typeof a&&(b.isReady?a():g.push(a))}function c(a){var c="readystatechange"===a.type&&"complete"!==f.readyState;b.isReady||c||d()}function d(){b.isReady=!0;for(var a=0,c=g.length;c>a;a++){var d=g[a];d()}}function e(e){return"complete"===f.readyState?d():(e.bind(f,"DOMContentLoaded",c),e.bind(f,"readystatechange",c),e.bind(a,"load",c)),b}var f=a.document,g=[];b.isReady=!1,"function"==typeof define&&define.amd?define("doc-ready/doc-ready",["eventie/eventie"],e):"object"==typeof exports?module.exports=e(require("eventie")):a.docReady=e(a.eventie)}(window),function(a){"use strict";function b(a,b){return a[g](b)}function c(a){if(!a.parentNode){var b=document.createDocumentFragment();b.appendChild(a)}}function d(a,b){c(a);for(var d=a.parentNode.querySelectorAll(b),e=0,f=d.length;f>e;e++)if(d[e]===a)return!0;return!1}function e(a,d){return c(a),b(a,d)}var f,g=function(){if(a.matches)return"matches";if(a.matchesSelector)return"matchesSelector";for(var b=["webkit","moz","ms","o"],c=0,d=b.length;d>c;c++){var e=b[c],f=e+"MatchesSelector";if(a[f])return f}}();if(g){var h=document.createElement("div"),i=b(h,"div");f=i?b:e}else f=d;"function"==typeof define&&define.amd?define("matches-selector/matches-selector",[],function(){return f}):"object"==typeof exports?module.exports=f:window.matchesSelector=f}(Element.prototype),function(a,b){"use strict";"function"==typeof define&&define.amd?define("fizzy-ui-utils/utils",["doc-ready/doc-ready","matches-selector/matches-selector"],function(c,d){return b(a,c,d)}):"object"==typeof exports?module.exports=b(a,require("doc-ready"),require("desandro-matches-selector")):a.fizzyUIUtils=b(a,a.docReady,a.matchesSelector)}(window,function(a,b,c){var d={};d.extend=function(a,b){for(var c in b)a[c]=b[c];return a},d.modulo=function(a,b){return(a%b+b)%b};var e=Object.prototype.toString;d.isArray=function(a){return"[object Array]"==e.call(a)},d.makeArray=function(a){var b=[];if(d.isArray(a))b=a;else if(a&&"number"==typeof a.length)for(var c=0,e=a.length;e>c;c++)b.push(a[c]);else b.push(a);return b},d.indexOf=Array.prototype.indexOf?function(a,b){return a.indexOf(b)}:function(a,b){for(var c=0,d=a.length;d>c;c++)if(a[c]===b)return c;return-1},d.removeFrom=function(a,b){var c=d.indexOf(a,b);-1!=c&&a.splice(c,1)},d.isElement="function"==typeof HTMLElement||"object"==typeof HTMLElement?function(a){return a instanceof HTMLElement}:function(a){return a&&"object"==typeof a&&1==a.nodeType&&"string"==typeof a.nodeName},d.setText=function(){function a(a,c){b=b||(void 0!==document.documentElement.textContent?"textContent":"innerText"),a[b]=c}var b;return a}(),d.getParent=function(a,b){for(;a!=document.body;)if(a=a.parentNode,c(a,b))return a},d.getQueryElement=function(a){return"string"==typeof a?document.querySelector(a):a},d.handleEvent=function(a){var b="on"+a.type;this[b]&&this[b](a)},d.filterFindElements=function(a,b){a=d.makeArray(a);for(var e=[],f=0,g=a.length;g>f;f++){var h=a[f];if(d.isElement(h))if(b){c(h,b)&&e.push(h);for(var i=h.querySelectorAll(b),j=0,k=i.length;k>j;j++)e.push(i[j])}else e.push(h)}return e},d.debounceMethod=function(a,b,c){var d=a.prototype[b],e=b+"Timeout";a.prototype[b]=function(){var a=this[e];a&&clearTimeout(a);var b=arguments,f=this;this[e]=setTimeout(function(){d.apply(f,b),delete f[e]},c||100)}},d.toDashed=function(a){return a.replace(/(.)([A-Z])/g,function(a,b,c){return b+"-"+c}).toLowerCase()};var f=a.console;return d.htmlInit=function(c,e){b(function(){for(var b=d.toDashed(e),g=document.querySelectorAll(".js-"+b),h="data-"+b+"-options",i=0,j=g.length;j>i;i++){var k,l=g[i],m=l.getAttribute(h);try{k=m&&JSON.parse(m)}catch(n){f&&f.error("Error parsing "+h+" on "+l.nodeName.toLowerCase()+(l.id?"#"+l.id:"")+": "+n);continue}var o=new c(l,k),p=a.jQuery;p&&p.data(l,e,o)}})},d}),function(a,b){"use strict";"function"==typeof define&&define.amd?define("outlayer/item",["eventEmitter/EventEmitter","get-size/get-size","get-style-property/get-style-property","fizzy-ui-utils/utils"],function(c,d,e,f){return b(a,c,d,e,f)}):"object"==typeof exports?module.exports=b(a,require("wolfy87-eventemitter"),require("get-size"),require("desandro-get-style-property"),require("fizzy-ui-utils")):(a.Outlayer={},a.Outlayer.Item=b(a,a.EventEmitter,a.getSize,a.getStyleProperty,a.fizzyUIUtils))}(window,function(a,b,c,d,e){"use strict";function f(a){for(var b in a)return!1;return b=null,!0}function g(a,b){a&&(this.element=a,this.layout=b,this.position={x:0,y:0},this._create())}function h(a){return a.replace(/([A-Z])/g,function(a){return"-"+a.toLowerCase()})}var i=a.getComputedStyle,j=i?function(a){return i(a,null)}:function(a){return a.currentStyle},k=d("transition"),l=d("transform"),m=k&&l,n=!!d("perspective"),o={WebkitTransition:"webkitTransitionEnd",MozTransition:"transitionend",OTransition:"otransitionend",transition:"transitionend"}[k],p=["transform","transition","transitionDuration","transitionProperty"],q=function(){for(var a={},b=0,c=p.length;c>b;b++){var e=p[b],f=d(e);f&&f!==e&&(a[e]=f)}return a}();e.extend(g.prototype,b.prototype),g.prototype._create=function(){this._transn={ingProperties:{},clean:{},onEnd:{}},this.css({position:"absolute"})},g.prototype.handleEvent=function(a){var b="on"+a.type;this[b]&&this[b](a)},g.prototype.getSize=function(){this.size=c(this.element)},g.prototype.css=function(a){var b=this.element.style;for(var c in a){var d=q[c]||c;b[d]=a[c]}},g.prototype.getPosition=function(){var a=j(this.element),b=this.layout.options,c=b.isOriginLeft,d=b.isOriginTop,e=a[c?"left":"right"],f=a[d?"top":"bottom"],g=this.layout.size,h=-1!=e.indexOf("%")?parseFloat(e)/100*g.width:parseInt(e,10),i=-1!=f.indexOf("%")?parseFloat(f)/100*g.height:parseInt(f,10);h=isNaN(h)?0:h,i=isNaN(i)?0:i,h-=c?g.paddingLeft:g.paddingRight,i-=d?g.paddingTop:g.paddingBottom,this.position.x=h,this.position.y=i},g.prototype.layoutPosition=function(){var a=this.layout.size,b=this.layout.options,c={},d=b.isOriginLeft?"paddingLeft":"paddingRight",e=b.isOriginLeft?"left":"right",f=b.isOriginLeft?"right":"left",g=this.position.x+a[d];c[e]=this.getXValue(g),c[f]="";var h=b.isOriginTop?"paddingTop":"paddingBottom",i=b.isOriginTop?"top":"bottom",j=b.isOriginTop?"bottom":"top",k=this.position.y+a[h];c[i]=this.getYValue(k),c[j]="",this.css(c),this.emitEvent("layout",[this])},g.prototype.getXValue=function(a){var b=this.layout.options;return b.percentPosition&&!b.isHorizontal?a/this.layout.size.width*100+"%":a+"px"},g.prototype.getYValue=function(a){var b=this.layout.options;return b.percentPosition&&b.isHorizontal?a/this.layout.size.height*100+"%":a+"px"},g.prototype._transitionTo=function(a,b){this.getPosition();var c=this.position.x,d=this.position.y,e=parseInt(a,10),f=parseInt(b,10),g=e===this.position.x&&f===this.position.y;if(this.setPosition(a,b),g&&!this.isTransitioning)return void this.layoutPosition();var h=a-c,i=b-d,j={};j.transform=this.getTranslate(h,i),this.transition({to:j,onTransitionEnd:{transform:this.layoutPosition},isCleaning:!0})},g.prototype.getTranslate=function(a,b){var c=this.layout.options;return a=c.isOriginLeft?a:-a,b=c.isOriginTop?b:-b,n?"translate3d("+a+"px, "+b+"px, 0)":"translate("+a+"px, "+b+"px)"},g.prototype.goTo=function(a,b){this.setPosition(a,b),this.layoutPosition()},g.prototype.moveTo=m?g.prototype._transitionTo:g.prototype.goTo,g.prototype.setPosition=function(a,b){this.position.x=parseInt(a,10),this.position.y=parseInt(b,10)},g.prototype._nonTransition=function(a){this.css(a.to),a.isCleaning&&this._removeStyles(a.to);for(var b in a.onTransitionEnd)a.onTransitionEnd[b].call(this)},g.prototype._transition=function(a){if(!parseFloat(this.layout.options.transitionDuration))return void this._nonTransition(a);var b=this._transn;for(var c in a.onTransitionEnd)b.onEnd[c]=a.onTransitionEnd[c];for(c in a.to)b.ingProperties[c]=!0,a.isCleaning&&(b.clean[c]=!0);if(a.from){this.css(a.from);var d=this.element.offsetHeight;d=null}this.enableTransition(a.to),this.css(a.to),this.isTransitioning=!0};var r="opacity,"+h(q.transform||"transform");g.prototype.enableTransition=function(){this.isTransitioning||(this.css({transitionProperty:r,transitionDuration:this.layout.options.transitionDuration}),this.element.addEventListener(o,this,!1))},g.prototype.transition=g.prototype[k?"_transition":"_nonTransition"],g.prototype.onwebkitTransitionEnd=function(a){this.ontransitionend(a)},g.prototype.onotransitionend=function(a){this.ontransitionend(a)};var s={"-webkit-transform":"transform","-moz-transform":"transform","-o-transform":"transform"};g.prototype.ontransitionend=function(a){if(a.target===this.element){var b=this._transn,c=s[a.propertyName]||a.propertyName;if(delete b.ingProperties[c],f(b.ingProperties)&&this.disableTransition(),c in b.clean&&(this.element.style[a.propertyName]="",delete b.clean[c]),c in b.onEnd){var d=b.onEnd[c];d.call(this),delete b.onEnd[c]}this.emitEvent("transitionEnd",[this])}},g.prototype.disableTransition=function(){this.removeTransitionStyles(),this.element.removeEventListener(o,this,!1),this.isTransitioning=!1},g.prototype._removeStyles=function(a){var b={};for(var c in a)b[c]="";this.css(b)};var t={transitionProperty:"",transitionDuration:""};return g.prototype.removeTransitionStyles=function(){this.css(t)},g.prototype.removeElem=function(){this.element.parentNode.removeChild(this.element),this.css({display:""}),this.emitEvent("remove",[this])},g.prototype.remove=function(){if(!k||!parseFloat(this.layout.options.transitionDuration))return void this.removeElem();var a=this;this.once("transitionEnd",function(){a.removeElem()}),this.hide()},g.prototype.reveal=function(){delete this.isHidden,this.css({display:""});var a=this.layout.options,b={},c=this.getHideRevealTransitionEndProperty("visibleStyle");b[c]=this.onRevealTransitionEnd,this.transition({from:a.hiddenStyle,to:a.visibleStyle,isCleaning:!0,onTransitionEnd:b})},g.prototype.onRevealTransitionEnd=function(){this.isHidden||this.emitEvent("reveal")},g.prototype.getHideRevealTransitionEndProperty=function(a){var b=this.layout.options[a];if(b.opacity)return"opacity";for(var c in b)return c},g.prototype.hide=function(){this.isHidden=!0,this.css({display:""});var a=this.layout.options,b={},c=this.getHideRevealTransitionEndProperty("hiddenStyle");b[c]=this.onHideTransitionEnd,this.transition({from:a.visibleStyle,to:a.hiddenStyle,isCleaning:!0,onTransitionEnd:b})},g.prototype.onHideTransitionEnd=function(){this.isHidden&&(this.css({display:"none"}),this.emitEvent("hide"))},g.prototype.destroy=function(){this.css({position:"",left:"",right:"",top:"",bottom:"",transition:"",transform:""})},g}),function(a,b){"use strict";"function"==typeof define&&define.amd?define("outlayer/outlayer",["eventie/eventie","eventEmitter/EventEmitter","get-size/get-size","fizzy-ui-utils/utils","./item"],function(c,d,e,f,g){return b(a,c,d,e,f,g)}):"object"==typeof exports?module.exports=b(a,require("eventie"),require("wolfy87-eventemitter"),require("get-size"),require("fizzy-ui-utils"),require("./item")):a.Outlayer=b(a,a.eventie,a.EventEmitter,a.getSize,a.fizzyUIUtils,a.Outlayer.Item)}(window,function(a,b,c,d,e,f){"use strict";function g(a,b){var c=e.getQueryElement(a);if(!c)return void(h&&h.error("Bad element for "+this.constructor.namespace+": "+(c||a)));this.element=c,i&&(this.$element=i(this.element)),this.options=e.extend({},this.constructor.defaults),this.option(b);var d=++k;this.element.outlayerGUID=d,l[d]=this,this._create(),this.options.isInitLayout&&this.layout()}var h=a.console,i=a.jQuery,j=function(){},k=0,l={};return g.namespace="outlayer",g.Item=f,g.defaults={containerStyle:{position:"relative"},isInitLayout:!0,isOriginLeft:!0,isOriginTop:!0,isResizeBound:!0,isResizingContainer:!0,transitionDuration:"0.4s",hiddenStyle:{opacity:0,transform:"scale(0.001)"},visibleStyle:{opacity:1,transform:"scale(1)"}},e.extend(g.prototype,c.prototype),g.prototype.option=function(a){e.extend(this.options,a)},g.prototype._create=function(){this.reloadItems(),this.stamps=[],this.stamp(this.options.stamp),e.extend(this.element.style,this.options.containerStyle),this.options.isResizeBound&&this.bindResize()},g.prototype.reloadItems=function(){this.items=this._itemize(this.element.children)},g.prototype._itemize=function(a){for(var b=this._filterFindItemElements(a),c=this.constructor.Item,d=[],e=0,f=b.length;f>e;e++){var g=b[e],h=new c(g,this);d.push(h)}return d},g.prototype._filterFindItemElements=function(a){return e.filterFindElements(a,this.options.itemSelector)},g.prototype.getItemElements=function(){for(var a=[],b=0,c=this.items.length;c>b;b++)a.push(this.items[b].element);return a},g.prototype.layout=function(){this._resetLayout(),this._manageStamps();var a=void 0!==this.options.isLayoutInstant?this.options.isLayoutInstant:!this._isLayoutInited;this.layoutItems(this.items,a),this._isLayoutInited=!0},g.prototype._init=g.prototype.layout,g.prototype._resetLayout=function(){this.getSize()},g.prototype.getSize=function(){this.size=d(this.element)},g.prototype._getMeasurement=function(a,b){var c,f=this.options[a];f?("string"==typeof f?c=this.element.querySelector(f):e.isElement(f)&&(c=f),this[a]=c?d(c)[b]:f):this[a]=0},g.prototype.layoutItems=function(a,b){a=this._getItemsForLayout(a),this._layoutItems(a,b),this._postLayout()},g.prototype._getItemsForLayout=function(a){for(var b=[],c=0,d=a.length;d>c;c++){var e=a[c];e.isIgnored||b.push(e)}return b},g.prototype._layoutItems=function(a,b){if(this._emitCompleteOnItems("layout",a),a&&a.length){for(var c=[],d=0,e=a.length;e>d;d++){var f=a[d],g=this._getItemLayoutPosition(f);g.item=f,g.isInstant=b||f.isLayoutInstant,c.push(g)}this._processLayoutQueue(c)}},g.prototype._getItemLayoutPosition=function(){return{x:0,y:0}},g.prototype._processLayoutQueue=function(a){for(var b=0,c=a.length;c>b;b++){var d=a[b];this._positionItem(d.item,d.x,d.y,d.isInstant)}},g.prototype._positionItem=function(a,b,c,d){d?a.goTo(b,c):a.moveTo(b,c)},g.prototype._postLayout=function(){this.resizeContainer()},g.prototype.resizeContainer=function(){if(this.options.isResizingContainer){var a=this._getContainerSize();a&&(this._setContainerMeasure(a.width,!0),this._setContainerMeasure(a.height,!1))}},g.prototype._getContainerSize=j,g.prototype._setContainerMeasure=function(a,b){if(void 0!==a){var c=this.size;c.isBorderBox&&(a+=b?c.paddingLeft+c.paddingRight+c.borderLeftWidth+c.borderRightWidth:c.paddingBottom+c.paddingTop+c.borderTopWidth+c.borderBottomWidth),a=Math.max(a,0),this.element.style[b?"width":"height"]=a+"px"}},g.prototype._emitCompleteOnItems=function(a,b){function c(){e.dispatchEvent(a+"Complete",null,[b])}function d(){g++,g===f&&c()}var e=this,f=b.length;if(!b||!f)return void c();for(var g=0,h=0,i=b.length;i>h;h++){var j=b[h];j.once(a,d)}},g.prototype.dispatchEvent=function(a,b,c){var d=b?[b].concat(c):c;if(this.emitEvent(a,d),i)if(this.$element=this.$element||i(this.element),b){var e=i.Event(b);e.type=a,this.$element.trigger(e,c)}else this.$element.trigger(a,c)},g.prototype.ignore=function(a){var b=this.getItem(a);b&&(b.isIgnored=!0)},g.prototype.unignore=function(a){var b=this.getItem(a);b&&delete b.isIgnored},g.prototype.stamp=function(a){if(a=this._find(a)){this.stamps=this.stamps.concat(a);for(var b=0,c=a.length;c>b;b++){var d=a[b];this.ignore(d)}}},g.prototype.unstamp=function(a){if(a=this._find(a))for(var b=0,c=a.length;c>b;b++){var d=a[b];e.removeFrom(this.stamps,d),this.unignore(d)}},g.prototype._find=function(a){return a?("string"==typeof a&&(a=this.element.querySelectorAll(a)),a=e.makeArray(a)):void 0},g.prototype._manageStamps=function(){if(this.stamps&&this.stamps.length){this._getBoundingRect();for(var a=0,b=this.stamps.length;b>a;a++){var c=this.stamps[a];this._manageStamp(c)}}},g.prototype._getBoundingRect=function(){var a=this.element.getBoundingClientRect(),b=this.size;this._boundingRect={left:a.left+b.paddingLeft+b.borderLeftWidth,top:a.top+b.paddingTop+b.borderTopWidth,right:a.right-(b.paddingRight+b.borderRightWidth),bottom:a.bottom-(b.paddingBottom+b.borderBottomWidth)}},g.prototype._manageStamp=j,g.prototype._getElementOffset=function(a){var b=a.getBoundingClientRect(),c=this._boundingRect,e=d(a),f={left:b.left-c.left-e.marginLeft,top:b.top-c.top-e.marginTop,right:c.right-b.right-e.marginRight,bottom:c.bottom-b.bottom-e.marginBottom};return f},g.prototype.handleEvent=function(a){var b="on"+a.type;this[b]&&this[b](a)},g.prototype.bindResize=function(){this.isResizeBound||(b.bind(a,"resize",this),this.isResizeBound=!0)},g.prototype.unbindResize=function(){this.isResizeBound&&b.unbind(a,"resize",this),this.isResizeBound=!1},g.prototype.onresize=function(){function a(){b.resize(),delete b.resizeTimeout}this.resizeTimeout&&clearTimeout(this.resizeTimeout);var b=this;this.resizeTimeout=setTimeout(a,100)},g.prototype.resize=function(){this.isResizeBound&&this.needsResizeLayout()&&this.layout()},g.prototype.needsResizeLayout=function(){var a=d(this.element),b=this.size&&a;return b&&a.innerWidth!==this.size.innerWidth},g.prototype.addItems=function(a){var b=this._itemize(a);return b.length&&(this.items=this.items.concat(b)),b},g.prototype.appended=function(a){var b=this.addItems(a);b.length&&(this.layoutItems(b,!0),this.reveal(b))},g.prototype.prepended=function(a){var b=this._itemize(a);if(b.length){var c=this.items.slice(0);this.items=b.concat(c),this._resetLayout(),this._manageStamps(),this.layoutItems(b,!0),this.reveal(b),this.layoutItems(c)}},g.prototype.reveal=function(a){this._emitCompleteOnItems("reveal",a);for(var b=a&&a.length,c=0;b&&b>c;c++){var d=a[c];d.reveal()}},g.prototype.hide=function(a){this._emitCompleteOnItems("hide",a);for(var b=a&&a.length,c=0;b&&b>c;c++){var d=a[c];d.hide()}},g.prototype.revealItemElements=function(a){var b=this.getItems(a);this.reveal(b)},g.prototype.hideItemElements=function(a){var b=this.getItems(a);this.hide(b)},g.prototype.getItem=function(a){for(var b=0,c=this.items.length;c>b;b++){var d=this.items[b];if(d.element===a)return d}},g.prototype.getItems=function(a){a=e.makeArray(a);for(var b=[],c=0,d=a.length;d>c;c++){var f=a[c],g=this.getItem(f);g&&b.push(g)}return b},g.prototype.remove=function(a){var b=this.getItems(a);if(this._emitCompleteOnItems("remove",b),b&&b.length)for(var c=0,d=b.length;d>c;c++){var f=b[c];f.remove(),e.removeFrom(this.items,f)}},g.prototype.destroy=function(){var a=this.element.style;a.height="",a.position="",a.width="";for(var b=0,c=this.items.length;c>b;b++){var d=this.items[b];d.destroy()}this.unbindResize();var e=this.element.outlayerGUID;delete l[e],delete this.element.outlayerGUID,i&&i.removeData(this.element,this.constructor.namespace)},g.data=function(a){a=e.getQueryElement(a);var b=a&&a.outlayerGUID;return b&&l[b]},g.create=function(a,b){function c(){g.apply(this,arguments)}return Object.create?c.prototype=Object.create(g.prototype):e.extend(c.prototype,g.prototype),c.prototype.constructor=c,c.defaults=e.extend({},g.defaults),e.extend(c.defaults,b),c.prototype.settings={},c.namespace=a,c.data=g.data,c.Item=function(){f.apply(this,arguments)},c.Item.prototype=new f,e.htmlInit(c,a),i&&i.bridget&&i.bridget(a,c),c},g.Item=f,g}),function(a,b){"use strict";"function"==typeof define&&define.amd?define("isotope/js/item",["outlayer/outlayer"],b):"object"==typeof exports?module.exports=b(require("outlayer")):(a.Isotope=a.Isotope||{},a.Isotope.Item=b(a.Outlayer))}(window,function(a){"use strict";function b(){a.Item.apply(this,arguments)}b.prototype=new a.Item,b.prototype._create=function(){this.id=this.layout.itemGUID++,a.Item.prototype._create.call(this),this.sortData={}},b.prototype.updateSortData=function(){if(!this.isIgnored){this.sortData.id=this.id,this.sortData["original-order"]=this.id,this.sortData.random=Math.random();var a=this.layout.options.getSortData,b=this.layout._sorters;for(var c in a){var d=b[c];this.sortData[c]=d(this.element,this)}}};var c=b.prototype.destroy;return b.prototype.destroy=function(){c.apply(this,arguments),this.css({display:""})},b}),function(a,b){"use strict";"function"==typeof define&&define.amd?define("isotope/js/layout-mode",["get-size/get-size","outlayer/outlayer"],b):"object"==typeof exports?module.exports=b(require("get-size"),require("outlayer")):(a.Isotope=a.Isotope||{},a.Isotope.LayoutMode=b(a.getSize,a.Outlayer))}(window,function(a,b){"use strict";function c(a){this.isotope=a,a&&(this.options=a.options[this.namespace],this.element=a.element,this.items=a.filteredItems,this.size=a.size)}return function(){function a(a){return function(){return b.prototype[a].apply(this.isotope,arguments)}}for(var d=["_resetLayout","_getItemLayoutPosition","_manageStamp","_getContainerSize","_getElementOffset","needsResizeLayout"],e=0,f=d.length;f>e;e++){var g=d[e];c.prototype[g]=a(g)}}(),c.prototype.needsVerticalResizeLayout=function(){var b=a(this.isotope.element),c=this.isotope.size&&b;return c&&b.innerHeight!=this.isotope.size.innerHeight},c.prototype._getMeasurement=function(){this.isotope._getMeasurement.apply(this,arguments)},c.prototype.getColumnWidth=function(){this.getSegmentSize("column","Width")},c.prototype.getRowHeight=function(){this.getSegmentSize("row","Height")},c.prototype.getSegmentSize=function(a,b){var c=a+b,d="outer"+b;if(this._getMeasurement(c,d),!this[c]){var e=this.getFirstItemSize();this[c]=e&&e[d]||this.isotope.size["inner"+b]}},c.prototype.getFirstItemSize=function(){var b=this.isotope.filteredItems[0];return b&&b.element&&a(b.element)},c.prototype.layout=function(){this.isotope.layout.apply(this.isotope,arguments)},c.prototype.getSize=function(){this.isotope.getSize(),this.size=this.isotope.size},c.modes={},c.create=function(a,b){function d(){c.apply(this,arguments)}return d.prototype=new c,b&&(d.options=b),d.prototype.namespace=a,c.modes[a]=d,d},c}),function(a,b){"use strict";"function"==typeof define&&define.amd?define("masonry/masonry",["outlayer/outlayer","get-size/get-size","fizzy-ui-utils/utils"],b):"object"==typeof exports?module.exports=b(require("outlayer"),require("get-size"),require("fizzy-ui-utils")):a.Masonry=b(a.Outlayer,a.getSize,a.fizzyUIUtils)}(window,function(a,b,c){var d=a.create("masonry");return d.prototype._resetLayout=function(){this.getSize(),this._getMeasurement("columnWidth","outerWidth"),this._getMeasurement("gutter","outerWidth"),this.measureColumns();var a=this.cols;for(this.colYs=[];a--;)this.colYs.push(0);this.maxY=0},d.prototype.measureColumns=function(){if(this.getContainerWidth(),!this.columnWidth){var a=this.items[0],c=a&&a.element;this.columnWidth=c&&b(c).outerWidth||this.containerWidth}var d=this.columnWidth+=this.gutter,e=this.containerWidth+this.gutter,f=e/d,g=d-e%d,h=g&&1>g?"round":"floor";f=Math[h](f),this.cols=Math.max(f,1)},d.prototype.getContainerWidth=function(){var a=this.options.isFitWidth?this.element.parentNode:this.element,c=b(a);this.containerWidth=c&&c.innerWidth},d.prototype._getItemLayoutPosition=function(a){a.getSize();var b=a.size.outerWidth%this.columnWidth,d=b&&1>b?"round":"ceil",e=Math[d](a.size.outerWidth/this.columnWidth);e=Math.min(e,this.cols);for(var f=this._getColGroup(e),g=Math.min.apply(Math,f),h=c.indexOf(f,g),i={x:this.columnWidth*h,y:g},j=g+a.size.outerHeight,k=this.cols+1-f.length,l=0;k>l;l++)this.colYs[h+l]=j;return i},d.prototype._getColGroup=function(a){if(2>a)return this.colYs;for(var b=[],c=this.cols+1-a,d=0;c>d;d++){var e=this.colYs.slice(d,d+a);b[d]=Math.max.apply(Math,e)}return b},d.prototype._manageStamp=function(a){var c=b(a),d=this._getElementOffset(a),e=this.options.isOriginLeft?d.left:d.right,f=e+c.outerWidth,g=Math.floor(e/this.columnWidth);g=Math.max(0,g);var h=Math.floor(f/this.columnWidth);h-=f%this.columnWidth?0:1,h=Math.min(this.cols-1,h);for(var i=(this.options.isOriginTop?d.top:d.bottom)+c.outerHeight,j=g;h>=j;j++)this.colYs[j]=Math.max(i,this.colYs[j])},d.prototype._getContainerSize=function(){this.maxY=Math.max.apply(Math,this.colYs);var a={height:this.maxY};return this.options.isFitWidth&&(a.width=this._getContainerFitWidth()),a},d.prototype._getContainerFitWidth=function(){for(var a=0,b=this.cols;--b&&0===this.colYs[b];)a++;return(this.cols-a)*this.columnWidth-this.gutter},d.prototype.needsResizeLayout=function(){var a=this.containerWidth;return this.getContainerWidth(),a!==this.containerWidth},d}),function(a,b){"use strict";"function"==typeof define&&define.amd?define("isotope/js/layout-modes/masonry",["../layout-mode","masonry/masonry"],b):"object"==typeof exports?module.exports=b(require("../layout-mode"),require("masonry-layout")):b(a.Isotope.LayoutMode,a.Masonry)}(window,function(a,b){"use strict";function c(a,b){for(var c in b)a[c]=b[c];return a}var d=a.create("masonry"),e=d.prototype._getElementOffset,f=d.prototype.layout,g=d.prototype._getMeasurement;c(d.prototype,b.prototype),d.prototype._getElementOffset=e,d.prototype.layout=f,d.prototype._getMeasurement=g;var h=d.prototype.measureColumns;d.prototype.measureColumns=function(){this.items=this.isotope.filteredItems,h.call(this)};var i=d.prototype._manageStamp;return d.prototype._manageStamp=function(){this.options.isOriginLeft=this.isotope.options.isOriginLeft,this.options.isOriginTop=this.isotope.options.isOriginTop,i.apply(this,arguments)},d}),function(a,b){"use strict";"function"==typeof define&&define.amd?define("isotope/js/layout-modes/fit-rows",["../layout-mode"],b):"object"==typeof exports?module.exports=b(require("../layout-mode")):b(a.Isotope.LayoutMode)}(window,function(a){"use strict";var b=a.create("fitRows");return b.prototype._resetLayout=function(){this.x=0,this.y=0,this.maxY=0,this._getMeasurement("gutter","outerWidth")},b.prototype._getItemLayoutPosition=function(a){a.getSize();var b=a.size.outerWidth+this.gutter,c=this.isotope.size.innerWidth+this.gutter;0!==this.x&&b+this.x>c&&(this.x=0,this.y=this.maxY);var d={x:this.x,y:this.y};return this.maxY=Math.max(this.maxY,this.y+a.size.outerHeight),this.x+=b,d},b.prototype._getContainerSize=function(){return{height:this.maxY}},b}),function(a,b){"use strict";"function"==typeof define&&define.amd?define("isotope/js/layout-modes/vertical",["../layout-mode"],b):"object"==typeof exports?module.exports=b(require("../layout-mode")):b(a.Isotope.LayoutMode)}(window,function(a){"use strict";var b=a.create("vertical",{horizontalAlignment:0});return b.prototype._resetLayout=function(){this.y=0},b.prototype._getItemLayoutPosition=function(a){a.getSize();var b=(this.isotope.size.innerWidth-a.size.outerWidth)*this.options.horizontalAlignment,c=this.y;return this.y+=a.size.outerHeight,{x:b,y:c}},b.prototype._getContainerSize=function(){return{height:this.y}},b}),function(a,b){"use strict";"function"==typeof define&&define.amd?define(["outlayer/outlayer","get-size/get-size","matches-selector/matches-selector","fizzy-ui-utils/utils","isotope/js/item","isotope/js/layout-mode","isotope/js/layout-modes/masonry","isotope/js/layout-modes/fit-rows","isotope/js/layout-modes/vertical"],function(c,d,e,f,g,h){return b(a,c,d,e,f,g,h)}):"object"==typeof exports?module.exports=b(a,require("outlayer"),require("get-size"),require("desandro-matches-selector"),require("fizzy-ui-utils"),require("./item"),require("./layout-mode"),require("./layout-modes/masonry"),require("./layout-modes/fit-rows"),require("./layout-modes/vertical")):a.Isotope=b(a,a.Outlayer,a.getSize,a.matchesSelector,a.fizzyUIUtils,a.Isotope.Item,a.Isotope.LayoutMode)}(window,function(a,b,c,d,e,f,g){function h(a,b){return function(c,d){for(var e=0,f=a.length;f>e;e++){var g=a[e],h=c.sortData[g],i=d.sortData[g];if(h>i||i>h){var j=void 0!==b[g]?b[g]:b,k=j?1:-1;return(h>i?1:-1)*k}}return 0}}var i=a.jQuery,j=String.prototype.trim?function(a){return a.trim()}:function(a){return a.replace(/^\s+|\s+$/g,"")},k=document.documentElement,l=k.textContent?function(a){return a.textContent}:function(a){return a.innerText},m=b.create("isotope",{layoutMode:"masonry",isJQueryFiltering:!0,sortAscending:!0});m.Item=f,m.LayoutMode=g,m.prototype._create=function(){this.itemGUID=0,this._sorters={},this._getSorters(),b.prototype._create.call(this),this.modes={},this.filteredItems=this.items,this.sortHistory=["original-order"];for(var a in g.modes)this._initLayoutMode(a)},m.prototype.reloadItems=function(){this.itemGUID=0,b.prototype.reloadItems.call(this)},m.prototype._itemize=function(){for(var a=b.prototype._itemize.apply(this,arguments),c=0,d=a.length;d>c;c++){var e=a[c];e.id=this.itemGUID++}return this._updateItemsSortData(a),a},m.prototype._initLayoutMode=function(a){var b=g.modes[a],c=this.options[a]||{};this.options[a]=b.options?e.extend(b.options,c):c,this.modes[a]=new b(this)},m.prototype.layout=function(){return!this._isLayoutInited&&this.options.isInitLayout?void this.arrange():void this._layout()},m.prototype._layout=function(){var a=this._getIsInstant();this._resetLayout(),this._manageStamps(),this.layoutItems(this.filteredItems,a),this._isLayoutInited=!0},m.prototype.arrange=function(a){function b(){d.reveal(c.needReveal),d.hide(c.needHide)}this.option(a),this._getIsInstant();var c=this._filter(this.items);this.filteredItems=c.matches;var d=this;this._bindArrangeComplete(),this._isInstant?this._noTransition(b):b(),this._sort(),this._layout()},m.prototype._init=m.prototype.arrange,m.prototype._getIsInstant=function(){var a=void 0!==this.options.isLayoutInstant?this.options.isLayoutInstant:!this._isLayoutInited;return this._isInstant=a,a},m.prototype._bindArrangeComplete=function(){function a(){b&&c&&d&&e.dispatchEvent("arrangeComplete",null,[e.filteredItems])}var b,c,d,e=this;this.once("layoutComplete",function(){b=!0,a()}),this.once("hideComplete",function(){c=!0,a()}),this.once("revealComplete",function(){d=!0,a()})},m.prototype._filter=function(a){var b=this.options.filter;b=b||"*";for(var c=[],d=[],e=[],f=this._getFilterTest(b),g=0,h=a.length;h>g;g++){var i=a[g];if(!i.isIgnored){var j=f(i);j&&c.push(i),j&&i.isHidden?d.push(i):j||i.isHidden||e.push(i)}}return{matches:c,needReveal:d,needHide:e}},m.prototype._getFilterTest=function(a){return i&&this.options.isJQueryFiltering?function(b){return i(b.element).is(a)}:"function"==typeof a?function(b){return a(b.element)}:function(b){return d(b.element,a)}},m.prototype.updateSortData=function(a){var b;a?(a=e.makeArray(a),b=this.getItems(a)):b=this.items,this._getSorters(),this._updateItemsSortData(b)},m.prototype._getSorters=function(){var a=this.options.getSortData;for(var b in a){var c=a[b];this._sorters[b]=n(c)}},m.prototype._updateItemsSortData=function(a){for(var b=a&&a.length,c=0;b&&b>c;c++){var d=a[c];d.updateSortData()}};var n=function(){function a(a){if("string"!=typeof a)return a;var c=j(a).split(" "),d=c[0],e=d.match(/^\[(.+)\]$/),f=e&&e[1],g=b(f,d),h=m.sortDataParsers[c[1]];return a=h?function(a){return a&&h(g(a))}:function(a){return a&&g(a)}}function b(a,b){var c;return c=a?function(b){return b.getAttribute(a)}:function(a){var c=a.querySelector(b);return c&&l(c)}}return a}();m.sortDataParsers={parseInt:function(a){return parseInt(a,10)},parseFloat:function(a){return parseFloat(a)}},m.prototype._sort=function(){var a=this.options.sortBy;if(a){var b=[].concat.apply(a,this.sortHistory),c=h(b,this.options.sortAscending);this.filteredItems.sort(c),a!=this.sortHistory[0]&&this.sortHistory.unshift(a)}},m.prototype._mode=function(){var a=this.options.layoutMode,b=this.modes[a];if(!b)throw new Error("No layout mode: "+a);return b.options=this.options[a],b},m.prototype._resetLayout=function(){b.prototype._resetLayout.call(this),this._mode()._resetLayout()},m.prototype._getItemLayoutPosition=function(a){return this._mode()._getItemLayoutPosition(a)},m.prototype._manageStamp=function(a){this._mode()._manageStamp(a)},m.prototype._getContainerSize=function(){return this._mode()._getContainerSize()},m.prototype.needsResizeLayout=function(){return this._mode().needsResizeLayout()},m.prototype.appended=function(a){var b=this.addItems(a);if(b.length){var c=this._filterRevealAdded(b);this.filteredItems=this.filteredItems.concat(c)}},m.prototype.prepended=function(a){var b=this._itemize(a);if(b.length){this._resetLayout(),this._manageStamps();var c=this._filterRevealAdded(b);this.layoutItems(this.filteredItems),this.filteredItems=c.concat(this.filteredItems),this.items=b.concat(this.items)}},m.prototype._filterRevealAdded=function(a){var b=this._filter(a);return this.hide(b.needHide),this.reveal(b.matches),this.layoutItems(b.matches,!0),b.matches},m.prototype.insert=function(a){var b=this.addItems(a);if(b.length){var c,d,e=b.length;for(c=0;e>c;c++)d=b[c],this.element.appendChild(d.element);var f=this._filter(b).matches;for(c=0;e>c;c++)b[c].isLayoutInstant=!0;for(this.arrange(),c=0;e>c;c++)delete b[c].isLayoutInstant;this.reveal(f)}};var o=m.prototype.remove;return m.prototype.remove=function(a){a=e.makeArray(a);var b=this.getItems(a);o.call(this,a);var c=b&&b.length;if(c)for(var d=0;c>d;d++){var f=b[d];e.removeFrom(this.filteredItems,f)}},m.prototype.shuffle=function(){for(var a=0,b=this.items.length;b>a;a++){var c=this.items[a];c.sortData.random=Math.random()}this.options.sortBy="random",this._sort(),this._layout()},m.prototype._noTransition=function(a){var b=this.options.transitionDuration;this.options.transitionDuration=0;var c=a.call(this);return this.options.transitionDuration=b,c},m.prototype.getFilteredItemElements=function(){for(var a=[],b=0,c=this.filteredItems.length;c>b;b++)a.push(this.filteredItems[b].element);return a},m})</script>
<script>
$(window).on("scroll", function() {
if($(window).scrollTop() > 120) {
$(".navbar").addClass('sticky');
} else {
$(".navbar").removeClass('sticky');
}
});
</script>
</body>
</html>