bnmbnmbnmnbmbio;io;irererereeo;o;oi;;oi;oioi;oi;oio;;oovn

hjkhhjhjol;io;ioio;ioiio;ioreererereio;;iooi;i;o;oii;o;ioo;iio;oi; bnmbnmbnmnbmbio;io;irererereeo;o;oi;;oi;oioi;oi;oio;;oovn

<!DOCTYPE html>
<html lang="en" style="overflow-x: hidden;">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Contact us - Rock On Wheels Travels</title>

<?php include "include/header.php" ?>
<?php
if(isset($_POST['submit'])){   
    $name = $_POST['name'];
    $phone = $_POST['phone'];
    $email = $_POST['form_phone'];
    $subject = $_POST['subject'];
    $msg = $_POST['msg'];
    $to = "info@batohee.com";
    $message = " Name: " . $name . "\r\n " 
    . " Email: " . $email . "\r\n" 
    . " Mobile: " . $phone . "\r\n" 
    . " Subject: " . $subject . "\r\n" 
    . " Message: " . $msg;
    $header = "From:$email";
    $retval = mail ($to,$subject,$message,$header);
    if( $retval == true ) {
        echo "<script>alert('Thank you for Submitting Your Details. We will get back to you soon.');
        window.location='index';</script>";
    }else {
        echo "<script>alert('some technical problem');
        window.location='index';
        </script>";
    }
}
$q = "select * from web_footer";
$query = mysqli_query($db,$q);
$datas = mysqli_fetch_array($query);
?>
<style>
    .same-section-spacing {
        padding: 100px 0;
    }
    .same-section-spacings {
        padding: 50px 0;
    }
    .bg-banner {
        background: url(images/servicebg.jpg) no-repeat;
        background-size: cover;
        width: 100%;
        position: relative;
    }
    .contact-box {
        text-align: center;
        margin-bottom: 30px;
    }
    .contact-box .icon-box {
        width: 100px;
        height: 100px;
        margin: 0 auto;
        background: #ed1b24;
        border-radius: 50%;
        font-size: 55px;
        padding: 15px;
        color: #fff;
        margin-bottom: 25px;
        box-shadow: 0 0 11px 1px rgb(0 0 0 / 20%);
    }
    .contact-box .icon-box {
        width: 100px;
        height: 100px;
        margin: 0 auto;
        background: #ed1b24;
        border-radius: 50%;
        font-size: 55px;
        padding: 15px;
        color: #fff;
        margin-bottom: 25px;
        box-shadow: 0 0 11px 1px rgb(0 0 0 / 20%);
    }
    .contact-box {
        text-align: center;
        margin-bottom: 30px;
    }
    .contact-box .con-diss h4 {
        margin-bottom: 10px;
    }
    .same-section-spacing  p{
        font-size: 16px;
        line-height: 26px;
        font-weight: 400;
        color: #777777;
        font-family: 'Roboto', sans-serif;
    }
    #map {
        width: 100%;
        height: 365px;
    }
    .contact-form .form-group input {
        border: none;
        height: 56px;
        margin-bottom: 30px;
        padding-left: 25px;
        background: #fff;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
    }
    .contact-form textarea.form-control {
        background: #fff;
        border: none;
        margin-bottom: 30px;
        padding: 30px 15px;
        padding-top: 15px;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
    }
    .contact-form .btn-1 {
        background: transparent;
        border: 1px solid #eaeaea;
        padding: 10px 40px;
        border-radius: 30px;
        font-weight: 500;
        letter-spacing: 0.5px;
        transition: all 0.4s ease 0s;
    }
    .section-heading {
        margin-bottom: 45px;
    }
    .section-heading .sub-title {
    color: #ed1b24;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 10px;
}
.section-heading .section-title {
    margin-bottom: 10px;
    text-transform: uppercase;
    font-weight: 600;
}
.section-heading p {
    font-size: 16px;
    line-height: 24px;
}
.social-icon ul {
    margin: 0;
    padding: 0;
    font-size: 0;
}
.social-icon li {
    display: inline-block;
    list-style: none;
    margin: 0 5px;
}
.inner-contact-wrap .social-icon a {
    background-color: #ed1b24;
    color: #ffffff;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    display: block;
    text-align: center;
    width: 35px;
    height: 35px;
    line-height: 35px;
}
.contact-form{
    background-color: #ed1b24;
    padding: 74px 40px;
    border-radius: 25px;
}
.map{
    border-radius: 25px;
}
.contact-box{
    border: 1px solid rgba(58, 120, 201, 0.16);
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    border-radius: 25px;
    padding-top: 40px;
    padding-bottom: 40px;
}
</style>
<section class="same-section-spacing bg-banner">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <div class="banner-box">
                    <h2></h2>
                    <nav aria-label="breadcrumb">
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item"><a href="index">Home</a></li>
                            <li class="breadcrumb-item active" aria-current="page">Contact Us</li>
                        </ol>
                        <h2 style="text-align: center;">Contact Us</h2>
                        <hr id="hr3"> 
                    </nav>
                </div>
            </div>
        </div>
    </div>
