PK
<!DOCTYPE html>
<html lang="en">
<head>
<!-- ========== Meta Tags ========== -->
<meta charset="UTF-8">
<meta name="description" content="About Integritas Solutions">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<!-- ========== Title ========== -->
<title>Contact Us | 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>
</head>
<body>
<!-- ========== Header Start ========== -->
<!-- Start Navigation -->
<nav class="navbar navbar-default navbar-fixed 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">
<img src="assets/img/logo.png" class="logo logo-scrolled" style="max-width: 150px; max-height: 75px;">
</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 >
<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 class="active">
<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>
<!-- /.navbar-collapse -->
</div>
</nav>
<!-- ========== Header End ========== -->
<!-- ========== Breadcrumb v2 Start ========== -->
<style type="text/css">
.breadcramb-content ul li {
float:left;
font-size: 14px;
font-weight: 650;
padding-bottom: 2px;
}
</style>
<section class="breadcramb-content breadcramb-v2 parallax-bg color-overlay" style="padding-top: 150px;">
</section>
<!-- ========== Breadcramb v2 End ========== -->
<style type="text/css">
.blockquote {
padding: 10px 20px;
margin: 0 0 20px;
font-size: 16px;
border-left: 5px solid #eee;
}
li{
list-style: none;
padding-bottom: 5px;
}
</style>
<!-- About intro Start -->
<section class="section-padding gray-bg">
<div class="container">
<div class="row">
<div class="col-sm-12">
<div class="section-title text-center mb30">
<h2>CONTACT </h2>
<div class="text-center">
<div class="section-divider divider-traingle"></div>
</div>
</div>
</div>
</div>
<div class="row mb50">
<h5>Branch Offices :-</h5>
<div class="col-md-6 col-sm-6">
<div class="left-icon-box mb-sm-30 mb-xs-30">
<div class="icon">
<i class="icofont icofont-bank-alt"></i>
</div>
<div class="l-icon-content">
<h5>Gurgaon </h5>
<p>Suite no.506, Celebrity Suites, Ansals Palam Vihar,<br>
Gurgaon, Haryana 122017
</p>
<br>
</div>
</div>
</div>
<div class="col-md-6 col-sm-6">
<div class="left-icon-box mb-sm-30 mb-xs-30">
<div class="icon">
<i class="icofont icofont-bank-alt"></i>
</div>
<div class="l-icon-content">
<h5>New Delhi</h5>
<p>Pocket B-3, Sector – 17, Dwarka, New Delhi – 110 078
</p>
</div>
</div>
</div>
<div class="col-md-6 col-sm-6">
<div class="left-icon-box mb-sm-30 mb-xs-30">
<div class="icon">
<i class="icofont icofont-bank-alt"></i>
</div>
<div class="l-icon-content">
<h5>Bangalore</h5>
<p>47/1, 1st Floor, 1st Cross Street, Cambridge Layout, Near Sai Baba Mandir, Bangalore – 560 008 </p>
<br>
</div>
</div>
</div>
<div class="col-md-6 col-sm-6">
<div class="left-icon-box mb-sm-30 mb-xs-30">
<div class="icon">
<i class="icofont icofont-bank-alt"></i>
</div>
<div class="l-icon-content">
<h5>Mumbai </h5>
<p>Poonam Estate Cluster 1, D 1306.13th floor, Mira Road East- Mumbai - 401 107</p>
<br>
</div>
</div>
</div>
<div class="col-md-6 col-sm-6">
<div class="left-icon-box mb-sm-30 mb-xs-30">
<div class="icon">
<i class="icofont icofont-bank-alt"></i>
</div>
<div class="l-icon-content">
<h5>Hyderabad </h5>
<p>Flat No. 8043/ Prestige High Fields/ T8, Wipro Circle, Behind Continental Hospital, Nanakramguda/ Hyderabad city, Gachibowli, K.v. Rangareddy, Telangana, 500032</p>
<br>
</div>
</div>
</div>
</div>
<div class="row mb50">
<div class="col-sm-12">
<!-- Contact form start -->
<div class="contact-form-box">
<div class="col-sm-12 mb15">
<h3 class="ilm-subtitle mb30">Any query?</h3>
</div>
<form class="theme-form contact-form" id="contactForm" method="POST" action="">
<div class="col-sm-12 mb13">
<input name="name" class="contact-name" id="name" type="text" placeholder="Your Name" />
</div>
<div class="col-sm-12 mb13">
<input name="email" class="contact-email" id="email" type="email" placeholder="Your Email" />
</div>
<div class="col-sm-12 mb13">
<input name="mobile" class="contact-mobile" id="mobile" type="number" placeholder="Your mobile" />
</div>
<div class="col-sm-12 mb13">
<input name="subject" class="contact-subject" id="subject" type="text" placeholder="Subject" />
</div>
<div class="col-sm-12 mb13">
<textarea name="message" class="contact-message" id="message" placeholder="Your Message"></textarea>
</div>
<div class="col-sm-6">
<div class="g-recaptcha" data-sitekey="6Le5ktQrAAAAAFiS2iIcXr1uEcsPQbJbGZXFnc0Y"></div>
</div>
<div class="col-sm-6">
<div id="feedbackmessage"></div>
<button class="waves-effect btn waves-light btn-fill btn-large" type="submit">Send Now</button>
<!-- <button class="btn btn-solid" type="submit">Send Your Message</button> -->
</div>
</form>
</div>
<!-- Contact form end -->
</div>
</div>
<div class="row">
<div class="col-md-6">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d377580.0488685415!2d76.76356352306463!3d28.64428745019409!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x390cfd5b347eb62d%3A0x37205b715389640!2sDelhi!5e1!3m2!1sen!2sin!4v1757681374337!5m2!1sen!2sin" width="550" height="480" frameborder="0" style="border:0;background-color: #f4f4f4" allowfullscreen></iframe>
</div>
<div class="col-md-6">
<!-- Contact informations start -->
<div class="contact-info-box">
<div class="col-sm-12 mb15">
<h3 class="ilm-subtitle mb30">Contact Informations</h3>
</div>
<div class="col-sm-12 single-contact-info mb15">
<h4>Location:</h4>
No. 127, Near DESU Office, Kapashera, New Delhi 110037.
</div>
<div class="col-sm-12 single-contact-info mb15">
<h4>Email:</h4>
<a href="mailto:varun@integritassolutions.in">varun@integritassolutions.in</a>
</div>
<div class="col-sm-12 single-contact-info mb15">
<h4>Phone:</h4>
<a tel="+91 01244379233">+91 0124 4379233</a>
<br><a tel="+91 9811024922">+91 9811024922</a>
</div>
<div class="col-sm-12 single-contact-info mt15">
<ul class="social-bookmark">
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-instagram"></i></a></li>
<li>
<a href="https://api.whatsapp.com/send?phone=919811024922" target="_blank">
<i class="fa fa-whatsapp"></i>
</a>
</li>
<li><a href="#"><i class="fa fa-google-plus"></i></a></li>
<li><a href="#"><i class="fa fa-linkedin"></i></a></li>
</ul>
<br><br>
</div>
</div>
<!-- Contact informations end -->
</div>
</div>
</div>
</div>
</section>
<!-- ========== 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>
<!-- Google reCAPTCHA CDN -->
<script type='text/javascript' src="//ajax.aspnetcdn.com/ajax/jquery.validate/1.14.0/jquery.validate.js"></script>
<script src="https://www.google.com/recaptcha/api.js" async defer></script>
<script type="text/javascript">
$(document).ready(function () {
$('#contactForm').on('submit', function (e) {
e.preventDefault(); // Prevent default form submission
// Clear previous error messages
$('.error').remove();
// Validation
let name = $('#name').val().trim();
let email = $('#email').val().trim();
let mobile = $('#mobile').val().trim();
let subject = $('#subject').val().trim();
let message = $('#message').val().trim();
let isValid = true;
if (!name) {
$('#name').after('<span class="error" style="color:red; font-size:18px;">Please enter your name</span>');
isValid = false;
}
if (!subject) {
$('#subject').after('<span class="error" style="color:red; font-size:18px;">Please enter subject</span>');
isValid = false;
}
if (!validateEmail(email)) {
$('#email').after('<span class="error" style="color:red; font-size:18px;">Please enter a valid email address</span>');
isValid = false;
}
if (!message) {
$('#message').after('<span class="error" style="color:red; font-size:18px;">Please enter your message</span>');
isValid = false;
}
if (mobile === "" || !validateMobile(mobile)) {
$('#mobile').after('<span class="error" style="color:red; font-size:18px;">Please enter a valid 10-digit mobile number</span>');
isValid = false;
}
let recaptchaResponse = grecaptcha.getResponse();
if (!recaptchaResponse) {
$('.g-recaptcha').after('<span class="error" style="color:red; font-size:18px;">Please complete the reCAPTCHA</span>');
isValid = false;
}
if (isValid) {
// Prepare form data
var formData = { name, email, mobile, subject, message, 'g-recaptcha-response': recaptchaResponse };
// Show processing message
$('#feedbackmessage').html('<span style="color:blue;">Processing your request, please wait...</span>');
// AJAX request
$.ajax({
url: "form_submit.php",
type: "POST",
data: formData,
success: function (response) {
const res = JSON.parse(response);
if (res.success) {
$('#contactForm')[0].reset();
$('#feedbackmessage').html('<span style="color:green; font-size:18px;">Your request was successfully submitted!</span>');
grecaptcha.reset(); // Reset reCAPTCHA
setTimeout(() => $('#feedbackmessage').html(''), 10000);
} else {
$('#feedbackmessage').html('<span style="color:red; font-size:18px;">Failed to submit the form. Please try again later.</span>');
}
},
error: function () {
$('#feedbackmessage').html('<span style="color:red; font-size:18px;">An error occurred while submitting the form.</span>');
},
});
}
});
// Email validation function
function validateEmail(email) {
const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
return emailRegex.test(email);
}
function validateMobile(mobile) {
const mobileRegex = /^[0-9]{10}$/;
return mobileRegex.test(mobile);
}
});
</script>
</body>
</html>
PK 99