bnmbnerterterterterterdfgdfgdfgdfgdfgdfgdfgdfgdfg

hjkhhrtertererrrrrerrtertertertertertertert bnmbnerterterterterterdfgdfgdfgdfgdfgdfgdfgdfgdfg

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    
    <title>Kailash & Company | Contact</title>
 <meta  name="description" content="Kailash & Company is one of the leading pioneers in the field of High Tensile Socket And Hexagonal Fasteners in India and also the authorized distributor of Unbrako and TVS fasteners in North India.">
    <meta  name="keywords" content="Kailash & Company Socket and Fasteners, Socket Screws, Wrenches & Tools, Hex Bolts / Screws, Hex Nuts, Washers, Petrochemical Studbolts">
    
    <link href="img/fevicon.png" rel="shortcut icon">
    
    <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800" rel="stylesheet ">
    
    <link href="css/bootstrap.min.css" rel="stylesheet">
    
    <link rel="stylesheet" href="css/owl.carousel.css">
    
    <link rel="stylesheet" href="css/animate.min.css">
    
    <link rel="stylesheet" href="css/icofont.css">
    
    <link rel="stylesheet" href="css/slicknav.min.css">
    
    <link rel="stylesheet" href="css/accordion.css">
    
    <link rel="stylesheet" href="main.css">
    
    <link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-sweetalert/1.0.1/sweetalert.min.css" rel="stylesheet">
    
    <link rel="stylesheet" href="css/responsive.css">

.box {
            margin-top: 10px;
            border-radius: 10px;
        }

.p-3 {
            padding: 1rem !important;
        }

.box:hover {
            cursor: pointer;
            background-color: #fff;
            -webkit-box-shadow: 0 10px 55px 5px rgb(137 173 255 / 35%);
            box-shadow: 0 10px 55px 5px rgb(137 173 255 / 35%);
            -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
            -webkit-transition: all .2s cubic-bezier(.02, .54, .58, 1);
            -o-transition: all .2s cubic-bezier(.02, .54, .58, 1);
            transition: all .2s cubic-bezier(.02, .54, .58, 1);
        }
        .swal-footer {
    text-align: center;
    padding-top: 13px;
    margin-top: 13px;
    padding: 13px 16px;
    border-radius: inherit;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
    </style>

</head>

<body>

<?php include('include/header.php'); ?>

<div class="title_area wow fadeIn">
        <div class="container">
            <div class="row">
                <div class="col-xs-6">
                    <h2>Contact</h2>
                </div>
                <div class="col-xs-6 text-right">
                    <a href="./">Home</a> / Contact
                </div>
            </div>
        </div>
    </div>

<form class="contact_form" action="#" method="POST">
                        <input type="text" required placeholder="Name" name="name" id="name">
                        <input type="email" required placeholder="Email" name="email" id="email">
                        <input type="text" required placeholder="Phone" name="phone" id="phone">
                        <input type="text" required placeholder="Address" name="address" id="address">
                        <textarea placeholder="Message" required name="message" id="message"></textarea>
                        <button type="submit">Submit</button>
                    </form>
                </div>
                <div class="col-md-5">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="box p-3">
                                <div class=" pl1-9 background-white1 ">
                                    <p class="mb-30"><strong>Corporate Office:</strong></p>
                                    <p>
                                        B-191, Naraina Industrial Area, Phase -1,<br> New Delhi,Pincode: 110028,
                                        India<br>Phone :
                                        9811037636, 9311440203
                                    </p>
                                </div>
                            </div>
                        </div>

<div class="col-md-12">
                            <div class="box p-3">
                                <div class=" pl1-9 background-white1 ">
                                    <p class="mb-30"><strong>Sales Office:</strong></p>
                                    <p>
                                        4968-B, Hauz Qazi, Delhi-110006, India <br>Phone :
                                        011-49875170, 8750050027, 9650359389
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

</div>
        </div>
    </div>

<?php include('include/footer.php'); ?>

<script src="js/wow.min.js"></script>
    
    <script src="js/active.js"></script>

});

$('#phone').on('input', function(event) {
            this.value = this.value.replace(/[^0-9]/g, '');
        });
    </script>
    <?php

if (!empty($_POST['name'])) {
        $to = 'info@kailashandcompany.in';

$subject = 'New Query Received';
        $message = "<h3>A new query has been received, details are as follows:</h3>
                <p>Name: " . $_POST['name'] . "</p>
                <p>Phone Number: " . $_POST['phone'] . "</p>
                <p>Email: " . $_POST['email'] . "</p>
                <p>Address: " . $_POST['address'] . "</p>
                <p>Message: " . $_POST['message'] . "</p>
                <h5>Thanks, </h5>
                <h5>Snowcrest</h5>
                ";

$headers = "MIME-Version: 1.0" . "\r\n";
        $headers .= "Content-type:text/html;charset=UTF-8" . "\r\n";
        // Additional headers 
        $headers .= 'From: noreply<noreply@kailashandcompany.in>' . "\r\n";

if (mail($to, $subject, $message, $headers)) {
            echo '
<script type="text/javascript">

$(document).ready(function(){

swal("Message sent!", "", "success");
});

</script>
';
            exit;
        } else {
            echo '
<script type="text/javascript">

$(document).ready(function(){
  swal("Oops...", "Something went wrong :(", "error");
});

</script>
';
            exit;
        }
    }

?>
</body>

</html>