Nx

Filename: contact_new.php

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <link rel="icon" href="assets/images/favicon.png" type="image/gif" sizes="20x20">

<title>Contact Us</title>

<link rel="stylesheet" href="assets/font/flaticon.css">
    <link rel='stylesheet' href='assets/css/boxicons.min.css'>
    <link rel="stylesheet" href="assets/css/owl.carousel.min.css">
    <link rel="stylesheet" href="assets/css/bootstrap.min.css">
    <link rel="stylesheet" href="assets/css/animations.css">
    <link rel="stylesheet" href="assets/css/aos.css">
    <link rel="stylesheet" href="assets/css/magnific-popup.css">
    <link rel="stylesheet" href="assets/css/default.css">
    <link rel="stylesheet" href="assets/css/main.css">
    <link rel="stylesheet" href="assets/css/responsive.css">
    <link rel="stylesheet" type="text/css" href="assets/font-awesome/css/font-awesome.css">
    <link rel="stylesheet" media="all" href="assets/new_alert/new_alert.css">
    <script src="https://www.google.com/recaptcha/api.js" async defer></script>

});
});
</script>

</head>

<?php 
    include("include/topbar.php");
    ?>

<header class="header-section">

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

<div class="section-breadCrumbs">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="breadCrumbs-content">
                            <div class="page-name text-center">
                                <h2>Contact Us</h2>
                            </div>
                            
                        </div>
                    </div>
                </div>
            </div>
        </div>

</header>

<div class="contact-box-area section">
        <div class="container">
            <div class="row">
                <div class="col-xl-4 col-lg-4 col-md-4">
                    <div class="single-contact-box text-center">
                        <i class="flaticon-phone-call-1"></i>
                        <p><a href="tel:03346051324">03346051324</a> <br><br><br>
                        
                    </div>
                </div>

<div class="col-xl-4 col-lg-4 col-md-4">
                    <div class="single-contact-box text-center">
                        <i class="flaticon-black-back-closed-envelope-shape"></i>
                        <p> <a href="mailto:info@orioncorporate.com">info@orioncorporate.com</a> <br><br><br>
                        
                    </div>
                </div>

<div class="col-xl-4 col-lg-4 col-md-4">
                    <div class="single-contact-box text-center">
                        <i class="flaticon-maps-and-flags"></i>
                        <p>PS Aviator, Unit No. 508, 5th Floor, Atghora, Chinar Park, Rajarhat Road, Kolkata-700136.</p>
                    </div>
                </div>
            </div>

<div class="row">
                <div class="col-md-12">
                    <div class="contact-area">
                        <div class="row">
                            <div class="col-lg-6 col-md-12 col-sm-12">
                                <form id="contact-form" action="contact_form.php" class="contact-mailform text-left" method="post">
                                    <h3>Contact Us</h3>
                                    <div class="form-wrap input_area">
                                        <input class="form-input form-control" id="name" type="text" name="name" placeholder="Your name">
                                    </div>

<div class="form-button group-sm text-center">
                                        <button type="submit" class="btn btn-submit">Send Message</button>
                                    </div>
                                    <p class="form-message"></p>
                                </form>
                            </div>

