HOME

Mini Shell 1.0
Current File : /home/telcopedia.com/www/contact.php
<?php include('include/head.php'); // header file code ?>

	<body>  
	    	<div class="pageWrapper animsition">
			
		    <?php include('include/header.php'); // header file code ?>   
			
		    <div id="contentWrapper">		
			
			<div class="section" style="padding:0px;">	

			<div class="page-title title-11">
						<div class="container">
							<div class="row">
								<h1>Contact US</h1>
								<h3>This is sub heading text to describe the page functionality</h3>
								
								<div class="breadcrumbs a-link">
									<a href="index.php">Home</a><i class="fa fa-long-arrow-right main-color"></i><a href="contact.php">Contact Us</a>
								</div>
								
							</div>
						</div>
					</div>
			
			<div class="section">
                    <div class="container">
                        <div class="row">
                             
                             <div class="col-md-6">
                                <div class="heading">
                                    <h3 class="bold head-6 main-color font-20 uppercase">Leave A Message</h3>                                    
                                </div>
                                <div id="contact" class="side_contact">
                                    <div id="message">
                                        <div class="cont-success t-center"><i class="fa fa-thumbs-o-up success-icon"></i><p class="congrats main-color">Thank You!</p><p class="congratsTxt">Your message was successfuly sent , We will get back to you very soon, if you need to browse our site just click the link below.</p><div><a class="btn btn-lg main-bg" href="index.html">Go to home page</a></div></div>
                                    </div>
                                    <form autocomplete="on" id="cform form-changes" action="assets/php/contact.php" method="post" class="form-signin cform">
                                        <div class="form-input">
                                            <input type="text" placeholder="Your Name" id="name" name="name" required="required" class="form-control shape new-angle in-bor">
                                        </div>
                                        <div class="form-input">
                                            <input type="email" placeholder="Email Address" required="required" id="email" class="form-control shape new-angle in-bor" name="email">
                                        </div>
                                        <div class="form-input">
                                            <input type="text" placeholder="Phone Number" id="phone" class="form-control shape new-angle in-bor" name="phone">                                        
                                        </div>
                                        <div class="form-input">
                                            <textarea placeholder="Your Message" spellcheck="true" id="messageTxt" rows="7" cols="40" name="message" class="shape new-angle in-bor" required="required"></textarea>
                                        </div>
                                        <div class="form-input clearfix margin-top-20">
                                            <input type="submit" value="Send Message" class="btn btn-xl main-bg submit-btn">
                                        </div>
                                    </form>
                                </div>
                             </div>
                             
                             <div class="col-md-6">
							 
							<div class="heading">
							<h3 class="bold head-6 main-color font-20 uppercase">Find Us</h3>
							<p class="sub-heading block">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus eget lacus sit amet neque posuere aliquet. In interdum nisl sapien, vel dignissim nulla porta at.</p>
							</div>
								
							<div class="col-sm-6 office-box">
							<h4 class="subtitle">Headquarter</h4>
							
							<div class="address-line"><i class="fa fa-phone"></i> <span class="skype_c2c_print_container notranslate">+91-9816683080</span></div>
							
							<div class="address-line"><i class="fa fa-envelope"></i> info@telcopedia.com</div>
							<div class="address-line"><i class="fa fa-globe"></i> http://Telcopedia.com</div>
							</div>

							 <div class="col-md-6">
                                <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script><div style="overflow:hidden;height:300px;width:100%;"><div id="gmap_canvas" style="height:300px;width:100%;"></div><style>#gmap_canvas img{max-width:none!important;background:none!important}</style><a class="google-map-code" href="http://www.pureblack.de/google-maps/" id="get-map-data">pureblack.de</a></div><script type="text/javascript"> function init_map(){var myOptions = {zoom:14,center:new google.maps.LatLng(31.468445,76.27077450000002),mapTypeId: google.maps.MapTypeId.ROADMAP};map = new google.maps.Map(document.getElementById("gmap_canvas"), myOptions);marker = new google.maps.Marker({map: map,position: new google.maps.LatLng(31.468445, 76.27077450000002)});infowindow = new google.maps.InfoWindow({content:"<b>Telcopedia </b><br/>una Himachal  pradesh<br/>174303 Himachal  pradesh" });google.maps.event.addListener(marker, "click", function(){infowindow.open(map,marker);});infowindow.open(map,marker);}google.maps.event.addDomListener(window, 'load', init_map);</script>
								</div>
								
                            </div>
                               
                        </div>
                    </div>
                </div>
			</div>
			
			<div class="section parallax" style="background-image:url('assets/images/bgs/bg.jpg');padding:70px 0; margin-top: 28px;" data-stellar-background-ratio="0.6">
					<div class="video-overlay" style="z-index: 1"></div>
								<div class="container">
									<div class="cta_btn">
										
										<div class="f-left">
											<h2 class="cta_heading bold white">Call Us at <span class="main-color">+91-9816683080</span> TelcoPedia is Growing!! </h2>
											<h4 class="cta_heading white">"Global TelcoPedia 2016- MNOs & MVNOs"</h4>
										</div>
										
										<a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'" class="reg1"><i class="fa fa-user"></i> Login</a>
										<a href = "javascript:void(0)" onclick = "document.getElementById('light2').style.display='block';document.getElementById('fade2').style.display='block'"class="reg" ><i class="fa fa-user"></i> Register</a>				
									</div>
								</div>
				</div>
				
				<div class="section">
					<div class="container">
						<div class="heading main-heading centered">
							<h3>Our Clients</h3>
							<h4 class="sub-title">Some Of Our<span class="main-color"> Valued Clients</span></h4>
							<div class="heading-separator"><span class="main-bg"></span><span class="dark-bg"></span></div>
						</div>
						<p class="heading-desc centered">Let’s Create Unlimited Websites With this Fancy Huge HTML Template, With Endless possibilities and very easy Customization, What else do you need to create all your websites, it is completely complete one.</p>
						
						<div data-slider-arrows="1" data-slider-dots="0" data-slider-infinite="1" data-slider-speed="300" data-scroll_amount="6" data-slides_count="6" class="clients horizontal-slider margin-top-40 slick-initialized slick-slider">
							<div class="slick-list draggable" tabindex="0">
							
							<div class="slick-track" style="opacity: 1; width: 3990px; transform: translate3d(-1140px, 0px, 0px);">
							
							<div class="slick-slide slick-cloned" index="-6" style="width: 190px;">
								<a href="#"><img src="assets/images/clients/4.png" alt=""></a>
							</div>
							
							<div class="slick-slide slick-cloned" index="-5" style="width: 190px;">
								<a href="#"><img src="assets/images/clients/5.png" alt=""></a>
							</div>
							
							<div class="slick-slide slick-cloned" index="-4" style="width: 190px;">
								<a href="#"><img src="assets/images/clients/6.png" alt=""></a>
							</div>
							
							<div class="slick-slide slick-cloned" index="-3" style="width: 190px;">
								<a href="#"><img src="assets/images/clients/7.png" alt=""></a>
							</div>
							
							<div class="slick-slide slick-cloned" index="-2" style="width: 190px;">
								<a href="#"><img src="assets/images/clients/8.png" alt=""></a>
							</div>
							
							<div class="slick-slide slick-cloned" index="-1" style="width: 190px;">
								<a href="#"><img src="assets/images/clients/9.png" alt=""></a>
							</div>
							
							<div class="slick-slide slick-active" index="0" style="width: 190px;">
								<a href="#"><img src="assets/images/clients/1.png" alt=""></a>
							</div>
							
							<div class="slick-slide slick-active" index="1" style="width: 190px;">
								<a href="#"><img src="assets/images/clients/2.png" alt=""></a>
							</div>
							
							<div class="slick-slide slick-active" index="2" style="width: 190px;">
								<a href="#"><img src="assets/images/clients/3.png" alt=""></a>
							</div>
							
							<div class="slick-slide slick-active" index="3" style="width: 190px;">
								<a href="#"><img src="assets/images/clients/4.png" alt=""></a>
							</div>
							
							<div class="slick-slide slick-active" index="4" style="width: 190px;">
								<a href="#"><img src="assets/images/clients/5.png" alt=""></a>
							</div>
							
							<div class="slick-slide slick-active" index="5" style="width: 190px;">
								<a href="#"><img src="assets/images/clients/6.png" alt=""></a>
							</div>
							
							<div class="slick-slide" index="6" style="width: 190px;">
								<a href="#"><img src="assets/images/clients/7.png" alt=""></a>
							</div>
							
							<div class="slick-slide" index="7" style="width: 190px;">
								<a href="#"><img src="assets/images/clients/8.png" alt=""></a>
							</div>
							
							<div class="slick-slide" index="8" style="width: 190px;">
								<a href="#"><img src="assets/images/clients/9.png" alt=""></a>
							</div>
							
							<div class="slick-slide slick-cloned" index="9" style="width: 190px;">
								<a href="#"><img src="assets/images/clients/1.png" alt=""></a>
							</div>
							
							<div class="slick-slide slick-cloned" index="10" style="width: 190px;">
								<a href="#"><img src="assets/images/clients/2.png" alt=""></a>
							</div>
							
							<div class="slick-slide slick-cloned" index="11" style="width: 190px;">
								<a href="#"><img src="assets/images/clients/3.png" alt=""></a>
							</div>
							
							<div class="slick-slide slick-cloned" index="12" style="width: 190px;">
								<a href="#"><img src="assets/images/clients/4.png" alt=""></a>
							</div>
							
							<div class="slick-slide slick-cloned" index="13" style="width: 190px;">
								<a href="#"><img src="assets/images/clients/5.png" alt=""></a>
							</div>
							
							<div class="slick-slide slick-cloned" index="14" style="width: 190px;">
								<a href="#"><img src="assets/images/clients/6.png" alt=""></a>
							</div>
							
							</div></div>
							
							
							
							
							
							
							
							
						<button class="slick-prev" data-role="none" type="button" style="display: block;">Previous</button><button class="slick-next" data-role="none" type="button" style="display: block;">Next</button></div>
					</div>
				</div>
				
								<div class="section parallax" style="background-image:url('assets/images/bgs/bg.jpg');padding:70px 0" data-stellar-background-ratio="0.6">
					<div class="video-overlay" style="z-index: 1"></div>
								<div class="container">
									<div class="cta_btn">
										
										<div class="f-left">
											<h2 class="cta_heading bold white">Call Us at <span class="main-color">+91-9816683080</span> TelcoPedia is Growing!! </h2>
											<h4 class="cta_heading white">"Global TelcoPedia 2016- MNOs & MVNOs"</h4>
										</div>
										
										<a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'" class="reg1"><i class="fa fa-user"></i> Login</a>
										<a href = "javascript:void(0)" onclick = "document.getElementById('light2').style.display='block';document.getElementById('fade2').style.display='block'"class="reg" ><i class="fa fa-user"></i> Register</a>				
									</div>
								</div>
				</div>
				
								
						    			    
<?php include('include/footer.php'); // footer file code ?>

	</div>
</div>
		
<?php include('include/login.php'); ?>
				
<?php include('include/register.php'); ?>
		    	
<?php include('include/script.php'); ?>	
</body>
</html>