<!doctype html>
<html class="no-js" lang="en">


<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>Contact Us::Sunrediant</title>
    <meta name="robots" content="noindex, follow" />
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <!-- Favicon -->
<link rel="shortcut icon" type="image/x-icon" href="assets/images/logo-white (2).png"> 

    <!-- CSS
	============================================ -->

    <!-- Icon Font CSS -->
    <link rel="stylesheet" href="assets/css/plugins/all.min.css">
    <link rel="stylesheet" href="assets/css/plugins/flaticon.css">

    <!-- Plugins CSS -->
    <link rel="stylesheet" href="assets/css/plugins/bootstrap.min.css">
    <link rel="stylesheet" href="assets/css/plugins/swiper-bundle.min.css">
    <link rel="stylesheet" href="assets/css/plugins/aos.css">
    <link rel="stylesheet" href="assets/css/plugins/magnific-popup.css">

    <!-- Main Style CSS -->
    <link rel="stylesheet" href="assets/css/style.css">


    <!--====== Use the minified version files listed below for better performance and remove the files listed above ======-->
    <!-- <link rel="stylesheet" href="assets/css/vendor/plugins.min.css">
    <link rel="stylesheet" href="assets/css/style.min.css"> -->

</head>
<style>
    /* Custom box shadow with logo color */
/* Contact Box Styling with Logo Color Shadow */
.single-contact-info {
    transition: all 0.3s ease-in-out;
    box-shadow: 0px 4px 15px rgba(23, 70, 158, 0.4) !important; /* Logo Blue Shadow */
    border: 1px solid rgba(23, 70, 158, 0.3) !important;        /* Border in Logo Blue */
}

.single-contact-info:hover {
    transform: translateY(-5px);
    box-shadow: 0px 8px 25px rgba(23, 70, 158, 0.6) !important; /* Stronger Blue Shadow */
}

    </style>

<body>

    <div class="main-wrapper">


        <!-- Preloader start -->
        <div id="preloader">
            <div class="preloader">
                <span></span>
                <span></span>
            </div>
        </div>
        <!-- Preloader End -->

               <?php include 'header.php'; ?>



        <!-- Page Banner Start -->
        <div class="section page-banner-section" style="background-image: url(https://img.freepik.com/premium-photo/top-view-laptop-concept-with-blue-desk-concept-background-3d-rendering_626958-393.jpg?ga=GA1.1.1377766556.1753945531&semt=ais_hybrid&w=740&q=80);">
            <div class="shape-2"></div>
            <div class="container">
                <div class="page-banner-wrap">
                    <div class="row">
                        <div class="col-lg-12">
                            <!-- Page Banner Content Start -->
                            <div class="page-banner text-center">
                                <h2 class="title">Contact Us</h2>
                                <ul class="breadcrumb justify-content-center">
                                    <li class="breadcrumb-item"><a href="#">Home</a></li>
                                    <li class="breadcrumb-item active" aria-current="page">Contact Us</li>
                                </ul>
                            </div>
                            <!-- Page Banner Content End -->
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Page Banner End -->


<!-- Contact Info Start -->
<div class="section contact-info-section section-padding-02" style="background: #000;">
    <div class="container">
        <!-- Section Title -->
        <div class="text-center mb-5">
            <h2 class="fw-bold" style="color:#fff;">Get in Touch</h2>
            <p style="color:#fff;">Reach out to us through our offices, phone, or email.</p>
        </div>

        <div class="row g-4">
            <!-- Head Office -->
            <div class="col-lg-6 col-sm-12">
                <div class="single-contact-info p-4 shadow rounded bg-white h-100">
                    <h4 class="fw-bold text-center mb-3">Head Office</h4>
                    <div class="d-flex align-items-start mb-3">
                        <i class="flaticon-pin me-3" style="font-size: 24px; color:#007bff;"></i>
                        <p>31, 12th Avenue, Gaur City 2,<br> Greater Noida West 201301, INDIA</p>
                    </div>
                    <div class="d-flex align-items-start mb-3">
                        <i class="flaticon-phone-call me-3" style="font-size: 24px; color:#28a745;"></i>
                        <p>+91-7906854511 | 8171904611 <br> +91-120-7150014</p>
                    </div>
                    <div class="d-flex align-items-start">
                        <i class="flaticon-email me-3" style="font-size: 24px; color:#dc3545;"></i>
                        <p>sales@sunradiant.in</p>
                    </div>
                </div>
            </div>

            <!-- Corporate Office -->
            <div class="col-lg-6 col-sm-12">
                <div class="single-contact-info p-4 shadow rounded bg-white h-100">
                    <h4 class="fw-bold text-center mb-3">Corporate Office</h4>
                    <div class="d-flex align-items-start mb-3">
                        <i class="flaticon-pin me-3" style="font-size: 24px; color:#007bff;"></i>
                        <p>602, 6th Floor, I-Thum Business Tower, <br> Sector 62, Noida 201309, INDIA</p>
                    </div>
                    <div class="d-flex align-items-start mb-3">
                        <i class="flaticon-phone-call me-3" style="font-size: 24px; color:#28a745;"></i>
                        <p>+91-7906854511 | 8171904611</p>
                    </div>
                    <div class="d-flex align-items-start">
                        <i class="flaticon-email me-3" style="font-size: 24px; color:#dc3545;"></i>
                        <p>sales@sunradiant.in</p>
                    </div>
                </div>
            </div>
        </div>

        <!-- Working Hours -->
       
