 <?php include('includes/header.php') ?>
 <div class="main-body">
 	<!--============-->
	<section class="bread-crumb-sec bg-cont">
		<div class="bread-crmb">
			<div class="container container-1">
				<div class="brd-crmb-title brd-crmb-cntct">
					<h1>Contact Us</h1>
				</div>
			</div>			
		</div>
		<div class="bc-list">
			<div class="container container-1">
				<div class="bc-list-menu">
					<ul class="bc-list-ul">
						<li>
							<a href="index.php">Home</a>
						</li>
						
						<li>
							<span>Contact us</span>
						</li>
					</ul>
				</div>
			</div>
		</div>
	</section>
	<!--============-->
	<section class="cont-sec">
		<div class="con-d">
			<div class="container container-1">
				<div class="row">
					<div class="col-sm-4">
						<div class="cont-lyt">
							<div class="cont-lyt-tit">
								<i class="fa fa-paper-plane-o" aria-hidden="true"></i>
							</div>
							<div class="cont-add">	
								<h3>Get in Touch</h3>							
								<div class="cont-addrs">
									<p><b>TelePhone : </b><a href="tel:08042048585"> 080-42048585</a> , <a href="tel:08042048584">080-42048584</a> &<a href="tel:08042292057"> 080-42292057</a></p>
									<!--<p><b>Email : </b><a href="mailto:contact@citoinfotech.com">contact@citoinfotech.com</a> </p>			-->
									<h3 class="tksa">To know status about</h3>
									<p class="tksa-p"><b>Your Order : </b><a href="mailto:shruthi@citoinfotech.com">shruthi@citoinfotech.com</a> </p>
									<p class="tksa-p"><b>Installation & Service : </b><a href="mailto:customersupport@citoinfoech.com">customersupport@citoinfoech.com</a> </p>
									<p class="tksa-p"><b>For any escalation : </b><a href="mailto:contact@citoinfotech.com">contact@citoinfotech.com</a> </p>						
								</div>
							</div>
						</div>
					</div>
					<div class="col-sm-4">
						<div class="cont-lyt">
							<div class="cont-lyt-tit">
								<i class="fa fa-suitcase" aria-hidden="true"></i>
							</div>
							<div class="cont-add">	
								<h3>Work With Us?</h3>							
								<div class="cont-addrs">
									<p>We are always looking for creative people, <br> join us ! <br>
									<a href="mailto:careers@citoinfotech.com">careers@citoinfotech.com</a> </p>																	
								</div>
							</div>
						</div>	
					</div>
					<div class="col-sm-4">
						<div class="cont-lyt">
							<div class="cont-lyt-tit">
								<i class="fa fa-map-marker" aria-hidden="true"></i>
							</div>
							<div class="cont-add">	
								<h3>Office</h3>							
								<div class="cont-addrs">
									<p><b>Head Office : </b> Cito Infotech Pvt Ltd, 11/1 3rd Cross, Nandidurga Road, Bangalore, Karnataka 560046</p>
									<p><b>Branch Office :</b>CEOL, First Floor, City corporation Commercial complex, Mallikatte, Kadri Mangalore, Karnataka 575002</p>									
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</section>
	<!--============-->
	<section class="cont-frm">
		<div class="cont-frm-d">
			<div class="container container-1">
				<div class="col-sm-8">
					<div class="contact-form">
                        <div class="contact-par">
                            <p>Leave your details and we’ll connect with you........</p>
                        </div>
                        <form action="enquiry.php" method="post" name="form"  id="Login" onsubmit="return submitform();">
                            <div class="row">                                                        
                                <div class="col-sm-6">                                              
                                    <div class="form-group cntct-frm-ad">
                                       <input type="text" class="form-control" name="name" id="name" value="" placeholder="Name">
                                       <span class="error alert_style"></span>
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    <div class="form-group cntct-frm-ad">
                                       <input type="Email" class="form-control" name="email" id="email" value="" placeholder="Your Email">
                                       <span class="error alert_style"></span>
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    <div class="form-group cntct-frm-ad">
                                       <input type="Number" class="form-control" name="mobile" id="mobile" value="" placeholder="Mobile Number" step="1" maxlength="10" min="6000000000" max="9999999999" onkeypress="return isNumber(event)" required>
                                       <span class="error alert_style"></span>
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    <div class="form-group cntct-frm-ad">
                                       <input type="text" class="form-control" name="location" id="location" value="" placeholder="Location">
                                       <span class="error alert_style"></span>
                                    </div>
                                </div>
                                <div class="col-sm-12">
                                    <textarea class="form-control" name="message" id="message" value="" tabindex="4" rows="5" cols="3" placeholder="Enquiry / Message" style="resize:none;" ></textarea>
                                </div>
                                <div class="col-sm-6">                                       
                                    <div class="cont-btn">
                                        <button type="submit" class="btn btn-primary bbtn cnt-btn submit-btn">SUBMIT</button>
                                    </div>
                                    <div id="error" style="bottom: 30px;
    right: 30px;
    padding: 10px;
    color: #9c0f17;
    font-weight: 600;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 5px;"></div>
                                </div>
                            </div>
                        </form>
                    </div>
				</div>
				<div class="col-sm-4"></div>
			</div>
		</div>
	</section>
	<!--============-->
	<section class="map-section">
		<div class="maps-d" >
			<div class="col-sm-6 no-padding cont-d">
				<div>
					<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3887.574806245629!2d77.59740651482228!3d12.999025090837893!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3bae163c16ff408f%3A0xa3e240d4e6bc1b46!2sCito+Infotech+Private+Limited.!5e0!3m2!1sen!2sin!4v1547810409883" width="100%" height="300" frameborder="0" style="border:0" allowfullscreen></iframe>
				</div>
			</div>
			<div class="col-sm-6 no-padding cont-d">
				<div>
					<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3889.4342503272305!2d74.85641761482101!3d12.879774890916165!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3ba35b80d80b639f%3A0xd1659c4d85c7a5d7!2sCity+Corporation+Commercial+Complex+Mangaluru!5e0!3m2!1sen!2sin!4v1556779883749!5m2!1sen!2sin" width="100%" height="300" frameborder="0" style="border:0" allowfullscreen></iframe>
				</div>
			</div>
		</div>
	</section>
	<!--============-->
 </div>
 <script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-136876022-1');
</script>


<script type="text/javascript">
	function isNumber(evt) {
    evt = (evt) ? evt : window.event;
    var charCode = (evt.which) ? evt.which : evt.keyCode;
    if (charCode > 31 && (charCode < 48 || charCode > 57)) {
        return false;
    }
    return true;
}
</script>
<script type="text/javascript">
	$(document).ready(function(){  
$("#error").hide();
	});
	function submitform() {

		var name = $('#name').val();
		var mobile = $('#mobile').val();
		var email = $('#email').val();
		var sel1 = $('#message').val();
		var sel2 = $('#location').val();

		if((name == "") || (mobile == "") || (email == "") || (sel1 == "")  || (sel2 == ""))
		{

            $("#error").text("* Please enter all the fields");
            $("#error").show().delay(5000).fadeOut();
		return false;
		}
		else
		{

			return true;
		}
		

	}


</script>

 <div >
        <?php include('includes/footer.php') ?>
    </div>