<?php
    if(isset($_POST['name']))
    {
		$name 		    = $_POST['name'];
		$number 		= $_POST['number'];
		$email 			= $_POST['email'];
		$company 	    = $_POST['company'];
		$user_message 		= $_POST['user_message'];
		
		
		
		
       $to = "cs.mindthegap@gmail.com"; // You can change here your Email
      //$to = "amitappworks@gmail.com"; // You can change here your Email
        $from = $_POST['email'];
		$subject = "You have been contacted by $name"; // This is your subject
		$subject2 = "Mind the GAP";
        
 
        // HTML Message Starts here
        $message ="
		<!DOCTYPE html>
<html>
 <head> 
  <title>Support Admin Mail</title> 
 </head> 
 <body> 
  <div> 
   <table> 
     <tr> 
      <td> 
       <table> 
         <tr style='border-collapse:collapse;'> 
          <td style='padding:0;Margin:0;background-color:#FAFAFA;' bgcolor='#fafafa' align='center'> 
           <table  style='border-collapse:collapse;border-spacing:0px;background-color:#FFFFFF;' width='100%' cellspacing='0' cellpadding='0' bgcolor='#ffffff' align='center'> 
             <tr style='border-collapse:collapse;'> 
              <td style='padding:0;Margin:0;padding-left:20px;padding-right:20px;padding-top:40px;background-color:transparent;background-position:left top;' bgcolor='transparent' align='left'> 
               <table width='100%' cellspacing='0' cellpadding='0' style='border-collapse:collapse;border-spacing:0px;'> 
                 <tr style='border-collapse:collapse;'> 
                  <td valign='top' align='center' style='padding:0;Margin:0;'> 
                   <table style='border-collapse:collapse;border-spacing:0px;background-position:left top;' width='100%' cellspacing='0' cellpadding='0' role='presentation'> 
                     
                     <tr style='border-collapse:collapse;'> 
                      <td align='center' style='padding:0;Margin:0;padding-top:15px;padding-bottom:15px;'><h1 style='Margin:0;line-height:24px;mso-line-height-rule:exactly;color:#333333;'><strong>Hello, </strong></h1><br>
					  </td> 
                     </tr> 
                     <tr style='border-collapse:collapse;'> 
                      <td align='left' style='padding:0;Margin:0;padding-left:40px;padding-right:40px;'><p style='Margin:0;font-size:16px;'> You've been contact by $name </p>
					 </td> 
                     </tr>
					<tr style='border-collapse:collapse;'> 
                      <td align='' style='padding:0;Margin:0;padding-left:40px;padding-right:40px;'><p style='font-size: 13px; line-height: 10px; color: #666666; '><b>Name:</b>&nbsp;$name  </p></td> 
                     </tr>	
					 <tr style='border-collapse:collapse;'> 
                      <td align='' style='padding:0;Margin:0;padding-left:40px;padding-right:40px;'><p style='font-size: 13px; line-height: 10px; color: #666666; '><b>Email:</b>&nbsp;$email </p></td> 
                     </tr>	
					 <tr style='border-collapse:collapse;'> 
                      <td align='' style='padding:0;Margin:0;padding-left:40px;padding-right:40px;'><p style='font-size: 13px; line-height: 10px; color: #666666; '><b>Phone:</b>&nbsp;$number </p></td> 
                     </tr>	
					 <tr style='border-collapse:collapse;'> 
                      <td align='' style='padding:0;Margin:0;padding-left:40px;padding-right:40px;'><p style='font-size: 13px; line-height: 10px; color: #666666; '><b>Company:</b>&nbsp;$company  </p></td> 
                     </tr>
					 <tr style='border-collapse:collapse;'> 
                      <td align='' style='padding:0;Margin:0;padding-left:40px;padding-right:40px;'><p style='font-size: 13px; line-height: 10px; color: #666666; '><b>Message:</b>&nbsp;$user_message </p></td> 
                     </tr>	
                   </table></td> 
                 </tr> 
               </table></td> 
             </tr>              
           </table></td> 
         </tr> 
       </table> 
       </td> 
     </tr> 
   </table> 
  </div>  
 </body>
</html>";
        // HTML Message Ends here ==================================================
         $message2 ="
<!DOCTYPE html>
<html style='width:100%;padding:0;Margin:0;'>
 <head> 
  <title>Query</title> 
 </head> 
 <body> 
  <div> 
  <table> 
		<tr style='border-collapse:collapse;'> 
             <td>Thank you, &nbsp;$name for contacting us, our best advisor will reach you soon.</p>
			</td> 
        </tr> 
    </table>
  </div>  
 </body>
</html> ";
        // // Always set content-type when sending HTML email
        $headers = "MIME-Version: 1.0" . "\r\n";
        $headers .= "Content-type:text/html;charset=UTF-8" . "\r\n";
		
		$headers2 = "MIME-Version: 1.0" . "\r\n";
        $headers2 .= "Content-type:text/html;charset=UTF-8" . "\r\n";	
		
		$headers3 = "MIME-Version: 1.0" . "\r\n";
        $headers3 .= "Content-type:text/html;charset=UTF-8" . "\r\n";
 
        // More headers
        $headers2 .= 'From: Mind the GAP <cs.mindthegap@gmail.com>' . "\r\n";
        $headers3 .= 'From: Enquiry <'.$_POST['email'].'>' . "\r\n";
		$headers .= 'To: Enquiry <cs.mindthegap@gmail.com>' . "\r\n"; // Give an email id on which you want get a reply. User will get a mail from this email id
        // $headers .= 'Cc:  ' . "\r\n"; // If you want add cc
        // $headers .= 'Bcc:  ' . "\r\n"; // If you want add Bcc
		// message
   

        if(mail($to,$subject,$message,$headers3))
        {
            // Message if mail has been sent
			
	
			 mail($from,$subject2,$message2,$headers2); // sends a copy of the message to the sender
                $error_type="success-box";
                $error_class="alert alert-success";
                $img_name="success.gif";
                $error_msg="Congratulations. Your message has been sent successfully";
            /*echo "<script>
                    alert('Mail has been sent Successfully.');
                </script>";*/
			//die();
        }
 
        else{
            $error_type="error-box";
            $error_class="alert alert-warning";
            $img_name="failed.svg";
            $error_msg="Error, please retry. Your message has not been sent";
            // Message if mail has been not sent
            /*echo "<script>
                    alert('EMAIL FAILED');
                </script>";*/
		//	header("Location: https://mindthegap.co.in/contact.php");
	
			
        }
    }