</div>
<!-- Contact Info End -->

        <!-- Contact Info End -->

      <!-- Contact Form Start -->
<div class="section contact-form-section section-padding">
    <div class="container">
        <!-- Contact Wrap Start -->
        <div class="contact-wrap" style="box-shadow:0px 6px 25px white; border-radius:12px; padding:30px; background:#000;">
            <div class="row justify-content-center">
                <div class="col-lg-8">
                    <div class="form-title text-center">
                        <h2 class="title">Get Support from our Team</h2>
                    </div>
                    <!-- Contact Form Wrap Start -->
                    <div class="contact-form-wrap">
                      <form action="contactpage.php" method="POST">
    <div class="row">
        <div class="col-md-6">
            <!-- Single Form Start -->
            <div class="single-form">
                <input class="form-control" type="text" name="name" placeholder="Your Name" required>
            </div>
            <!-- Single Form End -->
        </div>
        <div class="col-md-6">
            <!-- Single Form Start -->
            <div class="single-form">
                <input class="form-control" type="email" name="email" placeholder="Your Email" required>
            </div>
            <!-- Single Form End -->
        </div>
        <div class="col-md-6">
            <!-- Single Form Start -->
            <div class="single-form">
                <input class="form-control" type="text" name="phone" placeholder="Your Number" required>
            </div>
            <!-- Single Form End -->
        </div>
        <div class="col-md-6">
            <!-- Single Form Start -->
            <div class="single-form">
                <input class="form-control" type="text" name="subject" placeholder="Subject" required>
            </div>
            <!-- Single Form End -->
        </div>
        <div class="col-md-12">
            <!-- Single Form Start -->
            <div class="single-form">
                <textarea class="form-control" name="message" placeholder="Write A Message" rows="5" required></textarea>
            </div>
            <!-- Single Form End -->
        </div>
        <div class="col-md-12">
            <!--  Single Form Start -->
            <div class="form-btn text-center">
                <button class="btn btn-primary" type="submit">Send Message</button>
            </div>
            <!--  Single Form End -->
        </div>
    </div>
</form>

                    </div>
                    <!-- Contact Form Wrap End -->
                </div>
            </div>
        </div>
        <!-- Contact Wrap End -->
    </div>
</div>
<!-- Contact Form End -->
<!-- Contact Map Start -->
<!-- Contact Map Start -->
<div class="section contact-map-section">
    <div class="contact-map-wrap">
        <iframe 
            src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d3502.1334241586624!2d77.368177!3d28.625763!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x390ce5f6bf0e729b%3A0x4c68e44d9e70a67f!2sI-Thum%20Tower%20-%20office%20space%20in%20IThum%20Noida%20Sector%2062!5e0!3m2!1sen!2sin!4v1755521398990!5m2!1sen!2sin" 
            width="100%" 
            height="450" 
            style="border:0;" 
            allowfullscreen="" 
            loading="lazy" 
            referrerpolicy="no-referrer-when-downgrade">
        </iframe>
    </div>
</div>

<style>
.contact-map-wrap iframe {
    filter: none !important;
}
.contact-form-section .contact-wrap .contact-form-wrap .single-form .form-control {
    border-radius:12px;
}
.contact-form-section .contact-wrap .form-title .title{
    color:skyblue;
}
</style>
<!-- Contact Map End -->

<!-- Contact Map End -->



</div>
<?php include 'footer.php'
?>


         
        <!-- Footer Section End -->

        <!-- back to top start -->
        <div class="progress-wrap">
            <svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">
                <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" />
            </svg>
        </div>
        <!-- back to top end -->

    </div>

    <!-- JS
    ============================================ -->
    <script src="assets/js/vendor/jquery-1.12.4.min.js"></script>
    <script src="assets/js/vendor/modernizr-3.11.2.min.js"></script>

    <!-- Bootstrap JS -->
    <script src="assets/js/plugins/popper.min.js"></script>
    <script src="assets/js/plugins/bootstrap.min.js"></script>

    <!-- Plugins JS -->
    <script src="assets/js/plugins/swiper-bundle.min.js"></script>
    <script src="assets/js/plugins/aos.js"></script>
    <script src="assets/js/plugins/waypoints.min.js"></script>
    <script src="assets/js/plugins/back-to-top.js"></script>
    <script src="assets/js/plugins/jquery.counterup.min.js"></script>
    <script src="assets/js/plugins/appear.min.js"></script>
    <script src="assets/js/plugins/jquery.magnific-popup.min.js"></script>


    <!--====== Use the minified version files listed below for better performance and remove the files listed above ======-->


    <!-- Main JS -->
    <script src="assets/js/main.js"></script>

</body>


</html>