HEX
Server: LiteSpeed
System: Linux in-mum-web1831.main-hosting.eu 5.14.0-570.21.1.el9_6.x86_64 #1 SMP PREEMPT_DYNAMIC Wed Jun 11 07:22:35 EDT 2025 x86_64
User: u503286720 (503286720)
PHP: 8.1.34
Disabled: NONE
Upload Files
File: /home/u503286720/domains/vistasadindia.com/public_html/web-maintenance-services.php
<?php
$title = "Website Maintenance & Support Services in Bangalore– Vistas";
$keyword = "Web Maintenance Company Bangalore, Website AMC Services";
$description = "Website maintenance services in Bangalore includes: website security, trouble shooting, health check, analytics, data backup, content updates & page speed analysis ";
$bread_third = "Website Maintenance Services";
$url="https://vistasadindia.com/web-maintenance-services.php";
$script = '<script type="application/ld+json">
        { "@context": "http://schema.org", "@type": "Service", "name":"Web Maintenance Company Bangalore | Website AMC Services", 
		"description": "Website maintenance services in Bangalore includes: website security, trouble shooting, health check, analytics, data backup, content updates & page speed analysis 
		Design and content change requests, CSS changes,  Fix existing system bugs, Install/modify plug-ins and forms, Adding new content (text, images, banners), Text and image enhancements, Content updates, Adding/Removing Pages, Updating News and Events, Updating Images, Website Banners, HTML Coding, CSS Coding, Updating Site Navigation, Troubleshooting issues", "Provider": { "@type": "Organization", "name": " Web Maintenance Company Bangalore | Website AMC Services", "sameAs": "https://vistasadindia.com/web-maintenance-services.php" } }
</script>

<script type="application/ld+json">{
		"@context": "https://schema.org",
		"@type": "FAQPage",
		"mainEntity": [{
		"@type": "Question",
		"name": "How does website maintenance Services help?",
		"acceptedAnswer": {
		"@type": "Answer",
		"text": "Vistas provides fast and hassle free web maintenance services under annual maintenance contracts or AMC services, making it possible to keep your website up to date and professional throughout its entire lifecycle."
		}
		},
		{
		"@type": "Question",
		"name": "Is website maintenance services nessacary for our corporate website?",
		"acceptedAnswer": {
		"@type": "Answer",
		"text": "Website maintenance contract means that a team of expert website development professionals with various specializations will be readily available whenever you need them."
		}
		},
		{
		"@type": "Question",
		"name": "How do we make a maintenance request?",
		"acceptedAnswer": {
		"@type": "Answer",
		"text": "A simple email will solve any and every requirement; a call will provide you with all the current information in the online world including latest digital marketing services."
		}
		},
		{
		"@type": "Question",
		"name": "What is website maintenance?",
		"acceptedAnswer": {
		"@type": "Answer",
		"text": "Vistas website maintenance services includes regular updates, performance, security and bug fixes."
		}
		},
		{
		"@type": "Question",
		"name": "Why does my website need regular site maintenance?",
		"acceptedAnswer": {
		"@type": "Answer",
		"text": "In addition refreshing the website with fresh updated content, the website will also perform at its best and function as a uptodate online asset."
		}
		},
		{
		"@type": "Question",
		"name": "What does a website maintenance contract include?",
		"acceptedAnswer": {
		"@type": "Answer",
		"text": "The following list highlights the variety of services we provide as ongoing website maintenance:
		<br/><strong><li> &nbsp; • &nbsp;Design and content change requests</li></strong>
		<br/><strong><li> &nbsp; • &nbsp;CSS changes</li></strong>
		<br/><strong><li> &nbsp; • &nbsp;Fix existing system bugs</li></strong>
		<br/><strong><li> &nbsp; • &nbsp;Install/modify plug-ins and forms</li></strong>
		<br/><strong><li> &nbsp; • &nbsp;Adding new content (text, images, banners)</li></strong>
		<br/><strong><li> &nbsp; • &nbsp;Text and image enhancements</li></strong>
		<br/><strong><li> &nbsp; • &nbsp;Content updates</li></strong>
		<br/><strong><li> &nbsp; • &nbsp;Adding/Removing Pages</li></strong>
		<br/><strong><li> &nbsp; • &nbsp;Updating News and Events</li></strong>
		<br/><strong><li> &nbsp; • &nbsp;Updating Images</li></strong>
		<br/><strong><li> &nbsp; • &nbsp;Website Banners</li></strong>
		<br/><strong><li> &nbsp; • &nbsp;HTML Coding</li></strong>
		<br/><strong><li> &nbsp; • &nbsp;CSS Coding</li></strong>
		<br/><strong><li> &nbsp; • &nbsp;Updating Site Navigation</li></strong>
		<br/><strong><li> &nbsp; • &nbsp;Troubleshooting issues</li></strong>"
		}
		},
		{
		"@type": "Question",
		"name": "What types of CMS are covered in your web maintenance services?",
		"acceptedAnswer": {
		"@type": "Answer",
		"text": "We cover all major CMS such as: WordPress, Shopify, Joomla, Drupal, Dot Net, Magento, Open cart, and Custom CMS etc."
		}
		},
		{
		"@type": "Question",
		"name": "Will you be able to handle programming changes in the website?",
		"acceptedAnswer": {
		"@type": "Answer",
		"text": "We will be glad to take responsibility of programming requests. We will evaluate the scope of work and provide you with a cost estimate and this will be handled as a separate project."
		}
		},
		{
		"@type": "Question",
		"name": "What other services you provide in addition website maintenance service?",
		"acceptedAnswer": {
		"@type": "Answer",
		"text": "Vistas Ad India offers a complete range of creative communications, search marketing and technology services such as:
		<br/><strong><li> &nbsp; • &nbsp;Website Design</li></strong>
		<br/><strong><li> &nbsp; • &nbsp;Content Writing</li></strong>
		<br/><strong><li> &nbsp; • &nbsp;Photography</li></strong>
		<br/><strong><li> &nbsp; • &nbsp;Image Sourcing</li></strong>
		<br/><strong><li> &nbsp; • &nbsp;Logo Design</li></strong>
		<br/><strong><li> &nbsp; • &nbsp;Corporate Identity Development</li></strong>
		<br/><strong><li> &nbsp; • &nbsp;Search Engine Marketing</li></strong>
		<br/><strong><li> &nbsp; • &nbsp;SEO Services</li></strong>
		<br/>We begin with an blank slate and bring together creative elements and technology features to build a web presence that will meet with your highest expectations. In order to achieve this we will employ every technique and resource we have and find specialized talent as and when required.</li></strong>"
		}
		},
		{
		"@type": "Question",
		"name": "What is Vistas background?",
		"acceptedAnswer": {
		"@type": "Answer",
		"text": "Vistas AD Media Communications offers a complete range of marketing communications services in the digital, print and web mediums. Vistas is based in Bangalore, the hot spot for technology development. Our decades of experience in design, creative communications, website maintenance and website revamp work makes it possible to deliver excellence seemingly with little effort."
		}
		}
		]
    }
		</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/assets/img/image-website-maintenance-services-in-bangalore.jpg">
    <meta property="og:image:width" content="1200"/>
    <meta property="og:image:height" content="630"/>
    <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="images/favicon.png" type="image/png" sizes="16x16" alt="favicon">
<!-- bootstrap -->
<link href="assets/dist/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<link href="assets/website-maintanance.css" rel="stylesheet" type="text/css" />
<!-- plugins -->
<!-- mega menu -->

<!-- custom style -->
<?php echo $script; ?>
<?php include 'gtag.php'; ?> 
<style>
.bannerheading{
color:#FFC107; font-size:60px; line-height:1.2; }
.bannerheading1{
color:white; font-size:60px; line-height:1.2; }
.line1 {
      color:black;
  margin: 0px;
  font-size: 25px;
  padding:50px 150px 20px 150px;
  font-weight: 300;
 
}

.container1 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 50px 100px 100px 150px;
    width: 100%;
    border-radius: 10px;
}.bannerimg{width:500px;
      height:600px;
      text-align: middle; 
     
  }
  .bodytext{color:#180052;
    margin: auto;
  font-size: 16px;
padding:15px 150px 15px 150px;
text-align: left;
line-height: 35px;
}
 .why-choose-us {
    text-align: center;
      padding-top: 15px;
}
  .smallcontent{
  padding:15px 150px 15px 150px;
  margin: auto;
  text-align: left;
  font-size:40px;
  font-weight: 100;
  color:#0026f2;}

.text-content {
    padding-left:0px;
    max-width: 1000px;
}






      .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;
}

.marquee {
  display: block;
  animation: marquee 15s linear infinite;
}

.marquee div {
  display: inline-block;
}

@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;
}
.card-box h2{
  position: relative;font-size: 22px;margin-bottom:30px;width: fit-content;
}
.card-box h2:before {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    background: url(assets/img/advertising/arrow.svg);
    border-radius: 50px;
    left: -30px;
    top: 3px;
    transition: 0.5s;
    background-size: cover;
    background-repeat: no-repeat;
}
.card-box h2:after {
    content: '';
    position: absolute;
    width: 65%;
    height: 2px;
    background: #0026f2;
    left: 3px;
    bottom: -12px;
    transition:0.5s;
}
.card-box h2:hover:after{width:100%}
.card-box h2:hover:before{transform:rotate(360deg);}
#cus-menu {visibility: hidden;position: absolute;}
@media (max-width: 991px){.image-content img {
    display: none;
}
.content1 {
    border: 1px solid #ffffff;
    border-style: dotted;
    color: white;
   
    padding: 10px;
}.whye{padding:0px;}
.smallcontent{
  padding:15px 10px 15px 10px;
  margin: auto;
  text-align: center;
  font-size:30px;
  font-weight: 100;
  color:#0026f2;}
    .bannerheading{
color:#FFC107; font-size:25px; line-height:1;
text-align:center;}

.bannerheading1{
color:white; font-size:25px; line-height:1.2; }
.main-heading {
    text-align: center;
    font-size: 25px;
    padding:0px;
    line-height: 50px;
    margin-bottom: 40px;
    font-weight: bold;
    color:white;
}
 .why-choose-us {
    text-align: center;
      padding: 20px 10px 10px 150px;
}
.main-heading span {
    background-color: #3452eb;
    padding: 5px 10px;
    border-radius: 5px;
    font-weight: bold;
     color:white;
     font-size:15px;
} .services-container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
     padding: 15px 15px 15px 15px;
    justify-content: space-between;
}
.why-choose-us {
    text-align: center;
    padding: 10px 10px 10px 10px;
}
.containerw {
    max-width: 370px;
    margin: 0 auto;
    padding: 20px;
    background-color: #1e1e75;
    border-radius:10px;
}
.container1 {
    
    display: flex;
    justify-content: space-between;
    align-items: center;
   padding:50px;
    width: 100%;
    border-radius: 10px;
} .smallcontent1{padding:15px 15px 15px 15px;
  margin: auto;
  text-align: center;
  font-size:20px;
  font-weight: 100;
  color:#0026f2;}

.text-content {
    text-align:center;
    padding-top:50px;
    padding-left:10px;
    margin:20px;
    max-width: 1000px;
}
       .bodytextleft{text-align:left;
    padding:0px 0px 50px 0px;
} 
.bodytext{color:#180052;
    margin: auto;
  font-size: 16px;
padding:10px 10px 10px 10px;
text-align: left;
line-height: 35px;
}

 .line1 {
      text-align:left;
      color:black;
  margin: 0px;
  font-size:16px;
  padding:25px 10px 25px 10px;
  font-weight: 300;
 
}
        
    }

</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'; ?> 
          
        <section class="main-sec">
             <div class="container1">
        <div class="text-content">
            <p  class= "bannerheading">Website Maintenance</p>
            <h2 class="bannerheading1">& Support Services</h2>
           
           
        </div>
        <div class="image-content">
            <img class="bannerimg" src="assets/img/Maintenance/Website-Maintenance-Services-Page-Banner.png" alt="Line Art" />
        </div>
    </div> </section>
    
      <h1 class="line1 ">Website Maintenance Services in Bangalore</h1>
   


<div class="two-column-layout">
    <div class="text-section">
       
        <p class="section-text">In the digital age, a website is the face of a business. It's crucial to keep this face fresh, secure, and
fully functional. Vistas AD Media Communications, based in Bangalore, India, offers comprehensive
Website Maintenance Services to ensure your online presence remains impactful and effective. Our
dedicated team of experts ensures your website stays updated, secure, and performs optimally,
providing a seamless experience for your visitors.</p>
<p class="section-text">Vistas provides fast and hassle free website maintenance services in Bangalore & comprehensive
website support all through the year under website AMC services in Bangalore making it possible to
keep your website up to date and professional.</p>
<p class="section-text">As a professional website maintenance company in Bangalore, our website maintenance and
support services are efficient, comprehensive and covers most website support needs. Our website
maintenance and support service extends to
small business with a simple website to large organizations with multiple websites.</p>

         
    
    </div>
    <div class="image-section">
        <img src="https://vistasadindia.com/assets/img/image-website-maintenance-services-in-bangalore.jpg" alt="Website Maintenance Services in Bangalore">
    </div>
</div>
<style>.two-column-layout {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px; /* Adjust spacing */
    max-width: 1300px; /* Set max width */
    margin: 0 auto; /* Center container */
    padding: 5px; /* Add padding */
}

.text-section {
    flex: 1;
    max-width: 50%;
}

.image-section {
    flex: 1;
    max-width: 50%;
    text-align: center; /* Center image */
    border: 1px solid black;
    border-radius: 20px;
}

.image-section img {
    width: 100%;
    max-width: 700px; /* Set max width */
    height: auto;
    border-radius: 20px; /* Optional */
}

.section-title {
   
    font-size: 35px;
    font-weight: 100;
    color: #0026f2;
}

.sub-heading {
    color: #0026f2;
    font-size: 35px;
   
    font-weight: 100;
}

.section-text {
    color: #180052;
    font-size: 16px;
    line-height: 1.8;
    
}

.highlighted-text {
    font-size: 18px;
    color: #0026f2;
    font-weight: bold;
}

.service-list {
    margin-left: 20px;
    list-style-type: disc;
}

/* ✅ Responsive for Mobile */
@media (max-width: 768px) {
    .two-column-layout {
        flex-direction: column;
        text-align: center;
    }
    .text-section, .image-section {
        max-width: 100%;
    }
}
</style>


 <h4 class="smallcontent"><strong>We have worked out website maintenance packages to serve
and fit.</strong></h4>
<p  class="bodytext">A website maintenance contract with Vistas means that a team of expert website development
professionals with various specializations will be readily available whenever you need them.</p>
<p  class="bodytext">A simple email will solve any and every requirement; a call will provide you with all the current
information in the online world including latest digital marketing services.</p>
 <h4 class="smallcontent"><strong>Why Choose Vistas AD Media Communications?</strong></h4>
 <p  class="bodytext"><b>Expert Team:</b> Our team of skilled professionals is proficient in the latest web technologies and
trends. We understand the nuances of different industries and tailor our services to meet your
specific needs.</p>
<p  class="bodytext"><b>Proactive Maintenance:</b> We don't just fix issues as they arise; we prevent them. Our proactive
maintenance approach ensures potential problems are identified and resolved before they affect
your website's performance.
specific needs.</p>
<p  class="bodytext"><b>Comprehensive Services:</b> From regular updates and security checks to performance optimization
and content management, we cover all aspects of website maintenance.</p>
<p  class="bodytext"><b>Customized Solutions:</b>  We understand that every business is unique. Our services are customized
to align with your business goals and budget.</p>
<p  class="bodytext"><b>24/7 Support:</b> Our team is available round-the-clock to provide support and ensure your website
is always up and running smoothly.</p>

 <h4 class="smallcontent"><strong>Trusted web maintenance company in Bangalore</strong></h4>
<p class="bodytext">At Vistas, our website up-dation & support service extends to every detail that you
need to maintain a fully functional website such as:</p>
<h2 class="smallcontent">Regular Updates</h2>
<p class="bodytext">Content Updates: Keep your website fresh with regular content updates. We update text, images,
videos, and other media to keep your audience engaged.</p>
<p class="bodytext">Software Updates: Ensure your website runs on the latest versions of CMS, plugins, and other
software components to enhance security and functionality.</p>

<h2 class="smallcontent">Security Monitoring</h2>
<p class="bodytext">Vulnerability Scanning: Regular scans to identify and fix vulnerabilities.</p>
<p class="bodytext">Malware Removal: Prompt removal of any detected malware to protect your website and users.</p>
<p class="bodytext">SSL Certification: Ensure your website is encrypted and secure with up-to-date SSL certificates.</p>

<h2 class="smallcontent">Performance Optimization</h2>
<p class="bodytext">Speed Optimization: Improve page load times to enhance user experience and SEO rankings.</p>
<p class="bodytext">Broken Link Checks: Regular checks and fixes for broken links to ensure smooth navigation.</p>
<p class="bodytext">Database Optimization: Clean and optimize your website's database for faster performance.</p>

<h2 class="smallcontent">Backup and Recovery</h2>
<p class="bodytext">Regular Backups: Scheduled backups of your website's data to prevent data loss.</p>
<p class="bodytext">Quick Recovery: Fast restoration of your website from backups in case of any issues or data loss.</p>



<h2 class="smallcontent">Analytics and Reporting</h2>
<p class="bodytext">Traffic Analysis: Detailed reports on website traffic and user behavior to help you make informed
decisions.</p>
<p class="bodytext">Performance Reports: Regular reports on website performance, uptime, and other key metrics.</p>

<h4 class="smallcontent"><strong>Industries We Serve</strong></h4>
<p class="bodytext">Your website performs at its best when professionals at Vistas maintain and manage your web
assets - your window to the world – your website is always functional, safe, secure and performs at
its best. Every website, may it be small, medium or large needs continue keep owing to the dynamic,
continuously evolving nature of the online world.</p>
<div class="industries">
    <ul>
        <li>E-commerce</li>
        <li>Healthcare</li>
    </ul>
    <ul>
        <li>Education</li>
        <li>Real Estate</li>
    </ul>
    <ul>
        <li>Travel and Tourism</li>
        <li>Finance</li>
    </ul>
</div>



<body>
    <div class="maintenance-container">
        <h2 class="main-heading">THE KEY TO <span class="highlight">ONLINE SUCCESS:</span></h2>
        <h2 class="sub-heading">WEBSITE MAINTENANCE SERVICES</h2>

        <section class="intro">
            <h3>Why Website Maintenance Matters</h3>
            <p>In the digital age, your website is the cornerstone of your online presence. Regular maintenance ensures it remains effective, secure, and engaging.</p>
            <hr>
        </section>

        <section class="benefits">
            <h3>Benefits of Website Maintenance</h3>
            
            <div class="benefit-item">
                <i class="icon"><img src="assets/img/Maintenance/1.png" alt="1"></i>
                <div class="text">
                    <h4>1. Enhanced Security</h4>
                    <p>Regular updates and security checks protect your site from cyber<br> threats and data breaches.</p>
                </div>
            </div>
            
            <div class="benefit-item">
                <i class="icon"><img src="assets/img/Maintenance/2.png" alt="2"></i>
                <div class="text">
                    <h4>2. Optimal Performance</h4>
                    <p>Performance optimization keeps your website fast and responsive, <br>improving user experience and SEO rankings.</p>
                </div>
            </div>
            
            <div class="benefit-item">
                <i class="icon"><img src="assets/img/Maintenance/3.png" alt="3"></i>
                <div class="text">
                    <h4>3. Fresh Content</h4>
                    <p>Frequent content updates keep your audience engaged and <br>encourage repeat visits.</p>
                </div>
            </div>
            
            <div class="benefit-item">
                <i class="icon"><img src="assets/img/Maintenance/4.png" alt="4"></i>
                <div class="text">
                    <h4>4. Improved SEO</h4>
                    <p>Updated content and optimized performance boost your search engine rankings, <br>driving more traffic to your site.</p>
                </div>
            </div>
            
            <div class="benefit-item">
                <i class="icon"><img src="assets/img/Maintenance/5.png" alt="5"></i>
                <div class="text">
                    <h4>5. Backup & Recovery</h4>
                    <p>Regular backups ensure your data is safe, allowing for<br> quick recovery in case of issues.</p>
                </div>
            </div>
        </section>
        <hr>
        <section class="benefits">
            
            <h3>Key Maintenance Activities</h3>
            
            <div class="benefit-item">
                <i class="icon"><img class="imagi" src="assets/img/Maintenance/6.png" alt="6"></i>
                <div class="text">
                    <h4>Content Updates</h4>
                    <p>Regularly update text, images, and multimedia to keep your site relevant.</p>
                </div>
            </div>
            
            <div class="benefit-item">
                <i class="icon"><img  class="imagi"src="assets/img/Maintenance/7.png" alt="7"></i>
                <div class="text">
                    <h4>Software Updates
Keep</h4>
                    <p>Keep CMS, plugins, and other software up-to-date to ensure security and
functionality.</p>
                </div>
            </div>
            
            <div class="benefit-item">
                <i class="icon"><img  class="imagi"src="assets/img/Maintenance/8.png" alt="8"></i>
                <div class="text">
                    <h4>Security Monitoring</h4>
                    <p>Continuous monitoring and quick response to security threats protect your site
and users.</p>
                </div>
            </div>
            
            <div class="benefit-item">
                <i class="icon"><img  class="imagi" src="assets/img/Maintenance/9.png" alt="9"></i>
                <div class="text">
                    <h4>Performance Optimization</h4>
                    <p>Enhance site speed and fix broken links for a smoother user experience.</p>
                </div>
            </div>
            
            <div class="benefit-item">
                <i class="icon"><img  class="imagi" src="assets/img/Maintenance/10.png" alt="10"></i>
                <div class="text">
                    <h4>Analytics & Reporting
</h4>
                    <p>Regular performance reports and traffic analysis help you make informed
decisions.</p>
                </div>
            </div>
        </section>

        <section class="benefits">
            <hr>
            <h3>Vistas AD Media Communications - Your Maintenance Partner</h3>
            
            <div class="benefit-item">
                
                <div class="text">
                    <h4>Trust the Experts at Vistas AD Media Communications</h4>
                    <p>Based in Bangalore, India, we offer comprehensive website maintenance services
                        to keep your site secure, up-to-date, and performing at its best.</p>
                </div>
            </div>           
            
        </section>
        <section class="contact-section">
            <h3>Get in Touch</h3>
            <h4 style="color:#FF9D42">Ready to Elevate Your Online Presence?</h4>
            <p>Contact us today to learn more about our website maintenance services and how we can help you achieve online success.</p>
            
            <div class="contact-info">
                <p>Contact Info:</p>
                <ul>
                    <li>📞 <a href="tel:+9686697971">+9686697971</a></li>
                    <li>✉ <a href="mailto:info@vistasadindia.com">info@vistasadindia.com</a></li>
                    <li>🌐 <a href="https://vistasadindia.com/">https://vistasadindia.com/</a></li>
                </ul>
            </div>

            <p>Ensure your website's success with expert maintenance services. Reach out to Vistas AD Media Communications today!</p>
            <p class="highlight-text" style="color:#FF9D42;">Keep your website running smoothly and securely with Vistas AD Media Communications. Your success is our mission!</p>

            <p class="infographic">Infographic by: <span class="infographic-credit">Vistas AD Media Communications</span></p>
        
        
    </div>
</section>
<style>/* Existing styles: No changes to your desktop design */
    * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }
    
   .industries {
    display: flex;
    justify-content: space-between;
    margin: 0;
   padding: 10px 450px 30px 450px;
}