<div class="marquee-area section pb-0" style="padding-top:0px">
        <div class="container">
            <div class="row">
                <div class="col-lg-7 col-md-8 col-sm-12 m-auto text-center">
                    <div class="section_top">
                        <h2> Our Clients</h2>
                        <p style="color:#a7a7a7 !important;">Few list of the clients</p>
                    </div>
                </div>
            </div>
            <div class="marquee">
                <div class="marquee-content owl-carousel">
                    <div class="inner">
                        <a href="#"><img class="img-fluid" src="assets/images/client1.png" alt="logo"></a>
                    </div>
                    <div class="inner">
                        <a href="#"><img class="img-fluid" src="assets/images/client2.png" alt="logo"></a>
                    </div>
                    <div class="inner">
                        <a href="#"><img class="img-fluid" src="assets/images/client3.png" alt="logo"></a>
                    </div>
                    <div class="inner">
                        <a href="#"><img class="img-fluid" src="assets/images/client4.png" alt="logo"></a>
                    </div>
                    <div class="inner">
                        <a href="#"><img class="img-fluid" src="assets/images/client5.png" alt="logo"></a>
                    </div>
                    <div class="inner">
                        <a href="#"><img class="img-fluid" src="assets/images/client6.png" alt="logo"></a>
                    </div>
                    <div class="inner">
                        <a href="#"><img class="img-fluid" src="assets/images/client7.png" alt="logo"></a>
                    </div>
                    <div class="inner">
                        <a href="#"><img class="img-fluid" src="assets/images/client8.png" alt="logo"></a>
                    </div>
                    <div class="inner">
                        <a href="#"><img class="img-fluid" src="assets/images/client9.png" alt="logo"></a>
                    </div>
                    <div class="inner">
                        <a href="#"><img class="img-fluid" src="assets/images/client10.png" alt="logo"></a>
                    </div>
                    <div class="inner">
                        <a href="#"><img class="img-fluid" src="assets/images/client11.png" alt="logo"></a>
                    </div>
                    <div class="inner">
                        <a href="#"><img class="img-fluid" src="assets/images/client12.png" alt="logo"></a>
                    </div>
                    <div class="inner">
                        <a href="#"><img class="img-fluid" src="assets/images/client13.png" alt="logo"></a>
                    </div>
                    <div class="inner">
                        <a href="#"><img class="img-fluid" src="assets/images/client14.png" alt="logo"></a>
                    </div>
                    <div class="inner">
                        <a href="#"><img class="img-fluid" src="assets/images/client15.png" alt="logo"></a>
                    </div>
                    <div class="inner">
                        <a href="#"><img class="img-fluid" src="assets/images/client16.png" alt="logo"></a>
                    </div>
                    <div class="inner">
                        <a href="#"><img class="img-fluid" src="assets/images/client17.png" alt="logo"></a>
                    </div>
                    <div class="inner">
                        <a href="#"><img class="img-fluid" src="assets/images/client18.png" alt="logo"></a>
                    </div>
                </div>
            </div>
        </div>
    </div>

<div class="getInTuch-area">
            <div class="container">
                <div class="section_inner">
                <div class="row">
                    <div class="col-xxl-7 col-xl-7 col-lg-7 col-md-10 col-sm-12 m-auto justify-content-center">
                        <div class="tuch-area-text text-center">
                            <h2>Subscribe to Our Newsletter</h2>
                            
                        </div>
    
                        <div class="input-group mb-3">
                            <div class="input-group-prepend">
                                <button class="btn btn-outline-secondary envelope" type="button"><i class="flaticon-black-back-closed-envelope-shape"></i></button>
                            </div>
                            <input type="text" class="form-control" placeholder="Your Email">
                            <button class="btn btn-outline-secondary paper-plane" type="button"><i class="bx bx-paper-plane bx-circle"></i></button>
                        </div>
                    </div>
    
                </div>
            </div>
        </div>
    </div>

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

<?php 
        include("include/modal.php");
    ?>

<script src="./assets/js/jquery.min.js"></script>
    <script src="assets/js/bootstrap.min.js"></script>
    <script src="assets/js/popper.min.js"></script>
    <script src="assets/js/owl.carousel.min.js"></script>
    <script src="assets/js/aos.js"></script>
    <script src="assets/js/isotope.pkgd.min.js"></script>
    <script src="assets/js/jquery.magnific-popup.min.js"></script>
    <script src="assets/js/main.js"></script>
    <script type="text/javascript" src="assets/new_alert/new_alert.js"></script>
    <script type="text/javascript" src="assets/js/custom.js"></script>
    
    <script type="text/javascript">
    function manage_contact(){
        var name = $("#name").val();
        var email = $("#email").val();
        var mobile = $("#mobile").val();
        var message = $("#message").val();
        if(name!='' && email!='' && mobile!='' && message!=''){
            $.ajax({
                url:'ajax_manage_contact.php',
                method:'post',
                data:{name:name,email:email,mobile:mobile,message:message},
                success:function(res){
                    if(res=='INSERTED'){
                        new_alert('Thank You. We have successfully received your message.',3000);
                        $("#name").val('');
                        $("#email").val('');
                        $("#mobile").val('');
                        $("#message").val('');
                    }else if(res=='ERROR'){
                        new_alert_danger("Something Went Wrong! Please try Again",3000);
                    }
                }
            });
        }else{
            new_alert_danger("Please fill all the fields",3000);
        }
    }
</script>
</body>
</html>

Edit | Rename | Chmod | Delete |