Viewing File: /home/ubuntu/bytecollar-landing-ui/about-us.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0">
<title>Bytecollar</title>
<meta name="author" content="CodeGama">
<meta name="description" content="#">
<meta name="keywords" content="">
<link rel="canonical" href="#">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta property="og:title" content="Bytecollar " />
<meta property="og:description" content="#" />
<meta property="og:image" content="#" />
<!-- Favicon -->
<link rel="apple-touch-icon" sizes="180x180" href="assets/images/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="assets/images/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="assets/images/favicon/favicon-16x16.png">
<link rel="manifest" href="assets/images/favicon/site.webmanifest">
<link rel="mask-icon" href="assets/images/favicon/safari-pinned-tab.svg" color="#5bbad5">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="theme-color" content="#ffffff">
<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
<link rel="stylesheet" id="style-css" href="assets/css/default.css" type="text/css" media="all" />
<link rel="stylesheet" id="style-css" href="assets/css/tiny-slider.min.css" type="text/css" media="all" />
<link rel="stylesheet" id="style-css" href="assets/css/responsive.css" type="text/css" media="all" />
<script src="assets/js/lazysizes.min.js" async></script>
<style>
.lazyload {
opacity: 0;
transform: scale(0.8);
}
.lazyloaded {
opacity: 1;
transition: all 700ms;
transform: scale(1);
}
</style>
</head>
<body>
<button class="arrow-up hidden" onclick="ScrollTop()">
<!-- <button class="arrow-up hidden"> -->
<svg xmlns="http://www.w3.org/2000/svg" fill="#fff" width="27" height="27" viewBox="0 0 384 512">
<path
d="M214.6 41.4c-12.5-12.5-32.8-12.5-45.3 0l-160 160c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L160 141.2V448c0 17.7 14.3 32 32 32s32-14.3 32-32V141.2L329.4 246.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3l-160-160z" />
</svg>
</button>
<div class="my-teams">
<div class="my-teams-wrapped">
<div id="header"></div>
<div class="my-teams-vertical-center">
<div class="container">
<div class="row justify-content-md-center">
<div class="col-md-12 col-xl-8 text-center">
<div class="page-title-sec">
<h2>Unlock The Power of Code with ByteCollar</h2>
<p>A solid team of well-organized strategic thinkers, fearless creatives, trailblazing web and mobile
experts, unflappable trendsetters, and good-natured bold partners have come together to form a
delightful network of intrapreneur empowering entrepreneurs. We are here to add VALUE to your life.
</p>
<div class="btn-default-sec">
<a href="#contact" class="default-btn"> Contact Us
<svg width="20" height="20" viewBox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_7_97)">
<mask id="mask0_7_97" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0"
width="512" height="512">
<path d="M512 0H0V512H512V0Z" fill="white" />
</mask>
<g mask="url(#mask0_7_97)">
<path
d="M471.118 247.838L372.03 132.048C368.47 127.191 362.214 126.624 358.058 130.785C353.902 134.944 353.418 142.254 356.977 147.11C357.309 147.563 357.671 147.986 358.058 148.373L440.203 244.479H47.9086C42.4366 244.479 38 249.664 38 256.059C38 262.454 42.4366 267.637 47.9086 267.637H440.203L358.058 363.627C353.902 367.786 353.418 375.095 356.977 379.952C360.538 384.809 366.792 385.376 370.949 381.215C371.336 380.827 371.698 380.405 372.03 379.952L471.119 264.162C474.96 259.648 474.96 252.355 471.118 247.838Z"
fill="white" />
</g>
</g>
<defs>
<clipPath id="clip0_7_97">
<rect width="512" height="512" fill="white" />
</clipPath>
</defs>
</svg>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="about-us-page-sec spacing-4">
<div class="container">
<div class="row align-items-center">
<div class="col-xs-12 col-sm-12 col-md-12 col-xl-6 col-lg-6">
<div class="who-we-are-you-img-sec">
<picture>
<source class="lazyload blur-up who-we-are-you-img" srcset="assets/images/about-us/about-img.png">
<img data-src="assets/images/about-us/about-img.png" type="image/png"
class="lazyload blur-up who-we-are-you-img" alt="who-we-are-you-img">
</picture>
<picture>
<source class="lazyload blur-up who-we-are-you-img-bg-linear"
srcset="assets/images/about-us/about-linear.png">
<img data-src="assets/images/about-us/about-linear.png" type="image/png"
class="lazyload blur-up who-we-are-you-img-bg-linear" alt="who-we-are-you-img-bg-linear">
</picture>
<picture>
<source class="lazyload blur-up who-we-are-you-img-bg"
srcset="assets/images/about-us/about-us-bg-img.png">
<img data-src="assets/images/about-us/about-us-bg-img.png" type="image/png"
class="lazyload blur-up who-we-are-you-img-bg" alt="who-we-are-you-img-bg">
</picture>
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-12 col-xl-6 col-lg-6">
<div class="who-we-are-you-info">
<h5>Who WE ARE!</h5>
<h2>We Work for Your Incredible Success</h2>
<p>Auction sites present consumers with a thrilling, competitive way to buy the goods and services they
need most.</p>
<p>But getting your own auction site up and running has always required learning complex coding languages,
or hiring an expensive design firm for thousands of dollars and months of work.</p>
<p>ByteCollar is a leading web and mobile app development company in India. We bring together engineers,
designers, and thinkers to create products that improve users' lives. We are passionate about using
technology to make the world better, one code at a time.
</p>
</div>
</div>
</div>
</div>
</div>
<div class="about-why-choose-sec spacing-4">
<div class="container">
<div class="row justify-content-center">
<div class="col-md-8 col-lg-9 text-center">
<div class="title-card mb-space-2">
<h2>The Important Question - Why Us?</h2>
<p>We take pride in providing top-notch, cutting-edge digital solutions that have a significant impact. In
order to add value through technology, strategies, and creativity, we have worked with leading
companies, SMEs, and startups.</p>
</div>
</div>
</div>
<div class="row margin-top-xl">
<div class="col-lg-4 col-md-6 col-sm-10">
<div class="about-why-choose-feature-card hover-border1">
<span class="sn">01</span>
<div class="about-why-choose-feature-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" data-name="Layer 1" viewBox="0 0 64 64">
<path
d="M45 46a2 2 0 01-2-2 10.959 10.959 0 00-8.365-10.678 2 2 0 01-.307-3.783 6 6 0 10-4.656 0 2 2 0 01-.307 3.783A10.959 10.959 0 0021 44a2 2 0 01-4 0 14.955 14.955 0 017.729-13.128 10 10 0 1114.542 0A14.955 14.955 0 0147 44a2 2 0 01-2 2z">
</path>
<path
d="M32 62a30 30 0 119.643-58.416 2 2 0 11-1.286 3.787 25.969 25.969 0 1016.272 16.272 2 2 0 113.787-1.286A30.02 30.02 0 0132 62z">
</path>
<path
d="M52 20a2 2 0 01-2-2v-3a2 2 0 012-2 3 3 0 10-3-3 2 2 0 01-4 0 7 7 0 119 6.709V18a2 2 0 01-2 2zM52 26a2 2 0 01-2-2v-1a2 2 0 014 0v1a2 2 0 01-2 2z">
</path>
</svg>
</div>
<div class="about-why-choose-feature-info">
<h4>What do we do?</h4>
<p>We take pride in providing top-notch, cutting-edge digital solutions that have a significant impact.
In order to add value through technology, strategies, and creativity, we have worked with leading
companies, SMEs, and startups.</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-10">
<div class="about-why-choose-feature-card hover-border1">
<span class="sn">02</span>
<div class="about-why-choose-feature-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" data-name="Layer 1" viewBox="0 0 64 64">
<path
d="M45 46a2 2 0 01-2-2 10.959 10.959 0 00-8.365-10.678 2 2 0 01-.307-3.783 6 6 0 10-4.656 0 2 2 0 01-.307 3.783A10.959 10.959 0 0021 44a2 2 0 01-4 0 14.955 14.955 0 017.729-13.128 10 10 0 1114.542 0A14.955 14.955 0 0147 44a2 2 0 01-2 2z">
</path>
<path
d="M32 62a30 30 0 119.643-58.416 2 2 0 11-1.286 3.787 25.969 25.969 0 1016.272 16.272 2 2 0 113.787-1.286A30.02 30.02 0 0132 62z">
</path>
<path
d="M52 20a2 2 0 01-2-2v-3a2 2 0 012-2 3 3 0 10-3-3 2 2 0 01-4 0 7 7 0 119 6.709V18a2 2 0 01-2 2zM52 26a2 2 0 01-2-2v-1a2 2 0 014 0v1a2 2 0 01-2 2z">
</path>
</svg>
</div>
<div class="about-why-choose-feature-info">
<h4>How do we do it?</h4>
<p>We employ the tried-and-true Why-What-How method. Understanding WHY something needs to be done is the
first step. Step 2 involves discussing and defining WHAT needs to be done, and Step 3 involves
carrying it out.</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-10">
<div class="about-why-choose-feature-card hover-border1">
<span class="sn">03</span>
<div class="about-why-choose-feature-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" data-name="Layer 1" viewBox="0 0 64 64">
<path
d="M45 46a2 2 0 01-2-2 10.959 10.959 0 00-8.365-10.678 2 2 0 01-.307-3.783 6 6 0 10-4.656 0 2 2 0 01-.307 3.783A10.959 10.959 0 0021 44a2 2 0 01-4 0 14.955 14.955 0 017.729-13.128 10 10 0 1114.542 0A14.955 14.955 0 0147 44a2 2 0 01-2 2z">
</path>
<path
d="M32 62a30 30 0 119.643-58.416 2 2 0 11-1.286 3.787 25.969 25.969 0 1016.272 16.272 2 2 0 113.787-1.286A30.02 30.02 0 0132 62z">
</path>
<path
d="M52 20a2 2 0 01-2-2v-3a2 2 0 012-2 3 3 0 10-3-3 2 2 0 01-4 0 7 7 0 119 6.709V18a2 2 0 01-2 2zM52 26a2 2 0 01-2-2v-1a2 2 0 014 0v1a2 2 0 01-2 2z">
</path>
</svg>
</div>
<div class="about-why-choose-feature-info">
<h4>Why Us?</h4>
<p>We are committed to maintaining efficient, open, and client-focused business practices. We take great
pride in the high caliber of our work and the proactive communication that allows us to consistently
deliver real results for our clients.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="about-why-do-we-do-sec spacing-4">
<div class="container">
<div class="row justify-content-center">
<div class="col-md-8 col-lg-9 text-center">
<div class="title-card">
<h2>Why Do We Do - What We Do?</h2>
</div>
</div>
</div>
<div class="row margin-top-xl">
<div class="col-lg-4 col-md-6 col-sm-10">
<div class="about-why-do-we-do-card">
<div class="about-why-do-we-do-icon-sec">
<picture>
<source class="lazyload blur-up about-why-do-we-do-icon"
srcset="assets/images/about-us/mission.png">
<img data-src="assets/images/about-us/mission.png" type="image/svg"
class="lazyload blur-up about-why-do-we-do-icon" alt="about-why-do-we-do-icon">
</picture>
</div>
<div class="about-why-do-we-do-info">
<h4>Mission</h4>
<p>We empower your company by utilizing next-generation technology to increase overall effectiveness and efficiency. Our goal is to support you as you visualize potential, use technology, and strive for unbounded growth.</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-10">
<div class="about-why-do-we-do-card">
<div class="about-why-do-we-do-icon-sec">
<picture>
<source class="lazyload blur-up about-why-do-we-do-icon"
srcset="assets/images/about-us/vision.png">
<img data-src="assets/images/about-us/vision.png" type="image/svg"
class="lazyload blur-up about-why-do-we-do-icon" alt="about-why-do-we-do-icon">
</picture>
</div>
<div class="about-why-do-we-do-info">
<h4>Vision</h4>
<p>We empower your company by utilizing next-generation technology to increase overall effectiveness and efficiency. Our goal is to support you as you visualize potential, use technology, and strive for unbounded growth.</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-10">
<div class="about-why-do-we-do-card">
<div class="about-why-do-we-do-icon-sec">
<picture>
<source class="lazyload blur-up about-why-do-we-do-icon"
srcset="assets/images/about-us/values.png">
<img data-src="assets/images/about-us/values.png" type="image/svg"
class="lazyload blur-up about-why-do-we-do-icon" alt="about-why-do-we-do-icon">
</picture>
</div>
<div class="about-why-do-we-do-info">
<h4>Values</h4>
<p>We empower your company by utilizing next-generation technology to increase overall effectiveness and efficiency. Our goal is to support you as you visualize potential, use technology, and strive for unbounded growth.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Testimonials start -->
<section class="spacing-4 testimonial-wrapped">
<div class="container">
<div class="row justify-content-center">
<div class="col-md-8 col-lg-9 text-center">
<div class="title-card">
<h2>What Client Say</h2>
<p>Explore on the world's best & largest Bidding marketplace with our beautiful Bidding products. We want to be a part of your smile, success and future growth.</p>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12 col-lg-12">
<div class="client-slider-container testi-slidercontainer">
<ul class="controls list-unstyled" id="testi-customize-controls" aria-label="Carousel Navigation"
tabindex="0">
<li class="prev" data-controls="prev" aria-controls="customize" tabindex="-1">
<svg xmlns="http://www.w3.org/2000/svg" width="27" height="27" viewBox="0 0 27 27" fill="none">
<path d="M16.5234 5.95898L9.12846 13.354L16.5234 20.7489" stroke="#5D5F5F" stroke-width="1.65955"
stroke-linecap="round" stroke-linejoin="round" />
</svg>
</li>
<li class="next" data-controls="next" aria-controls="customize" tabindex="-1">
<svg xmlns="http://www.w3.org/2000/svg" width="26" height="27" viewBox="0 0 26 27" fill="none">
<path d="M9.57007 20.7495L16.965 13.3545L9.57007 5.95956" stroke="#5D5F5F" stroke-width="1.65955"
stroke-linecap="round" stroke-linejoin="round" />
</svg>
</li>
</ul>
<div class="testi-slider">
<div class="client-item">
<div class="testi-wrap-card">
<div class="tesi-card-image-sec">
<div class="user-image-sec">
<picture>
<source class="lazyload blur-up client-user-img" srcset="assets/images/testimonial/user-one.png">
<img data-src="assets/images/testimonial/user-one.png" type="image/png"
class="lazyload blur-up client-user-img" alt="user-image">
</picture>
</div>
</div>
<div class="tesi-card-info-sec">
<p>
The level of service I received from ByteCollars truly amazed me. You delivered the goods well ahead
of schedule, offered fair pricing, and were kind and professional in all of your interactions. Thank
you once more for the excellent service.
</p>
<h3>Joseph nadiar</h3>
</div>
</div>
</div>
<div class="client-item">
<div class="testi-wrap-card"
style="background-image: url('assets/images/testimonial/testi-back-two.png');">
<div class="tesi-card-image-sec">
<div class="user-image-sec">
<picture>
<source class="lazyload blur-up client-user-img" srcset="assets/images/testimonial/user-two.svg">
<img data-src="assets/images/testimonial/user-two.svg" type="image/png"
class="lazyload blur-up client-user-img" alt="user-image">
</picture>
</div>
</div>
<div class="tesi-card-info-sec">
<p>
I'm thrilled to be working with ByteCollars. The project manager is doing a fantastic job of
coordinating everything as a single point of contact. The QA Automation team is highly supportive of
the product's frequent delivery procedure.
</p>
<h3>Gojo Saturu</h3>
</div>
</div>
</div>
<div class="client-item">
<div class="testi-wrap-card"
style="background-image: url('assets/images/testimonial/testi-back-three.png');">
<div class="tesi-card-image-sec">
<div class="user-image-sec">
<picture>
<source class="lazyload blur-up client-user-img" srcset="assets/images/testimonial/user-two.svg">
<img data-src="assets/images/testimonial/user-two.svg" type="image/png"
class="lazyload blur-up client-user-img" alt="user-image">
</picture>
</div>
</div>
<div class="tesi-card-info-sec">
<p>
I want to personally attest to the calibre, knowledge, and professionalism of every employee at
ByteCollars. I can heartily suggest this business, which has always surpassed our expectations over
the course of our project's development.
</p>
<h3>Eren yeager</h3>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Testimonials end -->
<div class="about-counter-sec spacing-4">
<div class="container">
<div class="row justify-content-center">
<div class="col-md-8 col-lg-9 text-center">
<div class="title-card mb-space-2">
<h2>Who We Are?</h2>
<p>ByteCollar is a leading web and mobile app development company in India. We bring together engineers,
designers, and thinkers to create products that improve users' lives. We are passionate about using
technology to make the world better, one code at a time.</p>
</div>
</div>
</div>
<div class="row margin-top-xl">
<div class="col-lg-3 col-md-6 col-sm-10">
<div class="about-counter-card hover-border1">
<div class="about-counter-icon-sec">
<picture>
<source class="lazyload blur-up about-counter-icon"
srcset="assets/images/about-us/success-project.svg">
<img data-src="assets/images/about-us/success-project.svg" type="image/svg"
class="lazyload blur-up about-counter-icon" alt="about-counter-icon">
</picture>
</div>
<div class="about-counter-info">
<h3>1456</h3>
<p>Successful Projects</p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-10">
<div class="about-counter-card hover-border1">
<div class="about-counter-icon-sec">
<picture>
<source class="lazyload blur-up about-counter-icon"
srcset="assets/images/about-us/satisfied-clients.svg">
<img data-src="assets/images/about-us/satisfied-clients.svg" type="image/svg"
class="lazyload blur-up about-counter-icon" alt="about-counter-icon">
</picture>
</div>
<div class="about-counter-info">
<h3>900+</h3>
<p>Satisfied Clients</p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-10">
<div class="about-counter-card hover-border1">
<div class="about-counter-icon-sec">
<picture>
<source class="lazyload blur-up about-counter-icon"
srcset="assets/images/about-us/expert-consulatants.svg">
<img data-src="assets/images/about-us/expert-consulatants.svg" type="image/svg"
class="lazyload blur-up about-counter-icon" alt="about-counter-icon">
</picture>
</div>
<div class="about-counter-info">
<h3>400</h3>
<p>Expert Consulatants</p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-10">
<div class="about-counter-card hover-border1">
<div class="about-counter-icon-sec">
<picture>
<source class="lazyload blur-up about-counter-icon"
srcset="assets/images/about-us/good-reviews.svg">
<img data-src="assets/images/about-us/good-reviews.svg" type="image/svg"
class="lazyload blur-up about-counter-icon" alt="about-counter-icon">
</picture>
</div>
<div class="about-counter-info">
<h3>250+</h3>
<p>Good Reviews</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="contact"></div>
<div id="footer"></div>
<!-- jQuery -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/main.js"></script>
<script src="assets/js/tiny-slider.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
<script>
var slider = tns({
container: '.testi-slider',
freezable: 'true',
loop: 'true',
items: 3,
// autoplay: true,
// autoplayTimeout: 2000,
controlsContainer: "#testi-customize-controls",
mouseDrag: true,
lazyload: true,
responsive: {
700: {
gutter: 20,
},
1440: {
items: 3
},
1200: {
items: 3
},
1024: {
items: 2
},
768: {
items: 1
},
900: {
items: 3
},
640: {
edgePadding: 20,
gutter: 20,
items: 2
},
300: {
items: 1
},
}
});
</script>
</body>
</html>
Back to Directory
File Manager