File: /home/vgijpbeijziw/public_html/verticalaccord.com/index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-116317217-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-116317217-1');
</script>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<title> Vertical Accord Our DESIGN, BRAND, PRINT Services </title>
<meta name="Description" content="Vertical Accord, Author : VERTICAL ACCORD ,Category: logo services, web development ,design ,
Brochure Product,dilli DESIGN is a offbeat graphic design and branding firm,Website Design , Development App UI , Brochure ,
Report Catalogue , Newsletter Visual interface design Corporate Intranet design Application Icon design " />
<meta name="Keywords" content=" Nitin Kapoor, Graphic designer, Design Consultant, Top Graphic Design firm, India / Delhi / USA, VERTICAL ACCORD, dilli design, delhi design, Brand Identity Design, Graphic Art, Colours Signage Systems ,Strategic Brand Consultancy ,Corporate Brochure Product ,Application Development ,App development, Web Development ,Designer ,Design Style ,Social Media ,Media House ,Business Cards ,Website Design ,Development App UI eBrochure in Delhi, India" />
<link rel="stylesheet" type="text/css" media="all" href="font/styles.css" />
<link rel="stylesheet" type="text/css" media="all" href="css/responsive.css" />
<link rel="stylesheet" type="text/css" media="all" href="css/utility.css" />
<link rel="stylesheet" type="text/css" media="all" href="css/dillidesign.css" />
<link href="css/owl.carousel.css" rel="stylesheet" />
<link href="css/owl.theme.default.css" rel="stylesheet" />
<link rel="stylesheet" type="text/css" media="all" href="http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css?ver=4.9.3" />
</head>
<body class="home">
<header class="header container p-y-3">
<div class= "clearfix container-inner" >
<div class="row">
<div class="col-md-3 col-sm-12">
<div class="logo">
<a href="index.html"><img src="img/logo.png" alt="verticalACCORD" /></a>
<!-- <a href="index.html"><img class="img-responsive" src="img/logo.png" width="345" height="64" alt="DilliDesign" /></a> -->
</div>
</div>
<div class="col-md-9 col-sm-12">
<section class="menu-container">
<nav class= "navbar">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li><a href="index.html" class="active">Home</a></li>
<li><a href="#whatwedo">What We Do </a></li>
<li><a href="#ourservices">Our Services</a></li>
<li><a href="#ourwork">Our Work </a></li>
<li><a href="#ourclients">Our Clients</a></li>
<li><a href="#contact">Contact </a>
</li>
</ul>
</div>
</nav>
</section>
</div>
</div>
</div>
</header>
<section class= "banner container" >
<div class="container-inner">
<div class="row">
<div class="col-md-8 column bg-gray1 ">
<div class="owl-carousel owl-theme ">
<div class="item">
<img src="img/banner2.jpg" class="img-responsive" alt="home-banner" />
</div>
<div class="item">
<img src="img/banner3.jpg" class="img-responsive" alt="home-banner" />
</div>
<div class="item">
<img src="img/banner4.jpg" class="img-responsive" alt="home-banner" />
</div>
<div class="item">
<img src="img/banner1.jpg" class="img-responsive" alt="home-banner" />
</div>
</div>
</div>
<div class="col-md-4 bg-gray column">
<div class="banner-content ">
<img src="img/banner_left.jpg" class="img-responsive" alt="home-banner" />
</div>
</div>
</div>
</div>
</section>
<main class="content">
<div class="bg-white what-we-section p-y-3 container clearfix" id="whatwedo">
<div class="container-inner">
<div class="row">
<div class="col-md-12">
<h2>What We <span>Do</span></h2>
</div>
</div>
<div class="row">
<div class="col-md-12">
<p>Vertical <b>Accord</b> is a offbeat graphic design and branding firm. We believe that creative design, coupled with clarity, aesthetics and value makes design work offbeat. Our greatest strength is being able to clearly define problems and deliver results that improve on our customer's bottom line. Give us a call and will be glad to look at your design needs. <span class="fc-red">Call us at +91 8826304706 (India)</span> </p>
</div>
</div>
</div>
</div>
<div class="bg-gray service-section p-y-3 container clearfix" id="ourservices">
<div class="container-inner">
<div class="row">
<div class="col-md-12">
<h1 class="fc-red">Our <span>Services</span></h1>
</div>
</div>
<div class="row">
<div class="col-md-12">
<ul class="service-inner-s">
<li>
<div class="ser-logo s-img"></div>
<h4 class="m-b-2">Brand Identity + Logo</h4>
<p>Naming + Branding
Positioning Services
Documentation
Logo + Symbol + Trademark
Brand Style + Colours
Signage Systems
Strategic Brand Consultancy
Typography</p>
</li>
<li>
<div class="ser-comm s-img"></div>
<h4 class="m-b-2">Communication</h4>
<p>Corporate Brochure
Product Catalogue
Coffee Table Book
Business Cards + Letterheads
Magazine + Calendar
Newsletter + Poster
Advertising + Hoarding
Flyers + Events
Social Media
Print Work
</p>
</li>
<li>
<div class="ser-webapp s-img"></div>
<h4 class="m-b-2">Web + App</h4>
<p>Website Design + Development
App UI
e Brochure + e Report
e Catalogue + e Newsletter
Visual interface design
Corporate Intranet design
Application Icon design
</p>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="bg-white work-section p-y-3 container clearfix" id="ourwork">
<div class="container-inner">
<div class="row">
<div class="col-md-12">
<h2 class="m-b-5"><a class="inner-hover" href="work.html">Glimpse of our <span> Work</span></a></h2>
</div>
</div>
<div class="row wk">
<div class="col-md-3 col-sm-3">
<div class="work_container">
<img src="img/feetoor.jpg" class="img-responsive" alt="dillidesign"/>
<div class="wrk-overlay">
<div class="wrk-table">
<h4><a href="work.html">Feetoor</a></h4>
</div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-3">
<div class="work_container">
<img src="img/daf10.jpg" class="img-responsive" alt="dillidesign" />
<div class="wrk-overlay">
<div class="wrk-table">
<h4><a href="work.html">DAF10</a></h4>
</div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-3">
<div class="work_container">
<img src="img/oti.jpg" class="img-responsive" alt="dillidesign" />
<div class="wrk-overlay">
<div class="wrk-table">
<h4><a href="work.html">OTI Advisors</a></h4>
</div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-3">
<div class="work_container">
<img src="img/houstonayurveda.jpg" class="img-responsive" alt="dillidesign" />
<div class="wrk-overlay">
<div class="wrk-table">
<h4><a href="work.html">Houston Ayurveda</a></h4>
</div>
</div>
</div>
</div>
</div>
<div class="row wk">
<div class="col-md-3 col-sm-3">
<div class="work_container">
<img src="img/rachna.jpg" class="img-responsive" alt="dillidesign" />
<div class="wrk-overlay">
<div class="wrk-table">
<h4><a href="work.html">Rachna Corp</a></h4>
</div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-3">
<div class="work_container">
<img src="img/stressfreeteaching.jpg" class="img-responsive" alt="dillidesign" />
<div class="wrk-overlay">
<div class="wrk-table">
<h4><a href="work.html">Stress Free Teaching</a></h4>
</div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-3">
<div class="work_container">
<img src="img/inniciio.jpg" class="img-responsive" alt="dillidesign" />
<div class="wrk-overlay">
<div class="wrk-table">
<h4><a href="work.html">Inniciio Library</a></h4>
</div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-3">
<div class="work_container">
<img src="img/startupwithgerman.jpg" class="img-responsive" alt="dillidesign" />
<div class="wrk-overlay">
<div class="wrk-table">
<h4><a href="work.html">Startup with GERMAN</a></h4>
</div>
</div>
</div>
</div>
</div>
<div class="row wk">
<div class="col-md-3 col-sm-3">
<div class="work_container">
<img src="img/nonvio.jpg" class="img-responsive" alt="dillidesign" />
<div class="wrk-overlay">
<div class="wrk-table">
<h4><a href="work.html">Non Vio LA</a></h4>
</div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-3">
<div class="work_container">
<img src="img/vyasayusa.jpg" class="img-responsive" alt="dillidesign" />
<div class="wrk-overlay">
<div class="wrk-table">
<h4><a href="work.html">Vyasa USA</a></h4>
</div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-3">
<div class="work_container">
<img src="img/happybabyzz.jpg" class="img-responsive" alt="dillidesign" />
<div class="wrk-overlay">
<div class="wrk-table">
<h4><a href="work.html">Happy Babyzzz</a></h4>
</div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-3">
<div class="work_container">
<img src="img/imeditatehouston.jpg" class="img-responsive" alt="dillidesign" />
<div class="wrk-overlay">
<div class="wrk-table">
<h4><a href="work.html">i Meditate Houston</a></h4>
</div>
</div>
</div>
</div>
</div>
<div class="row wk">
<div class="col-md-3 col-sm-3">
<div class="work_container">
<img src="img/feetoor.jpg" class="img-responsive" alt="dillidesign" />
<div class="wrk-overlay">
<div class="wrk-table">
<h4><a href="work.html">DAF10</a></h4>
</div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-3">
<div class="work_container">
<img src="img/gallery1.png" class="img-responsive" alt="dillidesign" />
<div class="wrk-overlay">
<div class="wrk-table">
<h4><a href="work.html">DAF10</a></h4>
</div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-3">
<div class="work_container">
<img src="img/gallery1.png" class="img-responsive" alt="dillidesign"/>
<div class="wrk-overlay">
<div class="wrk-table">
<h4><a href="work.html">DAF10</a></h4>
</div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-3">
<div class="work_container">
<img src="img/gallery1.png" class="img-responsive" alt="dillidesign" />
<div class="wrk-overlay">
<div class="wrk-table">
<h4><a href="work.html">DAF10</a></h4>
</div>
</div>
</div>
</div>
</div>
<div class="row wk">
<div class="col-md-3 col-sm-3">
<div class="work_container">
<img src="img/feetoor.jpg" class="img-responsive" alt="dillidesign" />
<div class="wrk-overlay">
<div class="wrk-table">
<h4><a href="work.html">DAF10</a></h4>
</div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-3">
<div class="work_container">
<img src="img/gallery1.png" class="img-responsive" alt="dillidesign" />
<div class="wrk-overlay">
<div class="wrk-table">
<h4><a href="work.html">DAF10</a></h4>
</div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-3">
<div class="work_container">
<img src="img/gallery1.png" class="img-responsive" alt="dillidesign" />
<div class="wrk-overlay">
<div class="wrk-table">
<h4><a href="work.html">DAF10</a></h4>
</div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-3">
<div class="work_container">
<img src="img/gallery1.png" class="img-responsive" alt="dillidesign" />
<div class="wrk-overlay">
<div class="wrk-table">
<h4><a href="work.html">DAF10</a></h4>
</div>
</div>
</div>
</div>
</div>
<div class="row wk">
<div class="col-md-3 col-sm-3">
<div class="work_container">
<img src="img/feetoor.jpg" class="img-responsive" alt="dillidesign" />
<div class="wrk-overlay">
<div class="wrk-table">
<h4><a href="work.html">DAF10</a></h4>
</div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-3">
<div class="work_container">
<img src="img/gallery1.png" class="img-responsive" alt="dillidesign" />
<div class="wrk-overlay">
<div class="wrk-table">
<h4><a href="work.html">DAF10</a></h4>
</div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-3">
<div class="work_container">
<img src="img/gallery1.png" class="img-responsive" alt="dillidesign" />
<div class="wrk-overlay">
<div class="wrk-table">
<h4><a href="work.html">DAF10</a></h4>
</div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-3">
<div class="work_container">
<img src="img/gallery1.png" class="img-responsive" alt="dillidesign" />
<div class="wrk-overlay">
<div class="wrk-table">
<h4><a href="work.html">DAF10</a></h4>
</div>
</div>
</div>
</div>
</div>
<div class="row wk ">
<div class="col-md-3 col-sm-3">
<div class="work_container">
<img src="img/feetoor.jpg" class="img-responsive" alt="dillidesign" />
<div class="wrk-overlay">
<div class="wrk-table">
<h4><a href="work.html">DAF10</a></h4>
</div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-3">
<div class="work_container">
<img src="img/gallery1.png" class="img-responsive" alt="dillidesign" />
<div class="wrk-overlay">
<div class="wrk-table">
<h4><a href="work.html">DAF10</a></h4>
</div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-3">
<div class="work_container">
<img src="img/gallery1.png" class="img-responsive" alt="dillidesign" />
<div class="wrk-overlay">
<div class="wrk-table">
<h4><a href="work.html">DAF10</a></h4>
</div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-3">
<div class="work_container">
<img src="img/gallery1.png" class="img-responsive" alt="dillidesign" />
<div class="wrk-overlay">
<div class="wrk-table">
<h4><a href="work.html">DAF10</a></h4>
</div>
</div>
</div>
</div>
</div>
<div class="row text-center">
<div class="col-md-12">
<div class="more-work">
<a href="#" class="more wk-more"></a>
</div>
</div>
</div>
</div>
</div>
<div class="bg-gray client-section p-y-3 container clearfix" id="ourclients">
<div class="client-inner">
<div class="row">
<div class="col-md-12">
<h2 class="fc-red m-b-3">Our <span> Clients</span></h2>
</div>
</div>
<div class="row cblk">
<div class="col-md-3 col-sm-3">
<div class="client_container">
<div class="cl_img">
<img src="img/client1.jpg" class="img-responsive" alt="dillidesign" />
</div>
</div>
</div>
<div class="col-md-3 col-sm-3 ">
<div class="client_container">
<div class="cl_img">
<img src="img/client2.jpg" class="img-responsive" alt="dillidesign" />
</div>
</div>
</div>
<div class="col-md-3 col-sm-3">
<div class="client_container">
<div class="cl_img">
<img src="img/client3.jpg" class="img-responsive" alt="dillidesign" />
</div>
</div>
</div>
<div class="col-md-3 col-sm-3">
<div class="client_container">
<div class="cl_img">
<img src="img/client4.jpg" class="img-responsive" alt="dillidesign" />
</div>
</div>
</div>
</div>
<div class="row cblk">
<div class="col-md-3 col-sm-3">
<div class="client_container">
<div class="cl_img">
<img src="img/client5.jpg" class="img-responsive" alt="dillidesign" />
</div>
</div>
</div>
<div class="col-md-3 col-sm-3">
<div class="client_container">
<div class="cl_img">
<img src="img/client6.jpg" class="img-responsive" alt="dillidesign" />
</div>
</div>
</div>
<div class="col-md-3 col-sm-3">
<div class="client_container">
<div class="cl_img">
<img src="img/client7.jpg" class="img-responsive" alt="dillidesign" />
</div>
</div>
</div>
<div class="col-md-3 col-sm-3">
<div class="client_container">
<div class="cl_img">
<img src="img/client8.jpg" class="img-responsive" alt="dillidesign" />
</div>
</div>
</div>
</div>
<div class="row cblk">
<div class="col-md-3 col-sm-3">
<div class="client_container">
<div class="cl_img">
<img src="img/client5.jpg" class="img-responsive" alt="dillidesign" />
</div>
</div>
</div>
<div class="col-md-3 col-sm-3">
<div class="client_container">
<div class="cl_img">
<img src="img/client6.jpg" class="img-responsive" alt="dillidesign" />
</div>
</div>
</div>
<div class="col-md-3 col-sm-3">
<div class="client_container">
<div class="cl_img">
<img src="img/client7.jpg" class="img-responsive" alt="dillidesign" />
</div>
</div>
</div>
<div class="col-md-3 col-sm-3">
<div class="client_container">
<div class="cl_img">
<img src="img/client8.jpg" class="img-responsive" alt="dillidesign" />
</div>
</div>
</div>
</div>
<div class="row text-center">
<div class="col-md-12">
<div class="more-work">
<a href="#" class="more cblk-more"></a>
</div>
</div>
</div>
</div>
</div>
<div class="contact container p-y-3" id="contact">
<div class="container-inner">
<div class="row">
<div class="col-md-12">
<h2 class="fc-red m-b-3">Connect <span> With Us</span></h2>
</div>
</div>
<div class="row con-inner">
<div class="col-md-2">
<img src="img/call.jpg" class="img-responsive" alt="call" />
</div>
<div class="col-md-4 m-b-1">
<h2>Call Us at</h2>
<a href="tel:+91 8826304706">+91 8826304706 (India)</a>
<!-- <a href="tel:+1 202 330 7069">+1 202 330 7069 (USA)</a> -->
</div>
<div class="col-md-2">
<img src="img/mouse.jpg" class="img-responsive" class="location" />
</div>
<div class="col-md-4 m-b-1">
<h2>Write to us</h2>
<a href="mailto:verticalaccord@gmail.com" target="_blank">verticalaccord@gmail.com</a>
<!--<a href="mailto:#" target="_blank">@dillidesign (twitter)</a> -->
<a href="mailto:#" target="_blank">@verticalaccord (facebook)</a>
</div>
</div>
</div>
</div>
</main>
<footer class="footer-section fc-white container bg-red fs-17">
<div class="container-inner">
<div class="footer-top p-t-2">
<div class="row">
<div class="col-md-5 column1">
<div class="footer-logo m-b-2">
<a href="index.html"><img src="img/logo.png" class="img-responsive m-a" /></a>
</div>
<div class="contact-footer m-b-2">
<p class="m-b-0">
<span> Call us at: </span><br/>
India:<a href="tel:+91 8826304706" target="_blank">+91 8826304706</a></br>
<!-- USA:<a href="tel:+1 202 330 7069 " target="_blank">+1 202 330 7069 </a></br> -->
</p>
</div>
<div class="contact-footer m-b-1">
<p class="m-b-0">
<span> Write to Us: </span><br/>
<a href="mailto:verticalaccord@gmail.com" target="_blank">verticalaccord@gmail.com</a>
</p>
</div>
</div>
<div class="col-md-3 column1">
</div>
<div class="col-md-4 column1">
<div class="news-letter-blk fw-bold">
<h4>Newsletter</h4>
<span class="p-b-1">Subscribe to our newsletter and get all the cool news</span>
<form name="contact-form" id="contact-form" action="" >
<input type="email" class="email" name="email" id="email" placeholder="Enter Email">
<input id="submit-go" type="submit" value="Send" name="submit"/>
</FORM>
<p id="rsvErrors"></p>
</div>
</div>
</div>
<ul class="social-icons p-l-0 m-b-0">
<!-- <li><a href="#" target="_blank"><img src="img/twitter.jpg" alt="twitter" /></a></li> -->
<!-- <li><a href="#" target="_blank"><img src="img/facebook.jpg" alt="twitter" /></a></li> -->
<!-- <li><a href="#" target="_blank"><img src="img/instagram.jpg" alt="instagram" /></a></li> -->
</ul>
</div>
<div class="footer-bottom">
<div class="row">
<div class="col-md-12 col-sm-12 p-y-1">
<div class="text-center copy-right"><a href="#" target="_blank">VerticalAccord</a> | All rights reserved 2020.</div>
</div>
</div>
</div>
</div>
</footer>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="js/bootstrap.js" type="text/javascript"></script>
<script src="js/owl.carousel.js" type="text/javascript"></script>
<script src="js/jquery.matchHeight.js" type="text/javascript"></script>
<script src="js/custom.js" type="text/javascript"></script>
</body>
</html>