</section>
<section class="same-section-spacings">
    <div class="container">
        
        <div class="row mt-5">
            <div class="col-lg-6 col-md-12">
                <div class="section-heading">
                              <h5 class="sub-title">GET IN TOUCH</h5>
                              <h2 class="section-title">REACH &amp; CONTACT US!</h2>
                              <p>Need any help or do you have query feel free to contact us.</p>
                              
                           </div>
                <div class="map" id="map" title="name" style="position: relative; overflow: hidden;">
                <iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d13775.228098855696!2d77.9708744!3d30.3280064!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x39092b83bd961013%3A0x7984d79c8bff4d9d!2sRock%20On%20Wheels%20Travels%20-%20Taxi%20in%20Dehradun%20%7C%20Taxi%20Service%20in%20Dehradun%20%7C%20Cab%20in%20Dehradun!5e0!3m2!1sen!2sin!4v1698219867619!5m2!1sen!2sin" width="100%" height="800" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
                </div>
            </div>
            <div class="col-lg-6 col-md-12">
                <form class="contact-form" method="POST">
                    <div class="row">
                        <div class="col-lg-6 col-md-12">
                            <div class="form-group">
                                <input type="text" class="form-control" id="uname" placeholder="Name" name="name" required="" />
                            </div>
                        </div>
                        <div class="col-lg-6 col-md-12">
                            <div class="form-group">
                                <input type="number" class="form-control" id="phone" placeholder="Phone No." name="phone" required="" />
                            </div>
                        </div>
                        <div class="col-lg-6 col-md-6">
                            <div class="form-group">
                                <input type="email" class="form-control" placeholder="Email" name="email" required="" />
                            </div>
                        </div>
                        <div class="col-lg-6 col-md-6">
                            <div class="form-group">
                                <input type="text" class="form-control" placeholder="Subject" name="subject" required="" />
                            </div>
                        </div>
                        <div class="col-lg-12">
                            <textarea class="form-control" rows="5" id="comment" placeholder="Your Message" name="msg" required></textarea>
                        </div>
                    </div>
                    <input type="submit" name="submit" class="btn-1 btn btn-block" style="background: #ed1b24; color: #fff;">
                </form>
            </div>
        </div>
        <div class="row mt-5 pt-5">
            <div class="col-lg-4 col-md-6 col-sm-12">
                <div class="contact-box">
                    <div class="icon-box">
                        <i class="fa fa-map-marker"></i>
                    </div>
                    <div class="con-diss">
                        <h4>Address</h4>
                        <p><?php echo $datas['address'] ?></p>
                    </div>
                </div>
            </div>
            
            <div class="col-lg-4 col-md-6 col-sm-12">
                <div class="contact-box">
                    <div class="icon-box">
                        <i class="fa fa-phone"></i>
                    </div>
                    <div class="con-diss">
                        <h4>Contact No.</h4>
                        <p><a style="color:#000" href="<?php echo $datas['contact'] ?>"><?php echo $datas['contact'] ?></a> <br><a style="color:#000" href="<?php echo $datas['alt_contact'] ?>"><?php echo $datas['alt_contact'] ?></a></p>
                    </div>
                </div>
            </div>
            
            <div class="col-lg-4 col-md-6 col-sm-12">
                <div class="contact-box">
                    <div class="icon-box">
                        <i class="fa fa-envelope"></i>
                    </div>
                    <div class="con-diss">
                        <h4>Email</h4>
                        <p><a style="color:#000" href="<?php echo $datas['email'] ?>"><?php echo $datas['email'] ?></a></p>
                    </div>
                </div>
            </div>
            
        </div>
    </div>
</section>
<?php include "include/footer.php" ?>