?>
<!DOCTYPE html>
<html class="no-js" lang="en">

<head>
    <!-- Meta Data -->
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Mind the GAP</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
	<meta http-equiv=”Refresh” content=”0;URL=https://www.mindthegap.co.in” />
    <!-- Favicon -->
    <link rel="shortcut icon" type="image/x-icon" href="assets/media/favicon.png">
    <link rel="stylesheet" href="assets/css/vendor/bootstrap.min.css">
    <link rel="stylesheet" href="assets/css/vendor/font-awesome.css">
    <link rel="stylesheet" href="assets/css/vendor/slick.css">
    <link rel="stylesheet" href="assets/css/vendor/slick-theme.css">
    <link rel="stylesheet" href="assets/css/vendor/sal.css">
    <link rel="stylesheet" href="assets/css/vendor/magnific-popup.css">
    <link rel="stylesheet" href="assets/css/vendor/green-audio-player.min.css">
    <link rel="stylesheet" href="assets/css/vendor/odometer-theme-default.css">

    <!-- Site Stylesheet -->
    <link rel="stylesheet" href="assets/css/app.css">
    <link rel="stylesheet" href="assets/css/custom.css">
<style>input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
#hideMe {
    -moz-animation: cssAnimation 0s ease-in 4s forwards;
    /* Firefox */
    -webkit-animation: cssAnimation 0s ease-in 4s forwards;
    /* Safari and Chrome */
    -o-animation: cssAnimation 0s ease-in 4s forwards;
    /* Opera */
    animation: cssAnimation 0s ease-in 4s forwards;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
@keyframes cssAnimation {
    to {
        width:0;
        height:0;
        overflow:hidden;
    }
}
@-webkit-keyframes cssAnimation {
    to {
        width:0;
        height:0;
        visibility:hidden;
    }
}
.success-box#hideMe{
    max-width: max-content;
    margin: auto;background: #eefbf3;
    border-radius: 15px;
    position: absolute; 
    left: 0; 
    right: 0; 
    margin-left: auto; 
    margin-right: auto;
    top:20px;
    z-index: 9999;}
.alert{margin: 20px;}    
</style>
</head>

