<!DOCTYPE html>
<html lang="en">
<head>
    
	<!-- Meta -->
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    
	<!-- Title -->
	<title>Skilled Orbit || Contact us</title>
    
	<!-- Favicon icon -->
    <link rel="icon" type="image/png" href="images/favicon.png">
	
	<!-- Stylesheet -->
    <link href="vendor/bootstrap-select/bootstrap-select.min.css" rel="stylesheet">
	<link href="vendor/animate/animate.css" rel="stylesheet">
	
	<!-- Custom Stylesheet -->
    <link rel="stylesheet" href="css/style.css">
	<link class="skin" rel="stylesheet" href="css/skin/skin-1.css">

	
</head>
<body id="bg">

<div class="page-wraper">
	<!-- Header -->
	
<?php include('includes/header1.php') ?>



	<!-- Header End -->
	<div class="page-content bg-white">
		<!-- Banner  -->
		<div class="dlab-bnr-inr overlay-primary-dark" style="background-image: url('images/banner/bnr1.jpg');">
			<div class="container">
				<div class="dlab-bnr-inr-entry">
					<h1>Contact Us</h1>
					<!-- Breadcrumb Row -->
					<nav aria-label="breadcrumb" class="breadcrumb-row">
						<ul class="breadcrumb">
							<li class="breadcrumb-item"><a href="index.php">Home</a></li>
							<li class="breadcrumb-item active" aria-current="page">Contact Us</li>
						</ul>
					</nav>
					<!-- Breadcrumb Row End -->
				</div>
			</div>
		</div>
		<!-- Banner End -->
		
		<!-- Get A Quote -->
		<div class="content-inner" style="background-image: url('images/background/bg1.png');">
			<div class="container">
				<div class="row align-items-center">
					<div class="col-xl-6 col-lg-7 m-b30 wow fadeInLeft" data-wow-duration="2s" data-wow-delay="0.2s">
						<div class="section-head style-1">
							<h6 class="sub-title bgl-primary m-b20 text-primary">Get in touch</h6>
							<h2 class="title">Tell us about your project.</h2>
						</div>
						<form class="dlab-form dzForm" method="POST" action="">
							<div class="dzFormMsg"></div>
							
							<div class="row">
								<div class="col-sm-6">
									<div class="input-group">
										<div class="input-group-prepend">
											<span class="input-group-text"><i class="la la-user"></i></span>
										</div>
										<input name="fname" type="text" required class="form-control" placeholder="First Name">
									</div>
								</div>
								<div class="col-sm-6">
									<div class="input-group">
										<div class="input-group-prepend">
											<span class="input-group-text"><i class="la la-user"></i></span>
										</div>
										<input name="lname" type="text" class="form-control" required placeholder="Last Name">
									</div>
								</div>
								<div class="col-sm-6">
									<div class="input-group">
										<div class="input-group-prepend">
											<span class="input-group-text"><i class="la la-envelope"></i></span>
										</div>
										<input name="email" type="text" required class="form-control" placeholder="Email Address">
									</div>
								</div>
								<div class="col-sm-6">
									<div class="input-group">
										<div class="input-group-prepend">
											<span class="input-group-text"><i class="la la-phone"></i></span>
										</div>
										<input name="phone" type="text" required class="form-control" placeholder="Phone No.">
									</div>
								</div>
								<div class="col-sm-12">
									<div class="input-group">
										<div class="input-group-prepend">
											<span class="input-group-text"><i class="la la-file-alt"></i></span>
										</div>
										<input name="subject" type="text" class="form-control" required placeholder="Project Type">
									</div>
								</div>
								
								<div class="col-sm-12">
									<div class="input-group">
										<div class="input-group-prepend">
											<span class="input-group-text"><i class="la la-sms"></i></span>
										</div>
										<textarea name="message" required class="form-control" placeholder="Description"></textarea>
									</div>
								</div>
								
								<div class="col-sm-12">
									<button name="submit" type="submit" value="Submit" class="btn btn-link d-inline-flex align-items-center"><i class="fa fa-angle-right m-r10"></i>Submit Now</button>
								</div>
							</div>
						</form>
						
						
						
