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>Questend India Pvt Ltd | Web Design and Development | Custom Websites | E-commerce | Delhi</title>
<meta name="Description" content="We are a Delhi based Web Design, Web Development and E-commerce Solutions agency offering custom website design.">
<!-- InstanceEndEditable -->
<!-- InstanceBeginEditable name="head" -->
<style>
.container-photo-header{background-image:url(images/home_banner.jpg);filter:brightness(40%) grayscale(1)}
#instagram_feed{position:relative;margin-left:-15px;margin-right:-15px}
.gallery li{margin-bottom:60px}
.home-box{padding:2em}
@media only screen and (min-width:1200px){
#websites-list img{transition:all .6s ease 0s}
#websites-list a:hover img{transform:scale(1.1);box-shadow: 0px 20px 40px rgb(0 0 0 / 30%)}
}
@media only screen and (min-width:1601px){
#websites-list a:hover img{transform:scale(1.08)}
}
@media only screen and (max-width:992px){
.gallery li{width:50%}.home-box{padding:2em 1.5em}
}
@media only screen and (max-width:600px){
.container-photo-header{background-image:url(images/home_banner_m.jpg)}
#instagram_feed{margin-left:-5px;margin-right:-5px}.home-box{padding:2em 1em}
}
</style>
<!-- InstanceEndEditable -->
</head>
<body>
<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">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">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 grow">
<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">Creating</span> <br class="tabletElement mobileElement"><span class="fadein-element fadein-element-left">focused web &</span> <br class="tabletElement mobileElement"><span class="fadein-element fadein-element-left"><span class="white"> software solutions</span><span class="dot">.</span></span></h1>
<h2 class="subheader3 white no-margin-bottom margin-top-half fadein-full">For over 2 decades</h2>
</div>
</div>
</section>
<section class="slide-updown">
<div class="container large padding-small">
<div class="row fadein">
<div class="column50" style="margin-bottom: 20px;">
<div class="background-darkgrey photo text-center home-box">
<h2 class="subheader margin-bottom-half">Who we are<span class="dot">.</span></h2>
<p class="large-font text-left text-center-mobile">The best <strong>web design, <span style="white-space: nowrap;">e-com</span></strong> & <strong>software solutions partner </strong> you have been looking for, to <strong>understand, visualise, design</strong> & develop the perfect solution for <strong>your business</strong>.</p>
<a href="about.html" class="button single-icon margin-top-large" title="Learn More"><i class="fa-light fa-plus"></i></a><br>
</div>
</div>
<div class="column50" style="margin-bottom: 20px;">
<div class="background-darkgrey photo text-center home-box">
<h2 class="subheader margin-bottom-half">What we do<span class="dot">.</span></h2>
<p class="large-font text-left text-center-mobile"><strong>" Client Satisfaction "</strong>, these are <strong>two words</strong> that <strong>embody the way we work: flexible, innovative and tailored to specific client situations</strong>.</p>
<a href="what-we-do.html" class="button single-icon margin-top-large" title="Learn More"><i class="fa-light fa-plus"></i></a><br>
</div>
</div>
</div>
</div>
</section>
<section class="slide-updown">
<div class="container full-large">
<h2 class="header text-center margin-bottom-small fadein slide-updown-small">Recent projects<span class="dot">.</span></h2>
<div class="row fadein">
<ul id="websites-list" class="gallery">
<li class="fadein-element">
<div class="fixCellPadding">
<a href="work.html">
<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 565w" sizes="(max-width: 1400px) 380px, 565px)" alt="Lendingcon" class="img-responsive photo">
</a>
<h3 class="subheader2 margin-top-half margin-bottom-half">Bhartiya City</h3>
</div>
</li>
<li class="fadein-element">
<div class="fixCellPadding">
<a href="work.html">
<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 565w" sizes="(max-width: 1400px) 380px, 565px)" alt="Bhartiya Fashion" class="img-responsive photo">
</a>
<h3 class="subheader2 margin-top-half margin-bottom-half">Bhartiya Fashion</h3>
</div>
</li>
<li class="fadein-element">
<div class="fixCellPadding">
<a href="work.html">
<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 565w" sizes="(max-width: 1400px) 380px, 565px)" alt="Bhartiya International" class="img-responsive photo">
</a>
<h3 class="subheader2 margin-top-half margin-bottom-half">Bhartiya International</h3>
</div>
</li>
<li class="fadein-element">
<div class="fixCellPadding">
<a href="work.html">
<img src="images/website-design-showcase/chamanbhartiya.png" srcset="images/website-design-showcase/chamanbhartiya.png 380w, images/website-design-showcase/chamanbhartiya.png 565w" sizes="(max-width: 1400px) 380px, 565px)" alt="Chaman Bhartiya School" class="img-responsive photo">
</a>
<h3 class="subheader2 margin-top-half margin-bottom-half">Chaman Bhartiya School</h3>
</div>
</li>
<li class="fadein-element">
<div class="fixCellPadding">
<a href="work.html">
<img src="images/website-design-showcase/studiocreo.png" srcset="images/website-design-showcase/studiocreo.png 380w, images/website-design-showcase/studiocreo.png 565w" sizes="(max-width: 1400px) 380px, 565px)" alt="CREO" class="img-responsive photo">
</a>
<h3 class="subheader2 margin-top-half margin-bottom-half">Studio CREO</h3>
</div>
</li>
<li class="fadein-element">
<div class="fixCellPadding">
<a href="work.html">
<img src="images/website-design-showcase/nikoointeriors.png" srcset="images/website-design-showcase/nikoointeriors.png 380w, images/website-design-showcase/nikoointeriors.png 565w" sizes="(max-width: 1400px) 380px, 565px)" alt="Nikoo interiors" class="img-responsive photo">
</a>
<h3 class="subheader2 margin-top-half margin-bottom-half">Nikoo Interiors</h3>
</div>
</li>
<li class="fadein-element">
<div class="fixCellPadding">
<a href="work.html">
<img src="images/website-design-showcase/bhartiyaleelaresidences.png" srcset="images/website-design-showcase/bhartiyaleelaresidences.png 380w, images/website-design-showcase/bhartiyaleelaresidences.png 565w" sizes="(max-width: 1400px) 380px, 565px)" alt="Leela Residences" class="img-responsive photo">
</a>
<h3 class="subheader2 margin-top-half margin-bottom-half">Leela Residences</h3>
</div>
</li>
<li class="fadein-element">
<div class="fixCellPadding">
<a href="work.html">
<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 565w" sizes="(max-width: 1400px) 380px, 565px)" alt="The Leela" class="img-responsive photo">
</a>
<h3 class="subheader2 margin-top-half margin-bottom-half">The Leela</h3>
</div>
</li>
<li class="fadein-element">
<div class="fixCellPadding">
<a href="work.html">
<img src="images/website-design-showcase/lendingcon.png" srcset="images/website-design-showcase/lendingcon.png 380w, images/website-design-showcase/lendingcon.png 565w" sizes="(max-width: 1400px) 380px, 565px)" alt="Lendingcon" class="img-responsive photo">
</a>
<h3 class="subheader2 margin-top-half margin-bottom-half">Lendingcon</h3>
</div>
</li>
<li class="fadein-element">
<div class="fixCellPadding">
<a href="work.html">
<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 565w" sizes="(max-width: 1400px) 380px, 565px)" alt="Ingenuity" class="img-responsive photo">
</a>
<h3 class="subheader2 margin-top-half margin-bottom-half">Ingenuity</h3>
</div>
</li>
<li class="fadein-element">
<div class="fixCellPadding">
<a href="work.html">
<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 565w" sizes="(max-width: 1400px) 380px, 565px)" alt="BubbyG Food" class="img-responsive photo">
</a>
<h3 class="subheader2 margin-top-half margin-bottom-half">BubbyG Food</h3>
</div>
</li>
<li class="fadein-element">
<div class="fixCellPadding">
<a href="work.html">
<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 565w" sizes="(max-width: 1400px) 380px, 565px)" alt="Ftfinntax Consultants" class="img-responsive photo">
</a>
<h3 class="subheader2 margin-top-half margin-bottom-half">Ftfinntax Consultants</h3>
</div>
</li>
<li class="fadein-element">
<div class="fixCellPadding">
<a href="work.html">
<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 565w" sizes="(max-width: 1400px) 380px, 565px)" alt="Meri PAD Yatra" class="img-responsive photo">
</a>
<h3 class="subheader2 margin-top-half margin-bottom-half">Meri PAD Yatra</h3>
</div>
</li>
<li class="fadein-element">
<div class="fixCellPadding">
<a href="work.html">
<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 565w" sizes="(max-width: 1400px) 380px, 565px)" alt="Taattva" class="img-responsive photo">
</a>
<h3 class="subheader2 margin-top-half margin-bottom-half">Taattva</h3>
</div>
</li>
<li class="fadein-element">
<div class="fixCellPadding">
<a href="work.html">
<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 565w" sizes="(max-width: 1400px) 380px, 565px)" alt="Wisdomtree India" class="img-responsive photo">
</a>
<h3 class="subheader2 margin-top-half margin-bottom-half">Wisdomtree India</h3>
</div>
</li>
<li class="fadein-element">
<div class="fixCellPadding">
<a href="work.html">
<img src="images/website-design-showcase/buynearus.png" srcset="images/website-design-showcase/buynearus.png 380w, images/website-design-showcase/buynearus.png 565w" sizes="(max-width: 1400px) 380px, 565px)" alt="Buy Near Us" class="img-responsive photo">
</a>
<h3 class="subheader2 margin-top-half margin-bottom-half">Buy Near Us</h3>
</div>
</li>
<li class="fadein-element">
<div class="fixCellPadding">
<a href="work.html">
<img src="images/website-design-showcase/mylearnbuddy.png" srcset="images/website-design-showcase/mylearnbuddy.png 380w, images/website-design-showcase/mylearnbuddy.png 565w" sizes="(max-width: 1400px) 380px, 565px)" alt="My learn buddy" class="img-responsive photo">
</a>
<h3 class="subheader2 margin-top-half margin-bottom-half">My learn buddy</h3>
</div>
</li>
<li class="fadein-element">
<div class="fixCellPadding">
<a href="work.html">
<img src="images/website-design-showcase/krishna-valley.png" srcset="images/website-design-showcase/krishna-valley.png 380w, images/website-design-showcase/krishna-valley.png 565w" sizes="(max-width: 1400px) 380px, 565px)" alt="Krishna Valley" class="img-responsive photo">
</a>
<h3 class="subheader2 margin-top-half margin-bottom-half">Krishna Valley</h3>
</div>
</li>
</ul>
</div>
<div class="text-center fadein-full"><a href="work.html" class="button single-icon" title="Learn More"><i class="fa-light fa-plus"></i></a></div>
</div>
</section>
<section class="background-red slide-updown">
<div class="container">
<h2 class="subheader text-center black fadein">Creating <span class="white">innovative websites</span> and <span class="white">helping companies</span> with their software needs <span class="white">since 2000</span><span class="dot">.</span></h2>
<div class="margin-top-large text-center fadein-full mobileElement"><a href="what-we-do.html" class="button">What we do<i class="fa-light fa-long-arrow-right fa-lg"></i></a></div>
</div>
</section>
<!-- <section class="background-white slide-updown">
<div class="container full-large">
<div class="slide-updown-small">
<h2 class="header text-center fadein">What's been<br>
happening lately<span class="dot">.</span>
</h2>
<p class="large-font text-center margin-top-small margin-bottom-xlarge margin-bottom-large-mobile grey fadein"><strong>From our Instagram feed</strong></p>
</div>
<div class="margin-bottom-xlarge fadein">
<div id="instagram_feed">
<script src="widgets/lightwidget.js"></script>
<iframe src="https://cdn.lightwidget.com/widgets/15e25fd6d21a5e5d8e55058126bdbe16.html" scrolling="no" allowtransparency="true" class="lightwidget-widget" style="width:100%;border:0;overflow:hidden;" title="Instagram Feed"></iframe>
</div>
</div>
<div class="text-center fadein-full"><a href="https://www.instagram.com/GrafikaDesigns/" target="_blank" class="button single-icon" title="Learn More"><i class="fa-light fa-plus"></i></a></div>
</div>
</section> -->
<section class="background-lightblue slide-updown">
<div class="container large">
<div class="row fadein slide-updown-small">
<div class="column50 margin-bottom-small-mobile-small">
<h2 class="header text-center-mobile-small">What clients are saying<span class="dot">.</span></h2>
<div class="margin-top-large desktopElement tabletElement"><a href="about.html?ref=home#testimonials-section" class="button single-icon" title="Learn More"><i class="fa-light fa-plus"></i></a></div>
</div>
<div class="column50 padding-left-large fadein">
<div class="content-short">
<p class="margin-top-small margin-bottom-large"><span class="curlyquotes red">“</span>I have worked with Questend India Pvt Ltd and its mastermind, Cosmin Truta, for over a decade. We wanted to have a fresh, modern face for our new website, which was launched as we changed our name and rebranded. As a public biotechnology company we needed something that was clean, smart and modern and Questend delivered in spades, taking our ideas and concepts and making them better! Here is to the next decade!"</p>
<p class="text-center-mobile-small"><span class="subheader3">Donald Olds</span><br>
<strong>Chief Operating Officer</strong><br>
<span class="red">Telesta Therapeutics</span>
</p>
</div>
</div>
</div>
<div class="margin-top-large mobileElement text-center fadein-full"><a href="about.html?ref=home#testimonials-section" class="button single-icon" title="Learn More"><i class="fa-light fa-plus"></i></a></div>
</div>
</section>
<section class="background-white slide-updown">
<div class="container large">
<div class="slide-updown-small">
<h2 class="header text-center content-short fadein"><span class="red">Clients we work </span>with<span class="dot red">.</span></h2>
</div>
<div class="row margin-bottom-large fadein">
<ul id="logos-awards" class="features-list features-6 features-list-image-only logos">
<li class="fadein-element fadein-element-center">
<img id="award_horizon_awards" src="images/client/bhartiya.jpg" width="194" height="194" alt="Bhatiya International" class="img-responsive">
</li>
<li class="fadein-element fadein-element-center">
<img id="award_communicator_awards" src="images/client/bhartiyaCity-logo.png" width="194" height="194" alt="Bhartiya City" class="img-responsive">
</li>
<li class="fadein-element fadein-element-center">
<img id="award_davey_awards" src="images/client/bhartiya_logo.png" width="194" height="194" alt="Bhartiya Fashion" class="img-responsive">
</li>
<li class="fadein-element fadein-element-center">
<img id="award_awwwards_2022" src="images/client/creo.png" width="194" height="194" alt="Creo" class="img-responsive">
</li>
<li class="fadein-element fadein-element-center">
<img id="award_cssda_2022" src="images/client/indiamart.jpg" width="194" height="194" alt="Indiamart" class="img-responsive">
</li>
<li class="fadein-element fadein-element-center">
<img id="award_w3_awards" src="images/client/unitech.png" width="194" height="194" alt="Unitech" class="img-responsive">
</li>
</ul>
</div>
</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="#" 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>
</body>
<!-- InstanceEnd -->
</html>
PK 99