<body class="sticky-header" style="background: url(assets/media/bg_trans.png);background-repeat: repeat;">
   
    <!-- Preloader Start Here -->
    <div id="preloader"></div>
    <!-- Preloader End Here -->

    <div class="my_switcher d-none d-lg-block">
        <ul>
            <li title="Light Mode">
                <a href="javascript:void(0)" class="setColor light" data-theme="light">
                    <i class="fal fa-lightbulb-on"></i>
                </a>
            </li>
            <li title="Dark Mode">
                <a href="javascript:void(0)" class="setColor dark" data-theme="dark">
                    <i class="fas fa-moon"></i>
                </a>
            </li>
        </ul>
    </div>

    <div id="main-wrapper" class="main-wrapper">

        <!--=====================================-->
        <!--=        Header Area Start       	=-->
        <!--=====================================-->
        <header class="header appworks-header header-style-1">
            <div id="appworks-sticky-placeholder"></div>
            <div class="appworks-mainmenu">
                <div class="container">
                    <div class="header-navbar">
                        <div class="header-logo">
                            <a href="index.html"><img class="light-version-logo" src="assets/media/logo.svg" alt="logo"></a>
                            <a href="index.html"><img class="dark-version-logo" src="assets/media/red-logo.svg" alt="logo"></a>
                            <a href="index.html"><img class="sticky-logo" src="assets/media/logo.svg" alt="logo"></a>
                        </div>
                        <div class="header-main-nav">
                            <!-- Start Mainmanu Nav -->
                            <nav class="mainmenu-nav" id="mobilemenu-popup">
                                <div class="d-block d-lg-none">
                                    <div class="mobile-nav-header">
                                        <div class="mobile-nav-logo">
                                            <a href="index.html">
                                                <img class="light-mode" src="assets/media/logo.svg" alt="Site Logo">
                                                <img class="dark-mode" src="assets/media/red-logo.svg" alt="Site Logo">
                                            </a>
                                        </div>
                                        <button class="mobile-menu-close" data-bs-dismiss="offcanvas"><i class="fas fa-times"></i></button>
                                    </div>
                                </div>
                                <ul class="mainmenu">
                                    <li class="menu-item-has-children menu-item-open">
                                        <a href="javascript:void(0);">Offerings</a>
                                        <ul class=" appworks-submenu">
                                            <li><a href="digital.html">Digital</a></li>
                                            <li><a href="video.html">Video</a></li>
											<li><a href="design.html"> Design</a></li>
                                            <li><a href="development.html">Development</a></li>
                                        </ul>
                                    </li>
                                    <li><a href="index.html#clients">Clients</a></li>
                                    <li><a href="#">Blogs</a></li>
                                    <li><a href="contact.php" class="appworks-btn-1 ">Enquire Now</a></li>
                                </ul>
                            </nav>
                            <!-- End Mainmanu Nav -->
                        </div>
                        <div class="header-action">
                            <ul class="list-unstyled">
                                <li class="mobile-menu-btn sidemenu-btn d-lg-none d-block">
                                    <button class="btn-wrap" data-bs-toggle="offcanvas" data-bs-target="#mobilemenu-popup">
                                        <span></span>
                                        <span></span>
                                        <span></span>
                                    </button>
                                </li>
                                <li class="my_switcher d-block d-lg-none">
                                    <ul>
                                        <li title="Light Mode">
                                            <a href="javascript:void(0)" class="setColor light" data-theme="light">
                                                <i class="fal fa-lightbulb-on"></i>
                                            </a>
                                        </li>
                                        <li title="Dark Mode">
                                            <a href="javascript:void(0)" class="setColor dark" data-theme="dark">
                                                <i class="fas fa-moon"></i>
                                            </a>
                                        </li>
                                    </ul>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </header>
        <!--=====================================-->
        <!--=       Breadcrumb Area Start       =-->
        <!--=====================================-->
        <div class="breadcrum-area">
            <div class="container">
                <div class="breadcrumb mb-0">
                    <ul class="list-unstyled">
                        <li><a href="index-1.html">Home</a></li>
                        <li class="active">Make an enquiry</li>
                    </ul>
                    <h1 class="title h2">Let's talk Business</h1>
                </div>
            </div>
            <ul class="shape-group-8 list-unstyled">
                <li class="shape shape" data-sal="slide-right" data-sal-duration="500" data-sal-delay="100">
                    <img src="assets/media/others/bubble-9.png" alt="Bubble">
                </li>
                <li class="shape shape-2" data-sal="slide-left" data-sal-duration="500" data-sal-delay="200">
                    <img src="assets/media/others/bubble-17.png" alt="Bubble">
                </li>
                <li class="shape shape-3" data-sal="slide-up" data-sal-duration="500" data-sal-delay="300">
                    <img src="assets/media/others/line-4.png" alt="Line">
                </li>
            </ul>
        </div>
        <!--=====================================-->
        <!--=       Contact  Area Start        =-->
        <!--=====================================-->
        <section class="section section-padding pt-0">
            <div class="container">
                <div class="row">
				    <div class="col-sm-12">
                    <?php if(isset($error_msg) && isset($error_type)){?>
                        <div class="<?= $error_type;?>" id="hideMe">
                            <div class="text-center"><img src="assets/media/<?= $img_name;?>" width="20%"></div>
                            <div class="<?= $error_class;?>"><?= $error_msg;?></div>
                        </div>
                    <?php }?>
                        <div class="contact-form-box shadow-box mb--30">
                            <form action="" method="POST" class="">
							<div class="row">
                                <div class="form-group col-sm-6">
                                    <label>Name</label>
                                    <input type="text" class="form-control" name="name" pattern="[a-z A-Z ]*" required="required" data-error="name is required." title="Please enter on alphabets only. (John Doe)" >
                                </div>
                                <div class="form-group col-sm-6 ">
                                    <label>Phone</label>
                                    <input type="text" class="form-control" name="number" maxlength="10" minlength="10" pattern="[0-9]{10}" required="required"  data-error="Phone is required" title="Please enter a valid mobile number.">
                                </div>
								<div class="form-group col-sm-6 ">
                                    <label>Email</label>
                                    <input type="email" class="form-control" name="email" required="required" data-error="Valid email is required.">
                                </div>
                                <div class="form-group col-sm-6">
                                    <label>Company/ Organization </label>
                                    <input type="text" class="form-control" name="company"  pattern="[a-z A-Z ]*" required="required">
                                </div>
                                <div class="form-group  col-sm-6 mb--20 ">
                                    <label>How can we help you?</label>
                                    <textarea name="user_message" id="user_message" class="form-control textarea" cols="30" rows="3" data-error="Please,leave us a message." required="required"  ></textarea>
                                </div>
                                <div class="form-group  col-sm-6 align-end">
                                    <input type="submit" class="appworks-btn btn-fill-primary btn-fluid btn-primary text-center mb-1">
                                </div>
							</div>	
                            </form>
                        </div>
                    </div>
                </div>
                <div class="row pt-40">
                    <div class="col-lg-4">
                        <div class=" mb--20 mb_md--50 mt_md--0 text-center">
							<h2 class="title"><i class="fas fa-phone-alt"></i></h2>
                            <h6 class="title">Phone</h6>
                            <h5 class="phone-number"><a href="tel:+918299834754">+91-8299834754</a></h5>
                            <p class="mb-0">Mon – Sat, 10.00 AM to 7 PM</p>
                        </div>
                    </div>
					<div class=" col-lg-4">
                        <div class="mb--30 mb_md--50 text-center">
                            <h2 class="title"><i class="fab fa-whatsapp"></i></h2>
                            <h6 class="title">WhatsApp</h6>
                            <h5 class="phone-number">
                                <a href="https://api.whatsapp.com/send?phone=+918299834754&amp;text=Hi, Mind the GAP" target="_blank" rel="noreferrer nofollow" class="d-none-webview underline"> Click to start chat</a>
                                <a href="https://web.whatsapp.com/send?phone=+918299834754&amp;text=Hi, Mind the GAP" target="_blank" rel="noreferrer nofollow" class="d-none-mobview underline"> Click to start chat</a>
                            </h5>
							<p class=" mb-0">Reach out anytime, anywhere</p>
                        </div>
                    </div>
                    <div class=" col-lg-4">
                        <div class="mb--30 mb_md--50 text-center">
                            <h2 class="title"><i class="fas fa-envelope"></i></h2>
                            <h6 class="title"> Mail </h6>
                            <h5 class="phone-number"><a href="mailto:cs.mindthegap@gmail.com ">cs.mindthegap@gmail.com </a></h5>
							<p class="mb-0">Our team will respond to your query within 24 hrs</p>
                        </div>
                    </div>
                    
                </div>
            </div>
			 <ul class="shape-group-17 list-unstyled">
                <li class="shape shape-3"><img src="assets/media/others/line-4.png" alt="Line"></li>
                <li class="shape shape-6"><img src="assets/media/others/line-5.png" alt="Line"></li>
            </ul>
			
        </section>
        <!--=====================================-->
       <!--=        Footer Area Start       	=-->
        <!--=====================================-->
        <footer class="footer-area">
            <section class=" bg-color-dark">
            <div class="row">
                <div class="col-12 section mob_w_100 foot_bg">
                    <div class="footer-left">
                        <img src="assets/media/others/laptop-poses.png" alt="Laptop" style="float:left;" class="foot_img_left">
                        <img src="assets/media/others/bill-pay.png" alt="Bill" style="float:right;" class="foot_img_right">
                        <div class="inner text-center">
                            <span>Ready To Do This</span>
                            <h2>Let's get to work</h2>
                            <ul class="ft-link align-items-center">
                                <li class="follow_us">
                                Follow us on &nbsp;&nbsp;
                                    <a href="https://www.linkedin.com/company/mindthegapmedia" target="_blank"><i class="fab fa-linkedin fa-lg text-white"></i></a> 
                                    <a href="https://www.facebook.com/" target="_blank"><i class="fab fa-facebook-square fa-lg text-white"></i></a> 
                                    <a href="https://www.instagram.com/mind_the____gap/" target="_blank"><i class="fab fa-instagram fa-lg text-white"></i></a>
                                    <a href="https://www.youtube.com/channel/UC3dR4e3u8RSIVWjzPi1sbCg" target="_blank"><i class="fab fa-youtube fa-lg text-white"></i></a>
                                </li>
                                <li class="text-center mb-0"><a href="assets/media/MTG_Portfolio.pdf" download class="btn-design btn-large" target="_blank">Download Brochure</a></li>
						    </ul>
						</div>
                    </div>
                </div>
                <div class="col-md-12 copyright-text1 text-center">
                    <p class="mb-0">
                        ©<script>document.write(new Date().getFullYear());</script> 
                        <a href="#"> Mind The Gap Media LLP</a>. All Rights Reserved & Designed By <a href="https://appworkstechnologies.in/" target="_blank">AppWorks</a>
                    </p>
                </div>
            </div>
        </section>
        </footer>
    </div>
	<style></style>
	<a href="https://api.whatsapp.com/send?phone=+918299834754&amp;text=Hi, Mind the GAP" target="_blank" rel="noreferrer nofollow" class="pulse-appworks btn-whatsapp-pulse  d-lg-none"><i class="pulse-appworks fab fa-whatsapp"></i></a>
	<a href="https://web.whatsapp.com/send?phone=+918299834754&amp;text=Hi, Mind the GAP" target="_blank" rel="noreferrer nofollow" class="pulse-appworks btn-whatsapp-pulse d-none d-lg-flex"><i class="pulse-appworks fab fa-whatsapp"></i></a>
   <!-- Jquery Js -->
   	<script src="assets/js/jquery-2.2.4.min.js"></script>
    <script src="assets/js/vendor/jquery-3.6.0.min.js"></script>
    <script src="assets/js/vendor/bootstrap.min.js"></script>
    <script src="assets/js/vendor/isotope.pkgd.min.js"></script>
    <script src="assets/js/vendor/imagesloaded.pkgd.min.js"></script>
    <script src="assets/js/vendor/odometer.min.js"></script>
    <script src="assets/js/vendor/jquery-appear.js"></script>
    <script src="assets/js/vendor/slick.min.js"></script>
    <script src="assets/js/vendor/sal.js"></script>
    <script src="assets/js/vendor/jquery.magnific-popup.min.js"></script>
    <script src="assets/js/vendor/js.cookie.js"></script>
    <script src="assets/js/vendor/jquery.style.switcher.js"></script>
    <script src="assets/js/vendor/jquery.countdown.min.js"></script>
    <script src="assets/js/vendor/tilt.js"></script>
    <script src="assets/js/vendor/green-audio-player.min.js"></script>
    <script src="assets/js/vendor/jquery.nav.js"></script>


    <!-- Site Scripts -->
    <script src="assets/js/multislider.min.js"></script>
    <script src="assets/js/app.js"></script> 
    
     
 <script>
    $('#exampleSlider').multislider({
        
        duration: 4000,
		 continuous: true
    });
    </script>
    
</body>

</html>