File: /home/u503286720/domains/vistasadindia.com/public_html/advertising-agency.php
<?php
$title = "Advertising Agency in Bangalore | Creative Ad Solutions – Vistas AD Media";
$description = "Vistas, the leading advertising agency in Bangalore, provides strategic, creative and results-driven advertising services to enhance your brand visibility and ROI.";
$keyword = "Advertising Company in Bangalore, Advertising Services in Bangalore, Advertising Agency in Bangalore, Advertising Agencies in Bangalore, Advertising Companies in Bangalore, Advertising Agency in Bangalore, Creative Advertising Agency in Bangalore, Creative Ad Agency in Bangalore, Digital Advertising Agency in Bangalore, Branding Agency in Bangalore, Advertisement Company in Bangalore, Ad Agencies in Bangalore, Best Branding Agency in Bangalore";
$url = "https://vistasadindia.com/advertising-agency.php";
$bread_third = "Advertising Agency in Bangalore";
?>
<?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:title" content="Advertising Agency in Bangalore | Creative Ad Solutions – Vistas AD Media Communications" />
<meta property="og:description" content="Partner with Vistas AD Media Communications, a leading advertising agency in Bangalore, for strategic and creative ad campaigns that deliver measurable results." />
<meta property="og:url" content="https://vistasadindia.com/advertising-agency.php" />
<meta property="og:type" content="website" />
<meta property="og:image" content="https://vistasadindia.com/assets/img/image-advertising-agency-in-bangalore.jpg" />
<meta property="og:image:width" content="1200"/>
<meta property="og:image:height" content="630"/>
<meta property="og:site_name" content="Vistas AD Media Communications" />
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Advertising Agency in Bangalore | Creative Ad Solutions – Vistas AD Media Communications">
<meta name="twitter:site" content="@vistasadindia">
<meta name="twitter:description" content="Discover innovative and results-driven advertising services from Vistas AD Media Communications – your trusted ad agency in Bangalore.">
<meta name="twitter:image" content="https://vistasadindia.com/assets/img/image-advertising-agency-in-bangalore.jpg">
<meta name="twitter:image:alt" content="Advertising Agency in Bangalore">
<meta name="Language" content="en" />
<meta name="Rating" content="General" />
<meta name="audience" content="all" />
<meta name="expires" content="never" />
<meta name="Designer" content="Vistas Ad Media Communications Pvt. Ltd." />
<meta name="owner" content="Vistas Ad Media Communications Pvt. Ltd." />
<link rel="icon" href="images/favicon.png" type="image/png" sizes="16x16" alt="favicon">
<!-- bootstrap -->
<link href="assets/dist/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<link href="assets/advertising.css" rel="stylesheet" type="text/css" />
<!-- plugins -->
<!-- mega menu -->
<!-- custom style -->
<?php echo $script; ?>
<?php include 'gtag.php'; ?>
<style>
.bd-placeholder-img {
font-size: 1.125rem;
text-anchor: middle;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
@media (min-width: 768px) {
.bd-placeholder-img-lg {
font-size: 3.5rem;
}
}
.social-icons li b{visibility:hidden;}
.social-icons i {color: #180052;font-size: 18px;}
.wrapper {
max-width: 100%;
overflow: hidden;
height:600px;
}
.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;
}
h2.display-5{line-height: 1.5;}
* {
box-sizing: border-box;
}
/* Create two equal columns that floats next to each other */
.column {
margin-top:20px;
float:center;
width: 50%;
padding-top: 150px;
height: 600px; /* Should be removed. Only for demonstration */
}
.seoimg2{width:100%; padding-top:60px;}
.column1 {
margin-top:50px;
border-bottom:1px solid #0026f2 ;
float:center;
width: 50%;
height: 285px; /* Should be removed. Only for demonstration */
}
.column2{
padding-left:80px;
margin-top:50px;
border-left:1px solid #0026f2;
border-bottom:1px solid #0026f2;
float:center;
width: 50%;
height: 285px; /* Should be removed. Only for demonstration */
}
.column3{
padding-top: 10px;
border-right:1px solid #0026f2;
float:center;
width: 50%;
height: 285px;/* Should be removed. Only for demonstration */
}
.column4{
padding-top: 10px;
padding-left:80px;
float:center;
width: 50%;
height: 285px; /* Should be removed. Only for demonstration */
}
.column5{
border-right:1px solid #0026f2;;
border-top:1px solid #0026f2;
float:center;
width: 50%;
height: 285px; /* Should be removed. Only for demonstration */
}.column6{
border-top:1px solid #0026f2;
float:center;
width: 50%;
height: 285px; /* Should be removed. Only for demonstration */
}
/* Clear floats after the columns */
.row:after {
content: "";
display: table;
clear: both;
}.text-center {
text-align: center !important;
}
.text-white2 {
padding-top:0px;
padding-left:10px;
font-weight:lighter;
font-size:25px;
color: #fff !important;
}
.headingyellow{color:#ffbd00;
text-align:left;
padding-left:150px;
font-size:50px;}
.headingyellow1{color:#ffbd00;
text-align:left;
padding-left:100px;
font-size:47px;}
.headingyellow13{color:#fff;
margin:0;
text-align:left;
padding-left:10px;
font-size:40px;}
.headingwhite{color:#ffffff;
font-size:80px;}
.whitetext{color:white;
font-size:50px;
padding-left:150px;
text-align:left;
}
.whitetextcenter{color:white;
font-size:30px;
text-align:center;}
.whitetext2{color:white;
font-size:25px;
padding-left:150px;
font-weight:100;
text-align:left;
}
.bannerimg{width:700px;
height:350px;
text-align: middle;
}.line1 {
text-align:center;
color:black;
margin: 0px;
font-size: 25px;
padding:10px 10px 10px 10px;
font-weight: 300 !important;
}
.Benefits{padding:50px}
.smallcontent{
padding:15px 10px 15px 10px;
margin: auto;
text-align: justify;
font-size:40px;
font-weight: 100;
color:#0026f2;}
.smallcontent1{padding:15px 15px 15px 15px;
margin: auto;
text-align: justify;
font-size:40px;
font-weight: 100;
color:#0026f2;}
.headintwo{
font-weight:400;
margin: auto;font-size:45px;
text-align: justify;
color:#0026f2;}
.bodytext{color:#180052;
margin: auto;
font-size: 16px;
padding:15px 150px 15px 150px;
text-align: left;
line-height: 35px;
}
.bodytextsub{color:#180052;
margin: auto;
font-size: 16px;
padding:1px 150px 1px 150px;
text-align: left;
line-height: 35px;
}
.bodytextli{color:#180052;
margin: auto;
font-size: 16px;
padding:15px 150px 15px 180px;
text-align: left;
line-height: 35px;}
.bodytextit{color:#180052;
margin: auto;
font-size: 16px;
padding:15px 150px 15px 150px;
text-align: left;
line-height: 35px;
font-style: italic;
}
.subbodytext{padding:10px 150px 10px 150px;
margin: auto;
text-align: justify;
font-size:25px;
font-weight: 400;
color:#161896;}
.subbodytext1{
padding-top:20px;
margin: auto;
text-align:left;
font-size:28px;
font-weight: 400;
color:#0026f2;}
.subbodytext12{
padding-left:30px;
padding-top:30px;
margin: auto;
text-align:left;
font-size:30px;
font-weight: 400;
color:#0026f2;}
.text-center1 {
padding-left:75px;
text-align: left !important;
}
.display-5{text-align:left !important}
.bodytextleft{text-align:left;
padding:0px 0px 50px 0px;
}
.bodytextleft1{text-align:left;
padding:20px 0px 20px 10px;
}
.bluebgfortext{background-color:#190155;
padding:50px 150px 100px 150px;
margin-top:50px;
}
.line1 {
color:black;
margin: 0px;
font-size: 25px;
padding:25px 150px 20px 150px;
font-weight: 300 !important;
}
.img-fluid {
padding-top: 10px;
max-width: 100%;
height: auto;
}
.containerg {
max-width: 1200px;
margin: 0px auto;
padding: 0px;
}
h1 {
text-align: center;
margin-bottom: 20px;
color: #2a2a2a;
}
.cust-btn {
background: #fff;
padding: 12px 30px;
color: #180052;
border-radius: 30px;
border: 1px solid #0026f2;
}
.row1 {
display: flex;
flex-wrap: wrap;
margin-bottom: 0px;
gap: 20px;
}
.columng {
flex: 1;
min-width: 300px;
max-width: 50%;
background-color: #f9f9f9;
padding: 20px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
border-radius: 10px;
}.infoimag3{width:0px;}
.columng.full-width {
max-width: 100%;
min-width: 100%;
}
.bannerheading{
color:#FFC107; font-size:40px; line-height:1.2; }
.bannerheading1{
color:white; font-size:40px; line-height:1.2; font-weight:400!important}
.container1 {
display: flex;
justify-content: space-between;
align-items: center;
padding: 100px 100px 100px 150px;
width: 100%;
border-radius: 10px;
}.bannerimg{width:600px;
height:454px;
text-align: middle;
}
.text-content {
padding-left:0px;
max-width: 1000px;
}
h2 {
font-size: 1.5em;
margin-top: 10px;
}
.image-content img {
max-width: 100%;
height: auto;
}
.infograpich{
padding:20px;
margin:auto;
}
.image-sectionl {
flex: 1;
margin: auto;
}
.content-sectionl h2, .content-sectionl h3 {
text-align: center;
}
.benefitl {
display: flex;
align-items: center;
margin: 20px;
}
.numberl {
background-color: #4CAF50;
color: white;
border-radius: 50%;
width: 50px;
height: 50px;
display: flex;
justify-content: center;
align-items: center;
font-size: 1.5em;
margin-right: 20px;
}
.image1{
margin-left: 20px;
margin-top: 60px;
height:800px;
width:300px;}
.content-sectionl {
flex: 1;
margin-left: 300px;
}.grapich1{ margin:auto;
padding-bottom:40px; color:#0026f2; font-size:40px; text-align:center;}
.grapich{
margin:auto;
padding-top:45px; color:#0026f2; font-size:40px; text-align:center;}
.containerl2 {
border-radius:20px;
width:800px;
height: 850px;
margin:auto;
display: flex;
background-color: #fff;
box-shadow: 0 0 10px rgb(0 0 0 / 52%);
}
.image-sectionl {
flex: 1;
margin: auto;
}
.content-sectionl {
flex: 1;
margin-left: 0px;
}
.content-sectionl h2, .content-sectionl h3 {
text-align: center;
}
.benefitl {
display: flex;
align-items: center;
margin: 40px;
}
.numberl {
background-color: #4CAF50;
color: white;
border-radius: 50%;
width: 50px;
height: 50px;
display: flex;
justify-content: center;
align-items: center;
font-size: 1.5em;
margin-right: 20px;
}
.textl h4 {
margin: 0 0 2px 0;
font-weight:bold;
}
.textl ul {
list-style: none;
padding: 0;
}
.textl ul li {
margin: 5px 0;
}
.containerinfo {
margin:0 auto;
width:900px;
display: grid;
grid-template-columns: repeat(2, 1fr);
border-radius:10px;
}
.info1{ background-color: #003d6c;
margin:0 auto;
font-size:30px;
width:899px;
padding:0;
color:white;
text-align:center;
padding:50px 5px 5px 5px;
}
.info12{ background-color: #003d6c;
margin:0 auto;
font-size:30px;
width:899px;
padding:0;
color:white;
text-align:center;
padding:13px 5px 50px 5px;
}
.info123{ background-color: #003d6c;
margin:0 auto;
font-size:17px;
width:899px;
padding:0;
color:white;
text-align:left;
padding:25px 25px 25px 25px;
}
.info1m{ background-color: #003d6c;
margin:0 auto;
font-size:20px;
width:390px;
padding:0;
color:white;
text-align:center;
}
.infoh{background:#ff7527;
padding:5px;
color:white;
font-size:30px;
}
.infohm{background:#ff7527;
padding:0;
color:white;
font-size:20px;
width:390px;
text-align:center;
}
.infoh2{color:white;}
.cell {
background-color: #003d6c;
border-right: 1px solid white;
position: relative;
}
.cell1 {
background-color: #003d6c;
border-right: 1px solid white;
position: relative;
}
.cell12 {
background-color: #003d6c;
position: relative;
}
.bore{border-bottom: 1px solid white;
margin:0 auto;
}
.bore1{border-bottom: 1px solid white;
padding:50px 50px 50px 50px;
}
.bore12{border-bottom: 1px solid white;
padding:100px 50px 50px 50px;
}
.bore13{border-bottom: 1px solid white;
padding:10px 50px 80px 50px;
margin:0px;
}
.bore14{border-bottom: 1px solid white;
padding:25px 25px 50px 25px;
}
.bore15{border-bottom: 1px solid white;
padding:85px 25px 25px 25px;
}
.bore1f{border-bottom: 1px solid white;
}
.bore16{border-bottom: 1px solid white;
padding:25px 25px 100px 25px;
}
.bore17{border-bottom: 1px solid white;
padding:80px 25px 100px 25px;
}
.bore18{border-bottom: 1px solid white;
padding:50px 25px 100px 25px;
}
.bore19{border-bottom: 1px solid white;
padding:100px 25px 80px 25px;
}.bore20{border-bottom: 1px solid white;
padding:5px 25px 50px 25px;
}.bore21{
padding:80px 25px 25px 25px;
}
.bore22{border-bottom: 1px solid white;
padding:10px 25px 120px 25px;
}.bore23{border-top: 1px solid white;
border-bottom: 1px solid white;
padding:50px 25px 1px 25px;
}.bore24{border-bottom: 1px solid white;
}
.header {
display: flex;
align-items: center;
}
.header1 {
display: flex;
align-items: center;
}
.number {
font-size: 3em;
font-weight: bold;
color:white;
}
.icon {
font-size: 1.5em;
color:white;
}
h2 {
margin: 10px ;
font-size: 1.5em;
color:white;
}
.infop{color:white;}
.infop12{
padding-top:110px;
text-align:center;
color:white;
}.cust-btn:hover{background: #0026f2;color: #fff;}
.cell:nth-child(even) {
background-color:#003d6c;
}
@media (max-width: 991px){
.smallcontent1{padding:15px 15px 15px 15px;
margin: auto;
text-align: center;
font-size:20px;
font-weight: 100;
color:#0026f2;}
.containerinfo {
margin:0 auto;
width:300px;
display: grid;
border-radius:10px;
}
.cust-btn {
background: #fff;
padding: 12px 30px;
color: #180052;
border-radius: 30px;
border: 1px solid #0026f2;
}.cust-btn:hover{background: #0026f2;color: #fff;}
.bodytextsub {
color: #180052;
margin: auto;
font-size: 16px;
padding: 1px 10px 1px 10px;
text-align: left;
line-height: 35px;
}
.bodytextli{color:#180052;
margin: auto;
font-size: 16px;
padding:15px 15px 15px 15px;
text-align: left;
line-height: 35px;}
.line1 {
text-align: center;
color: black;
margin: 0px;
padding: 0px;
font-size: 16px;
/* padding: 25px 10px 25px 10px; */
font-weight: 300!important;
}
.grapich{
padding-bottom:40px; color:#0026f2; font-size:25px; text-align:center;}
.infoimag2{Display:none;
}
.bodytext{color:#180052;
margin: auto;
font-size: 16px;
padding:10px 10px 10px 10px;
text-align: left;
line-height: 35px;
}.bodytextit{color:#180052;
margin: auto;
font-size: 16px;
padding:15px 150px 15px 150px;
text-align: left;
line-height: 35px;
font-style: italic;
}
.smallcontent{
padding:10px 10px 10px 10px;
margin: auto;
text-align: center;
font-size:25px;
font-weight: 100;
color:#0026f2;}
.services-img{width:50px;
height:80px;
padding:30px 17px 17px 17px;
}
.image-content img {
display: none;
}
.bannerheading{
color:#FFC107; font-size:20px; line-height:1;
text-align:center;}
.bannerheading1{
color:white; font-size:20px; line-height:1.2; }
.container1 {
display: flex;
justify-content: space-between;
align-items: center;
padding:10px;
width: 100%;
border-radius: 10px;
}
.text-content {
text-align:center;
padding-top:55px;
padding-left:10px;
margin:5px;
max-width: 1000px;
}
.containerg {
max-width: 1200px;
margin: 0px auto;
padding: 0px;
}
.row1 {
display: flex;
flex-wrap: wrap;
margin-bottom: 0px;
gap: 20px;
}
.columng {
flex: 1;
min-width: 340px;
max-width: 100%;
background-color: #f9f9f9;
padding: 20px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
border-radius: 10px;
}
.columng.full-width {
max-width: 100%;
min-width: 100%;
}
.image-quote {
flex-direction: column;
align-items: center;
}
.image-quote img {
margin-bottom: 10px;
}
.quote {
text-align: center;
}
.heading{font-weight:500;
font-size:45px;
}
.text-whitebold{color:white;
font-weight:500;
font-size:20px;
}
.infograpich{
font-size:10px;
margin:auto;
padding:20px;
}
.infoimag2{width:300px;
height:500px;
}
.containerl2 {
width:350px;
height: 870px;
margin:auto;
display: flex;
background-color: #fff;
box-shadow: 0 0 10px rgb(0 0 0 / 72%);
}
.image-sectionl {
flex: 1;
margin: auto;
}
.content-sectionl {
flex: 1;
margin-left: 0px;
}
.content-sectionl h2, .content-sectionl h3 {
text-align: center;
}
.benefitl {
display: flex;
align-items: center;
margin: 19px;
}
.numberl {
background-color: #4CAF50;
color: white;
border-radius: 50%;
width: 50px;
height: 50px;
display: flex;
justify-content: center;
align-items: center;
font-size: 1.5em;
margin-right: 20px;
}
.textl h4 {
margin: 0 0 2px 0;
font-weight:bold;
font-size:13px;
}
.textl ul {
list-style: none;
padding: 0;
}
.textl ul li {
margin: 5px 0;
font-size:12px;
}
.infoimag3{width:183px;
height:850px;
}
{
.infoh2{color:white;}
.info1{ background-color: #003d6c;
margin:0 auto;
font-size:17px;
width:325px;
padding:0;
color:white;
text-align:center;
padding:5px;
}
.info12{ background-color: #003d6c;
margin:0 auto;
font-size:17px;
width:325px;
padding:0;
color:white;
text-align:center;
padding:0px;
}
.info1m{ background-color: #003d6c;
margin:0 auto;
font-size:20px;
width:390px;
padding:0;
color:white;
text-align:center;
}
.infoh{background:#ff7527;
padding:5px;
color:white;
font-size:17px;
}
.containerinfo {
width: 90%;
display: block;
border-radius: 0;
}
.cell, .cell1, .cell12 {
border-right: none;
border-bottom: 1px solid white;
}
.bore, .bore1, .bore12, .bore13, .bore14, .bore15, .bore16, .bore17, .bore18, .bore19, .bore20, .bore21, .bore22, .bore23, .bore24 {
border-bottom: none;
padding: 10px 25px;
}
.header, .header1 {
display: block;
text-align: center;
}
.number {
font-size: 2em;
}
.icon {
font-size: 1.2em;
}
.infop{color:white;
font-size: 0.8em;
}
h2 {
font-size: 0.9em;
}
.infop12 {
padding-top: 50px;
}
}
}
</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="main-sec">
<div class="container1">
<div class="text-content">
<p class= "bannerheading">Creative Advertising Solutions </p>
<h2 class="bannerheading1 text-center">That Drive </h2>
<h2 class="bannerheading1 text-center">Real Business
Results </h2>
</div>
<div class="image-content">
<img class="bannerimg" src="image/advertising/advertisingimg/Adv-Page.png" alt="Line Art" />
</div>
</div> </section>
<section>
<h1 class="line1 ">Creative Advertising Agency in Bangalore</h1>
<div class="quote-container">
<div class="quote-text">
“Doing business without advertising is like winking at a girl in the dark.<br><br>
You know what you are doing, but nobody else does.”
</div>
<div class="quote-author">
– Steuart Henderson Britt
</div>
</div>
<div class="two-column-layout">
<div class="text-section">
<h4 class="smallcontent text-center"><strong>Elevate Your Brand with Vistas AD Media Communications</strong></h4>
<p class="section-text">At Vistas AD Media Communications, the leading advertising agency in Bangalore, we specialize in crafting compelling advertising solutions that drive results. With over two decades of experience, our team combines creativity, data-driven insights, and industry expertise to develop and execute advertising campaigns that resonate with your target audience and amplify your brand’s presence.</p>
</div>
<div class="image-section">
<img src="https://vistasadindia.com/assets/img/image-advertising-agency-in-bangalore.jpg" alt="Advertising Agency in Bangalore" title="Advertising Agency in Bangalore">
</div>
</div>
<style>
.quote-container {
max-width: 900px;
margin: 20px auto;
padding: 20px 5%;
background-color: #ffffff;
border-radius: 8px;
font-family: Arial, sans-serif;
text-align: center;
box-sizing: border-box;
}
.quote-text {
font-size: 1.2rem;
line-height: 1.1;
color: #0026f2;
}
.quote-author {
margin-top: 15px;
font-weight: bold;
color: #555555;
font-size: 1rem;
}
/* Responsive: Tablets */
@media (max-width: 768px) {
.quote-container {
max-width: 900px;
padding: 20px 5%;
background-color: #ffffff;
border-radius: 8px;
font-family: Arial, sans-serif;
text-align: center;
box-sizing: border-box;
}
.quote-text {
font-size: 1.1rem;
}
.quote-author {
font-size: 0.95rem;
}
}
/* Responsive: Mobile */
@media (max-width: 480px) {
.quote-container {
max-width: 900px;
margin: 20px auto;
padding: 20px 5%;
background-color: #ffffff;
border-radius: 8px;
font-family: Arial, sans-serif;
text-align: center;
box-sizing: border-box;
}
.quote-text {
font-size: 1rem;
}
.quote-author {
font-size: 0.9rem;
}
}
.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-top:20px; /* 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;
}
.section-title {
font-size: 35px;
font-weight: 100;
color: #0026f2;
}
.sub-heading {
color: #0026f2;
font-size: 35px;
font-weight: 100;
}
.section-text {
color: #180052;
font-size: 16px;
line-height: 1.8;
}
.highlighted-text {
font-size: 18px;
color: #0026f2;
font-weight: bold;
}
.service-list {
margin-left: 20px;
list-style-type: disc;
}
/* ✅ Responsive for Mobile */
@media (max-width: 768px) {
.two-column-layout {
padding:10px;
flex-direction: column;
text-align: center;
}
.text-section, .image-section {
max-width: 100%;
}
}
</style>
<section style="background-color:white; padding-top:50px;">
<div class="container">
<div class="row">
<h4 class="section-title text-center"><strong>Services Overview</strong></h4>
<p class=" text-center">Vistas, the leading advertising agency in Bangalore, provides strategic, creative, and results-driven advertising services to enhance your brand visibility and ROI. Vistas AD Media Communications is your trusted partner in creating memorable advertising campaigns. With over two decades of experience in the industry, we specialize in delivering innovative solutions that drive results and elevate brand presence. Our comprehensive suite of services is designed to cater to businesses of all sizes and industries, ensuring that your message effectively reaches the right audience.</p></div>
<hr class="divide1 my-md-5">
<div class="row mt-md-5 px-md-5">
<div class="col-md-5 order-md-1 order-2">
<p >
Brand Strategy: We develop cohesive brand strategies that align with your business goals and resonate with your audience.
</p>
<p >
Campaign Planning: Our team crafts innovative campaigns that capture attention and drive engagement.
</p>
<p >
Content Creation: From concept to execution, we produce high-quality content that tells your brand’s story compellingly
</p>
</div>
<div class="col-md-1 order-md-2 order-3"></div>
<div class="col-md-5 order-md-3 order-1">
<h3 class=" hone-head1">
Creative Strategy and Campaign Development
</h3>
</div>
</div>
<hr class="divide1 my-md-5">
<div class="row mt-md-5 px-md-5">
<div class="col-md-5">
<h3 class=" hone-head">
Digital Advertising
</h3>
</div>
<div class="col-md-1"></div>
<div class="col-md-5">
<p >
Social Media Advertising: Engage with your audience on platforms like Facebook, Instagram, LinkedIn, and Twitter with targeted ad campaigns.
</p>
<p >
Search Engine Marketing (SEM): Boost your visibility on search engines with strategic PPC campaigns.
</p>
</div>
</div>
<hr class="divide1 my-md-5">
</div>
</section>
<section class="bg-blue">
<div class="container ">
<h4 class="smallcontent1 text-white "><strong>Advertising Agency Services -
</strong>
<br><span >Our advertising agency services includes:</span></h4>
<p class="text-white" style="color:#0026f2; padding-left:10px;">Explore our comprehensive suite of services designed to elevate your brand to new
heights.</p>
<div class="row">
<div class="col-12 mt-md-5 mt-3">
<div class="row mx-auto">
<div class="col-md-4 mx-auto">
<div class="img-box text-start pe-md-4">
<img src="image/advertising/advertisingimg/Strategic-Planning.png" alt="Website design" width="70" height="70">
<h3 class="my-md-4 my-3"><a class="text-white" >Strategic Planning</a></h3>
<p class="text-white">We develop cohesive advertising strategies that align with your business goals. Our process includes market research, audience analysis, and competitive benchmarking to ensure your ad campaigns are effective and targeted.</p>
</div>
</div>
<div class="col-md-4 mx-auto">
<div class="img-box text-start pe-md-4">
<img src="image/advertising/advertisingimg/Creative-Development.png" alt="eCommerce Web Development" width="70" height="70">
<h3 class="my-md-4 my-3 text-white"><a class="text-white">Creative Development</a></h3>
<p class="text-white">We develop cohesive advertising strategies that align with your business goals. Our process includes market research, audience analysis, and competitive benchmarking to ensure your ad campaigns are effective and targeted.</p>
</div>
</div>
<div class="col-md-4 mx-auto">
<div class="img-box text-start pe-md-4">
<img src="image/advertising/advertisingimg/Content-Creation.png" alt="Digital Marketing" width="70" height="70">
<h3 class="my-md-4 my-3 text-white"><a class="text-white" href="https://vistasadindia.com/content-writing-services.php" >Content Creation</a></h3>
<p class="text-white" >Our content team produces high-quality content, including copywriting, graphic design, and multimedia production, to support your advertising campaigns.</p>
</div>
</div>
</div>
<div class="row mt-md-5 mt-4">
<div class="col-md-4 mx-auto">
<div class="img-box text-start pe-md-4">
<img src="image/advertising/advertisingimg/Media-Planning-and-Buying.png" alt="SEO - Search Engine Optimization " width="70" height="70">
<h3 class="my-md-4 my-3 text-white"><a class="text-white" >Media Planning and Buying </a></h3>
<p class="text-white">Navigating the complex world of media can
be challenging. Our media planning and
buying services are designed to simplify this
process and ensure that your ads are placed
in the most effective channels. We analyze
your target audience’s media consumption
habits and negotiate the best rates to
deliver maximum exposure and
engagement.</p>
</div>
</div>
<div class="col-md-4 mx-auto">
<div class="img-box text-start pe-md-4">
<img src="image/advertising/advertisingimg/Digital-Marketing.png" alt="Google AdWords – PPC" width="70" height="70">
<h3 class="my-md-4 my-3 text-white"><a class="text-white" href="https://vistasadindia.com/digital-marketing-company-bangalore.php">Digital Advertising</a></h3>
<p class="text-white">
<b><a href="https://vistasadindia.com/search-engine-marketing.php" target="_blank" class="text-white">Search Engine Marketing (SEM):</b></a> Increase your online visibility through targeted pay-per-click campaigns.
</p>
<p class="text-white"><b> <a href="https://vistasadindia.com/social-media-marketing.php" target="_blank" class="text-white">Social Media Advertising:</b></a> Engage with your audience on platforms like Facebook, Instagram, LinkedIn, and Twitter.
</p>
</div>
</div>
<div class="col-md-4 mx-auto">
<div class="img-box text-start pe-md-4">
<img src="image/advertising/advertisingimg/Social-Media-Marketing.png" alt="Social Media Marketing" width="70" height="70">
<h3 class="my-md-4 my-3 text-white"><a class="text-white" href="social-media-marketing.php">Social Media Marketing</a></h3>
<p class="text-white">Vistas' social media marketing team creates
compelling content, designs high impact
graphics and visuals, and plans your media
presence, frequency, and style</p>
</div>
</div>
</div>
<div class="row mt-md-5 mt-4">
<div class="col-md-4 mx-auto">
<div class="img-box text-start pe-md-4">
<img src="image/advertising/advertisingimg/Social-Media-Management.png" alt="Facebook Advertising" width="70" height="70">
<h3 class="my-md-4 my-3 text-white"><a class="text-white" >Social Media Management</a></h3>
<p class="text-white">Engaging with your audience on social
media is essential for building brand loyalty
and driving conversions. Our social media
management services include content
creation, community management, and
analytics. We help you create meaningful
connections with your followers and grow
your social media presence.</p>
</div>
</div>
<div class="col-md-4 mx-auto">
<div class="img-box text-start pe-md-4">
<img src="image/advertising/advertisingimg/Branding-and-Identity.png" alt="Content Marketing" width="70" height="70">
<h3 class="my-md-4 my-3 text-white"><a class="text-white" href="https://vistasadindia.com/corporate-identity.php">Branding and Identity</a></h3>
<p class="text-white">We help establish a strong brand identity through logo design, brand messaging, and visual storytelling, ensuring consistency across all advertising channels.</p>
</div>
</div>
<div class="col-md-4 mx-auto">
<div class="img-box text-start pe-md-4">
<img src="image/advertising/advertisingimg/Logo-Design.png" alt="Content Writing" width="70" height="70">
<h3 class="my-md-4 my-3 text-white"><a class="text-white" href="https://vistasadindia.com/logo-design.php">Logo Design</a></h3>
<p class="text-white">Your logo tells the story of who you are. We research your competitors before starting any project to ensure that your final product is unique.</p>
</div>
</div>
</div>
<div class="row mt-md-5 mt-4">
<div class="col-md-4 mx-auto">
<div class="img-box text-start pe-md-4">
<img src="image/advertising/advertisingimg/Web-Design.png" alt="Logo Design" width="70" height="70">
<h3 class="my-md-4 my-3 text-white"><a class="text-white" href="https://vistasadindia.com/website-designers.php">Web Design
</a></h3>
<p class="text-white">Vistas is the best website design company in Bangalore that will create an interactive and customized website for your brand.</p>
</div>
</div>
<div class="col-md-4 mx-auto">
<div class="img-box text-start pe-md-4">
<img src="image/advertising/advertisingimg/eCommerce-Web-Development.png" alt="Graphic Design" width="70" height="70">
<h3 class="my-md-4 my-3 text-white"><a class="text-white" href="https://vistasadindia.com/ecommerce-website-design-development.php">eCommerce Web Development</a></h3>
<p class="text-white">Vistas creates eCommerce web design that combines creativity with cutting-edge technology that appeals to consumers.</p>
</div>
</div>
<div class="col-md-4 mx-auto">
<div class="img-box text-start pe-md-4">
<img src="image/advertising/advertisingimg/SEO.png" alt="Packaging design" width="70" height="70">
<h3 class="my-md-4 my-3 text-white"><a class="text-white" href="https://vistasadindia.com/seo-company-in-bangalore.php">Search Engine Optimiztion – SEO</a></h3>
<p class="text-white">Vistas' SEO team has worked on challenging projects and achieved top positions for clients. We specialize in customizing SEO strategies for small, medium, and large companies. </p>
</div>
</div>
<div class="col-md-4 mx-auto">
<div class="img-box text-start pe-md-4">
<img src="image/advertising/advertisingimg/Google-AdWords.png" alt="Graphic Design" width="70" height="70">
<h3 class="my-md-4 my-3 text-white"><a class="text-white" href="https://vistasadindia.com/pay-per-click.php">Google AdWords</a></h3>
<p class="text-white">Vistas Google AdWords services will increase the visibility of your brand, product sales and ultimately profits.</p>
</div>
</div>
<div class="col-md-4 mx-auto">
<div class="img-box text-start pe-md-4">
<img src="image/advertising/advertisingimg/Strategic-Planning.png" alt="Packaging design" width="70" height="70">
<h3 class="my-md-4 my-3 text-white"><a class="text-white" href="https://vistasadindia.com/facebook-advertising-agency.php">Facebook advertising</a></h3>
<p class="text-white">Vistas' Facebook advertising services help you target and build a community of customers following your offerings by utilizing the power of Facebook user-base.</p>
</div>
</div>
<div class="col-md-4 mx-auto">
<div class="img-box text-start pe-md-4">
<img src="image/advertising/advertisingimg/Graphic-Design.png" alt="Packaging design" width="70" height="70">
<h3 class="my-md-4 my-3 text-white"><a class="text-white" href="graphic-design.php">Graphic Design</a></h3>
<p class="text-white">Vistas crafts exceptional graphic design services for businesses of all sizes. We create compelling and memorable graphics for a wide range of applications.</p>
</div>
</div>
<div class="col-md-4 mx-auto">
<div class="img-box text-start pe-md-4">
<img src="image/advertising/advertisingimg/Packaging-Design.png" alt="Packaging design" width="70" height="70">
<h3 class="my-md-4 my-3 text-white"><a class="text-white" href="product-packaging-design-services.php"> Packaging Design</a></h3>
<p class="text-white">Packaging design should represent everything you stand for, including your beliefs, vision, quality promise, and commitment. We use colour psychology, design hierarchy, tone and language.</p>
</div>
</div>
<div class="col-md-4 mx-auto">
</div>
<div class="col-md-4 mx-auto">
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- <section class="bg-blue">
<div class="container">
<h4 class="smallcontent1 text-white text-center"><strong>Advertising Agency Services -
</strong>
<br><span class="text-center" >Our advertising agency services includes:</span></h4>
<p class="text-white text-center" style="color:#0026f2; ">Explore our comprehensive suite of services designed to elevate your brand to new
heights.</p>
<div class="row">
<div class="col-12 mt-md-5 mt-3">
<div class="row mx-auto">
<div class="col-md-4 mx-auto">
<div class="img-box text-start pe-md-4">
<img src="image/advertising/advertisingimg/Strategic-Planning.png" alt="Website design" width="70" height="70">
<h3 class="my-md-4 my-3"><a class="text-white" href="website-designers.php">Strategic Planning</a></h3>
<p class="text-white">At Vistas AD Media Communications, we
believe that a well-thought-out strategy is
the foundation of successful advertising. Our
team of experts works closely with you to
understand your business goals, target
audience, and competitive landscape. We
develop customized advertising strategies
that align with your objectives and maximize
your ROI.</p>
</div>
</div>
<div class="col-md-4 mx-auto">
<div class="img-box text-start pe-md-4">
<img src="image/advertising/advertisingimg/Creative-Development.png" alt="eCommerce Web Development" width="70" height="70">
<h3 class="my-md-4 my-3 text-white"><a class="text-white" href="ecommerce-website-design-development.php">Creative Development</a></h3>
<p class="text-white">Creativity is at the heart of everything we
do. Our award-winning creative team crafts
compelling and visually stunning
advertisements that capture attention and
leave a lasting impression. From concept
development to final execution, we ensure
that your brand’s voice is communicated
clearly and effectively across all media
channels.</p>
</div>
</div>
<div class="row mt-md-5 mt-4">
<div class="col-md-4 mx-auto">
<div class="img-box text-start pe-md-4">
<img src="image/advertising/advertisingimg/Media-Planning-and-Buying.png" alt="SEO - Search Engine Optimization " width="70" height="70">
<h3 class="my-md-4 my-3 text-white"><a class="text-white" href="seo-company-in-bangalore.php">Media Planning and Buying </a></h3>
<p class="text-white">Navigating the complex world of media can
be challenging. Our media planning and
buying services are designed to simplify this
process and ensure that your ads are placed
in the most effective channels. We analyze
your target audience’s media consumption
habits and negotiate the best rates to
deliver maximum exposure and
engagement.</p>
</div>
</div>
<div class="col-md-4 mx-auto">
<div class="img-box text-start pe-md-4">
<img src="image/advertising/advertisingimg/Digital-Marketing.png" alt="Google AdWords – PPC" width="70" height="70">
<h3 class="my-md-4 my-3 text-white"><a class="text-white" href="https://vistasadindia.com/digital-marketing-company-bangalore.php">Digital Marketing</a></h3>
<p class="text-white">In today’s digital age, having a strong online
presence is crucial. Our digital marketing
services encompass a wide range of
strategies, including search engine
optimization (SEO), pay-per-click (PPC)
advertising, social media marketing, and
content marketing. We leverage the latest
tools and technologies to boost your online
visibility and drive traffic to your website.</p>
</div>
</div>
<div class="row mt-md-5 mt-4">
<div class="col-md-4 mx-auto">
<div class="img-box text-start pe-md-4">
<img src="image/advertising/advertisingimg/Social-Media-Management.png" alt="Facebook Advertising" width="70" height="70">
<h3 class="my-md-4 my-3 text-white"><a class="text-white" href="facebook-advertising-agency.php">Social Media Management</a></h3>
<p class="text-white">Engaging with your audience on social
media is essential for building brand loyalty
and driving conversions. Our social media
management services include content
creation, community management, and
analytics. We help you create meaningful
connections with your followers and grow
your social media presence.</p>
</div>
</div>
<div class="col-md-4 mx-auto">
<div class="img-box text-start pe-md-4">
<img src="image/advertising/advertisingimg/Branding-and-Identity.png" alt="Content Marketing" width="70" height="70">
<h3 class="my-md-4 my-3 text-white"><a class="text-white" href="content-marketing-services.php">Branding and Identity</a></h3>
<p class="text-white">Your brand is more than just a logo; it’s the
essence of your business. Our branding and
identity services help you create a strong
and cohesive brand image that resonates
with your target audience. From logo
design to brand messaging, we ensure that
every element of your brand is aligned and
impactful.</p>
</div>
</div>
<div class="row mt-md-5 mt-4">
<div class="col-md-4 mx-auto">
<div class="img-box text-start pe-md-4">
<img src="image/advertising/advertisingimg/Web-Design.png" alt="Logo Design" width="70" height="70">
<h3 class="my-md-4 my-3 text-white"><a class="text-white" href="https://vistasadindia.com/website-designers.php">Web Design
</a></h3>
<p class="text-white"> Vistas is the best website design company
in Bangalore that will create an interactive
and customized website for your brand.</p>
</div>
</div>
<div class="col-md-4 mx-auto">
<div class="img-box text-start pe-md-4">
<img src="image/advertising/advertisingimg/eCommerce-Web-Development.png" alt="Graphic Design" width="70" height="70">
<h3 class="my-md-4 my-3 text-white"><a class="text-white" href="https://vistasadindia.com/ecommerce-website-design-development.php">eCommerce Web Development </a></h3>
<p class="text-white">Vistas creates eCommerce web design that
combines creativity with cutting-edge
technology that appeals to consumers.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- <section class="mark-services">
<div class="container">
<div class="row pt-md-4">
<div class="col-md-5">
<h2 class="text-left title-head">
Digital Marketing<br>
<span class="text-small">Consultation</span>
</h2>
</div>
<div class="col-md-7">
<p>As the leading digital advertising agency in Bangalore, we, at Vistas, will advise you on the best approach for digital marketing, given your business domain and circumstance. We will recommend the digital channels that fits you best and offers ROI with our digital advertising consultation services</p>
</div>
</div>
<hr class="divide my-md-5">
<div class="row pt-md-5 pt-3">
<div class="col-md-7 order-md-1 order-2">
<p>Receive a steady stream of direct, ready to buy customers with our SEO services. <br>
A primary element of our advertising services in Bangalore, SEO service is the most cost-effective <br>
solutions to attract direct customers in the digital advertising universe.</p>
</div>
<div class="col-md-5 order-md-2 order-1">
<h2 class="text-left title-head">
Search Engine Optimization
<br>
<span class="text-small">SEO Services</span>
</h2>
</div>
</div>
<hr class="divide my-md-5">
<div class="row pt-md-5 pt-3">
<div class="col-md-5">
<h2 class="text-left title-head">
Google AdWords Management
<br> <span class="text-small">Agency Services</span>
</h2>
</div>
<div class="col-md-7">
<p>Beat the competition with our Google AdWords management agency services. <br>
We will research, plan, write and set-up your Google AdWords campaign. <br>
Securing prominent positions for your ads at the best rate of bidding is the goal. <br>
Constant monitoring and continuous improvements help us succeed in pay per click<br> management services.</p>
</div>
</div>
<hr class="divide my-md-5">
<div class="row pt-md-5">
<div class="col-md-7 order-md-1 order-2">
<p>Visibility is far and wide, promotional opportunities abound in the world of social <br>
media marketing. Tap into unlimited customers with our perfectly planned social media <br>
campaigns. Our social media marketing service includes creative ad design, and complete <br>
management of social media campai gns.</p>
</div>
<div class="col-md-5 order-md-2 order-1">
<h2 class="text-left title-head">
Social Media
<br> <span class="text-small">Marketing Services</span>
</h2>
</div>
</div>
<hr class="divide my-md-5">
<div class="row pt-md-5 pt-3 pb-md-5">
<div class="col-md-5">
<h2 class="text-left title-head">
Content Marketing
<br> <span class="text-small">Services</span>
</h2>
</div>
<div class="col-md-7">
<p>Customers consume content in all their waking hours in the form of text, visuals and moving images. We produce a constant stream of engaging content to keep your audience captivated. We will present your products and services in all its glory, so your target audience never lose sight of you – the shining star.</p>
</div>
</div>
</div>
</section> -->
<section>
<div class="container">
<div class="row">
<div class="col-md-12">
<h4 class="smallcontent text-center" ><strong> Industries We Serve
</strong>
</h4>
<p class="text-center">We have experience working with clients as a preferred ad agency across various sectors, including:</p>
</div>
<div class="col-md-12">
<div class="list-box mt-md-3">
<ul class="serv-list">
<li>Technology & IT Services </li>
<li>Healthcare & Pharmaceuticals</li>
<li> Real Estate & Construction </li>
<li>Education & E-Learning</li>
<li>Education & E-Learning</li>
<li>Education & E-Learning</li>
</ul>
</div>
</div>
<div class="col-md-12 mt-md-4 mt-5">
</div>
</div>
</div>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<section class="iq-features">
<div class="row align-items-center">
<h4 class="smallcontent text-center" ><strong> Our Process
</strong>
</h4>
<div class="col-lg-3 col-md-12"></div>
<div class="col-lg-6 col-md-12">
<div class="holderCircle">
<div class="round"></div>
<div class="dotCircle">
<span class="itemDot active itemDot1" data-tab="1">
<i class="fa fa-clock-o"></i>
<span class="forActive"></span>
</span>
<span class="itemDot itemDot2" data-tab="2">
<i class="fa fa-comments"></i>
<span class="forActive"></span>
</span>
<span class="itemDot itemDot3" data-tab="3">
<i class="fa fa-user"></i>
<span class="forActive"></span>
</span>
<span class="itemDot itemDot4" data-tab="4">
<i class="fa fa-tags"></i>
<span class="forActive"></span>
</span>
<span class="itemDot itemDot5" data-tab="5">
<i class="fa fa-upload"></i>
<span class="forActive"></span>
</span>
<span class="itemDot itemDot6" data-tab="6">
<i class="fa fa-briefcase"></i>
<span class="forActive"></span>
</span>
</div>
<div class="contentCircle">
<div class="CirItem title-box active CirItem1">
<h2 class="title"><span> Discovery</span></h2>
<p>Understanding your business, goals, and target audience.</p>
<i class="fa fa-clock-o"></i>
</div>
<div class="CirItem title-box CirItem2">
<h2 class="title"><span> Strategy Development </span></h2>
<p>Crafting a tailored advertising plan.</p>
<i class="fa fa-comments"></i>
</div>
<div class="CirItem title-box CirItem3">
<h2 class="title"><span> Creative Execution</span></h2>
<p>Designing and developing advertising materials.</p>
<i class="fa fa-user"></i>
</div>
<div class="CirItem title-box CirItem4">
<h2 class="title"><span> Campaign Deployment: </span></h2>
<p>Launching the campaign across selected channels.</p>
<i class="fa fa-tags"></i>
</div>
<div class="CirItem title-box CirItem5">
<h2 class="title"><span> Monitoring & Optimization: </span></h2>
<p>Tracking performance and making necessary adjustments for optimal results.</p>
<i class="fa fa-upload"></i>
</div>
<div class="CirItem title-box CirItem6">
<h2 class="title"><span>Hospitality & Tourism</span></h2>
<p>Tracking performance and making necessary adjustments for optimal results.</p>
<i class="fa fa-briefcase"></i>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-12"></div>
</div>
</div>
<style>.holderCircle { width: 500px; height: 500px; border-radius: 100%; margin: 60px auto; position: relative; }
.dotCircle { width: 100%; height: 100%; position: absolute; margin: auto; top: 0; left: 0; right: 0; bottom: 0; border-radius: 100%; z-index: 20; }
.dotCircle .itemDot { display: block; width: 80px; height: 80px; position: absolute; background: #ffffff; color: #7d4ac7; border-radius: 20px; text-align: center; line-height: 80px; font-size: 30px; z-index: 3; cursor: pointer; border: 2px solid #e6e6e6; }
.dotCircle .itemDot .forActive { width: 56px; height: 56px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: none; }
.dotCircle .itemDot .forActive::after { content: ''; width: 5px; height: 5px; border: 3px solid #7d4ac7; bottom: -31px; left: -14px; filter: blur(1px); position: absolute; border-radius: 100%; }
.dotCircle .itemDot .forActive::before { content: ''; width: 6px; height: 6px; filter: blur(5px); top: -15px; position: absolute; transform: rotate(-45deg); border: 6px solid #a733bb; right: -39px; }
.dotCircle .itemDot.active .forActive { display: block; }
.round { position: absolute; left: 40px; top: 45px; width: 410px; height: 410px; border: 2px dotted #a733bb; border-radius: 100%; -webkit-animation: rotation 100s infinite linear; }
.dotCircle .itemDot:hover, .dotCircle .itemDot.active { color: #ffffff; transition: 0.5s; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7d4ac7+0,a733bb+100 */ background: #7d4ac7; /* Old browsers */ background: -moz-linear-gradient(left, #7d4ac7 0%, #a733bb 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #7d4ac7 0%, #a733bb 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #7d4ac7 0%, #a733bb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7d4ac7', endColorstr='#a733bb', GradientType=1); /* IE6-9 */ border: 2px solid #ffffff; -webkit-box-shadow: 0 30px 30px 0 rgba(0, 0, 0, .13); -moz-box-shadow: 0 30px 30px 0 rgba(0, 0, 0, .13); box-shadow: 0 30px 30px 0 rgba(0, 0, 0, .13); }
.dotCircle .itemDot { font-size: 40px; }
.contentCircle { width: 250px; border-radius: 100%; color: #222222; position: relative; top: 150px; left: 50%; transform: translate(-50%, -50%); }
.contentCircle .CirItem { border-radius: 100%; color: #222222; position: absolute; text-align: center; bottom: 0; left: 0; opacity: 0; transform: scale(0); transition: 0.5s; font-size: 15px; width: 100%; height: 100%; top: 0; right: 0; margin: auto; line-height: 250px; }
.CirItem.active { z-index: 1; opacity: 1; transform: scale(1); transition: 0.5s; }
.contentCircle .CirItem i { font-size: 180px; position: absolute; top: 0; left: 50%; margin-left: -90px; color: #000000; opacity: 0.1; }
@media only screen and (max-width: 767px) {
/* Center columns */
.col-lg-6, .col-md-12 {
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
padding: 0 15px;
}
/* Resize the main circle */
.holderCircle {
width: 280px;
height: 280px;
margin: 40px auto !important;
position: relative;
}
/* Resize the dotted round circle */
.round {
width: 240px;
height: 240px;
left: 20px;
top: 20px;
}
/* Resize icon dots */
.dotCircle .itemDot {
width: 45px;
height: 45px;
font-size: 20px;
line-height: 45px;
}
/* Adjust center content */
.contentCircle {
width: 160px;
top: 120px;
}
.contentCircle .CirItem {
font-size: 13px;
line-height: 1.5;
}
.contentCircle .CirItem i {
font-size: 100px;
margin-left: -50px;
}
/* Adjust title and paragraph text */
.title-box .title {
font-size: 16px;
}
.title-box p {
font-size: 14px;
line-height: 1.6;
}
/* Adjust heading */
h4.smallcontent {
font-size: 18px;
padding: 10px 0;
}
}
@media only screen and (min-width:300px) and (max-width:599px) {
.holderCircle {/* width: 300px; height: 300px;*/ margin: 110px auto; }
.holderCircle::after { width: 100%; height: 100%; }
.dotCircle { width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; margin: auto; }
}
@media only screen and (min-width:600px) and (max-width:767px) { }
@media only screen and (min-width:768px) and (max-width:991px) { }
@media only screen and (min-width:992px) and (max-width:1199px) { }
@media only screen and (min-width:1200px) and (max-width:1499px) { }
.title-box .title { font-weight: 600; letter-spacing: 2px; position: relative; z-index: -1; }
.title-box span { text-shadow: 0 10px 10px rgba(0, 0, 0, .15); font-weight: 800; color: #640178; }
.title-box p {font-size: 17px; line-height: 2em; }
/* Hide on desktop (768px and up) */
@media only screen and (min-width: 768px) {
.newprocess {
display: none !important;
}
}
/* Show on mobile (up to 767px) */
@media only screen and (max-width: 767px) {
.newprocess {
display: block !important;
}
}/* Show on desktop (768px and up) */
@media only screen and (min-width: 768px) {
.iq-features {
display: block !important; /* Or flex, if needed */
}
}
/* Hide on mobile (up to 767px) */
@media only screen and (max-width: 767px) {
.iq-features {
display: none !important;
}
}
</style></section>
<section class="newprocess">
<h4 class="smallcontent text-center " ><strong>Our Process
</strong>
</h4>
<p class="bodytextsub text-center"><b>Discovery:</b> Understanding your business, goals, and target audience.</p>
<p class="bodytextsub text-center"><b> Strategy Development:</b> Crafting a tailored advertising plan.</p>
<p class="bodytextsub text-center"><b>Creative Execution:</b> Designing and developing advertising materials.</p>
<p class="bodytextsub text-center"> <b>Campaign Deployment:</b> Launching the campaign across selected channels.</p>
<p class="bodytextsub text-center"> <b>Monitoring & Optimization:</b>Tracking performance and making necessary adjustments for optimal results.</p>
</section>
<section>
<h4 class="smallcontent text-center " ><strong> Why Choose Vistas AD Media Communications?
</strong>
</h4>
<p class="bodytextsub text-center"><b>Experience & Expertise:</b>Over 20 years of delivering innovative advertising solutions across various industries. <br>Vistas has risen as the top advertising company in Bangalore. </p>
<p class="bodytextsub text-center"><b> Integrated Services:</b>From traditional advertising to digital marketing, we offer a comprehensive <br>suite of services under one roof.</p>
<p class="bodytextsub text-center"><b>Customized Strategies:</b>Tailored advertising campaigns designed to meet your <br>specific business objectives and target audience.</p>
<p class="bodytextsub text-center"> <b>Creative Excellence:</b>A team of award-winning creatives dedicated to <br>producing impactful and memorable advertisements.</p>
<div class="col-md-12">
<div class="icn-bx text-center mt-md-4 mt-4">
<a href="contact-us.php" class="cust-btn">Enquire Now</a>
</div>
</div>
</section>
<section>
<p class="info1">BOOST YOUR ADVERTISING SUCCESS:</p>
<P class="info12" ><strong class="infoh">PROVEN TIPS & STRATEGIES</strong></P>
<div class="containerinfo">
<div class="cell">
<div class="bore14">
<div class="header1">
<span class="number">01</span>
<h2 class="infoh2" >Understand Your<br> Audience</h2>
<img src="assets/img/advertising/1.png" alt="Description of Image 1">
</div>
<p class="infop">Know Your Target Market: Conduct thorough market research to understand the demographics, preferences, and behaviors of your potential customers. <br>
<P class="infop">Create Buyer Personas: Develop detailed profiles of your ideal customers to tailor your advertising messages effectively.</p>
</div></div>
<div class="cell">
<div class="bore15">
<div class="header1">
<span class="number">02</span>
<h2 class="infoh2">Craft Compelling<br> Messages</h2>
<img src="assets/img/advertising/2.png" alt="Description of Image 1">
</div>
<p class="infop">Clear & Concise Messaging: Ensure your ads communicate your key message quickly and clearly. <br>
<p class="infop">Strong Call-to-Action (CTA): Encourage your audience to take the desired action with a compelling CTA. <br></p>
<p class="infop"> Emotional Appeal: Use emotional triggers to connect with your audience on a personal level.</p>
</div></div>
<div class="cell1">
<div class="bore16">
<div class="header1">
<span class="number">03</span>
<h2 class="infoh2">Choose the <br>Right Channels</h2>
</span>
<img src="assets/img/advertising/3.png" alt="Description of Image 1">
</div>
<p class="infop">Multi-Channel Approach: Utilize a mix of
advertising channels (social media, search
engines, print, etc.) to reach a broader
audience.</p>
<p class="infop">Platform-Specific Content: Tailor your
content to fit the style and format of each
advertising platform.</p>
</div></div>
<div class="cell">
<div class="bore17">
<div class="header1">
<span class="number">04</span>
<h2 class="infoh2">Design Matters</h2>
<img src="assets/img/advertising/4.png" alt="Description of Image 1">
</div>
<p class="infop">Visually Appealing: Invest in high-quality
visuals and graphics to capture attention.</p>
<p class="infop">Consistency: Maintain a consistent brand
identity across all ads to build brand
recognition.</p>
</div>
</div>
<div class="cell">
<div class="bore18">
<div class="header1">
<span class="number">05</span>
<h2 class="infoh2">Optimize for Mobile</h2>
<img src="assets/img/advertising/5.png" alt="Description of Image 1">
</div>
<p class="infop">Mobile-Friendly Ads: Ensure your
advertisements are optimized for mobile
devices, as a significant portion of traffic
comes from mobile users.
</p>
<p class="infop">Fast Loading: Keep ad files small to ensure
quick loading times on mobile networks.</p>
</div>
</div>
<div class="cell">
<div class="bore19">
<div class="header1">
<span class="number">06</span>
<h2 class="infoh2">Monitor & Adjust</h2>
<img src="assets/img/advertising/6.png" alt="Description of Image 1">
</div>
<p class="infop">Track Performance: Use analytics tools to
monitor the performance of your ads.
<P class="infop">• A/B Testing: Experiment with different
versions of your ads to see which performs
best.</p>
<p class="infop">Adjust Strategies: Be prepared to tweak
your advertising strategies based on
performance data.</p>
</div>
</div>
<div class="cell">
<div class="bore20">
<div class="header">
<span class="number">07</span>
<h2 class="infoh2">Budget Wisely</h2>
<img src="assets/img/advertising/7.png" alt="Description of Image 1">
</div>
<p class="infop">Set a Budget: Determine a realistic budget
for your advertising campaigns.</p>
<p class="infop">Allocate Funds Smartly: Invest more in
high-performing channels and tactics.</p>
</div>
</div>
<div class="cell">
<div class="bore21">
<div class="header">
<span class="number">08</span>
<h2 class="infoh2">Engage
& Interact</h2>
<img src="assets/img/advertising/8.png" alt="Description of Image 1">
</div>
<p class="infop">Respond to Feedback: Engage with your
audience by responding to comments and
feedback on your ads.</p>
<p class="infop">Create Interactive Ads: Use interactive
elements (polls, quizzes, etc.) to increase
engagement.</p>
</div>
</div>
<div class="cell">
<div class="bore22">
<div class="header">
<span class="number">09</span>
<h2 class="infoh2">Legal
Compliance</h2>
<img src="assets/img/advertising/9.png" alt="Description of Image 1">
</div>
<p class="infop">Adhere to Regulations: Ensure your
advertisements comply with relevant
advertising laws and regulations to avoid
penalties.</p>
<p class="infop">Transparent Claims: Be honest and
transparent in your advertising claims to
build trust.
</p>
</div>
</div>
<div class="cell">
<div class="bore23">
<p class="infop">Successful advertising requires a strategic approach that includes understanding your audience, crafting compelling messages, choosing the right channels, and continuously monitoring and adjusting your strategies. By following these tips, you can create impactful ads that drive results and grow your business.</p>
<p class="infop">Ready to Elevate Your Advertising Game? Start implementing these tips today and watch your business soar!
</p>
</div>
</div>
</div>
</div>
</div>
<p class="info123 text-center">Infographic by: <strong>Vistas AD Media Communications</strong></p>
</section>
<section class="bg-blue">
<div class="container">
<div class="row">
<h2 class="text-center mb-md-5 mb-4 title-head text-white">
Hone your Communications to<br> Perfection with Vistas
</h2>
<p class="text-white text-center">
Fusing the power of creative capabilities and technology, Vistas’ team of art directors, digital marketing specialists, web & graphic designers <br> and programmers deliver crystal clear communication in the web, digital, social media and have earned the position <br>among the top advertising agencies in Bangalore.
</p>
<p class="text-white pt-md-4 text-center">
At Vistas, we place a premium on outstanding aesthetics and leading-edge technology to create powerful communications for<br> our clients across the country and around the world. Our creative skills and business acumen acquired <br>over a period of two decades, help harness resources from:
</p>
<p class="text-white pt-md-4 text-center">Advertising Campaigns Creative Communications Web Presence Branding
Brand Identity<br> Development Marketing Collateral Graphic Design Logo Design
</p>
<div class="gd-box mt-md-4 mb-md-5 mt-3 mb-3 py-md-4 px-md-4 w-auto mx-md-auto">
<ul class="seo-list">
<li>Advertising Campaigns</li>
<li>Creative Communications</li>
<li>Web Presence</li>
<li>Branding</li>
</ul>
<ul class="seo-list">
<li>Brand Identity Development</li>
<li>Marketing Collateral</li>
<li>Graphic Design</li>
<li>Logo Design</li>
</ul>
</div>
</div>
<div class="row mt-md-5 mt-4 px-md-5">
<div class="col-md-5">
<h3 class="text-white hone-head">
Differentiate & Create Integrated Advertising Campaigns
</h3>
</div>
<div class="col-md-1"></div>
<div class="col-md-5">
<p class="text-white">
Our profound understanding of business communications and innate creative skills empower us to differentiate and create engaging branding, unforgettable digital experiences, and highly effective integrated campaigns
</p>
</div>
</div>
<hr class="divide1 my-md-5">
<div class="row mt-md-5 px-md-5">
<div class="col-md-5 order-md-1 order-2">
<p class="text-white">
Highly skilled team in the disciplines of writing, design and technology development build powerful messages custom created for every media channel
</p>
<p class="text-white">
Discovering the USP of the brand is foremost among our many priorities. Team Vistas takes the responsibility of developing a strong USP in the absence of one.
</p>
<p class="text-white">
Strategic objectives drive creative design direction with crystal clear clarity guaranteed to achieve business goals and objectives as is the priority of advertising agency in Bangalore.
</p>
<p class="text-white">
At Vistas, we understand business priorities and we have years of know-how in customizing creative agency communications for organizations both big and small in the capacity of ad agency in Bangalore.
</p>
<p class="text-white">
The concept of branding a company and its products is by no means a new idea. However, in our age of information explosion, consumers are saturated with information, rudely intruding everyday life. Therefore, the veteran team of strategic marketing professionals at Vistas help carve a niche for the brand with clear understanding of the product and create its unique identity.
</p>
</div>
<div class="col-md-1 order-md-2 order-3"></div>
<div class="col-md-5 order-md-3 order-1">
<h3 class="text-white hone-head1">
Strategic Ideas and Creative Solutions to Meet Business Objectives
</h3>
</div>
</div>
<hr class="divide1 my-md-5">
<div class="row mt-md-5 px-md-5">
<div class="col-md-5">
<h3 class="text-white hone-head">
Advertising Agency with 360 Degree Capabilities
</h3>
</div>
<div class="col-md-1"></div>
<div class="col-md-5">
<p class="text-white">
At Vistas AD Media Communications, we deliver intelligent, thought-provoking creative solutions. Our communications are built on thought-leadership, fulfilling consumer expectations with strategic planning.
</p>
<p class="text-white">
Vistas advertising company services in Bangalore has helped launch new businesses and made them leaders in their domain, gaining a lion’s share of the marketplace.
</p>
<p class="text-white">
The complete range of advertising services at Vistas are aligned with up-to-date developments in the media and technology landscape.
</p>
<p class="text-white">
We espouse a holistic approach in advertising & marketing and deliver modern, aesthetic design solutions, engaging content, and adroit advertising solutions with the set goal of optimal return on investment.
</p>
</div>
</div>
<hr class="divide1 my-md-5">
<div class="row mt-md-5 px-md-5">
<div class="col-md-5 order-md-1 order-2">
<p class="text-white">
Profound understanding of Human psychology, worldwide exposure, and experience in the practice of advertising and keen interest in current development and the future direction of communication strategies & tools makes it possible to develop targeted, systematic and effective creative solutions as is our responsibility as advertising company in Bangalore.
</p>
</div>
<div class="col-md-1 order-md-2 order-3"></div>
<div class="col-md-5 order-md-3 order-1">
<h3 class="text-white hone-head1">
In-depth Communications Insights
</h3>
</div>
</div>
<hr class="divide1 my-md-5">
<div class="row mt-md-5 px-md-5">
<div class="col-md-5">
<h3 class="text-white hone-head">
Comprehensive Client Briefing & Meticulous Research
</h3>
</div>
<div class="col-md-1"></div>
<div class="col-md-5">
<p class="text-white">
The initial and continued discovery of client perspectives & interests is critical to the quality of outcomes, as a policy the team is trained to take ownership of accurately understanding client point-of-view, constraints if any, and the target’s profile.
</p>
<p class="text-white">
Thereafter, when researched thoroughly competitors paint a clear picture of the business and the marketplace. We consider competitor’s analysis to be equally important in understanding and developing advertising solutions.
</p>
</div>
</div>
<hr class="divide1 my-md-5">
</div>
</section>
<section class="s6 bg-blue faqs">
<div class="container">
<div class="row">
<h2 class="text-center text-white title-head pb-md-5">
Advertising agency Services FAQ’s
</h2>
<p class="text-center text-white">
We list below answers to questions that arise frequently while planning graphic solutions.
Should you require information<br> that is not listed here; do not hesitate to contact us, we will be
glad to address your query.
</p>
<div class="acc-sec mt-md-5 mt-3">
<div class="accordion" id="accordionExample">
<div class="accordion-item">
<h2 class="accordion-header" id="headingOne">
<button class="accordion-button" type="button" data-bs-toggle="collapse"
data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
<span>What services does Vistas AD Media Communications offer?</span>
</button>
</h2>
<div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne"
data-bs-parent="#accordionExample">
<div class="accordion-body">
<p> Vistas AD Media Communications provides a comprehensive range of advertising
services including:
</p>
<ul class="faq-list">
<li>Strategic Planning: Market research, brand strategy, and campaign planning. </li>
<li> Creative Services: Ad design, copywriting, video production, and graphic design.</li>
<li> Digital Marketing: Social media marketing, search engine optimization (SEO), payperclick
(PPC) advertising, and email marketing.</li>
<li> Media Buying: Negotiation and purchase of ad space across various platforms (TV, radio,
print, digital).</li>
<li>Public Relations: Media relations, press releases, and event management..</li>
<li>Analytics and Reporting: Campaign performance tracking and analysis.</li>
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="heading11">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse11" aria-expanded="false" aria-controls="collapse11">
<span>How can Vistas AD Media Communications help my business grow?</span>
</button>
</h2>
<div id="collapse11" class="accordion-collapse collapse" aria-labelledby="heading11" data-bs-parent="#accordionExample">
<div class="accordion-body">
<p> By leveraging our expertise in market research, creative design, and strategic media
placement, we ensure your advertising reaches the right audience, resonates with them, and
drives engagement and sales.</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="#collapse7" aria-expanded="false" aria-controls="collapse7">
<span>What industries does Vistas AD Media Communications specialize in?</span>
</button>
</h2>
<div id="collapse7" class="accordion-collapse collapse" aria-labelledby="heading7"
data-bs-parent="#accordionExample">
<div class="accordion-body">
We have extensive experience across a diverse range of industries including retail, healthcare, technology, finance, education, and hospitality.</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>What are the various skills deployed for advertising services in Vistas AD Media
Communications?</span>
</button>
</h2>
<div id="collapse12" class="accordion-collapse collapse" aria-labelledby="heading12" data-bs-parent="#accordionExample">
<div class="accordion-body">
<p>Vistas’ advertsing services team include: creative director, art director, UI & UX designers,
graphic designers, writers, business analysts and HTML5, Java, C++, Objective-C, Swift and C#
coders in addition to specialists in art, database development and digital marketing team.</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>How will you understand our specific advertising requirements?</span>
</button>
</h2>
<div id="collapse13" class="accordion-collapse collapse" aria-labelledby="heading13" data-bs-parent="#accordionExample">
<div class="accordion-body">
<p>Our creative team will contact you as soon as the assignment is confirmed. We will establish
specifications and arrive at a clear working brief. We will also guide you on the USP
presentation, information flow that will go into the campaigns, the various sections, pages
and the flow of information.</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>How does Vistas AD Media Communications approach a new project?</span>
</button>
</h2>
<div id="collapse14" class="accordion-collapse collapse" aria-labelledby="heading14" data-bs-parent="#accordionExample">
<div class="accordion-body">
<p>Our approach involves:</p>
<ul> <li>Discovery Phase: Understanding your business goals, target audience, and market
landscape.</li>
<li>Strategic Planning: Developing a tailored advertising strategy</li>
<li>Implementation: Launching the campaign across selected channels</li>
<li>Monitoring & Optimization: Tracking performance and making datadriven adjustments.</li></ul>
</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>What is the typical timeline for a campaign?</span>
</button>
</h2>
<div id="collapse15" class="accordion-collapse collapse" aria-labelledby="heading15" data-bs-parent="#accordionExample">
<div class="accordion-body">
<p>The timeline varies depending on the project scope. A standard campaign might
take 48 weeks from initial consultation to launch. Detailed timelines are provided during the
project planning phase.</p>
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="headingTwo">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
<span>How do you measure the success of an advertising campaign?</span>
</button>
</h2>
<div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo"
data-bs-parent="#accordionExample">
<div class="accordion-body">
<p>We use a variety of metrics such as:</p>
<ul><li> Reach and Impressions: Number of people exposed to the ad.</li>
• Engagement: Clickthrough rates, likes, shares, and comments.</li>
• Conversion Rates: Number of users taking the desired action (e.g., making a purchase).</li>
• Return on Investment (ROI): Revenue generated compared to the cost of the campaign</li></ul>
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="headingThree">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
<span>Can you work within my budget?</span>
</button>
</h2>
<div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree"
data-bs-parent="#accordionExample">
<div class="accordion-body">
<p>Absolutely. We offer flexible pricing models and will work with you to develop a
campaign that fits your budget while maximizing impact.</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>What makes Vistas AD Media Communications different from other agencies?</span>
</button>
</h2>
<div id="collapse4" class="accordion-collapse collapse" aria-labelledby="heading4"
data-bs-parent="#accordionExample">
<div class="accordion-body">
<p> Our unique combination of creativity, strategic insight, and datadriven
decisionmaking sets us apart. We are dedicated to delivering results that align with your
business objectives.</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>Do you offer ongoing support and campaign management?</span>
</button>
</h2>
<div id="collapse5" class="accordion-collapse collapse" aria-labelledby="heading5"
data-bs-parent="#accordionExample">
<div class="accordion-body">
<p>Answer: Yes, we provide ongoing support to ensure your campaigns continue to perform
optimally. This includes regular performance reviews, updates, and optimizations as needed.</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>How can I get started with Vistas AD Media Communications?</span>
</button>
</h2>
<div id="collapse6" class="accordion-collapse collapse" aria-labelledby="heading6"
data-bs-parent="#accordionExample">
<div class="accordion-body">
Getting started is easy! Simply contact us through our website or call our office to
schedule a consultation. We’ll discuss your needs and outline the next steps.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="s4 agy-sec">
<div class="container">
<div class="row">
<h2 style="color:#0026f2" class="text-center title-head mb-md-4 mb-4">
Comprehensive<br> Advertising Agency Services
</h2>
</div>
<div class="row pt-md-5">
<div class="col-md-4">
<div class="pad-box">
<h3><img src="assets/img/advertising/arrow.svg" alt="arrow" class="arw-img" width="20" height="20"> Winning Branding Services</h3>
<p>
At Vistas, ideas are built around strategic thinking and linked to clearly set goals. Our creative team’s efforts are centred on driving clients business performance. Clarity of thought in every step, powerful messaging combined with highly appealing visuals work together in building powerful brands that perform at the marketplace
</p>
</div>
</div>
<div class="col-md-4">
<div class="pad-box">
<h3><img src="assets/img/advertising/arrow.svg" alt="arrow" class="arw-img" width="20" height="20"> Conquering Digital Domains</h3>
<p>
Stay connected with audiences around the world, around the clock.
</p>
<p>Customise media around the product and service. Speak the language of the target age group. Maintain optimal presence in all touch points across multiple devices and platforms are some of the simple but effective tactics to prevail in the digital world</p>
</div>
</div>
<div class="col-md-4">
<div class="pad-box">
<h3><img src="assets/img/advertising/arrow.svg" alt="arrow" class="arw-img" width="20" height="20"> Integrated Advertising Campaigns</h3>
<p>
Efficiently orchestrated advertising campaigns successfully drives business is well known for centuries. Only the mediums are many more now creating so much more opportunities.
</p>
<p>The capabilities of team Vistas extends to helping define objectives, creating winning advertising campaigns that kindles interest leading to sales.</p>
</div>
</div>
</div>
</div>
</section>
<section class="s2 pt-md-0">
<div class="container">
<div class="row">
<div class="col-md-12">
<p class="text-center text-big text-blue">
Our deep understanding of advertising agency services enable us to develop well organized, <br>
clearly targeted creative solutions that flows smoothly and follows a <br>
logical progression of information in:
</p>
</div>
<div class="col-md-12">
<div class="list-box mt-md-3">
<ul class="serv-list">
<li>Advertising Services </li>
<li>Digital Marketing</li>
<li>Brochure Design </li>
<li>Corporate Identity</li>
<li>Outdoor Advertising</li>
<li>Branding</li>
<li>Web Design</li>
</ul>
<ul class="serv-list">
<li>eCommerce Development</li>
<li>Search Engine Optimization</li>
<li>Search Engine Marketing</li>
<li>Social Media Marketing</li>
<li>Web Analytics</li>
<li>PPC</li>
</ul>
</div>
</div>
<div class="col-md-12 mt-md-4 mt-5">
<p class="text-center">
Vistas approaches Advertising Agency Services holistically and bring you the ability to create visually appealing, well-written, <br>
dexterously designed advertising agency services that have the power to achieve the purpose for which you create them.
</p>
</div>
</div>
<div class="row px-md-5 pt-md-5 pt-3">
<div class="col-md-5">
<h2 class="sd-head text-left adv-hd">Clearly Targeted Creative Advertising Services with Logical Progression of Information</h2>
</div>
<div class="col-md-1"></div>
<div class="col-md-5">
<p>
We thoroughly understand visually appealing presentations in all forms and the power of elegant content online and offline, we realize that holistic communication also needs traditional offline methods. Our creative efforts extend to ads in publications, hoardings, brochures, catalogues, websites and digital communication through interactive banners.
</p>
<p class="text-blue">Vistas' long history as a full-service Advertising Company in Bangalore warrants that clients achieve and exceed their targeted ROI.</p>
</div>
</div>
</div>
</section>
<!-- <hr class="gray container"> -->
<section class="py-3">
<div class="container">
<p class="text-center">Ready to take your brand to the next level? Contact Vistas AD Media Communications today to discuss <br> your advertising needs and discover how we can help you achieve your business objectives.</p>
<p class="text-center">
The cross-functional team of experienced professionals, combined with our customer driven approach to services, has <br>
made Vistas a trusted marketing communications partner to scores of organizations far and wide. Explore the various <br>
services we offer and find out more about the value we can add to you and your organization.
</p>
<p class="text-center text-blue">
Contact us with details of your requirement. We will get back to you within 24 hours.
</p>
<hr class="gray w-50 mx-auto my-5">
<div class="d-flex justify-content-center">
<ul class="foot-list">
<li><a href="mailto:info@vistasadindia.com"><img src="assets/img/home/email.svg" width="20" height="20" alt="mail" class="lazyload" loading="lazy"> info@vistasadindia.com</a></li>
<li><a href="tel:+91 9686697971"><img src="assets/img/home/phone.svg" width="20" height="20" alt="mail" class="lazyload" loading="lazy"> +91 9686697971</a></li>
</ul>
</div>
<div class="d-flex justify-content-center my-4">
<a href="request-a-quote.php" class="cust-btn1">Request Quote</a>
</div>
</div>
</section>
<?php include 'include/new-footer.php'; ?>
</main>
</div>
<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
<script src="assets/dist/js/bootstrap.bundle.min.js"></script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "LocalBusiness",
"name": "Vistas AD Media Communications",
"image": "https://vistasadindia.com/images/logo.png",
"@id": "https://vistasadindia.com",
"url": "https://vistasadindia.com",
"telephone": "+91-9686697971",
"priceRange": "$$",
"address": {
"@type": "PostalAddress",
"streetAddress": "Building no. 376, Jwalamala Square, Office no. F2, First floor - Left wing, 14th B Cross, 5th Main Rd, Sector 6, HSR Layout ",
"addressLocality": "Bengaluru",
"addressRegion": "Karnataka",
"postalCode": "560102",
"addressCountry": "IN"
},
"geo": {
"@type": "GeoCoordinates",
"latitude": 12.914676247802614,
"longitude": 77.63286273808299
},
"openingHoursSpecification": [
{
"@type": "OpeningHoursSpecification",
"dayOfWeek": [
"Monday",
"Tuesday",
"Wednesday",
"Thursday",
"Friday",
"Saturday"
],
"opens": "09:30",
"closes": "18:30"
}
],
"sameAs": [
"https://www.facebook.com/vistasadmedia",
"https://www.linkedin.com/company/vistas-ad-media-communications-pvt-ltd/",
"https://twitter.com/vistasadindia",
"https://www.instagram.com/vistasadmedia/"
],
"description": "Vistas AD Media Communications is a full-service advertising agency in Bangalore specializing in creative ad campaigns, branding, digital marketing, and strategic communication.",
"aggregateRating": {
"@type": "AggregateRating",
"ratingValue": "4.8",
"reviewCount": "1000"
},
"review": [
{
"@type": "Review",
"author": {
"@type": "Person",
"name": "N SUDHA NANDHAKUMAR"
},
"datePublished": "2024-08-26",
"reviewBody": "We are confident of Vistas for our projects. Freely handover online projects with confidence is our recommendation.",
"name": "Excellent Service and Creativity",
"reviewRating": {
"@type": "Rating",
"ratingValue": "5",
"bestRating": "5"
}
},
{
"@type": "Review",
"author": {
"@type": "Person",
"name": "Santhakumar"
},
"datePublished": "2024-08-25",
"reviewBody": "Vistas has corporate communications and online presence teams available under the one roof. Convenient and efficient. Keep up the good work, team.",
"name": "Highly Recommend for Branding & Ads",
"reviewRating": {
"@type": "Rating",
"ratingValue": "5",
"bestRating": "5"
}
}
]
}
</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": "Advertising Agency in Bangalore",
"item": "https://vistasadindia.com/advertising-agency.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/advertising-agency.php",
"image": "https://vistasadindia.com/assets/img/image-advertising-agency-in-bangalore.jpg"
}
</script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "Vistas AD Media Communications",
"url": "https://vistasadindia.com",
"logo": "https://vistasadindia.com/images/logo.png",
"sameAs": [
"https://www.facebook.com/vistasadmedia",
"https://www.linkedin.com/company/vistas-ad-media-communications-pvt-ltd/",
"https://twitter.com/vistasadindia",
"https://www.instagram.com/vistasadmedia/"
],
"contactPoint": {
"@type": "ContactPoint",
"telephone": "+91 9686697971",
"contactType": "Customer Service",
"areaServed": "IN",
"availableLanguage": ["English", "Hindi", "Kannada", "Tamil"]
}
}
</script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Service",
"serviceType": "Advertising Agency Services",
"provider": {
"@type": "Organization",
"name": "Vistas AD Media Communications",
"url": "https://vistasadindia.com/advertising-agency.php"
},
"areaServed": {
"@type": "Place",
"name": "Bangalore, India"
},
"description": "Creative and result-driven advertising agency services in Bangalore offering digital ads, branding, content creation, and more to grow your business.",
"brand": {
"@type": "Brand",
"name": "Vistas AD Media Communications"
}
}
</script>
<script type="application/ld+json">
{
"@context": "http://schema.org/",
"@type": "FAQPage",
"mainEntity": [
{
"@type": "Question",
"name": "What services does Vistas AD Media Communications offer?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Vistas AD Media Communications provides a comprehensive range of advertising services including:
Strategic Planning: Market research, brand strategy, and campaign planning.
Creative Services: Ad design, copywriting, video production, and graphic design.
Digital Marketing: Social media marketing, search engine optimization (SEO), payperclick (PPC) advertising, and email marketing.
Media Buying: Negotiation and purchase of ad space across various platforms (TV, radio, print, digital).
Public Relations: Media relations, press releases, and event management..
Analytics and Reporting: Campaign performance tracking and analysis."
}
},
{
"@type": "Question",
"name": "How can Vistas AD Media Communications help my business grow?",
"acceptedAnswer": {
"@type": "Answer",
"text": "By leveraging our expertise in market research, creative design, and strategic media placement, we ensure your advertising reaches the right audience, resonates with them, and drives engagement and sales."
}
},
{
"@type": "Question",
"name": "What industries does Vistas AD Media Communications specialize in?",
"acceptedAnswer": {
"@type": "Answer",
"text": "We have extensive experience across a diverse range of industries including retail, healthcare, technology, finance, education, and hospitality."
}
},
{
"@type": "Question",
"name": "What are the various skills deployed for advertising services in Vistas AD Media Communications?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Vistas’ advertising services team include: creative director, art director, UI & UX designers, graphic designers, writers, business analysts and HTML5, Java, C++, Objective-C, Swift and C# coders in addition to specialists in art, database development and digital marketing team."
}
},
{
"@type": "Question",
"name": "How will you understand our specific advertising requirements?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Our creative team will contact you as soon as the assignment is confirmed. We will establish specifications and arrive at a clear working brief. We will also guide you on the USP presentation, information flow that will go into the campaigns, the various sections, pages and the flow of information."
}
},
{
"@type": "Question",
"name": "How does Vistas AD Media Communications approach a new project?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Our approach involves:
Discovery Phase: Understanding your business goals, target audience, and market landscape.
Strategic Planning: Developing a tailored advertising strategy
Implementation: Launching the campaign across selected channels
Monitoring & Optimization: Tracking performance and making datadriven adjustments."
}
},
{
"@type": "Question",
"name": "What is the typical timeline for a campaign?",
"acceptedAnswer": {
"@type": "Answer",
"text": "The timeline varies depending on the project scope. A standard campaign might take 48 weeks from initial consultation to launch. Detailed timelines are provided during the project planning phase."
}
},
{
"@type": "Question",
"name": "How do you measure the success of an advertising campaign?",
"acceptedAnswer": {
"@type": "Answer",
"text": "We use a variety of metrics such as Reach and Impressions: Number of people exposed to the ad Engagement: Clickthrough rates, likes, shares, and comments.Conversion Rates: Number of users taking the desired action (e.g., making a purchase) Return on Investment (ROI): Revenue generated compared to the cost of the campaign."
}
},
{
"@type": "Question",
"name": "Can you work within my budget?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Absolutely. We offer flexible pricing models and will work with you to develop a campaign that fits your budget while maximizing impact."
}
},
{
"@type": "Question",
"name": "What makes Vistas AD Media Communications different from other agencies?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Our unique combination of creativity, strategic insight, and datadriven decisionmaking sets us apart. We are dedicated to delivering results that align with your business objectives."
}
},
{
"@type": "Question",
"name": "Do you offer ongoing support and campaign management?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Answer: Yes, we provide ongoing support to ensure your campaigns continue to perform optimally. This includes regular performance reviews, updates, and optimizations as needed."
}
},
{
"@type": "Question",
"name": "How can I get started with Vistas AD Media Communications?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Getting started is easy! Simply contact us through our website or call our office to schedule a consultation. We’ll discuss your needs and outline the next steps."
}
}
]
}
</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>
<script>
let i=2;
$(document).ready(function(){
var radius = 200;
var fields = $('.itemDot');
var container = $('.dotCircle');
var width = container.width();
radius = width/2.5;
var height = container.height();
var angle = 0, step = (2*Math.PI) / fields.length;
fields.each(function() {
var x = Math.round(width/2 + radius * Math.cos(angle) - $(this).width()/2);
var y = Math.round(height/2 + radius * Math.sin(angle) - $(this).height()/2);
if(window.console) {
console.log($(this).text(), x, y);
}
$(this).css({
left: x + 'px',
top: y + 'px'
});
angle += step;
});
$('.itemDot').click(function(){
var dataTab= $(this).data("tab");
$('.itemDot').removeClass('active');
$(this).addClass('active');
$('.CirItem').removeClass('active');
$( '.CirItem'+ dataTab).addClass('active');
i=dataTab;
$('.dotCircle').css({
"transform":"rotate("+(360-(i-1)*36)+"deg)",
"transition":"2s"
});
$('.itemDot').css({
"transform":"rotate("+((i-1)*36)+"deg)",
"transition":"1s"
});
});
setInterval(function(){
var dataTab= $('.itemDot.active').data("tab");
if(dataTab>6||i>6){
dataTab=1;
i=1;
}
$('.itemDot').removeClass('active');
$('[data-tab="'+i+'"]').addClass('active');
$('.CirItem').removeClass('active');
$( '.CirItem'+i).addClass('active');
i++;
$('.dotCircle').css({
"transform":"rotate("+(360-(i-2)*36)+"deg)",
"transition":"2s"
});
$('.itemDot').css({
"transform":"rotate("+((i-2)*36)+"deg)",
"transition":"1s"
});
}, 5000);
});
</script>
</body>
</html>