.industries ul {
    list-style-type: disc;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
}

.industries li {
    margin: 0;
    padding: 0;
    font-weight: bold;
}

    
    .maintenance-container {
        background-color: #101F52;
        padding: 100px;
        max-width: 1000px; /* Keep this for desktop responsiveness */
        border-radius: 20px;
        margin: 0 auto;
        text-align: left;
    }
    
    .main-heading {
        font-size: 2.2em;
        margin-bottom: 10px;
        color: #fff;
        text-align: center;
    }
    
    .highlight {
        color: #00C9C9;
        text-transform: uppercase;
    }
    
    .sub-heading {
        background-color: #FF9D42;
        color: #fff;
        display: inline-block;
        padding: 10px 20px;
        border-radius: 30px;
        font-size: 1.5em;
        margin-bottom: 30px;
        text-align: center;
        width: 100%;
    }
    
    .intro h3 {
        font-size: 2.2em;
        margin-bottom: 10px;
        color:white;
    }
    
    .intro p {
        font-size: 1em;
        margin-bottom: 20px;
        color:white;
    }
    
    hr {
        border: none;
        border-top: 1px solid #fff;
        margin-bottom: 30px;
    }
    
    .benefits h3 {
        font-size: 1.1em;
        margin-bottom: 20px;
        color:white;
        
    }
    
    .benefit-item {
        display: flex;
        align-items: flex-start;
        margin-bottom: 0px;
    }
    
    .icon {
        font-size: 2em;
        margin-right: 20px;
        color: #FF9D42;
        margin-top: -15px;
    }
      .imagi{width: 45px;
    height: 45px;}
    
    .benefit-item h4 {
        font-size: 1.8em;
        color: #FF9D42;
        margin-bottom: 10px;
    }
    
    .benefit-item p {
        font-size: 1.4em;
        color:white;
    }
    
    .benefit-item .text {
        margin-bottom: 30px;
    }
    
    .contact-section {
        margin-top: 5px;
        border-radius: 10px;
    }
    
    .contact-section h3 {
        font-size: 2.2em;
        margin-bottom: 10px;
        color:white;
    }
    
    .contact-subheading {
        font-size: 1.2em;
        font-weight: bold;
        color: #FF9D42;
        margin-bottom: 10px;
    }
    .contact-section p {font-size: 1.1em;color:white;}
    .contact-info {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    
    .contact-info ul {
        list-style: none;
        margin-top: 10px;
        color:white;
    }
    
    .contact-info li {
        margin-bottom: 10px;
        font-size: 1em;
        color:white;
    }
    
    .contact-info a {
        color: #ffffff;
        text-decoration: none;
    }
    
    .highlight-text {
        font-weight: normal;
        color: #FF9D42;;
        margin-top: 20px;
    }
    
    .infographic {
        margin-top: 20px;
        font-size: 0.9em;
        text-align: center;
        color:white;
    }
    
    .infographic-credit {
        font-weight: bold;
        color: #ffffff;
    }
    
    /* Responsive adjustments for mobile devices (max-width: 768px) */
    @media (max-width: 768px) {
        .maintenance-container {
            padding: 40px; /* Further reduce padding for mobile */
        }
       .industries{ display: flex;
    justify-content: space-between;
    margin: 0;
    font-size: 13px;
    padding: 10px;
       }
        .main-heading {
            font-size: 1.0em; /* Adjust font size for mobile */
        }
    
        .sub-heading {
            font-size: 1.2em; /* Adjust sub-heading size */
            padding: 8px 15px;
        }
    
        .benefit-item {
            flex-direction: row; /* Keep items on the same line */
            align-items: center; /* Center icon and text vertically */
        }
    
        .icon {
            font-size: 1.6em; /* Adjust icon size */
            margin-right: 10px; /* Adjust margin to keep them close */
        }
    .imagi{width: 45px;
    height: 45px;}
        .benefit-item h4 {
            font-size: 1.1em; /* Adjust text size */
            color:white;
        }
    
        .benefit-item p {
            font-size: 0.95em; /* Adjust text size */
             color:white;
        }
    
        .contact-section h3 {
            font-size: 1.4em;
             color:white;
        }
    
        .contact-subheading {
            font-size: 1.1em;
             color:white;
        }
    
        .contact-info li {
            font-size: 0.9em;
             color:white;
        }
    }
    
    /* Further adjustments for very small mobile devices (max-width: 480px) */
    @media (max-width: 480px) {
        .maintenance-container {
            padding: 20px; /* Smallest padding for very small screens */
            width:350px;
        }
    
        .main-heading {
            font-size: 1.2em;
        }
    
     .intro h3 {
        font-size: 1.4em;
        margin-bottom: 10px;
        color:white;
    }
        .sub-heading {
            font-size: 1em;
            padding: 5px 10px;
        }
    
        .benefit-item {
            flex-direction: row; /* Ensure same line on very small screens */
            align-items: center; /* Center vertically */
        }
    
        .benefit-item h4 {
            font-size: 1em;
        }
    
        .benefit-item p {
            font-size: 0.85em;
        }
    
        .contact-section h3 {
            font-size: 1.2em;
        }
    
        .contact-subheading {
            font-size: 1em;
        }
    
        .contact-info li {
            font-size: 0.85em;
        }
    }
    </style>

</section>
       <section></section>  <section></section>
        <section class="bg-blue">
            <div class="container">
                <div class="row">
                    <h2 class="text-center mb-md-5 mb-4 title-head text-white">
                        Website Up-Dation & Support Service
                    </h2>
                    <p class="text-white text-center">
                        At Vistas, our website up-dation & support service extends to every detail that you <br>need to maintain a fully functional website such as:
                    </p>
                    
                    <ul class="serv-list">
                        <li>Website health check</li>
                        <li>Patching CMS software</li>
                        <li>Patching server software</li>
                        <li>Fixing suddenly slow loading pges</li>
                        <li>Patching Security vulnerabilities</li>
                    </ul>
                    <ul class="serv-list">
                        <li>Fixing sudden issues with your database, DNS and hosting</li>
                        <li>Fixing broken links to pages that have since gone down</li>
                        <li>Design and content change requests</li>
                    </ul>
                    <ul class="serv-list">
                        <li>CSS changes</li>
                        <li>Fix existing system bugs</li>
                        <li>Install/modify plug-ins and forms</li>
                        <li>Adding new content (text, images, banners)</li>
                        <li>Content updates</li>
                    </ul>
                    <ul class="serv-list">
                        <li>Text and image enhancements</li>
                        <li>Content updates</li>
                        <li>Adding/Removing Pages</li>
                        <li>Updating News and Events</li>
                        <li>Updating Images</li>
                    </ul>
                    <ul class="serv-list">
                        <li>Website Banners</li>
                        <li>HTML Coding</li>
                        <li>CSS Coding</li>
                        <li>Updating Site Navigation</li>
                        <li>Troubleshooting issues</li>
                    </ul>
                </div>
                
            </div>
        </section>
        <section class="s6 bg-blue faqs">
            <div class="container">
            <div class="row">
                <h2 class="text-center text-white title-head pb-md-5">
                    Website Maintenance FAQ'S
                </h2>
                <!-- <p class="text-center text-white">
                    We list below answers to questions that arise frequently while planning graphic solutions. <br>
                    Should you require information that is not listed here; do not hesitate to contact us, we will be glad to address your query.
                </p> -->
                <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>What are website maintenance services?</span>
                        </button>
                    </h2>
                    <div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne"
                        data-bs-parent="#accordionExample">
                        <div class="accordion-body">
                            <p>Website maintenance services involve regular updates, security checks, performance optimizations, backups, and content management to ensure your website functions smoothly and remains up-to-date. These services help prevent issues, enhance user experience, and keep your site secure.</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>Why is website maintenance important?</span>
                        </button>
                    </h2>
                    <div id="collapse11" class="accordion-collapse collapse" aria-labelledby="heading11" data-bs-parent="#accordionExample">
                        <div class="accordion-body">
                            <p>Regular website maintenance is crucial to ensure your website is secure, performs well, and stays relevant. It helps prevent security breaches, improves site speed, fixes bugs, and keeps your content fresh and engaging for visitors. </p>
                        </div>
                    </div>
                    </div>
                    <div class="accordion-item">
                    <h2 class="accordion-header" id="heading12">
                        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse12" aria-expanded="false" aria-controls="collapse12">
                        <span>How often should I update my website?</span>
                        </button>
                    </h2>
                    <div id="collapse12" class="accordion-collapse collapse" aria-labelledby="heading12" data-bs-parent="#accordionExample">
                        <div class="accordion-body">
                            <p>The frequency of updates depends on the nature of your website and business. Generally, content updates should be done weekly or monthly, while software and security updates should be performed as soon as they are available. Our team at Vistas AD Media Communications will tailor a maintenance schedule to meet your specific needs.</p>
                        </div>
                    </div>
                    </div>
                    <div class="accordion-item">
                    <h2 class="accordion-header" id="heading13">
                        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse13" aria-expanded="false" aria-controls="collapse13">
                            <span>What kind of websites do you maintain?</span>
                        </button>
                    </h2>
                    <div id="collapse13" class="accordion-collapse collapse" aria-labelledby="heading13" data-bs-parent="#accordionExample">
                        <div class="accordion-body">
                            <p>We maintain all types of websites, including e-commerce sites, corporate websites, blogs, portals, and more. Our team has experience with various CMS platforms like WordPress, Joomla, Drupal, Magento, and custom-built websites.</p>
                        </div>
                    </div>
                    </div>
                    <div class="accordion-item">
                    <h2 class="accordion-header" id="heading14">
                        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse14" aria-expanded="false" aria-controls="collapse14">
                            <span>What does your website maintenance service include?</span>
                        </button>
                    </h2>
                    <div id="collapse14" class="accordion-collapse collapse" aria-labelledby="heading14" data-bs-parent="#accordionExample">
                        <div class="accordion-body">
                            <p>Our comprehensive website maintenance services include:
                            <ul class="faq-list"><li> Software and plugin updates</li>
 <li>Security monitoring and malware removal</li>
 <li>Performance optimization</li>
 <li>Backup and recovery</li>
 <li>Broken link checks</li>
<li>Database optimization</li>
 <li>Analytics and reporting</li></ul></p>
                        </div>
                    </div>
                    </div>
                    <div class="accordion-item">
                    <h2 class="accordion-header" id="heading15">
                        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse15" aria-expanded="false" aria-controls="collapse15">
                            <span>How do you ensure the security of my website?</span>
                        </button>
                    </h2>
                    <div id="collapse15" class="accordion-collapse collapse" aria-labelledby="heading15" data-bs-parent="#accordionExample">
                        <div class="accordion-body">
                            <p>We implement various security measures such as regular vulnerability scans, malware removal, SSL certification, and software updates to protect your website from potential threats. Our team monitors your website round-the-clock to identify and address any security issues promptly.</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>What happens if my website goes down?</span>
                        </button>
                    </h2>
                    <div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo"
                        data-bs-parent="#accordionExample">
                        <div class="accordion-body">
                            <p>In the rare event that your website goes down, our team will respond immediately to restore it. We perform regular backups to ensure quick recovery and minimize downtime. Our 24/7 support team is always available to handle such emergencies.</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>Can you help with website redesigns or major updates?</span>
                        </button>
                    </h2>
                    <div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree"
                        data-bs-parent="#accordionExample">
                        <div class="accordion-body">
                            <p>Yes, we offer website redesign and major update services as part of our website development and maintenance solutions. Whether you need a complete overhaul or significant functional enhancements, our team can handle it.</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>How much does website maintenance cost?</span>
                        </button>
                    </h2>
                    <div id="collapse4" class="accordion-collapse collapse" aria-labelledby="heading4"
                        data-bs-parent="#accordionExample">
                        <div class="accordion-body">
                            <p>The cost of website maintenance varies depending on the size and complexity of your website, as well as the specific services you require. We offer customized maintenance plans tailored to your business needs and budget. Contact us for a detailed quote.</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>How can I get started with your website maintenance services?</span>
                        </button>
                    </h2>
                    <div id="collapse5" class="accordion-collapse collapse" aria-labelledby="heading5"
                        data-bs-parent="#accordionExample">
                        <div class="accordion-body">
                            <p>Getting started is easy! Contact us via phone, email, or our website to discuss your website maintenance needs. Our team will assess your requirements and provide a tailored maintenance plan to keep your website running smoothly.</p>
                        </div>
                    </div>
                    </div>
                    

                </div>
                </div>
            </div>
            </div>
        </section>
        <section class="s2">
            <div class="container">

            <div class="row">
                <div class="col-md-12">
                    <h2 class="sd-head text-center">Your Website Performs at its Best</h2>
                <p class="text-center">
                    When professionals at Vistas maintain and manage your web assets <br>
                    your window to the world – your website is always functional, safe, secure and performs at its best.
                </p>
                <p class="text-center">
                    Every website, may it be small, medium or large needs constant <br>
                    upkeep owing to the dynamic, continuously evolving nature of the online world.
                </p>
                </div>
                <div class="col-md-12">
                    <div class="bg-blue p-md-5 p-4 border-radius">
                        <p class="text-center text-big text-white">Website maintenance responsibilities broadly cover the following <br>areas of every performing website such as:</p>
                        <div class="row pt-md-5 pt-4 p-md-4">
                            <div class="col-md-6">
                                <ul class="web-list">
                                    <li>Page speed check and ensure quick loading.</li>
                                    <li>Ensure all pages are error free</li>
                                    <li>Back up files regularly.</li>
                                    <li>Maintain all website software and plugins are up-to-date</li>
                                    <li>Check contact and enquiry forms regularly</li>
                                    <li>Check and fix broken links regularly</li>
                                </ul>
                            </div>
                            <div class="col-md-6">
                                <ul class="web-list">
                                    <li>Check and fix 404 errors for all pages</li>
                                    <li>Check website hosting issues, if any</li>
                                    <li>Blog posts and comments management.</li>
                                    <li>Refresh and update content from time to time</li>
                                    <li>Monitor website security</li>
                                    <li>Monitor website analytics</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                

            </div>
            <div class="row pt-md-5 pt-3">

               <div class="col-md-12">
                    <h2 class="text-center mb-md-4">What are the various website maintenance services included in<br> a website maintenance AMC package?</h2>
               </div>
               <div class="col-md-12">
                   <p class="text-center"> Websites are driven by a complex system of multiple software for its various functions. Our website maintenance <br>
                       team monitors each of the websites functions to ensure every page is as it should be, <br>
                       visible and does everything it is meant to do.</p>
               </div>

                </div>
            </div>
        </section>
        <section class="s4 agy-sec pt-md-0">
            <div class="container">
            <div class="row">
                <h2 class="text-center title-head mb-md-4">
                    Services included in a website maintenance<br> AMC package are:
                </h2>
            </div>
            <div class="row pt-md-5">
                <div class="col-md-6">
                    <div class="pad-box">
                        <h3><img src="assets/img/advertising/arrow.svg" alt="arrow" class="arw-img" width="20" height="20"> <b>Regular software updating</b></h3>
                        <p>
                            All software that run websites are continuously improved and updated. We will monitor and track new updates and execute the updating, so the website is always Up To Date.
                        </p>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="pad-box">
                        <h3><img src="assets/img/advertising/arrow.svg" alt="arrow" class="arw-img" width="20" height="20"> <b>Backup of all files and data</b></h3>
                        <p>
                            Maintaining a back-up of the latest updated files to fall back on in the event of a crash or hack is imperative for your web asset. Your support team at Vistas will schedule and follow a systematic back-up regimen for your websites and assure you of continued web presence.
                        </p>
                        
                    </div>
                </div>
                
            </div>
            <div class="row pt-md-5">
                <div class="col-md-4">
                    <div class="pad-box">
                        <h3><img src="assets/img/advertising/arrow.svg" alt="arrow" class="arw-img" width="20" height="20"> <b>Website Security</b></h3>
                        <p>
                            Protection against malicious attacks, fixing security vulnerabilities, hackers and many other security threats is necessary in the online world. There are many types of threats to guard against. Website maintenance service also includes management of your website security.
                        </p>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="pad-box">
                        <h3><img src="assets/img/advertising/arrow.svg" alt="arrow" class="arw-img" width="20" height="20"> <b>Analytics</b></h3>
                        <p>
                            We include analytics reporting in our website maintenance. Analytics enable you to monitor and track your primary source of traffic, top performing pages, pages that are performing poorly. With this report you will have all the insights to focus on keywprds and pages that attract customers and drives traffic.
                        </p>
                        
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="pad-box">
                        <h3><img src="assets/img/advertising/arrow.svg" alt="arrow" class="arw-img" width="20" height="20"> <b>Website support services</b></h3>
                        <p>
                            At Vistas we provide website support services to address and solve any issues on websites. Our website support team are trained in multiple website platforms and scripting languages. Whereas maintenance serves websites on an annual contract basis and performs all the necessary updates, upgrades and monitoring functions, our website support services provides solutions for every and any issue.
                        </p>
                        
                    </div>
                </div>
            </div>

            </div>
        </section>

        <section class="bg-white">
              <div class="container">
                <div class="row">
                    <h2 class="text-center text-blue mb-md-4 mb-4 title-head">
                        Our capabilities are outlined below in a brief overview
                    </h2>
                    <p class="w-75 mx-auto text-center">
                        Over the years, Vistas has built a reputation as a trusted marketing communications partner to scores of organizations as a result of our cross-functional team and customer-centric approach to marketing communications. Learn more about our services and how we can help you and your organization gain more valuable outcomes by exploring the different services we offer.
                    </p>
                </div>
                <div class="row mt-md-5 mt-4">
                  <div class="col-md-6">
                    <div class="card-box px-md-5 mb-md-5 mb-3">
                      <h2 class="mb-md-4 mb-4 pb-md-2"><a href="https://vistasadindia.com/" class="text-blue">Web Design Company</a></h2>
                      <p>
                        Designing websites involves branding, UI/UX, copywriting, website architecture, and search engine optimization. We build high-impact, unique websites that accomplish your objectives. Together, our web designers, writers, technology professionals, and digital marketing team deliver brand experiences that inspire and persuade. By engaging shoppers deeply, spark their interest, and compelling them to buy, our websites encourage sales.
                      </p>
                    </div>
                  </div>
                  <div class="col-md-6">
                    <div class="card-box px-md-5 mb-md-5 mb-3">
                      <h2 class="mb-md-4 mb-4 pb-md-2"><a href="web-hosting-services.php" class="text-blue">Web Hosting Services</a></h2>
                      <p>
                        We offer a wide range of web hosting services, tailored to the specific needs and requirements of our clients. A variety of website hosting services are available from Vistas and packages can be customized based on your business requirements. To determine the type of hosting that will be most appropriate for a website or application, an evaluation will be conducted.
                      </p>
                    </div>
                  </div>
                  <div class="col-md-6">
                    <div class="card-box px-md-5 mb-md-5 mb-3">
                      <h2 class="mb-md-4 mb-4 pb-md-2"><a href="web-development.php" class="text-blue">Web Application Development</a></h2>
                      <p>
                        We are a leading web application development company that develops web applications on a wide range of platforms and to varying levels of complexity. Vistas specializes in both front-end and backend web development using cutting-edge technology. Simple interfaces and user-friendly design are our priority, as well as contemporary style and design. No matter how sophisticated web applications may be, we aim to make them as easy to use as possible.
                      </p>
                    </div>
                  </div>
                  <div class="col-md-6">
                    <div class="card-box px-md-5 mb-md-5 mb-3">
                      <h2 class="mb-md-4 mb-4 pb-md-2"><a href="seo-company-in-bangalore.php" class="text-blue">SEO Company</a></h2>
                      <p>
                        Vistas SEO efforts places you prominently in organic search results, attaining results here means you have arrived. Our first step is to audit the website and determine its strengths. After further analysis, profitable keywords with good traffic volume are identified, and the work on on-page and off-page optimization begins. SEO services team at Vistas has the experience of working on challenging projects and a long list of proven track record in attaining top position for our clients.
                      </p>
                    </div>
                  </div>
                  <div class="col-md-6">
                    <div class="card-box px-md-5 mb-md-5 mb-3">
                      <h2 class="mb-md-4 mb-4 pb-md-2"><a href="wordpress-development-service.php" class="text-blue">WordPress Development </a></h2>
                      <p>
                        Vistas WordPress development services in Bangalore team brings to the table the knowledge, skill, experience, and creativity to deliver WordPress websites and applications for discerning clients across the globe. Vistas WordPress Developers specialize in building websites and CMS in the WordPress framework. As a dedicated WordPress Development Companyin Bangalore, Vistas delivers world class WordPress development services.
                        <br>We deliver stunning, performance-driven websites using our years of experience and innate creative abilities.
                      </p>
                    </div>
                  </div>
                  <div class="col-md-6">
                    <div class="card-box px-md-5 mb-md-5 mb-3">
                      <h2 class="mb-md-4 mb-4 pb-md-2"><a href="ecommerce-website-design-development.php" class="text-blue">Ecommerce Development Services</a></h2>
                      <p>
                        We design and develop eCommerce websites that are easy to navigate, load quickly, and look good. The combination of cutting-edge technology with cutting-edge technology makes our creative products appealing to the senses.  Our efforts are focused towards ensuring your customers have a wonderful shopping experience. eCommerce success is a result of our planners' insight, our programmers' engineering skills, our creatives' artistic sense, and our brand team's emotional intelligence.
                      </p>
                    </div>
                  </div>
                  <div class="col-md-6">
                    <div class="card-box px-md-5 mb-md-5 mb-3">
                      <h2 class="mb-md-4 mb-4 pb-md-2"><a href="magento-ecommerce-website-development.php" class="text-blue">Magento Ecommerce Development</a></h2>
                      <p>
                        Make your eCommerce store more successful by leveraging our Magento development company's expertise. The Magento eCommerce development services we provide include intuitive content management, robust and secure payment processing, and a fully optimised user journey that delights customers. Our Magento eCommerce development services are tailored to meet the needs of your business.
                      </p>
                    </div>
                  </div>

                  <div class="col-md-6">
                    <div class="card-box px-md-5 mb-md-5 mb-3">
                      <h2 class="mb-md-4 mb-4 pb-md-2"><a href="advertising-agency.php" class="text-blue">Advertising Company</a></h2>
                      <p>
                        Vistas – ranked among the top advertising agencies specializes in bringing brands to life through the art of advertising. Our integrated advertising solutions combine creative, technology, and media opportunities. We work with you to define the purpose of the brand, product, or service and create a brand voice through our creative ad agency services. In the realm of advertising, we develop content to promote brands, launch products, and promote services.
                      </p>
                    </div>
                  </div>

                  <div class="col-md-6">
                    <div class="card-box px-md-5 mb-md-5 mb-3">
                      <h2 class="mb-md-4 mb-4 pb-md-2"><a href="graphic-design.php" class="text-blue">Graphic Design Services</a></h2>
                      <p>
                        Team Vistas’ graphic designers bring to the table creativity, insight & experience. Our graphic design services are focused on making you stand out from the clutter. Every piece of business communication is presented graphically to attract attention. Our creative team of graphic designers are mandated to deliver compelling and memorable graphics in all its myriad applications. Our graphic design services centres around branding.
                      </p>
                    </div>
                  </div>
                  <div class="col-md-6">
                    <div class="card-box px-md-5 mb-md-5 mb-3">
                      <h2 class="mb-md-4 mb-4 pb-md-2"><a href="logo-design.php" class="text-blue">Logo Design Services</a></h2>
                      <p>
                        A good logo design is essential. The result is an atmosphere of trust. Your logo conveys the level of quality your customers can expect from you. Your identity is reflected in your logo. Bringing an idea to life requires skill, and it requires knowledge of how to do it. We offer a variety of logo design services. It is our goal to set you apart from the competition. Researching your competitors is the first step in any project we undertake. Your final product will be unique this way.
                      </p>
                    </div>
                  </div>

                  <div class="col-md-6">
                    <div class="card-box px-md-5 mb-md-5 mb-3">
                      <h2 class="mb-md-4 mb-4 pb-md-2"><a href="brochure-design-company.php" class="text-blue">Brochure Designing Services</a></h2>
                      <p>
                        Designing custom brochures is Vistas' specialty, as are writing quality content, creating elegant designs, using attractive typography, and ensuring an intuitive information flow. In our role as the best brochure design company, we place the utmost importance on engaging our customers and communicating the unique features of your products. The services we provide include brochure design, copywriting, and graphic design.
                      </p>
                    </div>
                  </div>
                  <div class="col-md-6">
                    <div class="card-box px-md-5 mb-md-5 mb-3">
                      <h2 class="mb-md-4 mb-4 pb-md-2"><a href="social-media-marketing.php" class="text-blue">Social Media Marketing Company</a></h2>
                      <p>
                        Vistas provides social media advertising company services to global clients, our analysts formulate metrics measuring results and set benchmarks to compare competition and arrive at informed, data-driven decisions. We identify the right social media platforms for our clients business domain and leverage the power of large online communities to present, share and build awareness and popularity.
                      </p>
                    </div>
                  </div>
                </div>
              </div>
            </section>
              
              
           <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": "Building no. 376, Jwalamala Square, Office no. F2, First floor - Left wing, 14th B Cross, 5th Main Rd, Sector 6, HSR Layout",
              "postalCode": "560102"
          },
          "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 type="application/ld+json">
{
	"@context": "http://schema.org/",
	"@type": "Organization",
	"name": "Vistas AD Media Communications Pvt. Ltd",
	"logo": "https://vistasadindia.com/images/logo.png",
	"url": "https://vistasadindia.com/web-maintenance-services.php",
    "image": "https://vistasadindia.com/assets/img/image-website-maintenance-services-in-bangalore.jpg"
}
</script>

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [
    {
      "@type": "ListItem",
      "position": 1,
      "name": "Home",
      "item": "https://vistasadindia.com/"
    },
    {
      "@type": "ListItem",
      "position": 2,
      "name": "Web Maintenance Services in Bangalore",
      "item": "https://vistasadindia.com/web-maintenance-services.php"
    }
  ]
}
</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>