PK
<!doctype html>
<html lang="en">
<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="author" content="Questend India Pvt Ltd">
<meta property="og:url" content="index.html"/>
<meta property="og:image" content="images/social_share_logo.png"/>
<meta name="format-detection" content="telephone=no">
<link href="css/stylesheet.css" rel="stylesheet">
<!-- InstanceBeginEditable name="doctitle" -->
<meta property="og:title" content="Questend India Pvt Ltd | Web Design and Development | Custom Websites | E-commerce | Delhi"/>
<meta property="og:description" content="We are a Delhi based Web Design, Web Development and E-commerce Solutions agency offering custom website design."/>
<title>Our Work | Web Design Agency | Questend India Pvt Ltd</title>
<meta name="Description" content="Web Design Portfolio of Questend India Pvt Ltd, a Delhi Web Design, Web Development and E-commerce Solutions agency.">
<!-- InstanceEndEditable -->
<!-- InstanceBeginEditable name="head" -->
<style>.container-photo-header{background-image:url(images/work_banner.jpg);filter:brightness(30%) grayscale(1)}#myVideo{position:absolute;min-width:100%;height:119%;min-height:56vw;top:-9%}.portfolio li{width:50%;margin-bottom:90px}.portfolio.design li{width:33.3334%}.portfolio li a{overflow:hidden;border-radius:12px; max-height: 330px;}.extra-work{display:none}.logos li img:hover{filter:grayscale(0%)}@media only screen and (min-width:993px) and (max-width:1200px){.container-photo-header{max-height:100%}#myVideo{left:-31%}}@media only screen and (max-width:992px){.portfolio.design li{width:50%}}@media only screen and (max-width:600px){.portfolio li{margin-bottom:60px}#myVideo{left:-40%}}@media only screen and (max-width:375px) and (min-height:800px){#myVideo{left:-50%}.container-photo-header{max-height:50vh}}</style>
<!-- InstanceEndEditable -->
</head>
<body>
<div id="windowPopup" class="popupOutter" onClick="jQuery('#windowPopup').fadeOut('fast',function() { jQuery('.windowContent').html(''); });">
<div style="margin: 0px auto; height: 100%; display: table;">
<div style="display: table-cell; vertical-align: middle;">
<div class="popupBox">
<a onClick="jQuery('#windowPopup').fadeOut('fast',function() { jQuery('.windowContent').html(''); });">
<div class="close"><i class="fa-light fa-times fa-lg"></i></div>
</a>
<div class="windowContent"></div>
</div>
</div>
</div>
</div>
<div id="windowPopupRefresh" class="popupOutter">
<div style="margin: 0px auto; height: 100%; display: table;">
<div style="display: table-cell; vertical-align: middle;">
<div class="popupBox">
<a onClick="jQuery('#windowPopupRefresh').fadeOut('fast',function() { jQuery('.windowContent').html(''); location.reload(); });">
<div class="close"><i class="fa-light fa-times fa-lg"></i></div>
</a>
<div class="windowContent"></div>
</div>
</div>
</div>
</div>
<div id="header" class="stickToTop transparent">
<div id="headerInner" class="large fadein fadein-inplace">
<div id="logo">
<a href="index.html">
<img id="logo-transparent" src="images/questend-logo-white.svg" alt="Questend India Pvt Ltd logo" width="120" height="166"><img id="logo-blue" src="images/questend-logo-white.svg" alt="Questend India Pvt Ltd logo" width="120" height="166">
</a>
</div>
<div id="mobileMenuIcon" onClick="jQuery('#mobileMenu').slideToggle('','swing'); swapMobileMenuIcon();">
<div id="menu-bars">
<span class="mobileMenuLine"></span>
<span class="mobileMenuLine" style="margin-bottom: 0px;"></span>
</div>
<div id="menu-x" style="width: 20.5px; display: none;">
<span class="mobileMenuLine" style="transform: rotate(45deg) translateY(5.5px); transform-origin: 50% 0%;"></span>
<span class="mobileMenuLine" style="transform: rotate(-45deg) translateY(-6.5px); transform-origin: 50% 0%;"></span>
</div>
</div>
<div id="menu-floating">
<ul class="menus" id="mainmenu-floating">
<li><a href="work.html" class="menuOn">Work</a></li>
<li><a href="about.html">About</a></li>
<li><a href="what-we-do.html">What We Do</a></li>
<li><a href="product.html">Product</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
</div>
<div id="mobileMenu">
<ul class="menus mobileMenuList text-right">
<li class="fadein-element fadein-element-right"><a href="work.html" class="menuOn">Work</a></li>
<li class="fadein-element fadein-element-right"><a href="about.html">About</a></li>
<li class="fadein-element fadein-element-right"><a href="what-we-do.html">What We Do</a></li>
<li class="fadein-element fadein-element-right"><a href="product.html">Product</a></li>
<li class="fadein-element fadein-element-right"><a href="blog.html">Blog</a></li>
<li class="fadein-element fadein-element-right"><a href="contact.html">Contact</a></li>
</ul>
</div>
</div>
<div id="content">
<!-- InstanceBeginEditable name="content" -->
<section class="container-big background-black" style="overflow: hidden;">
<div class="container-photo container-photo-header">
<video id="myVideo" muted autoplay loop playsinline>
<source src="images/header_work_2.mp4" type="video/mp4">
</video>
<div class="headerBar-overlay"></div>
</div>
<div class="headerBox large">
<div class="vertical-center text-center-mobile-small slide-updown-small">
<h1 id="header-words" class="header red"><span class="fadein-element fadein-element-left">Gen NxT</span> <br class="mobileElement"><span class="fadein-element fadein-element-left">websites &</span> <br class="mobileElement"><span class="fadein-element fadein-element-left white">software </span> <br class="mobileElement"><span class="fadein-element fadein-element-left"><span class="white">development</span><span class="dot">.</span></span></h1>
</div>
</div>
</section>
<section class="background-darkgrey">
<div id="side-menu">
<ul>
<li><a id="website-design-button" href="#website-design" class="page-link" style="margin-bottom: 59px;">Websites</a></li>
<li><a id="software-design-button" href="#software-design" class="page-link" style="margin-bottom: 59px;">Software</a></li>
<li><a id="graphic-design-button" href="#graphic-design" class="page-link">Graphics</a></li>
</ul>
</div>
<div class="container large">
<div id="website-design" class="anchor"></div>
<section>
<h2 id="websites-header" class="header text-center fadein" style="margin-top: 30px;">Web solutions<span class="dot">.</span></h2>
<p class="text-center large-font margin-top-small margin-bottom-half grey fadein"><strong>Selection of websites we have designed and developed over the years.</strong></p>
<div id="top-page" class="anchor"></div>
<div class="row fadein">
<ul id="websites-list" class="gallery portfolio">
<li class="all">
<div class="fadein-element">
<a href="https://www.bhartiyacity.com/" target="_blank" class="portfolio-overlay fixCellPadding">
<img src="images/website-design-showcase/bhartiyacity-home.png" srcset="images/website-design-showcase/bhartiyacity-home.png 380w, images/website-design-showcase/bhartiyacity-home.png 480w, images/website-design-showcase/bhartiyacity-home.png 582w" sizes="(max-width: 600px) 380px, (max-width: 1200px) 480px, 582px)" alt="Immersia Studio" class="img-responsive"></a>
<p class="text-left margin-top-small no-margin-bottom"><span class="subheader3">Bhartiya City</span><br>
<span class="grey"><strong>The City of Joy</strong></span>
</p>
</div>
</li>
<li class="all">
<div class="fadein-element">
<a href="https://www.bhartiyafashion.com/" target="_blank" class="portfolio-overlay fixCellPadding">
<img src="images/website-design-showcase/bhartiyafashion-com.png" srcset="images/website-design-showcase/bhartiyafashion-com.png 380w, images/website-design-showcase/bhartiyafashion-com.png 480w, images/website-design-showcase/bhartiyafashion-com.png 582w" sizes="(max-width: 600px) 380px, (max-width: 1200px) 480px, 582px)" alt="Bhartiya Fashion" class="img-responsive"></a>
<p class="text-left margin-top-small no-margin-bottom"><span class="subheader3">Bhartiya Fashion</span><br>
<span class="grey"><strong>Manufacturing meets Design</strong></span>
</p>
</div>
</li>
<li class="all">
<div class="fadein-element">
<a href="https://www.bhartiya.com/" target="_blank" class="portfolio-overlay fixCellPadding">
<img src="images/website-design-showcase/bhartiya-com.png" srcset="images/website-design-showcase/bhartiya-com.png 380w, images/website-design-showcase/bhartiya-com.png 480w, images/website-design-showcase/bhartiya-com.png 582w" sizes="(max-width: 600px) 380px, (max-width: 1200px) 480px, 582px)" alt="Bhartiya International" class="img-responsive"></a>
<p class="text-left margin-top-small no-margin-bottom"><span class="subheader3">Bhartiya International</span><br>
<span class="grey"><strong>Bhartiya Group</strong></span>
</p>
</div>
</li>
<li class="all">
<div class="fadein-element">
<a href="https://chamanbhartiya.com/" target="_blank" class="portfolio-overlay fixCellPadding">
<img src="images/website-design-showcase/chamanbhartiya.png" srcset="images/website-design-showcase/chamanbhartiya.png 380w, images/website-design-showcase/chamanbhartiya.png 480w, images/website-design-showcase/chamanbhartiya.png 582w" sizes="(max-width: 600px) 380px, (max-width: 1200px) 480px, 582px)" alt="Chaman Bhartiya School" class="img-responsive"></a>
<p class="text-left margin-top-small no-margin-bottom"><span class="subheader3">Chaman Bhartiya School</span><br>
<span class="grey"><strong>Makers of Leaders</strong></span>
</p>
</div>
</li>
<li class="all professional other">
<div class="fadein-element">
<a href="https://studiocreo.com/" target="_blank" class="portfolio-overlay fixCellPadding">
<img src="images/website-design-showcase/studiocreo.png" srcset="images/website-design-showcase/studiocreo.png 380w, images/website-design-showcase/studiocreo.png 480w, images/website-design-showcase/studiocreo.png 582w" sizes="(max-width: 600px) 380px, (max-width: 1200px) 480px, 582px)" alt="CREO" class="img-responsive"></a>
<p class="text-left margin-top-small no-margin-bottom"><span class="subheader3">CREO</span><br>
<span class="grey"><strong>Interiors Design</strong></span>
</p>
</div>
</li>
<li class="all">
<div class="fadein-element">
<a href="https://nikoointeriors.com/" target="_blank" class="portfolio-overlay fixCellPadding">
<img src="images/website-design-showcase/nikoointeriors.png" srcset="images/website-design-showcase/nikoointeriors.png 380w, images/website-design-showcase/nikoointeriors.png 480w, images/website-design-showcase/nikoointeriors.png 582w" sizes="(max-width: 600px) 380px, (max-width: 1200px) 480px, 582px)" alt="Nikoo Interiors" class="img-responsive"></a>
<p class="text-left margin-top-small no-margin-bottom"><span class="subheader3">Nikoo Interiors</span><br>
<span class="grey"><strong>Home furniture</strong></span>
</p>
</div>
</li>
<li class="all">
<div class="fadein-element">
<a href="#" target="_blank" class="portfolio-overlay fixCellPadding">
<img src="images/website-design-showcase/bhartiyaleelaresidences.png" srcset="images/website-design-showcase/bhartiyaleelaresidences.png 380w, images/website-design-showcase/bhartiyaleelaresidences.png 480w, images/website-design-showcase/bhartiyaleelaresidences.png 582w" sizes="(max-width: 600px) 380px, (max-width: 1200px) 480px, 582px)" alt="Bhartiya Leela Residences" class="img-responsive"></a>
<p class="text-left margin-top-small no-margin-bottom"><span class="subheader3">Bhartiya Leela Residences</span><br>
<span class="grey"><strong>Premium luxury residences in the heart of a global city.</strong></span>
</p>
</div>
</li>
<li class="all">
<div class="fadein-element">
<a href="https://www.leelaresidences.bhartiyacity.com/campaign/" target="_blank" class="portfolio-overlay fixCellPadding">
<img src="images/website-design-showcase/leelaresidences-bhartiyacity-campaign.png" srcset="images/website-design-showcase/leelaresidences-bhartiyacity-campaign.png 380w, images/website-design-showcase/leelaresidences-bhartiyacity-campaign.png 480w, images/website-design-showcase/leelaresidences-bhartiyacity-campaign.png 582w" sizes="(max-width: 600px) 380px, (max-width: 1200px) 480px, 582px)" alt="Immersia Studio" class="img-responsive"></a>
<p class="text-left margin-top-small no-margin-bottom"><span class="subheader3">The Leela</span><br>
<span class="grey"><strong>THE FIVE STAR LEELA HOTEL, BHARTIYA CITY</strong></span>
</p>
</div>
</li>
<li class="all">
<div class="fadein-element">
<a href="https://lendingcon.com/" target="_blank" class="portfolio-overlay fixCellPadding">
<img src="images/website-design-showcase/lendingcon.png" srcset="images/website-design-showcase/lendingcon.png 380w, images/website-design-showcase/lendingcon.png 480w, images/website-design-showcase/lendingcon.png 582w" sizes="(max-width: 600px) 380px, (max-width: 1200px) 480px, 582px)" alt="LendingCon" class="img-responsive"></a>
<p class="text-left margin-top-small no-margin-bottom"><span class="subheader3">LendingCon</span><br>
<span class="grey"><strong>LendingCon Conferences</strong></span>
</p>
</div>
</li>
<li class="all">
<div class="fadein-element">
<a href="https://ingenuitybsp.com/" target="_blank" class="portfolio-overlay fixCellPadding">
<img src="images/website-design-showcase/ingenuitybsp-com.png" srcset="images/website-design-showcase/ingenuitybsp-com.png 380w, images/website-design-showcase/ingenuitybsp-com.png 480w, images/website-design-showcase/ingenuitybsp-com.png 582w" sizes="(max-width: 600px) 380px, (max-width: 1200px) 480px, 582px)" alt="Ingenuity" class="img-responsive"></a>
<p class="text-left margin-top-small no-margin-bottom"><span class="subheader3">Ingenuity</span><br>
<span class="grey"><strong>Finance Services</strong></span>
</p>
</div>
</li>
<li class="all">
<div class="fadein-element">
<a href="https://bubbyg.com/" target="_blank" class="portfolio-overlay fixCellPadding">
<img src="images/website-design-showcase/bubbyg-com.png" srcset="images/website-design-showcase/bubbyg-com.png 380w, images/website-design-showcase/bubbyg-com.png 480w, images/website-design-showcase/bubbyg-com.png 582w" sizes="(max-width: 600px) 380px, (max-width: 1200px) 480px, 582px)" alt="BubbyG Food" class="img-responsive"></a>
<p class="text-left margin-top-small no-margin-bottom"><span class="subheader3">BubbyG Food</span><br>
<span class="grey"><strong>KHUSHIYA BHI SEHAT BHI</strong></span>
</p>
</div>
</li>
<li class="all">
<div class="fadein-element">
<a href="https://ftfinntax.com/" target="_blank" class="portfolio-overlay fixCellPadding">
<img src="images/website-design-showcase/ftfinntax-com.png" srcset="images/website-design-showcase/ftfinntax-com.png 380w, images/website-design-showcase/ftfinntax-com.png 480w, images/website-design-showcase/ftfinntax-com.png 582w" sizes="(max-width: 600px) 380px, (max-width: 1200px) 480px, 582px)" alt="Ftfinntax Consultants" class="img-responsive"></a>
<p class="text-left margin-top-small no-margin-bottom"><span class="subheader3">Ftfinntax Consultants</span><br>
<span class="grey"><strong>Chartered Accountants</strong></span>
</p>
</div>
</li>
<li class="all">
<div class="fadein-element">
<a href="https://meripadyatra.org/" target="_blank" class="portfolio-overlay fixCellPadding">
<img src="images/website-design-showcase/meripadyatra-org.png" srcset="images/website-design-showcase/meripadyatra-org.png 380w, images/website-design-showcase/meripadyatra-org.png 480w, images/website-design-showcase/meripadyatra-org.png 582w" sizes="(max-width: 600px) 380px, (max-width: 1200px) 480px, 582px)" alt="Meri PAD Yatra" class="img-responsive"></a>
<p class="text-left margin-top-small no-margin-bottom"><span class="subheader3">Meri PAD Yatra</span><br>
<span class="grey"><strong>NGO</strong></span>
</p>
</div>
</li>
<li class="all">
<div class="fadein-element">
<a href="https://taattva.in/" target="_blank" class="portfolio-overlay fixCellPadding">
<img src="images/website-design-showcase/taattva-in.png" srcset="images/website-design-showcase/taattva-in.png 380w, images/website-design-showcase/taattva-in.png 480w, images/website-design-showcase/taattva-in.png 582w" sizes="(max-width: 600px) 380px, (max-width: 1200px) 480px, 582px)" alt="Taattva" class="img-responsive"></a>
<p class="text-left margin-top-small no-margin-bottom"><span class="subheader3">Taattva</span><br>
<span class="grey"><strong>Virtual Reality</strong></span>
</p>
</div>
</li>
<li class="all">
<div class="fadein-element">
<a href="https://www.wisdomtreeindia.com/" target="_blank" class="portfolio-overlay fixCellPadding">
<img src="images/website-design-showcase/wisdomtreeindia-com.png" srcset="images/website-design-showcase/wisdomtreeindia-com.png 380w, images/website-design-showcase/wisdomtreeindia-com.png 480w, images/website-design-showcase/wisdomtreeindia-com.png 582w" sizes="(max-width: 600px) 380px, (max-width: 1200px) 480px, 582px)" alt="Wisdomtree India" class="img-responsive"></a>
<p class="text-left margin-top-small no-margin-bottom"><span class="subheader3">Wisdomtree India</span><br>
<span class="grey"><strong>Virtual Reality</strong></span>
</p>
</div>
</li>
<li class="all">
<div class="fadein-element">
<a href="https://www.buynearus.com/" target="_blank" class="portfolio-overlay fixCellPadding">
<img src="images/website-design-showcase/buynearus.png" srcset="images/website-design-showcase/buynearus.png 380w, images/website-design-showcase/buynearus.png 480w, images/website-design-showcase/buynearus.png 582w" sizes="(max-width: 600px) 380px, (max-width: 1200px) 480px, 582px)" alt="Buy Near Us" class="img-responsive"></a>
<p class="text-left margin-top-small no-margin-bottom"><span class="subheader3">Buy Near Us</span><br>
<span class="grey"><strong>Virtual Reality</strong></span>
</p>
</div>
</li>
</ul>
</div>
</section>
</div>
</section>
<section class="background-darkgrey">
<div class="container large">
<div id="software-design" class="anchor"></div>
<section>
<h2 id="software-design-header" class="header text-center fadein" style="margin-top: 30px;">Software<span class="dot">.</span></h2>
<p class="text-center large-font margin-top-small margin-bottom-small-mobile grey fadein"><strong>A select list of logos we have designed for new or existing companies.</strong></p>
<div class="row fadein">
<ul id="websites-list" class="gallery portfolio">
<li class="all">
<div class="fadein-element">
<a href="#" class="portfolio-overlay fixCellPadding">
<img src="portfolio/software/RWA-inventory.jpg" srcset="portfolio/software/RWA-inventory.jpg 380w, portfolio/software/RWA-inventory.jpg 480w, portfolio/software/RWA-inventory.jpg 582w" sizes="(max-width: 600px) 380px, (max-width: 1200px) 480px, 582px)" alt="RWA" class="img-responsive"></a>
<p class="text-left margin-top-small no-margin-bottom"><span class="subheader3">RWA</span><br>
<span class="grey"><strong>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</strong></span>
</p>
</div>
</li>
<li class="all">
<div class="fadein-element">
<a href="#" class="portfolio-overlay fixCellPadding">
<img src="portfolio/software/teleprompter.jpg" srcset="portfolio/software/teleprompter.jpg 380w, portfolio/software/teleprompter.jpg 480w, portfolio/software/teleprompter.jpg 582w" sizes="(max-width: 600px) 380px, (max-width: 1200px) 480px, 582px)" alt="Teleprompter" class="img-responsive"></a>
<p class="text-left margin-top-small no-margin-bottom"><span class="subheader3">Teleprompter</span><br>
<span class="grey"><strong>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</strong></span>
</p>
</div>
</li>
<li class="all">
<div class="fadein-element">
<a href="#" class="portfolio-overlay fixCellPadding">
<img src="portfolio/software/Digital-Signage-Services.jpg" srcset="portfolio/software/Digital-Signage-Services.jpg 380w, portfolio/software/Digital-Signage-Services.jpg 480w, portfolio/software/Digital-Signage-Services.jpg 582w" sizes="(max-width: 600px) 380px, (max-width: 1200px) 480px, 582px)" alt="Digital Signage Services" class="img-responsive"></a>
<p class="text-left margin-top-small no-margin-bottom"><span class="subheader3">Digital Signage Services</span><br>
<span class="grey"><strong>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</strong></span>
</p>
</div>
</li>
<li class="all">
<div class="fadein-element">
<a href="#" class="portfolio-overlay fixCellPadding">
<img src="portfolio/software/Reminder-app.jpg" srcset="portfolio/software/Reminder-app.jpg 380w, portfolio/software/Reminder-app.jpg 480w, portfolio/software/Reminder-app.jpg 582w" sizes="(max-width: 600px) 380px, (max-width: 1200px) 480px, 582px)" alt="Expiry Reminder" class="img-responsive"></a>
<p class="text-left margin-top-small no-margin-bottom"><span class="subheader3">Expiry Reminder</span><br>
<span class="grey"><strong>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</strong></span>
</p>
</div>
</li>
<li class="all">
<div class="fadein-element">
<a href="#" class="portfolio-overlay fixCellPadding">
<img src="portfolio/software/ecom-backend.jpg" srcset="portfolio/software/ecom-backend.jpg 380w, portfolio/software/ecom-backend.jpg 480w, portfolio/software/ecom-backend.jpg 582w" sizes="(max-width: 600px) 380px, (max-width: 1200px) 480px, 582px)" alt="E-commerce Backend" class="img-responsive"></a>
<p class="text-left margin-top-small no-margin-bottom"><span class="subheader3">E-commerce Backend</span><br>
<span class="grey"><strong>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</strong></span>
</p>
</div>
</li>
</ul>
</div>
</section>
</div>
</section>
<section class="background-white" style="position: relative;">
<div class="container large">
<div id="graphic-design" class="anchor"></div>
<h2 id="graphic-design-header" class="header margin-top-half text-center fadein">Graphic design<span class="dot">.</span></h2>
<p class="text-center large-font margin-top-small margin-bottom-xlarge margin-bottom-large-mobile grey fadein"><strong>Showcasing some of our print/graphic design work.</strong></p>
<div class="row margin-top-large fadein">
<ul id="graphicdesign-list" class="gallery portfolio design">
<li class="fadein-element">
<a id="gwork-1" onClick="showPopup('portfolio/graphic_design/G7.jpg',800,698,'img','');" class="portfolio-overlay design fixCellPadding">
<img src="portfolio/graphic_design/G7.jpg" alt="YOGI Gargle" class="img-responsive">
</a>
</li>
<script>document.getElementById('gwork-1').addEventListener('touchstart',function(e){jQuery('#gwork-1 img').css('filter','brightness(40%)');jQuery('#gwork-1 img').css('transform','scale(1.1)');},{passive:true});document.getElementById('gwork-1').addEventListener('touchend',function(e){jQuery('#gwork-1 img').css('filter','brightness(100%)');jQuery('#gwork-1 img').css('transform','scale(1)');},{passive:true});</script>
<li class="fadein-element">
<a id="gwork-2" onClick="showPopup('portfolio/graphic_design/G8.jpg',800,698,'img','');" class="portfolio-overlay design fixCellPadding"><img src="portfolio/graphic_design/G8.jpg" alt="YOGI Gargle" class="img-responsive"></a>
</li>
<script>document.getElementById('gwork-2').addEventListener('touchstart',function(e){jQuery('#gwork-2 img').css('filter','brightness(40%)');jQuery('#gwork-2 img').css('transform','scale(1.1)');},{passive:true});document.getElementById('gwork-2').addEventListener('touchend',function(e){jQuery('#gwork-2 img').css('filter','brightness(100%)');jQuery('#gwork-2 img').css('transform','scale(1)');},{passive:true});</script>
<li class="fadein-element">
<a id="gwork-3" onClick="showPopup('portfolio/graphic_design/Gargle3.jpg',800,710,'img','');" class="portfolio-overlay design fixCellPadding"><img src="portfolio/graphic_design/Gargle3.jpg" alt="555 Chabanel" class="img-responsive"></a>
</li>
<script>document.getElementById('gwork-3').addEventListener('touchstart',function(e){jQuery('#gwork-3 img').css('filter','brightness(40%)');jQuery('#gwork-3 img').css('transform','scale(1.1)');},{passive:true});document.getElementById('gwork-3').addEventListener('touchend',function(e){jQuery('#gwork-3 img').css('filter','brightness(100%)');jQuery('#gwork-3 img').css('transform','scale(1)');},{passive:true});</script>
<li class="fadein-element">
<a id="gwork-4" onClick="showPopup('portfolio/graphic_design/k2.jpg',800,1018,'img','');" class="portfolio-overlay design fixCellPadding"><img src="portfolio/graphic_design/k2.jpg" alt="555 Chabanel" class="img-responsive"></a>
</li>
<script>document.getElementById('gwork-4').addEventListener('touchstart',function(e){jQuery('#gwork-4 img').css('filter','brightness(40%)');jQuery('#gwork-4 img').css('transform','scale(1.1)');},{passive:true});document.getElementById('gwork-4').addEventListener('touchend',function(e){jQuery('#gwork-4 img').css('filter','brightness(100%)');jQuery('#gwork-4 img').css('transform','scale(1)');},{passive:true});</script>
<li class="fadein-element">
<a id="gwork-5" onClick="showPopup('portfolio/graphic_design/karva.jpg',800,1018,'img','');" class="portfolio-overlay design fixCellPadding"><img src="portfolio/graphic_design/karva.jpg" alt="555 Chabanel" class="img-responsive"></a>
</li>
<script>document.getElementById('gwork-5').addEventListener('touchstart',function(e){jQuery('#gwork-5 img').css('filter','brightness(40%)');jQuery('#gwork-5 img').css('transform','scale(1.1)');},{passive:true});document.getElementById('gwork-5').addEventListener('touchend',function(e){jQuery('#gwork-5 img').css('filter','brightness(100%)');jQuery('#gwork-5 img').css('transform','scale(1)');},{passive:true});</script>
<li class="fadein-element">
<a id="gwork-6" onClick="showPopup('portfolio/graphic_design/karvaan-new2.jpg',800,1018,'img','');" class="portfolio-overlay design fixCellPadding"><img src="portfolio/graphic_design/karvaan-new2.jpg" alt="555 Chabanel" class="img-responsive"></a>
</li>
<script>document.getElementById('gwork-6').addEventListener('touchstart',function(e){jQuery('#gwork-6 img').css('filter','brightness(40%)');jQuery('#gwork-6 img').css('transform','scale(1.1)');},{passive:true});document.getElementById('gwork-6').addEventListener('touchend',function(e){jQuery('#gwork-6 img').css('filter','brightness(100%)');jQuery('#gwork-6 img').css('transform','scale(1)');},{passive:true});</script>
<li class="fadein-element">
<a id="gwork-7" onClick="showPopup('portfolio/graphic_design/doctorshield.png',800,1018,'img','');" class="portfolio-overlay design fixCellPadding"><img src="portfolio/graphic_design/doctorshield.png" alt="555 Chabanel" class="img-responsive"></a>
</li>
<script>document.getElementById('gwork-7').addEventListener('touchstart',function(e){jQuery('#gwork-7 img').css('filter','brightness(40%)');jQuery('#gwork-7 img').css('transform','scale(1.1)');},{passive:true});document.getElementById('gwork-7').addEventListener('touchend',function(e){jQuery('#gwork-7 img').css('filter','brightness(100%)');jQuery('#gwork-7 img').css('transform','scale(1)');},{passive:true});</script>
<li class="fadein-element">
<a id="gwork-8" onClick="showPopup('portfolio/graphic_design/Happy-holi2.JPG',800,1018,'img','');" class="portfolio-overlay design fixCellPadding"><img src="portfolio/graphic_design/Happy-holi2.JPG" alt="555 Chabanel" class="img-responsive"></a>
</li>
<script>document.getElementById('gwork-8').addEventListener('touchstart',function(e){jQuery('#gwork-8 img').css('filter','brightness(40%)');jQuery('#gwork-8 img').css('transform','scale(1.1)');},{passive:true});document.getElementById('gwork-8').addEventListener('touchend',function(e){jQuery('#gwork-8 img').css('filter','brightness(100%)');jQuery('#gwork-8 img').css('transform','scale(1)');},{passive:true});</script>
</ul>
</div>
<!-- Start logos -->
<div class="row fadein">
<ul id="logos" class="features-list features-6 features-list-image-only logos">
<li class="fadein-element fadein-element-center">
<img src="portfolio/logos/COFE-logo.png" alt="COFE" class="img-responsive">
</li>
<li class="fadein-element fadein-element-center">
<img src="portfolio/logos/elegancia-logo.png" alt="Elegancia" class="img-responsive">
</li>
<li class="fadein-element fadein-element-center">
<img src="portfolio/logos/THINK-TRUNK-LOGO.png" alt="THINK TRUNK" class="img-responsive">
</li>
<li class="fadein-element fadein-element-center">
<img src="portfolio/logos/indusinfotek-logo.png" alt="Indus Infotek" class="img-responsive">
</li>
<li class="fadein-element fadein-element-center">
<img src="portfolio/logos/qe-classes.png" alt="QE classes" class="img-responsive">
</li>
<li class="fadein-element fadein-element-center">
<img src="portfolio/logos/meriPADyatra.png" alt="Meri PAD Yatra" class="img-responsive">
</li>
<li class="fadein-element fadein-element-center">
<img src="portfolio/logos/ldc-bhakti.jpg" alt="LDC Bhakti" class="img-responsive">
</li>
<li class="fadein-element fadein-element-center">
<img src="portfolio/logos/ldc-haryanvi.jpg" alt="LDC Haryanvi" class="img-responsive">
</li>
<li class="fadein-element fadein-element-center">
<img src="portfolio/logos/ldc-movie.jpg" alt="LDC Movie" class="img-responsive">
</li>
<li class="fadein-element fadein-element-center">
<img src="portfolio/logos/LDC-Punjabi.png" alt="LDC Punjabi" class="img-responsive">
</li>
<li class="fadein-element fadein-element-center">
<img src="portfolio/logos/the-art-spring-logo.jpg" alt="The art spring" class="img-responsive">
</li>
<li class="fadein-element fadein-element-center">
<img src="portfolio/logos/anantpushp.png" alt="Anantpushp" class="img-responsive">
</li>
</ul>
</div>
<!-- End logos -->
</div>
</section>
<section class="background-darkgrey" style="border-bottom: 2px solid #333; position: relative;">
<div class="container padding-small fadein">
<h2 class="subheader text-center no-margin-bottom red">Get started today!</h2>
<h2 class="content-short text-center large-font margin-top-small">Our experience makes us an excellent choice.</h2>
<div class="text-center margin-top-large"><a href="contact.html" class="button">Let's talk<i class="fa-light fa-long-arrow-right fa-lg"></i></a></div>
</div>
</section>
<!-- InstanceEndEditable -->
</div>
<a href="#top" id="top-link" title="top link">
<div id="button-scroll-up">
<i class="fa-light fa-circle-arrow-up"></i>
</div>
</a>
<div id="mouse-circle"></div>
<div id="footer">
<div id="footerInner" class="large">
<div class="row swap-columns-mobile-small">
<div class="column50 text-center-mobile-small margin-top-small-mobile-small">
<div id="footerCopyright">© 2000-2023 Questend India Pvt Ltd. All rights reserved.</div>
</div>
<div class="column50 text-right text-center-mobile-small">
<ul class="list-inline socialMedia">
<li><a href="https://www.linkedin.com/" target="_blank" title="LinkedIn"><i class="fa-brands fa-linkedin-in"></i></a></li>
<li><a href="https://www.facebook.com/" target="_blank" title="Facebook"><i class="fa-brands fa-facebook-f"></i></a></li>
<li><a href="https://www.instagram.com/" target="_blank" title="Instagram"><i class="fa-brands fa-instagram"></i></a></li>
<li><a href="https://twitter.com/" target="_blank" title="Twitter"><i class="fa-brands fa-twitter"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
<script src="js/jquery-3.6.1.min.js"></script>
<script src="functions.js%2cqv%3d%3d04012023%2bjquery.smooth-scroll-1.7.1.min.js.pagespeed.jc.rh7R-U4phT.js"></script>
<script>eval(mod_pagespeed_XpS_uRhzC_);</script>
<script>eval(mod_pagespeed_3yRYFh8Wgj);</script>
<!--<script src="/jquery.nicescroll.min.js"></script>-->
<script src="fontawesome/fontawesome.js" crossorigin="anonymous"></script>
<script src="js/custom.js" crossorigin="anonymous"></script>
<!-- InstanceBeginEditable name="extra-javascript" -->
<script>
var graphicdesign_columns = 3;
var logos_columns = 6;
if (window.width < 992) {
graphicdesign_columns = 2;
logos_columns = 3;
}
jQuery(document).ready(function () {
fadeinElements("header-words", 4);
fadeinElements("websites-list", 2);
fadeinElements("logos", logos_columns);
fadeinElements("graphicdesign-list", graphicdesign_columns);
if (jQuery("#websites-header").hasClass("visible")) {
jQuery("#website-design-button").addClass("buttonOn");
jQuery("#graphic-design-button").removeClass("buttonOn");
jQuery("#software-design-button").removeClass("buttonOn");
} else jQuery("#website-design-button").removeClass("buttonOn");
if (jQuery("#software-design-header").hasClass("visible")) {
jQuery("#website-design-button").removeClass("buttonOn");
jQuery("#graphic-design-button").removeClass("buttonOn");
jQuery("#software-design-button").addClass("buttonOn");
}
if (jQuery("#graphic-design-header").hasClass("visible")) {
jQuery("#website-design-button").removeClass("buttonOn");
jQuery("#graphic-design-button").addClass("buttonOn");
jQuery("#software-design-button").removeClass("buttonOn");
}
});
jQuery(document).on("scroll", function () {
fadeinElements("header-words", 4);
fadeinElements("websites-list", 2);
fadeinElements("graphicdesign-list", graphicdesign_columns);
fadeinElements("logos", logos_columns);
if (jQuery("#websites-header").hasClass("visible")) {
jQuery("#website-design-button").addClass("buttonOn");
jQuery("#graphic-design-button").removeClass("buttonOn");
jQuery("#software-design-button").removeClass("buttonOn");
} else jQuery("#website-design-button").removeClass("buttonOn");
if (jQuery("#software-design-header").hasClass("visible")) {
jQuery("#website-design-button").removeClass("buttonOn");
jQuery("#graphic-design-button").removeClass("buttonOn");
jQuery("#software-design-button").addClass("buttonOn");
}
if (jQuery("#graphic-design-header").hasClass("visible")) {
jQuery("#website-design-button").removeClass("buttonOn");
jQuery("#graphic-design-button").addClass("buttonOn");
jQuery("#software-design-button").removeClass("buttonOn");
}
});
function updateTags(tag) {
jQuery(".all").hide();
jQuery("." + tag).show();
scrollPage("top-page", 0);
}
</script>
<!-- InstanceEndEditable -->
</body>
<!-- InstanceEnd -->
</html>
PK 99