PK
<!DOCTYPE html>
<html lang="en">
<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
<!-- /Added by HTTrack -->
<head>
<!-- ========== Meta Tags ========== -->
<meta charset="UTF-8">
<meta name="description" content="btct - convergence Technologies">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<!-- ========== Title ========== -->
<title>Integritas Solutions</title>
<!-- ========== Favicon Ico ========== -->
<link rel="icon" href="assets/fav.gif">
<!-- ========== STYLESHEETS ========== -->
<!-- Bootstrap CSS -->
<!-- <link href="assets/css/bootstrap.min.css" rel="stylesheet"> -->
<link rel="stylesheet" href="bootstrap/3.3.7/css/bootstrap.min.css">
<!-- <script src="../ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> -->
<script src="bootstrap/3.3.7/js/bootstrap.min.js"></script>
<!-- Boots NAV CSS -->
<link href="assets/css/bootsnav.css" rel="stylesheet">
<!--Import materialize.css-->
<link type="text/css" rel="stylesheet" href="assets/css/materialize.min.css"/>
<!-- Fonts Awesome CSS -->
<link rel="stylesheet" href="assets/font-awesome/4.7.0/css/font-awesome.min.css">
<!-- <link href="assets/css/font-awesome.min.css" rel="stylesheet"> -->
<!-- Icofont CSS -->
<link href="assets/css/icofont.css" rel="stylesheet">
<!-- Animate CSS -->
<link href="assets/css/animate.min.css" rel="stylesheet">
<!-- Megnafic popup CSS -->
<link href="assets/css/magnific-popup.css" rel="stylesheet">
<!-- OwlCarousel CSS -->
<link rel="stylesheet" href="assets/css/owl.carousel.min.css" />
<link rel="stylesheet" href="assets/css/owl.theme.default.css" />
<!-- Modal video CSS -->
<link rel="stylesheet" href="assets/css/modal-video.min.css" />
<!-- Custom styles for this template -->
<link href="assets/css/style.css" rel="stylesheet">
<!-- Responsive CSS -->
<link rel="stylesheet" href="assets/css/responsive.css" />
<link rel="stylesheet" href="assets/css/colors/blue.css">
<link rel="stylesheet" href="assets/demo/demo.css">
<style type="text/css">
@media (min-width: 1024px){
nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content ul.menu-col li a{
padding:0;
}}
.client-logo-height{
height:105px;
}
</style>
<style type="text/css">
.featured-box h3 {
font-size: 19px;
}
</style>
</head>
<body>
<!-- ========== Header Start ========== -->
<!-- Start Navigation -->
<nav class="navbar navbar-default navbar-fixed navbar-transparent dark bootsnav">
<div class="header-top primary-bg">
<div class="container">
<div class="row">
<div class="col-sm-6">
<div class="top-cta">
<ul>
<li>
<a href="https://api.whatsapp.com/send?phone=919811024922" target="_blank">
<i class="fa fa-whatsapp"></i>(+91) 9811024922
</a>
</li>
<li>
<i class="fa fa-phone-square"></i><span>0124 4379233</span>
</li>
<li>
<a href="mailto:varun@integritassolutions.in"><i class="fa fa-envelope-square"></i>varun@integritassolutions.in</a>
</li>
</ul>
</div>
</div>
<div class="col-sm-6">
<ul class="social-link pull-right">
<li>Follow us</li>
<li>
<a href="https://api.whatsapp.com/send?phone=919811024922" target="_blank">
<i class="fa fa-whatsapp"></i>
</a>
</li>
<li><a href="#" target="_blank"><i class="fa fa-facebook"></i></a></li>
<li><a href="#" target="_blank"><i class="fa fa-twitter"></i></a></li>
<li><a href="#" target="_blank"><i class="fa fa-google-plus"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="container">
<div class="attr-nav">
<ul>
<li class="side-menu"><a href="#"><i class="fa fa-bars"></i></a></li>
</ul>
</div>
<!-- Start Header Navigation -->
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-menu">
<i class="fa fa-bars"></i>
</button>
<a class="navbar-brand" href="index.php">
<img src="assets/img/logo.png" style="max-width: 150px; max-height: 75px;" class="logo logo-display" alt="">
<img src="assets/img/logo.png" style="max-width: 150px; max-height: 75px;" class="logo logo-scrolled" alt="">
</a>
</div>
<!-- End Header Navigation -->
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="navbar-menu">
<ul class="nav navbar-nav navbar-right" data-in="fadeInDown" data-out="fadeOutUp">
<li class="active">
<a href="index.php">Home</a>
</li>
<li>
<a href="about.php">About us</a>
</li>
<li>
<a href="products.php">Products</a>
</li>
<li>
<a href="solutions.php">Solutions</a>
</li>
<li>
<a href="contact.php" >Contact us</a>
</li>
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
<div class="side">
<a href="#" class="close-side"><i class="fa fa-times"></i></a>
<div class="widget">
<h6 class="title">Useful Links</h6>
<ul class="link">
<li><a href="index.php">Home</a></li>
<li><a href="about.php">About us</a></li>
<li><a href="products.php">Products</a></li>
<li><a href="solutions.php">Solutions</a></li>
<li><a href="contact.php">Contact</a></li>
</ul>
</div>
</div>
</nav>
<!-- ========== Header End ========== -->
<!-- ========== Slider Start ========== -->
<div class="slider fullscreen">
<ul class="slides">
<li>
<img src="assets/img/hero/hero-1.jpg" alt=""> <!-- random image -->
<!-- <div class="caption white-text center-align">
<h1>btct is for AVS</h1>
<h5> enable innate in formed missed. Hand two was eat busy fail.</h5>
<a class="waves-effect waves-light btn-large">Read more</a>
</div> -->
</li>
<li>
<img src="assets/img/hero/hero-2.jpg" alt=""> <!-- random image -->
<!-- <div class="caption white-text center-align">
<h1>btct is for business!</h1>
<h5>Parish so enable innate in formed missed. Hand two was eat busy fail.</h5>
<a class="waves-effect waves-light btn-large">Learn more</a>
</div> -->
</li>
<li>
<img src="assets/img/hero/hero-3.jpg" alt=""> <!-- random image -->
<!-- <div class="caption white-text center-align">
<h1>btct is for anything!</h1>
<h5>Parish so enable innate in formed missed. Hand two was eat busy fail.</h5>
<a class="waves-effect waves-light btn-large">Learn more</a>
</div> -->
</li>
</ul>
</div>
<!-- ========== Slider End ========== -->
<!-- What we do Start -->
<section class="section-padding gray-bg">
<div class="container">
<div class="row">
<div class="col-sm-12">
<div class="section-title text-center mb50">
<h2>WHAT WE DO?</h2>
<!-- text-align:left -->
<div style="float:left;">Integritas Solutions is a design, engineering, and systems integration firm specializing in tailored, high-end audiovisual solutions. Our end-to-end services include system integration, ongoing maintenance, and dedicated on-site support.</div>
<div class="text-center">
<div class="section-divider divider-traingle"></div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4 col-sm-6">
<div class="featured-box text-center white-bg">
<!-- <div class="icon">
<img src="assets/img/solutions/BoardRooms.jpg" class="img-responsive img-icon" alt="">
</div> -->
<h3>Board Rooms</h3>
<p class="text-justify">Productivity in meetings often depends upon the ability to share various types of information with ease. Integritas creates environments that enhance interactions with excellent audio/video clarity, intuitive presenter control and simplified sharing of information in any format.</p>
</div>
</div>
<!-- Single featured box end -->
<div class="col-md-4 col-sm-6">
<div class="featured-box text-center white-bg">
<!-- <div class="icon">
<img src="assets/img/solutions/UnifiedCommunications.jpg" class="img-responsive img-icon" alt="">
</div> -->
<h3>Unified Communications</h3>
<p class="text-justify">As the global business environment becomes more complex, organizations need to be instantly equipped with actionable information. UC makes your team instantly and effectively present at anytime, from any place and on almost any connected device - from a smartphone to a computer.</p>
</div>
</div>
<!-- Single featured box end -->
<div class="col-md-4 col-sm-6">
<div class="featured-box text-center white-bg">
<!-- <div class="icon">
<img src="assets/img/solutions/RoomBooking.jpg" class="img-responsive img-icon" alt="">
</div> -->
<h3>Room Booking</h3>
<p class="text-justify">Our Room Booking software integrates managing meeting rooms, visitors, catering, hospitality, services and video conferencing, all in one seamless web-based system. This allows you to reduce “no shows”, administration time and costs by making better use of your rooms and equipment.</p>
</div>
</div>
<!-- Single featured box end -->
<div class="col-md-4 col-sm-6">
<div class="featured-box text-center white-bg">
<!-- <div class="icon">
<img src="assets/img/solutions/DigitalBranch.jpg" class="img-responsive img-icon" alt="">
</div> -->
<h3>Digital Branch</h3>
<p class="text-justify">Digitization of businesses has become the central theme of the leading banks and we believe, with a span of few years, digitization will become an inherent part of banking the differential banking. experience will delight the customers. We enable your customers to do just anything –from opening of an account to interacting with an executive through technology.</p>
</div>
</div>
<!-- Single featured box end -->
<div class="col-md-4 col-sm-6">
<div class="featured-box text-center white-bg">
<!-- <div class="icon">
<img src="assets/img/solutions/DigitalEntertainment.jpg" class="img-responsive img-icon" alt="">
</div> -->
<h3>Digital Entertainment</h3>
<p class="text-justify">Entertainment plays an important role in our lives today, especially in an increasingly busy and complex world. Our digital entertainment systems create an immersive environment with high-definition displays, amazingly realistic audio and the convenience of touch screen control.</p>
</div>
</div>
<!-- Single featured box end -->
<div class="col-md-4 col-sm-6">
<div class="featured-box text-center white-bg">
<!-- <div class="icon">
<img src="assets/img/solutions/VirtualClassrooms.jpg" class="img-responsive img-icon" alt="">
</div> -->
<h3>Virtual Classrooms</h3>
<p class="text-justify">Virtual classroom is a real-time interactive experience. Drawn from their real-world equivalent, virtual classrooms mimic face-to- face facilitated discussion group. Integritas ensures that distance & time is not a barrier in learning and its solution also allows the teacher/trainer to reach out to many –irrespective of their location.</p>
</div>
</div>
<!-- Single featured box end -->
</div>
</div>
</section>
<!-- What we do End -->
<!-- Featured Start -->
<div class="col-sm-12">
<div class="feedback-content white-bg clearfix mb30">
<blockquote class="clearfix" style="font-size: 16px;">
<div class="row">
<div class="col-sm-6">
<img src="assets/img/about.webp">
</div>
<div class="col-sm-6">
<h3 class="text-center mt50"> About Integritas Solutions</h3>
<p>
Integritas isn't just our name. It's a standard for
the concepts we create and implement for meeting
and learning environments. A great idea is one that
inspires you. one you want to share with others.one
you will go out of way to make it work. We believe
our ventures need to do more then just hold your
attention. They need to engage your imagination.
And feel exciting as a brand new idea at work
</p>
<p>
2008' . The world plunged into an economic downturn. Amidst the chaos, a whole lot folded their tents and called it a day. While the dust was settling we decided to go out on an adventure, hunting for problems no one asked us to take on and put together the project teams to solve them.
</p>
<a href="about.php" class="btn btn-large btn-primary">Read More</a>
</div>
</blockquote>
</div>
</div>
<!-- Featured End -->
<!-- Latest works Start -->
<section class="section-padding gray-bg">
<div class="container">
<div class="row">
<div class="col-sm-12">
<div class="section-title text-center mb70">
<h2>LATEST WORKS</h2>
<!-- <div style="float:left;">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna.</div> -->
<div class="text-center">
<div class="section-divider divider-traingle"></div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-12">
<!-- <ul class="portfolio-filter text-center">
<li><a class="btn btn-default waves-effect active" href="#" data-filter="*">All</a></li>
<li><a class="btn btn-default waves-effect" href="#" data-filter=".branded">Meeting & Presentation</a></li>
<li><a class="btn btn-default waves-effect" href="#" data-filter=".design">Confrence Systems</a></li>
<li><a class="btn btn-default waves-effect" href="#" data-filter=".folio">Data Communication & Visualization</a></li>
</ul> -->
<!--/#portfolio-filter-->
<div class="portfolio-boxes">
<?php for ($i = 1; $i <= 17; $i++) { ?>
<div class="each-box col-md-4 col-sm-6 col-xs-12 portfolio-box branded mobile">
<div class="inner gray-bg text-center">
<div class="box-hover">
<img src="assets/img/latest-works/<?=$i?>thumb.jpg" class="img-responsive">
<div class="mask">
<div class="mask-inner">
<!-- <h3 class="title">JDA Multi Purpose Room</h3> -->
<!-- <p class="pera-text">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. </p> -->
<ul class="nav social-icon">
<li><a href="assets/img/latest-works/<?=$i?>.jpg" class="portfolio-lightbox waves-effect" title="JDA Multi Purpose Room"><i class="fa fa-eye"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
<!-- End: .inner -->
</div>
<!-- Single portfolio box box end -->
<?php } ?>
</div>
</div>
</div>
</div>
</section>
<!-- Latest works End -->
<!-- How we work Start -->
<section id="how-it-works" class="section-padding parallax-bg color-overlay" style="background-image:url(assets/img/how-works.jpg)">
<div class="container">
<div class="row">
<div class="col-sm-12">
<div class="section-title text-center light-text mb50">
<h2>How we work</h2>
<!--
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna.</p>
-->
</div>
</div>
</div>
<div class="row section-separator light-text">
<div class="part-1 col-xs-12">
<div class="row">
<div class="col-sm-1 col-md-1"></div>
<div class="features-item text-center col-sm-2 col-xs-12 " style="z-index: unset;">
<div class="icon-outer waves-effect">
<img src="assets/img/icons/analysis.png" class="img-responsive img-icon img-icon-circle" alt="">
</div>
<h4 class="title mt30">Analysis</h4>
</div>
<div class="features-item text-center col-sm-2 col-xs-12" style="z-index: unset;">
<div class="icon-outer waves-effect">
<img src="assets/img/icons/design.png" class="img-responsive img-icon img-icon-circle" alt="">
</div>
<h4 class="title mt30">Design</h4>
</div>
<div class="features-item text-center col-sm-2 col-xs-12" style="z-index: unset;">
<div class="icon-outer waves-effect">
<img src="assets/img/icons/implement.png" class="img-responsive img-icon img-icon-circle" alt="">
</div>
<h4 class="title mt30">Implementation</h4>
</div>
<div class="features-item text-center col-sm-2 col-xs-12" style="z-index: unset;">
<div class="icon-outer waves-effect">
<img src="assets/img/icons/conference.png" class="img-responsive img-icon img-icon-circle" alt="">
</div>
<h4 class="title mt30">Training</h4>
</div>
<div class="features-item text-center col-sm-2 col-xs-12" style="z-index: unset;">
<div class="icon-outer waves-effect">
<img src="assets/img/icons/support.png" class="img-responsive img-icon img-icon-circle" alt="">
</div>
<h4 class="title mt30">Support</h4>
</div>
<div class="col-sm-1 col-md-1"></div>
</div>
<!-- End: .row -->
</div>
<!-- End: .part-1 -->
</div>
<!-- End: .row -->
</div>
<!-- End: .container -->
</section>
<!-- How we work End -->
<!-- Clients Start -->
<section class="section-padding white-bg">
<div class="container">
<div class="row">
<div class="col-sm-12">
<div class="section-title text-center mb70">
<h2>OUR CLIENTS</h2>
<!-- <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna.</p> -->
<div class="section-divider divider-traingle"></div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-12">
<div class="clients-carousel owl-carousel owl-theme">
<?php for ($i = 1; $i <= 12; $i++) { ?>
<!-- Single client start -->
<div class="">
<a class="waves-effect">
<img class="img-responsive" src="assets/img/clients-logo/final/<?=$i?>.jpg" />
</a>
</div>
<?php } ?>
</div>
<!-- <div class="text-center">
<a href="index.php/about/clients.html" class="waves-effect waves-light btn-large mt50">More Clients</a>
</div> -->
</div>
</div>
</div>
</section>
<!-- Clients End -->
<section class="section-padding gray-bg">
<div class="container">
<div class="row">
<div class="col-sm-12">
<div class="section-title text-center mb70">
<h2>OUR PARTNERS</h2>
<!-- <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna.</p> -->
<div class="section-divider divider-traingle"></div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-12">
<div class="clients-carousel owl-carousel owl-theme">
<?php for ($i = 1; $i <= 25; $i++) { ?>
<!-- Single client start -->
<div class="single-client">
<a class="waves-effect">
<img class="img-responsive client-logo-height" src="assets/img/our-partners/<?=$i?>.webp" />
</a>
</div>
<?php } ?>
</div>
</div>
</div>
</div>
</section>
<!-- ========== Contact section End ========== -->
<!-- ========== Footer Start ========== -->
<footer id="footer" class="pt80" style="background-image:url(assets/img/footer-bg.jpg)">
<div class="container">
<div class="row">
<div class="footer-wrap clearfix">
<div class="col-md-3 col-sm-6">
<div class="footer-col">
<div class="footer-logo text-center">
<img src="assets/img/logo.png" class="img-responsive" alt="Logo" style="max-height:75px;max-width:150px">
</div>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="footer-col">
<!-- <h6>About us</h6> -->
<p> We at Integritas are committed to help our customer Collaborate & Communicate more effectively in the Working and Learning environment</p>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="footer-col">
<h6>Useful Links</h6>
<ul>
<li><a href="index.php">Home</a></li>
<li><a href="about.php">About</a></li>
<li><a href="products.php">Products</a></li>
<li><a href="solutions.php">Solutions</a></li>
<li><a href="contact.php">Contact</a></li>
</ul>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="footer-col">
<h6>Contact us</h6>
<p>1No. 127, Near DESU Office,<br>
Kapashera, New Delhi 11003.<br>
varun@integritassolutions.in<br>
Call us +91 9811024922, <br>
<span style="padding-left: 60px;">  0124 4379233</span>
</p>
</div>
</div>
</div>
</div>
<div class="row">
<div class="footer-copyright text-center">
<p>Copyright: <a href="index.php">integritassolutions.in</a> 2025, All rights reserved.</p>
</div>
</div>
</div>
</footer>
<!-- ========== Footer End ========== -->
<!-- jquery -->
<script src="assets/js/jquery.min.js"></script>
<!-- Bootstrap js -->
<script src="assets/js/bootstrap.min.js"></script>
<!-- Bootstrap NAV -->
<script src="assets/js/bootsnav.js"></script>
<!-- materialize js -->
<script src="assets/js/materialize.min.js"></script>
<!-- sticky js -->
<script src="assets/js/jquery.sticky.js"></script>
<!-- isotope js -->
<script src="assets/js/isotope.pkgd.min.js"></script>
<!-- magnific popup js -->
<script src="assets/js/jquery.magnific-popup.min.js"></script>
<!-- OwlCarousel js -->
<script src="assets/js/owl.carousel.min.js"></script>
<!-- counterup js -->
<script src="assets/js/waypoints.min.js"></script>
<script src="assets/js/jquery.counterup.min.js"></script>
<!-- Animated text -->
<script src="assets/js/jquery.textillate.js"></script>
<script src="assets/js/jquery.lettering.js"></script>
<script src="assets/js/jquery.fittext.js"></script>
<!-- Modal video js -->
<script src="assets/js/modal-video.min.js"></script>
<!-- jquery.ajaxchimp.min.js -->
<script src="assets/js/jquery.ajaxchimp.min.js"></script>
<script src="assets/js/gmap3.js"></script>
<!-- Custom js -->
<script src="assets/js/app.js"></script>
</body>
</html>
PK 99