File: /home/u503286720/domains/vistasadindia.com/public_html/web-hosting-services.php
<?php
$title = "Web Hosting Services in Bangalore | Vistas AD Media";
$keyword = "Web Hosting Company in Bangalore, Website Hosting Services in Bangalore, Website Hosting Company";
$description = "Web Hosting Services in Bangalore includes security and support with 99.9% uptime. We provide shared web hosting, eCommerce hosting, dedicated web hosting, VPS hosting, cloud web hosting";
$bread_third = "Web Hosting Services";
$url="https://vistasadindia.com/web-hosting-services.php";
$script = '<script type="application/ld+json">
{ "@context": "http://schema.org", "@type": "Service", "name":"Web Maintenance Company Bangalore | Website AMC Services",
"description": "Web Hosting Services in Bangalore includes security and support with 99.9% uptime. We provide shared web hosting, eCommerce hosting, dedicated web hosting, VPS hosting, cloud web hosting",
"Provider": { "@type": "Organization", "name": " Web Maintenance Company Bangalore | Website AMC Services", "sameAs": "https://vistasadindia.com/web-hosting-services.php" } }
</script>
<script type="application/ld+json">
{
"@context": "http://schema.org/",
"@type": "FAQPage",
"mainEntity": [
{
"@type": "Question",
"name": "What is web hosting?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Web hosting is a service that allows individuals and businesses to make their websites accessible on the internet. When you purchase a hosting plan, you are essentially renting space on a server where your website files are stored."
}
},
{
"@type": "Question",
"name": "What types of web hosting services do you offer?",
"acceptedAnswer": {
"@type": "Answer",
"text": "We offer a variety of web hosting services to suit different needs: - Shared Hosting: Ideal for small websites and blogs. - VPS Hosting: For medium-sized businesses requiring more control and resources. - Dedicated Hosting: For large enterprises needing dedicated server resources. - Cloud Hosting: For scalable and high-availability hosting solutions. - E-commerce Hosting: Tailored for online stores with enhanced security and performance."
}
},
{
"@type": "Question",
"name": "How do I choose the right hosting plan for my website?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Choosing the right hosting plan depends on your website size, traffic, and specific requirements. For small websites or blogs, shared hosting is usually sufficient. For larger websites or those experiencing high traffic, VPS, dedicated, or cloud hosting may be more appropriate. If you need assistance, our team can help you select the best plan for your needs."
}
},
{
"@type": "Question",
"name": "How reliable are your web hosting services?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Our web hosting services boast an impressive uptime of 99.9%. We use advanced technology and infrastructure to ensure your website is always available and performs optimally."
}
},
{
"@type": "Question",
"name": "What security measures do you have in place?",
"acceptedAnswer": {
"@type": "Answer",
"text": "We prioritize the security of your website with robust measures including firewalls, DDoS protection, regular security audits, and automatic backups. We also offer SSL certificates to encrypt data and protect sensitive information."
}
},
{
"@type": "Question",
"name": "Can I upgrade my hosting plan later?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Yes, our hosting plans are designed to be scalable. As your website grows, you can easily upgrade your plan to accommodate increased traffic and resource needs without any downtime."
}
},
{
"@type": "Question",
"name": "Do you offer customer support?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Yes, we provide 24/7 customer support. Our dedicated support team is available around the clock to assist with any hosting-related issues, from setup and troubleshooting to optimization."
}
},
{
"@type": "Question",
"name": "What is the difference between shared and VPS hosting?",
"acceptedAnswer": {
"@type": "Answer",
"text": "- Shared Hosting: Multiple websites share the same server resources, making it a cost-effective option for smaller websites with lower traffic. - VPS Hosting: Provides dedicated resources within a shared environment, offering more control, performance, and flexibility compared to shared hosting."
}
},
{
"@type": "Question",
"name": "How do I migrate my existing website to your hosting service?",
"acceptedAnswer": {
"@type": "Answer",
"text": "We offer migration services to help you transfer your website to our hosting platform with minimal disruption. Our team will handle the migration process, ensuring your website is moved safely and efficiently."
}
},
{
"@type": "Question",
"name": "Do you provide backups for my website?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Yes, we perform regular backups to ensure your website data is safe and can be restored in case of any issues. You can also manage and schedule backups through your control panel."
}
},
{
"@type": "Question",
"name": "What is cloud hosting?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Cloud hosting is a type of web hosting that uses multiple interconnected servers to host websites. This setup provides high availability, scalability, and redundancy, ensuring your website remains accessible even if one server fails."
}
},
{
"@type": "Question",
"name": "Can I host an e-commerce website with your services?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Absolutely! Our e-commerce hosting plans are specifically designed to support online stores. We offer features such as SSL certificates, shopping cart integration, and payment gateway support to help you create a secure and efficient platform for your customers."
}
},
{
"@type": "Question",
"name": "How do you ensure fast website performance?",
"acceptedAnswer": {
"@type": "Answer",
"text": "We use advanced technologies like SSD storage, optimized servers, and content delivery networks (CDNs) to ensure your website loads quickly and performs well. Fast website performance is crucial for a positive user experience and improved SEO rankings."
}
},
{
"@type": "Question",
"name": "What control panel do you offer?",
"acceptedAnswer": {
"@type": "Answer",
"text": "We provide a user-friendly control panel, such as cPanel or Plesk, to manage your hosting account. These control panels offer a wide range of features to help you manage your website, domains, emails, and more with ease."
}
},
{
"@type": "Question",
"name": "How do I get started with your web hosting services?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Getting started is easy! Visit our [website](https://vistasadmedia.com), choose the hosting plan that suits your needs, and sign up. If you need any assistance, our team is here to help you through the process."
}
}
]
}
</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-web-hosting-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="<?php echo BASE_URL; ?>images/favicon.png" type="image/png" sizes="16x16" alt="favicon">
<!-- bootstrap -->
<link rel="preload" href="assets/dist/css/bootstrap.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
<noscript>
<link rel="stylesheet" href="assets/dist/css/bootstrap.min.css">
</noscript>
<link rel="preload" href="assets/email-marketing.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
<noscript>
<link rel="stylesheet" href="assets/email-marketing.css">
</noscript>
<link rel="preload" href="assets/dist/css/icons.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
<noscript>
<link rel="stylesheet" href="assets/dist/css/icons.css">
</noscript>
<!-- plugins -->
<!-- mega menu -->
<!-- custom style -->
<?php echo $script; ?>
<?php include 'gtag.php'; ?>
<style>
.bd-placeholder-img {
font-size: 1.125rem;
text-anchor: middle;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
@media (min-width: 768px) {
.bd-placeholder-img-lg {
font-size: 3.5rem;
}
}
.social-icons li b{visibility:hidden;}
.social-icons i {color: #180052;font-size: 18px;}
.wrapper {
max-width: 100%;
overflow: hidden;
height:600px;
}
.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;
}
.tech-box img {
filter: grayscale(1) brightness(10.5);
}
</style>
<style type="text/css">#cus-menu {visibility: hidden;position: absolute;}</style>
<!-- favicons -->
<link rel="apple-touch-icon" sizes="57x57" href="/favicon/apple-icon-57x57.png" />
<link rel="apple-touch-icon" sizes="60x60" href="/favicon/apple-icon-60x60.png" />
<link rel="apple-touch-icon" sizes="72x72" href="/favicon/apple-icon-72x72.png" />
<link rel="apple-touch-icon" sizes="76x76" href="/favicon/apple-icon-76x76.png" />
<link rel="apple-touch-icon" sizes="114x114" href="/favicon/apple-icon-114x114.png" />
<link rel="apple-touch-icon" sizes="120x120" href="/favicon/apple-icon-120x120.png" />
<link rel="apple-touch-icon" sizes="144x144" href="/favicon/apple-icon-144x144.png" />
<link rel="apple-touch-icon" sizes="152x152" href="/favicon/apple-icon-152x152.png" />
<link rel="apple-touch-icon" sizes="180x180" href="/favicon/apple-icon-180x180.png" />
<link rel="icon" type="image/png" sizes="192x192" href="/favicon/android-icon-192x192.png" />
<link rel="icon" type="image/png" sizes="32x32" href="/favicon/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="96x96" href="/favicon/favicon-96x96.png" />
<link rel="icon" type="image/png" sizes="16x16" href="/favicon/favicon-16x16.png" />
<link rel="manifest" href="/manifest.json" />
<meta name="msapplication-TileColor" content="#ffffff" />
<meta name="msapplication-TileImage" content="/ms-icon-144x144.png" />
<meta name="theme-color" content="#ffffff" />
<meta name="geo.region" content="IN-KA" />
<meta name="geo.placename" content="bangalore" />
<meta name="geo.position" content="12.941765,77.622855" />
<meta name="ICBM" content="12.941765, 77.622855" />
<meta name="sitelock-site-verification" content="9491" />
<meta name="ahrefs-site-verification" content="6f28942eee60371725f57ff755c584dec7580d9a5223b9b550d9a31a8479d6b2" />
<meta name="yandex-verification" content="9aea268d6789620c" />
<!--<meta http-equiv="Content-Security-Policy" content="script-src 'none'">-->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<!--<script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script>-->
<!-- favicons -->
</head>
<body>
<div class="page-wrapper">
<?php include 'include/new-header.php'; ?>
<section class="banner-section">
<div class="container banner-container">
<div class="banner-content">
<h2 class="bannerheading text-white">Web Hosting Services<br><span style="color:#FFC107;font-weight: 500;"> in Bangalore</span><br><span style="color:#FFC107;font-weight: 500;"></span></h2>
<p class="text-white">Empowering your digital journey!</p>
</div>
<div class="banner-image">
<img src="https://vistasadindia.com/assets/img/Arrow icon-01.webp" alt="Banner Image">
</div>
</div>
</section>
<main>
<section class="s2">
<div class="container">
<div class="row">
<h1 class="text-center text-blue title-head mb-4 mb-md-4 pb-md-3">
Web Hosting Services in Bangalore
</h1>
</div>
</div>
<h2 class="text-center text-blue title-head mb-md-4 ">Web Hosting Services Customized
for Your Specific Needs</h2>
<div class="two-column-layout">
<div class="text-section">
<p class="section-text">At Vistas AD Media Communications, your premier destination for reliable and high-performance
web hosting services in Bangalore. We understand that a solid online presence is critical to your
business's success, and our comprehensive web hosting solutions are designed to ensure your
website remains accessible, secure, and lightning-fast.</p>
<p class="section-text">At Vistas, we take charge of web hosting as a service and configure a web hosting package that is just
right for your organization.</p>
<p class="section-text"> While we plan, design, write and engineer your website, we also provide a safe, secure, and reliable
website hosting service that is an important service and critical to the success of the website and its
sustained performance throughout its lifecycle.</p>
<p class="section-text">We will conduct a detailed evaluation of hosting requirements for the website or application and
arrive at the type of hosting that is suitable. The factors that determine the type of web hosting
includes scripting software, database software and the operating system or OS.</p>
</div>
<div class="image-section">
<img src="https://vistasadindia.com/assets/img/image-web-hosting-services-in-bangalore.jpg" alt="Email Marketing Company in Bangalore" title="Email Marketing Company in Bangalore">
</div>
</div>
<section class="content-section">
<div class="container">
<div class="row">
<h3>Why Choose Vistas AD Media Communications
for Web Hosting?</h3>
<div class="services-grid">
<div class="service-item">
<h4>1. Reliability and Uptime</h4>
<p>Our state-of-the-art data centers guarantee a
remarkable uptime of 99.9%, ensuring your
website is always available to your customers.
With redundant systems and regular
maintenance, we minimize downtime and keep
your business running smoothly.</p>
</div>
<div class="service-item">
<h4>2. Speed and Performance</h4>
<p>Slow loading times can drive potential
customers away. Our web hosting services
utilize advanced technologies such as SSD
storage, optimized servers, and content delivery
networks (CDNs) to deliver blazing-fast website
performance, enhancing user experience and
SEO rankings.</p>
</div>
<div class="service-item">
<h4>3. Scalability</h4>
<p>As your business grows, so do your hosting
needs. Our scalable hosting plans allow you to
easily upgrade your resources, ensuring your
website can handle increased traffic and data
without compromising performance.</p>
</div>
<div class="service-item">
<h4>4. Security</h4>
<p>Protecting your data is our top priority. We
implement robust security measures, including
firewalls, DDoS protection, regular security
audits, and automatic backups, to safeguard
your website from threats and ensure your
information remains secure.</p>
</div>
<div class="service-item">
<h4>5. 24/7 Customer Support</h4>
<p>Our dedicated support team is available around the clock to assist you with any hosting-related
issues. Whether you need help with setup, troubleshooting, or optimization, our experts are just a
call or click away.</p>
</div>
</div>
<div class="container">
<div class="row">
<br><br><br>
<h3>Our Web Hosting Plans</h3>
<div class="services-grid">
<div class="service-item">
<h4>1. Shared Hosting</h4>
<p>Perfect for small businesses and personal
websites, our shared hosting plans offer a
cost-effective solution without compromising on
performance. Enjoy easy setup, a user-friendly
control panel, and essential features to get your
website online quickly.</p>
</div>
<div class="service-item">
<h4>2. VPS Hosting</h4>
<p>For businesses needing more power and
flexibility, our VPS hosting plans provide
dedicated resources within a shared
environment. Experience enhanced
performance, root access, and customizable
configurations to meet your specific needs.</p>
</div>
<div class="service-item">
<h4>3. Dedicated Hosting</h4>
<p>For large enterprises and high-traffic websites,
our dedicated hosting plans offer unparalleled
performance and control. Benefit from
dedicated servers, advanced security features,
and personalized support to ensure your
website operates at its peak.</p>
</div>
<div class="service-item">
<h4>4. Cloud Hosting</h4>
<p>Achieve ultimate scalability and reliability with
our cloud hosting solutions. Our cloud
infrastructure allows you to handle traffic spikes
seamlessly, providing automatic resource
allocation and high availability.</p>
</div>
<div class="service-item">
<h4>5. E-commerce Hosting</h4>
<p>Power your online store with our e-commerce hosting solutions. With specialized features like SSL
certificates, shopping cart integration, and payment gateway support, we help you create a secure
and efficient platform for your customers.</p>
</div>
</div>
</div>
<!-- Web Hosting Infographic Section -->
<div class="hosting-infographic">
<div class="hosting-header">
<h2>IMPORTANCE OF WEB HOSTING<br><span>IN YOUR DIGITAL PRESENCE</span></h2>
</div>
<div class="hosting-content">
<div class="hosting-item">
<img src="assets/Images/Clock.webp" alt="Website Accessibility" />
<div class="text">
<h3>1. Website Accessibility</h3>
<p>Ensure 24/7 availability for users, building trust and preventing business loss.</p>
</div>
</div>
<div class="hosting-item">
<img src="assets/Images/Speed-01.webp" alt="Performance and Speed" />
<div class="text">
<h3>2. Performance and Speed</h3>
<p>Enhance user experience and SEO with fast loading times and optimized performance.</p>
</div>
</div>
<div class="hosting-item">
<img src="assets/Images/Security-01.webp" alt="Security" />
<div class="text">
<h3>3. Security</h3>
<p>Protect your site with robust security measures like firewalls, encryption, and backups.</p>
</div>
</div>
<div class="hosting-item">
<img src="assets/Images/Upward-01.webp" alt="Scalability" />
<div class="text">
<h3>4. Scalability</h3>
<p>Seamlessly upgrade resources as your business grows to handle increased traffic and data.</p>
</div>
</div>
<div class="hosting-item">
<img src="assets/Images/Research-01.webp" alt="SEO Benefits" />
<div class="text">
<h3>5. SEO Benefits</h3>
<p>Improve search engine rankings with reliable and fast hosting, driving more organic traffic.</p>
</div>
</div>
<div class="hosting-item">
<img src="assets/Images/Credibility-01.webp" alt="Professionalism and Credibility" />
<div class="text">
<h3>6. Professionalism and Credibility</h3>
<p>A well-hosted website reflects professionalism, enhancing credibility and customer trust.</p>
</div>
</div>
<div class="hosting-item">
<img src="assets/Images/Microphone-01.webp" alt="Technical Support" />
<div class="text">
<h3>7. Technical Support</h3>
<p>Benefit from 24/7 technical support to quickly resolve issues and minimize downtime.</p>
</div>
</div>
<div class="hosting-item">
<img src="assets/Images/Customization-01.webp" alt="Customization and Control" />
<div class="text">
<h3>8. Customization and Control</h3>
<p>Enjoy greater control and customization options to tailor your website to your specific needs.</p>
</div>
</div>
<div class="hosting-item conclusion">
<div class="text">
<h3>Conclusion:</h3>
<p>Invest in quality web hosting to secure, optimize, and grow your digital presence, driving success in the online world.</p>
</div>
</div>
</div>
<div class="hosting-footer">
<p><strong>Vistas AD Media Communications</strong> Empowering Your Digital Journey with Reliable Web Hosting Services!</p>
<p class="credit">Infographic by: <strong><a style="color:#180052;" href="https://vistasadindia.com/">Vistas AD Media Communications</a></strong></p>
</div>
</div>
<style>/* Unique wrapper */
.hosting-infographic {
max-width: 750px;
margin: 30px auto;
background: #fff3e6;
border-radius: 8px;
overflow: hidden;
font-family: Arial, sans-serif;
}
/* Header */
.hosting-header {
background: #e85c0d;
text-align: center;
padding: 18px 12px;
}
.hosting-header h2 {
color: #fff;
font-size: 20px;
font-weight: 700;
line-height: 1.4;
margin: 0;
}
.hosting-header h2 span {
color: #ffd24d;
}
/* Content */
.hosting-content {
padding: 20px 20px 50px 80px;
}
.hosting-item {
display: flex;
align-items: flex-start;
gap: 12px;
margin-bottom: 45px;
}
.hosting-item img {
width: 38px;
height: 38px;
flex-shrink: 0;
}
.hosting-item .text h3 {
font-size: 16px;
color: #e85c0d;
margin: 0 0 4px;
}
.hosting-item .text p {
font-size: 16px;
color: #333;
margin: 0;
line-height: 1.5;
}
/* Conclusion */
.hosting-item.conclusion .text h3 {
color: #000;
}
.hosting-item.conclusion .text p {
color: #000;
font-weight: 500;
}
/* Footer */
.hosting-footer {
text-align: center;
padding: 15px;
border-top: 1px solid #f1c699;
}
.hosting-footer p {
font-size: 13px;
color: #333;
margin: 5px 0;
}
.hosting-footer .credit {
font-size: 12px;
color: #666;
}
/* Responsive */
@media (max-width: 600px) {
.hosting-item {
flex-direction: column;
align-items: flex-start;
}
.hosting-item img {
margin-bottom: 8px;
}
}
</style>
</section>
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<style>
/* Unique Hosting Page Styles */
.hosting-wrapper {
font-family: Arial, sans-serif;
background-color: #190155; /* main background */
color: #ffffff;
line-height: 1.5;
width: 100%;
}
.hosting-section {
width: 100%;
padding: 30px 180px;
text-align: center;
}
.hosting-section h1,
.hosting-section h2,
.hosting-section h3 {
color: #ffffff;
margin-bottom: 10px;
}
.hosting-section h1 {
font-size: 2rem;
font-weight: bold;
}
.hosting-section h2 {
font-size: 2rem;
font-weight: bold;
}
.hosting-section h3 {
font-size: 1.2rem;
font-weight: bold;
}
.hosting-section p {
color: #e0e0ff;
font-size: 16px;
margin: 0;
}
.hosting-features {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 15px;
margin-top: 15px;
width: 100%;
}
.hosting-card {
background-color: #ffffff;
color: #000000;
padding: 15px;
border-radius: 6px;
text-align: left;
font-size: 0.95rem;
}
.hosting-card h3 {
color: #190155;
margin-bottom: 8px;
font-size: 1rem;
}
@media (max-width: 768px) {
.hosting-features {
grid-template-columns: 1fr;
}
.hosting-section {
padding: 15px;
}
}
</style>
<div class="hosting-wrapper">
<!-- Hero -->
<section class="hosting-section">
<h2>Best Web Hosting Service with Security</h2>
<p>
Security is a primary concern in the online universe today. Managing webhosting and its security is a major responsibility that needs to be dealt with utmost caution and care.
</p>
<p>The level of security on offer is a deciding factor in awarding webhosting responsibilities. Malicious hackers attack web hosting servers through many ways for e.g.: by uploading malware, or malicious code onto a hosted website for stealing credit card data, for corporate espionage or for spamming.</p>
</section>
<!-- Packages -->
<section class="hosting-section">
<h2>Web Hosting Packages to Fit Your Requirements</h2>
<p>
We deliver complete online presence including speed, security, up-time, and service in our
web hosting services.
</p>
</section>
<!-- Features -->
<section class="hosting-section">
<div class="hosting-features">
<div class="hosting-card">
<h3>⚡ Reliability</h3>
<p style="color:#180052;">
“Your website is inaccessible” is not an option anymore. Customers are searching for your
products at some part of the globe at any given time. We work with global leaders, deploy
up-to-the-minute innovations to stay reliable and ensure your web assets are always on
and accessible.
</p>
</div>
<div class="hosting-card">
<h3>🔒 Security</h3>
<p style="color:#180052;">
Website security is exceedingly important. It is difficult to imagine why anybody would harm a website. But they are very much out there.
Hackers, spammers, why even aggressive competitors could try to switch you off and gain control of your customer traffic.
We have your website security covered with our monitoring system and prevent every
type of attack including DDoS attackers.
</p>
</div>
</div>
</section>
<!-- Support -->
<section class="hosting-section">
<h3>We Will Support, Guide and Provide Service to Host Websites</h3>
<p>
We design & develop websites every day; our hosting know-how is finely honed and up to date.
We make an informed assessment of your website, draw up a customised plan, launch your
website, and continue to serve you through the full lifecycle of your enterprise.
</p>
</section>
<!-- Closing -->
<section class="hosting-section">
<h2>Know more about web hosting – The home for your website & online presence.</h2>
</section>
</div>
<div><img class="seoimg2" src="assets/img/Faq.png" alt="faq" loading="lazy"></div>
<section class="s6 bg-blue pt-0 faqs">
<div class="container">
<div class="row">
<h2 class="text-center text-white title-head">
<br>
Frequently Asked Questions
</h2>
<div class="acc-sec mt-md-5 mt-3">
<div class="accordion" id="accordionExample">
<div class="accordion-item">
<h2 class="accordion-header" id="headingOne">
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
<span> 1. What is web hosting?</span>
</button>
</h2>
<div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-bs-parent="#accordionExample">
<div class="accordion-body">
<p>Web hosting is a service that allows individuals and businesses to make their websites accessible on the internet. When you purchase a hosting plan, you are essentially renting space on a server where your website's files are stored.</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> 2. What types of web hosting services do you offer?</span>
</button>
</h2>
<div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo" data-bs-parent="#accordionExample">
<div class="accordion-body">
<p>We offer a variety of web hosting services to suit different needs:
- Shared Hosting: Ideal for small websites and blogs.
- VPS Hosting: For medium-sized businesses requiring more control and resources.
- Dedicated Hosting: For large enterprises needing dedicated server resources.
- Cloud Hosting: For scalable and high-availability hosting solutions.
- E-commerce Hosting: Tailored for online stores with enhanced security and performance.
</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> 3. How do I choose the right hosting plan for my website?</span>
</button>
</h2>
<div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree" data-bs-parent="#accordionExample">
<div class="accordion-body">
<p>Choosing the right hosting plan depends on your website's size, traffic, and specific requirements. For small websites or blogs, shared hosting is usually sufficient. For larger websites or those experiencing high traffic, VPS, dedicated, or cloud hosting may be more appropriate. If you need assistance, our team can help you select the best plan for your needs.</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>4. How reliable are your web hosting services?</span>
</button>
</h2>
<div id="collapse4" class="accordion-collapse collapse" aria-labelledby="heading4" data-bs-parent="#accordionExample">
<div class="accordion-body">
<p>Our web hosting services boast an impressive uptime of 99.9%. We use advanced technology and infrastructure to ensure your website is always available and performs optimally. </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> 5. What security measures do you have in place?</span>
</button>
</h2>
<div id="collapse5" class="accordion-collapse collapse" aria-labelledby="heading5" data-bs-parent="#accordionExample">
<div class="accordion-body">
<p>We prioritize the security of your website with robust measures including firewalls, DDoS protection, regular security audits, and automatic backups. We also offer SSL certificates to encrypt data and protect sensitive information.</p>
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="heading6">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse6" aria-expanded="false" aria-controls="collapse6">
<span> 6. Can I upgrade my hosting plan later?</span>
</button>
</h2>
<div id="collapse6" class="accordion-collapse collapse" aria-labelledby="heading6" data-bs-parent="#accordionExample">
<div class="accordion-body">
<p>Yes, our hosting plans are designed to be scalable. As your website grows, you can easily upgrade your plan to accommodate increased traffic and resource needs without any downtime.</p>
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="heading7">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse7" aria-expanded="false" aria-controls="collapse7">
<span> 7. Do you offer customer support?</span>
</button>
</h2>
<div id="collapse7" class="accordion-collapse collapse" aria-labelledby="heading7" data-bs-parent="#accordionExample">
<div class="accordion-body">
<p>Yes, we provide 24/7 customer support. Our dedicated support team is available around the clock to assist with any hosting-related issues, from setup and troubleshooting to optimization.</p>
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="heading8">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse8" aria-expanded="false" aria-controls="collapse8">
<span> 8. What is the difference between shared and VPS hosting?</span>
</button>
</h2>
<div id="collapse8" class="accordion-collapse collapse" aria-labelledby="heading8" data-bs-parent="#accordionExample">
<div class="accordion-body">
<p>- Shared Hosting: Multiple websites share the same server resources, making it a cost-effective option for smaller websites with lower traffic.
- VPS Hosting: Provides dedicated resources within a shared environment, offering more control, performance, and flexibility compared to shared hosting.
</p>
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="heading9">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse9" aria-expanded="false" aria-controls="collapse9">
<span> 9. How do I migrate my existing website to your hosting service?</span>
</button>
</h2>
<div id="collapse9" class="accordion-collapse collapse" aria-labelledby="heading9" data-bs-parent="#accordionExample">
<div class="accordion-body">
<p>We offer migration services to help you transfer your website to our hosting platform with minimal disruption. Our team will handle the migration process, ensuring your website is moved safely and efficiently.</p>
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="heading10">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse10" aria-expanded="false" aria-controls="collapse10">
<span> 10. Do you provide backups for my website?</span>
</button>
</h2>
<div id="collapse10" class="accordion-collapse collapse" aria-labelledby="heading10" data-bs-parent="#accordionExample">
<div class="accordion-body">
<p>Yes, we perform regular backups to ensure your website's data is safe and can be restored in case of any issues. You can also manage and schedule backups through your control panel.</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> 11. What is cloud hosting?</span>
</button>
</h2>
<div id="collapse11" class="accordion-collapse collapse" aria-labelledby="heading11" data-bs-parent="#accordionExample">
<div class="accordion-body">
<p>Cloud hosting is a type of web hosting that uses multiple interconnected servers to host websites. This setup provides high availability, scalability, and redundancy, ensuring your website remains accessible even if one server fails.</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> 12. Can I host an e-commerce website with your services?</span>
</button>
</h2>
<div id="collapse12" class="accordion-collapse collapse" aria-labelledby="heading12" data-bs-parent="#accordionExample">
<div class="accordion-body">
<p>Absolutely! Our e-commerce hosting plans are specifically designed to support online stores. We offer features such as SSL certificates, shopping cart integration, and payment gateway support to help you create a secure and efficient platform for your customers.</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>13. How do you ensure fast website performance?</span>
</button>
</h2>
<div id="collapse13" class="accordion-collapse collapse" aria-labelledby="heading13" data-bs-parent="#accordionExample">
<div class="accordion-body">
<p>We use advanced technologies like SSD storage, optimized servers, and content delivery networks (CDNs) to ensure your website loads quickly and performs well. Fast website performance is crucial for a positive user experience and improved SEO rankings.</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>14. What control panel do you offer?</span>
</button>
</h2>
<div id="collapse14" class="accordion-collapse collapse" aria-labelledby="heading14" data-bs-parent="#accordionExample">
<div class="accordion-body">
<p>We provide a user-friendly control panel, such as cPanel or Plesk, to manage your hosting account. These control panels offer a wide range of features to help you manage your website, domains, emails, and more with ease.</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>15. How do I get started with your web hosting services?</span>
</button>
</h2>
<div id="collapse15" class="accordion-collapse collapse" aria-labelledby="heading15" data-bs-parent="#accordionExample">
<div class="accordion-body">
<p>Getting started is easy! Visit our [website](https://vistasadmedia.com), choose the hosting plan that suits your needs, and sign up. If you need any assistance, our team is here to help you through the process. </p>
</div>
</div> </div>
</div>
</div>
</div>
</div>
</div>
<section class="bg-white">
<div class="container">
<div class="row">
<h2 class="text-center text-blue mb-md-4 mb-4 title-head">
Below is a brief overview of our capabilities
</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="web-maintenance-services.php" class="text-blue">Website Maintenance Services</a></h2>
<p>
You can count on Vistas' Web Maintenance services to keep your website current and professional. Keeping your website up-to-date and providing support is handled quickly and effortlessly by Vistas all year round. We provide comprehensive, efficient, and reliable website maintenance and support services. Our website maintenance and support services are available to both small businesses and large organizations.
</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="https://vistasadindia.com/" class="text-blue">Web Design Company</a></h2>
<p>
UI/UX, copywriting, website architecture, and search engine optimization are all essential elements of designing a website. Creating a high-impact, unique website that achieves your goals is what we do. We create brand experiences that inspire and persuade together with our web designers, writers, and technology professionals. 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-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="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="drupal-development-service.php" class="text-blue">Drupal Development Services</a></h2>
<p>
Vistas provides Drupal development services, such as building online stores and web portals that can be easily updated as client content is developed. We have developers who specialize in developing Drupal applications, which are enterprise content management systems and frameworks for creating web applications for corporations. To collaborate and develop business, both external and internal users of the organization need tools and features.
</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="joomla-development-service.php" class="text-blue">Joomla Development</a></h2>
<p>
Vistas develops Joomla-based content management systems to track and manage website content. Documents, photos, music, videos, and text are all types of content that are included in content. A dashboard simplifies the management of all this information without requiring technical expertise. Joomla developers in Bangalore build quality websites using this powerful content management system to give you an edge over your competitors.
</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="cms-website.php" class="text-blue">Content Management Systems – CMS Development</a></h2>
<p>
With Vistas CMS Website Development Services, you can upload information through a password-protected dashboard to your CMS or Content Management System. Updating or maintaining the website does not require programming knowledge. We build modern websites on well-known CMS platforms such as: Joomla, Drupal and Wordpress among others. Through an easy-to-use administrative interface, our websites are feature-rich and designed to maximize ROI, reduce maintenance costs, and provide easy content updates.
</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="responsive-webdesign.php" class="text-blue">Responsive Web Design</a></h2>
<p>
Put yourself ahead of the competition with our responsive web design services. Vistas builds device-independent responsive websites. Web accessibility is the future of the web, as it should be compatible with all devices. With Vistas, as a responsive website designing company, you can build a supersite that is completely device independent - a site that can be viewed on desktops, tablets, and smartphones alike. There's a huge demand for media-rich mobile internet and apps, so search visibility, ROI, and conversions are important factors.
</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="search-engine-marketing.php" class="text-blue">Search Engine Marketing</a></h2>
<p>
After having created a winning website with engaging web copy, stunning graphics and eye catching visuals, it is now time to invest in search engine marketing and drive targeted and qualified traffic to your site. The SEM Service experts at Vistas are ready to spring into action and make sure that your SEM campaign is running as smoothly as possible. A search engine marketing service today involves much more than just pay-per-click advertising. There are a variety of other forms of search marketing that are also driven by search engine results.
</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="link-building.php" class="text-blue">SEO Link Building Services</a></h2>
<p>
In our link building services, we believe you'll get the best results if you get quality back links with keyword-rich anchor text from trustworthy websites. As part of our link building services, we will develop high quality backlinks for you through persuasive communication. Personal contact will be made with authority websites in your niche or industry to ask them to link to you. Additionally, prominent bloggers in your industry will link to your website after reviewing it.
</p>
</div>
</div>
</div>
</div>
</section>
<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 {
text-align: justify;
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>
<style>/* Reset */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
/* General */
body {
font-family: 'Arial', sans-serif;
color: #333;
background: #fff;
}
.bannerheading{font-size:60px;}
.container {
margin: auto;
}
.seoimg2 {
width: 100%;
}
/* Banner */
.banner-section {
background: radial-gradient(#0026f2, #190155);
color: #ffffff;
padding: 150px 0;
}
.banner-container {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
}
.banner-content {
flex: 1;
padding-right: 30px;
min-width: 300px;
}
.banner-content h1 {
font-size: 40px;
margin-bottom: 20px;
line-height: 1.3;
}
.banner-content h5 {
font-size: 30px;
font-weight:bold;
margin-bottom: 20px;
line-height: 1.3;
}
.banner-content p {
font-size: 20px;
}
.banner-image {
text-align: center;
min-width: 300px;
}
.banner-image img {
width:600px;
height: auto;
}
/* Main Content */
.content-section {
padding: 60px 0;
}
.content-section h2
{
margin-bottom: 20px;
}
.content-section h3 {
font-weight: bold !important;
margin-bottom: 20px;
}
.content-section p {
color: #180052 !important;
margin-bottom: 20px;
line-height: 1.6;
}
.services-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
margin-top: 30px;
}
.service-item h4 {
margin-bottom: 10px;
}
.services-grid {
grid-template-columns: repeat(2, 1fr);
gap: 20px;
margin-top: 30px;
}
.service-item p {
color: #555;
}
.why-choose p {
margin-bottom: 15px;
}
/* Infographic */
@media (max-width: 768px) {
.content-section {
padding: 20px 0;
}
.container {
margin: auto;
}
.content-section h3 {
font-size: 20px;
text-align: center;
font-weight: bold !important;
margin-bottom: 20px;
}
.banner-image img {
display: none;
}
.banner-container {
text-align: center;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
}
.bannerheading{font-size:38px;
text-align: center;
}
.banner-content {
padding: 0;
margin-bottom: 30px;
}
.services-grid {
grid-template-columns: 1fr;
}
}
.infographic {
max-width: 800px;
margin: 80px auto;
background-color: #841c24;
background-size: cover;
color: #fff;
padding: 0px 150px 0px 150px;
border-radius: 20px;
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
}
.content h1 {
padding-top: 20px;
text-align: center;
color: #fff;
font-weight: bold!important;
margin-bottom: 10px;
text-transform: uppercase;
}
.content h5 {
font-size: 20px;
text-align: left;
color: #fff;
font-weight: bold!important;
margin-top:20px;
text-transform: uppercase;
}
.content h1 span {
font-size: 45px;
font-weight:bold!important;
color: #f7d200;
}
.divider {
border: 1px solid
;
width: 60%;
color: #444;
}
.content h2 {
color: #f18233;
font-weight: bold!important;
font-size: 20px;
margin: 20px 0 10px;
text-transform: uppercase;
}
ul, ol {
color: #fff;
margin: 10px 0;
padding-left: 20px;
}
.cta {
font-size: 18px;
text-align: center;
margin: 30px 0 10px;
color: #fff;
}
.credit {
text-align: center;
font-size: 14px;
color: #fff;
}
/* Responsive Adjustments */
@media (max-width: 768px) {
.infographic {
padding: 15px;
color: #fff;
}
.content h1 {
color: #fff;
font-size: 20px;
}
.content h1 span {
font-size: 25px;
font-weight:bold!important;
color: #f7d200;
}
.content h2 {
color: #fff;
font-size: 18px;
}
.cta {
color: #fff;
font-size: 16px;
}
.credit {
color: #fff;
font-size: 12px;
}
}
@media (max-width: 480px) {
.infographic {
padding: 10px;
color: #fff;
}
.content h1 {
color: #fff;
font-size: 18px;
}
.content h2 {
color: #fff;
font-size: 16px;
}
.cta {
color: #fff;
font-size: 14px;
}
}
</style>
</section>
<section class="bg-litgray">
<div class="container">
<div class="row">
<div class="p-0">
<p class="text-center">
<b>Why Bangalore Businesses Trust Vistas AD Media Communications</b>
</p>
<ul class="d-md-flex d-block justify-content-around list-unstyled my-md-5 my-4">
<li></li>
<li class="pb-md-0 pb-4">
<span class="text-blue"><i class="fa fa-check-circle"></i></span>
<b>Local Expertise:</b> <br>Based in Bangalore, we understand the unique needs of businesses in the region
and offer tailored hosting solutions to meet these requirements.
</li>
<li class="pb-md-0 pb-4">
<span class="text-blue"><i class="fa fa-check-circle"></i></span>
<b> Competitive Pricing:</b> Our hosting plans are competitively priced to deliver maximum value without
compromising on quality.
</li>
<li class="pb-md-0 pb-4">
<span class="text-blue"><i class="fa fa-check-circle"></i></span>
<b>Customer Satisfaction:</b> We prioritize customer satisfaction, building long-term relationships based on
trust and exceptional service.
</li>
<li></li>
</ul>
<p class="text-center">Know more about web hosting agency pricing and various related services</p>
<div class="d-flex justify-content-center mt-md-3 mt-3">
<a href="contact-us.php" class="cust-btn1">Call us Today</a>
</div>
</div>
</div>
</div>
</section>
<section class="s6">
<div class="container">
<div class="row">
<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-3 my-md-5">
<div class="d-flex justify-content-center">
<ul class="foot-list">
<li><a href="mailto:info@vistasadindia.com" class=""><img src="assets/img/home/email.svg" width="20" height="20" alt="mail"> info@vistasadindia.com</a></li>
<li><a href="tel:+91 9686697971" class=""><img src="assets/img/home/phone.svg" width="20" height="20" alt="mail"> +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>
</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": "Office no. F2, First floor - Left wing, Building no. 376, Jwalamala Square, 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": "BreadcrumbList",
"itemListElement": [
{
"@type": "ListItem",
"position": 1,
"name": "Home",
"item": "https://vistasadindia.com/"
},
{
"@type": "ListItem",
"position": 2,
"name": "Web Hosting Services in Bangalore",
"item": "https://vistasadindia.com/web-hosting-services.php"
}
]
}
</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-hosting-services.php",
"image": "https://vistasadindia.com/assets/img/image-web-hosting-services-in-bangalore.jpg"
}
</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>