<?php

                    if (isset ($_POST['fname']) && isset ($_POST['lname']) && isset ($_POST['email']) && isset ($_POST['phone']) && isset ($_POST['subject']) && isset ($_POST['message'])  )
                    {
                        $errors = array();
                        
                        $fname = ($_POST['fname']);
                        
                         $lname = ($_POST['lname']);
                      
                        $email = ($_POST['email']);
                        
                         $phone = ($_POST['phone']);
                        
                            $subject1 = ($_POST['subject']);
                            $message1 = ($_POST['message']);

                            
                            
                        
                            

                        if(!empty($fname) && !empty($email) && !empty($message1))
                            {
                                
                                
                                
                                    if(strlen($message1) > 10000 ) {
                                        $errors[] = 'Message is too long';
                                    }
                                  

                                }

                                    else
                                {
                                    $errors[] = 'Please fill the form before submitting it!!!';
                                }
                            if(!empty($errors))
                            {
                                foreach($errors as $error) {
                                    
                                echo 

                                '<div class="alert bg-danger" role="alert">
                    <svg class="glyph stroked success"><use xlink:href="#stroked-success"></use></svg>',$error, '  <a href="#" class="pull-right"><span class="glyphicon glyphicon-remove"></span></a>
                </div>'




                                ;
                                
                                }
                            
                            }

                            else        
                                {
                                    
                                    
                                    
$remail = "info@skilledorbit.com" ;                                    

$message = "<html><head></head><body>";
$message .= "<img src='http://skilledorbit.com/images/logo1.png'  />

<br><br> Name: $fname $lname <br><br>

Email: $email <br><br>
Phone: $phone <br><br>
Project Type: $subject1 <br><br>
Description: $message1 <br><br></body></html>";

$headers = "From: $email\r\n";
$headers .= "MIME-Version: 1.0\r\n";
$headers .= "Content-Type: text/html; charset=UTF-8\r\n";


mail($remail, "New Message", "$message.","$headers");



                                    
                                  

echo '<script>
    setTimeout(function() {
        swal({
            title: "Congrats!",
            text: "Your Message has been sent successfully",
            type: "success"
        }, function() {
            window.location.href = "contact.php";
        });
    }, 2000);
</script>';
                                    

                                }       
                    }

            
                    
                    


                ?>


					</div>
					<div class="col-xl-6 col-lg-5 m-b30 wow fadeInRight" data-wow-duration="2s" data-wow-delay="0.4s">
						<div class="dlab-media cf-r-img">	
							<img src="images/video/pic2.jpg" class="move-1" alt="">
						</div>
					</div>
				</div>
			</div>
		</div>
		
	
		
	</div>
  
<?php include('includes/footer.php') ?>




    <!-- Footer End -->
	<button class="scroltop icon-up" type="button"><i class="fa fa-arrow-up"></i></button>
</div>	
<!-- JAVASCRIPT FILES ========================================= -->
<script src="js/jquery.min.js"></script><!-- JQUERY.MIN JS -->
<script src="vendor/wow/wow.js"></script><!-- WOW JS -->
<script src="vendor/bootstrap/js/popper.min.js"></script><!-- POPPER.MIN JS -->
<script src="vendor/bootstrap/js/bootstrap.min.js"></script><!-- BOOTSTRAP.MIN JS -->
 <script src="https://cdn.jsdelivr.net/npm/sweetalert2@7.33.1/dist/sweetalert2.all.min.js"></script>
<script src="vendor/owl-carousel/owl.carousel.js"></script><!-- OWL-CAROUSEL JS -->
<script src="vendor/magnific-popup/magnific-popup.js"></script><!-- MAGNIFIC-POPUP JS -->
<script src="vendor/counter/waypoints-min.js"></script><!-- WAYPOINTS JS -->
<script src="vendor/counter/counterup.min.js"></script><!-- COUNTERUP JS -->
<script src="vendor/masonry/isotope.pkgd.min.js"></script><!-- ISOTOPE -->
<script src="vendor/imagesloaded/imagesloaded.js"></script><!-- IMAGESLOADED -->
<script src="vendor/masonry/masonry-4.2.2.js"></script><!-- MASONRY -->
<script src="vendor/lightgallery/js/lightgallery-all.min.js"></script><!-- LIGHTGALLERY -->
<script src="vendor/bootstrap-select/bootstrap-select.min.js"></script><!-- BOOTSTRAP SELECT -->
<script src="js/dz.carousel.js"></script><!-- OWL-CAROUSEL -->
<script src='https://www.google.com/recaptcha/api.js'></script> <!-- Google API For Recaptcha  -->
<script src="js/custom.js"></script><!-- CUSTOM JS -->

</body>
</html>