📁 File Manager

📍 Lokasi: / 🔄 Segarkan

✏️ Sedang Mengedit: contact.php

<?php
ob_start();
include("include/header.php");
?>
<?php
include 'admin/config.php'; // Database connection file

if (isset($_POST['submit'])) {
    // Get form data safely
    $name = mysqli_real_escape_string($conn, $_POST['name']);
    $email = mysqli_real_escape_string($conn, $_POST['email']);
    $subject = mysqli_real_escape_string($conn, $_POST['subject']);
    $phone = mysqli_real_escape_string($conn, $_POST['phone']);
    $message = mysqli_real_escape_string($conn, $_POST['message']);

// Insert into database
    $sql = "INSERT INTO contact_messages (name, email, subject, phone, message)
            VALUES ('$name', '$email', '$subject', '$phone', '$message')";

if (mysqli_query($conn, $sql)) {
        echo "<script>
                alert('✅ Thank you! Your message has been sent.');
                window.location.href='contact.php';
              </script>";
    } else {
        echo "<script>
                alert('❌ Something went wrong. Please try again.');
              </script>";
    }
    $to = "mrdineshtiwari@gmail.com";
$subject_mail = "New Contact Form Submission";
$body = "Name: $name\nEmail: $email\nPhone: $phone\nSubject: $subject\n\nMessage:\n$message";
$headers = "From: noreply@yourwebsite.com";

mail($to, $subject_mail, $body, $headers);

}

<section class="breadcrumbs bg-gradient-dark" style="background-image: url('assets/images/banner-bg.svg'); background-size: cover; background-position: center;">
    <div class="container-section">
        <div class="row align-items-center">
            <div class="col-lg-6 offset-lg-3 col-md-12 col-12">
                <div class="breadcrumbs-content text-center">
                    <h1 class="page-title gradient-text">Contact RadheTech Digital Solutions</h1>
                    <ul class="breadcrumb-nav">
                        <li><a href="index" class="text-warning">Home</a></li>
                        <li class="text-light">Contact Us</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="contact-us sectio py-5 position-relative">
    
    <ul class="bubbles">
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
    </ul>

<div class="container-section position-relative">
        <div class="row">
            
            <div class="col-lg-6 col-12">
                <div class="contact-widget-wrapper wow fadeInLeft" data-wow-delay=".2s">
                    <div class="main-title mb-5">
                        <h2 class="gradient-text mb-3">Contact the Leading Digital Marketing Agency in Ayodhya</h2>
                        <p class="text-light">We're here to help you grow. Reach out today to start your digital success journey with RadheTech.</p>
                    </div>

<div class="contact-widget-block mb-4">
                        <div class="icon-box bg-warning">
                            <i class="lni lni-envelope text-dark"></i>
                        </div>
                        <div class="content">
                            <h3 class="title gradient-text">Email Us</h3>
                            <p class="text-light"><a href="mailto:radhetech@gmail.com" class="text-warning">radhetech@gmail.com</a></p>
                            <p class="text-light"><a href="mailto:radhetechraj@gmail.com" class="text-warning">radhetechraj@gmail.com</a></p>
                        </div>
                    </div>

<div class="contact-widget-block">
                        <div class="icon-box bg-warning">
                            <i class="lni lni-map-marker text-dark"></i>
                        </div>
                        <div class="content">
                            <h3 class="title gradient-text">Our Office in Ayodhya</h3>
                            <p class="text-light">0222, Adityanagar, Parikrama Marg, behind The Ramayana Hotel, Ayodhya – 224123</p>
                        </div>
                    </div>
                </div>
            </div>

<div class="col-lg-6 col-12 mt-5 mt-lg-0">
                <div class="contact-form wow fadeInRight" data-wow-delay=".4s">
                    <h3 class="form-title gradient-text mb-4">Leave a Message</h3>
                   <form class="form" method="post" action="">
    <div class="row">
        <div class="col-lg-6 col-md-6 col-12">
            <div class="form-group mb-4">
                <label for="name" class="text-light mb-2">Your Name*</label>
                <input id="name" name="name" type="text" class="form-control" placeholder="Name*" required>
            </div>
        </div>
        <div class="col-lg-6 col-md-6 col-12">
            <div class="form-group mb-4">
                <label for="email" class="text-light mb-2">Your Email*</label>
                <input id="email" name="email" type="email" class="form-control" placeholder="Email*" required>
            </div>
        </div>
        <div class="col-lg-6 col-md-6 col-12">
            <div class="form-group mb-4">
                <label for="subject" class="text-light mb-2">Subject*</label>
                <input id="subject" name="subject" type="text" class="form-control" placeholder="Subject*" required>
            </div>
        </div>
        <div class="col-lg-6 col-md-6 col-12">
            <div class="form-group mb-4">
                <label for="phone" class="text-light mb-2">Phone*</label>
                <input id="phone" name="phone" type="text" class="form-control" placeholder="Phone*" required>
            </div>
        </div>
        <div class="col-12">
            <div class="form-group mb-4">
                <label for="message-area" class="text-light mb-2">Your Message*</label>
                <textarea id="message-area" name="message" class="form-control" rows="5" placeholder="Write your message here..." required></textarea>
            </div>
        </div>
        <div class="col-12">
            <div class="button">
                <button type="submit" name="submit" class="btn btn-warning btn-lg w-100">Send Message</button>
            </div>
        </div>
    </div>
</form>

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

<section class="map-section py-5">
    <div class="container-section">
        <div class="row">
            <div class="col-12">
                <div class="map-container rounded-4 overflow-hidden shadow-lg">
                    <iframe width="100%" height="500" id="gmap_canvas"
                        src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3561.8769993635333!2d82.21025727449988!3d26.780190465774826!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x399a07cfd0bbe90b%3A0xcc6fb4c8eaefd7ba!2sRadheTech%20Digital%20Solutions%20Private%20Limited!5e0!3m2!1sen!2sin!4v1756550464850!5m2!1sen!2sinhttps://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3561.8769993635333!2d82.21025727449988!3d26.780190465774826!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x399a07cfd0bbe90b%3A0xcc6fb4c8eaefd7ba!2sRadheTech%20Digital%20Solutions%20Private%20Limited!5e0!3m2!1sen!2sin!4v1756550464850!5m2!1sen!2sin"
                        frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"
                        title="RadheTech Office Location on Google Map">
                    </iframe>
                </div>
            </div>
        </div>
    </div>
</section>

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

.breadcrumbs-content h1 {
        font-size: 2.5rem;
        font-weight: 700;
        margin-bottom: 15px;
    }

.breadcrumb-nav {
        display: flex;
        justify-content: center;
        list-style: none;
        padding: 0;
        margin: 0;
    }

.breadcrumb-nav li {
        margin: 0 10px;
        position: relative;
        font-size: 16px;
    }

/* Contact Section */
    .contact-us {
        background: linear-gradient(to bottom right, #0f2027, #203a43, #2c5364);
    }

.contact-widget-wrapper {
        background: rgba(255, 255, 255, 0.05);
        backdrop-filter: blur(8px);
        border: 1px solid rgba(255, 255, 255, 0.1);
        border-radius: 15px;
        padding: 30px;
        height: 100%;
        box-shadow: 0 10px 30px rgba(0, 255, 213, 0.1);
        transition: all 0.3s ease;
    }

.contact-widget-wrapper:hover {
        transform: translateY(-5px);
        box-shadow: 0 15px 40px rgba(0, 255, 213, 0.2);
    }

.contact-widget-block {
        display: flex;
        align-items: flex-start;
        margin-bottom: 25px;
    }

.icon-box {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 20px;
        flex-shrink: 0;
        transition: all 0.3s ease;
    }

.contact-widget-block:hover .icon-box {
        transform: rotate(15deg);
    }

.contact-widget-block .content h3 {
        font-size: 1.3rem;
        margin-bottom: 8px;
    }

.contact-widget-block .content p {
        margin-bottom: 0;
        font-size: 1rem;
    }

.contact-widget-block .content a {
        transition: all 0.3s ease;
    }

.contact-widget-block .content a:hover {
        color: #00ffd5 !important;
        text-decoration: underline;
    }

/* Contact Form */
    .contact-form {
        background: rgba(255, 255, 255, 0.05);
        backdrop-filter: blur(8px);
        border: 1px solid rgba(255, 255, 255, 0.1);
        border-radius: 15px;
        padding: 30px;
        box-shadow: 0 10px 30px rgba(0, 255, 213, 0.1);
        transition: all 0.3s ease;
    }

.contact-form:hover {
        transform: translateY(-5px);
        box-shadow: 0 15px 40px rgba(0, 255, 213, 0.2);
    }

.form-title {
        font-size: 1.8rem;
        font-weight: 700;
        margin-bottom: 20px;
        position: relative;
        padding-bottom: 15px;
    }

.form-title:after {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        width: 60px;
        height: 3px;
        background: linear-gradient(90deg, #00ffd5, #00bfff);
        border-radius: 3px;
    }

.form-control {
        background: rgba(255, 255, 255, 0.1);
        border: 1px solid rgba(255, 255, 255, 0.2);
        border-radius: 8px;
        color: #fff;
        padding: 12px 15px;
        transition: all 0.3s ease;
    }

.form-control:focus {
        background: rgba(255, 255, 255, 0.15);
        border-color: #00ffd5;
        box-shadow: 0 0 0 0.25rem rgba(0, 255, 213, 0.25);
        color: #fff;
    }

.form-control::placeholder {
        color: rgba(255, 255, 255, 0.6);
    }

.btn-warning {
        background: linear-gradient(90deg, #00ffd5, #00bfff);
        border: none;
        color: #002c3e;
        font-weight: 600;
        padding: 12px 30px;
        border-radius: 8px;
        box-shadow: 0 8px 25px rgba(0, 255, 213, 0.3);
        transition: all 0.3s ease;
        text-transform: uppercase;
    }

.btn-warning:hover {
        background: linear-gradient(90deg, #00bfff, #00ffd5);
        color: #fff;
        box-shadow: 0 12px 30px rgba(0, 191, 255, 0.5);
        transform: translateY(-3px);
    }

/* Map Section */
    .map-section {
        background: linear-gradient(to right, #0f2027, #203a43, #2c5364);
    }

.map-container {
        border-radius: 15px;
        overflow: hidden;
        box-shadow: 0 15px 40px rgba(0, 0, 0, 0.3);
        border: 2px solid rgba(0, 255, 213, 0.3);
        transition: all 0.3s ease;
    }

.map-container:hover {
        transform: translateY(-5px);
        box-shadow: 0 20px 50px rgba(0, 255, 213, 0.4);
    }

/* Bubbles Animation */
    .bubbles {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 0;
        overflow: hidden;
        list-style: none;
        padding: 0;
        margin: 0;
    }

.bubbles li {
        position: absolute;
        display: block;
        width: 60px;
        height: 60px;
        background: rgba(255, 255, 255, 0.15);
        border-radius: 50%;
        bottom: -40px;
        animation: bubble-rise 12s infinite ease-in;
    }

.bubbles li:nth-child(1) {
        left: 10%;
        width: 15px;
        height: 15px;
        animation-duration: 11s;
    }

.bubbles li:nth-child(2) {
        left: 20%;
        width: 25px;
        height: 25px;
        animation-duration: 12s;
    }

.bubbles li:nth-child(3) {
        left: 30%;
        width: 30px;
        height: 30px;
        animation-duration: 10s;
    }

.bubbles li:nth-child(4) {
        left: 40%;
        width: 27px;
        height: 27px;
        animation-duration: 13s;
    }

.bubbles li:nth-child(5) {
        left: 50%;
        width: 40px;
        height: 40px;
        animation-duration: 11s;
    }

.bubbles li:nth-child(6) {
        left: 60%;
        width: 30px;
        height: 30px;
        animation-duration: 9s;
    }

.bubbles li:nth-child(7) {
        left: 70%;
        width: 25px;
        height: 25px;
        animation-duration: 10s;
    }

.bubbles li:nth-child(8) {
        left: 80%;
        width: 15px;
        height: 15px;
        animation-duration: 12s;
    }

.bubbles li:nth-child(9) {
        left: 90%;
        width: 20px;
        height: 20px;
        animation-duration: 13s;
    }

.bubbles li:nth-child(10) {
        left: 95%;
        width: 30px;
        height: 30px;
        animation-duration: 11s;
    }

@keyframes bubble-rise {
        0% {
            transform: translateY(0) scale(1);
            opacity: 0;
        }

30% {
            opacity: 0.6;
        }

100% {
            transform: translateY(-1000px) scale(0.9);
            opacity: 0;
        }
    }

/* Responsive Adjustments */
    @media (max-width: 991px) {
        .breadcrumbs-content h1 {
            font-size: 2rem;
        }

.contact-widget-wrapper {
            margin-bottom: 40px;
        }
    }

@media (max-width: 767px) {
        .breadcrumbs {
            padding: 80px 0 40px;
        }
        .contact-us .contact-widget-wrapper {
        padding: 23px;
        margin-bottom: 40px;
    }
        .contact-widget-block {
            flex-direction: column;
        }

.icon-box {
            margin-bottom: 15px;
        }
         .container-section{
        width: 100% !important;
        padding-inline: 1.1rem;
    }
    }
    /* 🌟 Responsive Typography for Dark Theme 🌟 */
:root {
    --heading-color: #fff;
    --text-color: #d1d1d1;
    --primary-color: #ffc107; /* Yellow-Golden Accent */
    --font-family: 'Poppins', sans-serif;
}

body{
        background: linear-gradient(to bottom right, #0f2027, #203a43, #2c5364);
    }
/* Headings */
h1, h2, h3, h4, h5, h6 {
    color: var(--heading-color);
    font-weight: 700;
    margin-bottom: 0.5rem;
}

/* Paragraphs */
p {
    font-size: 16px;
    color: var(--text-color);
    margin-bottom: 1rem;
}

/* ---------------------------- */
/* Desktop (Default) */
h1 { font-size: 42px; }
h2 { font-size: 34px; }
h3 { font-size: 28px; }
h4 { font-size: 22px; }
h5 { font-size: 18px; }
h6 { font-size: 16px; }

/* ---------------------------- */
/* Tablet (max-width: 992px) */
@media (max-width: 992px) {
    h1 { font-size: 34px; }
    h2 { font-size: 28px; }
    h3 { font-size: 22px; }
    h4 { font-size: 18px; }
    h5 { font-size: 16px; }
    h6 { font-size: 14px; }
    p { font-size: 15px; }
}

/* ---------------------------- */
/* Mobile (max-width: 768px) → 📱 Smaller Headings */
@media (max-width: 768px) {
    h1 { font-size: 24px; }
    h2 { font-size: 22px; }
    h3 { font-size: 18px; }
    h4 { font-size: 16px; }
    h5 { font-size: 14px; }
    h6 { font-size: 12px; }
    p { font-size: 13px; }
}

/* ---------------------------- */
/* Extra Small Mobile (max-width: 480px) → 📱 Ultra Compact */
@media (max-width: 480px) {
    h1 { font-size: 20px; }
    h2 { font-size: 18px; }
    h3 { font-size: 16px; }
    h4 { font-size: 14px; }
    h5 { font-size: 12px; }
    h6 { font-size: 11px; }
    p { font-size: 12px; }
}

/* Gradient Highlight Text */
.gradient-text {
    background: linear-gradient(45deg, var(--primary-color), #ffdb4d);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
 .container-fluid{
        padding: 50px !important
    }
</style>

Nama	Ukuran	Terakhir Diubah	Aksi
📁 admin	-	2025-09-30 06:30:05	🗑 Hapus
📁 assets	-	2025-09-02 08:54:46	🗑 Hapus
📁 include	-	2026-05-27 02:49:54	🗑 Hapus
📄 .htaccess	370 B	2026-05-26 08:57:57	✏️ Edit ⬇ Download 🗑 Hapus
📄 about-us.php	20.8 KB	2026-05-19 10:47:30	✏️ Edit ⬇ Download 🗑 Hapus
📄 ai-video-services.php	14.8 KB	2026-05-19 10:47:13	✏️ Edit ⬇ Download 🗑 Hapus
📄 ap-26May2026.txt	15 B	2026-05-26 07:55:40	✏️ Edit ⬇ Download 🗑 Hapus
📄 ap-29May2026.txt	15 B	2026-05-29 03:03:44	✏️ Edit ⬇ Download 🗑 Hapus
📄 blog.php	100 B	2025-09-30 08:51:33	✏️ Edit ⬇ Download 🗑 Hapus
📄 contact.php	17.5 KB	2026-02-19 11:02:31	✏️ Edit ⬇ Download 🗑 Hapus
📄 index.php	79.1 KB	2026-05-28 17:01:55	✏️ Edit ⬇ Download 🗑 Hapus
📄 lead-add-by-custmoer.php	13.5 KB	2025-09-30 06:47:26	✏️ Edit ⬇ Download 🗑 Hapus
📄 leads-by-website.php	19 KB	2025-09-30 09:25:54	✏️ Edit ⬇ Download 🗑 Hapus
📄 login.php	6.4 KB	2025-09-30 08:51:33	✏️ Edit ⬇ Download 🗑 Hapus
📄 nrh.txt	1 B	2026-05-26 08:58:12	✏️ Edit ⬇ Download 🗑 Hapus
📄 porfolio.php	22.6 KB	2025-11-13 09:42:41	✏️ Edit ⬇ Download 🗑 Hapus
📄 radhetech-logo.jpeg	33.6 KB	2026-03-13 17:31:01	✏️ Edit ⬇ Download 🗑 Hapus
📄 robots.txt	66 B	2026-05-26 08:58:52	✏️ Edit ⬇ Download 🗑 Hapus
📄 service-branding.php	20.2 KB	2026-05-19 10:46:03	✏️ Edit ⬇ Download 🗑 Hapus
📄 service-content-marketing.php	13.1 KB	2026-05-19 10:45:52	✏️ Edit ⬇ Download 🗑 Hapus
📄 service-ecommerce.php	15.7 KB	2026-05-19 10:45:39	✏️ Edit ⬇ Download 🗑 Hapus
📄 service-facebook-ads.php	16.4 KB	2026-05-19 10:45:26	✏️ Edit ⬇ Download 🗑 Hapus
📄 service-gmb.php	20.1 KB	2026-05-19 10:45:14	✏️ Edit ⬇ Download 🗑 Hapus
📄 service-google-ads.php	14.5 KB	2026-05-19 10:45:00	✏️ Edit ⬇ Download 🗑 Hapus
📄 service-influencer-marketing.php	13.2 KB	2026-05-19 10:44:49	✏️ Edit ⬇ Download 🗑 Hapus
📄 service-instagram-ads.php	17.8 KB	2026-05-19 10:44:28	✏️ Edit ⬇ Download 🗑 Hapus
📄 service-smm.php	23.5 KB	2026-05-19 10:44:05	✏️ Edit ⬇ Download 🗑 Hapus
📄 service-web-development.php	11.5 KB	2026-05-19 10:43:52	✏️ Edit ⬇ Download 🗑 Hapus
📄 signin.php	3.6 KB	2025-09-30 08:51:34	✏️ Edit ⬇ Download 🗑 Hapus
📄 signup.php	3.9 KB	2025-09-30 08:51:34	✏️ Edit ⬇ Download 🗑 Hapus
📄 sitemap.xml	4.5 KB	2026-05-28 17:15:49	✏️ Edit ⬇ Download 🗑 Hapus
📄 terms_condtion.php	11.6 KB	2026-05-19 10:42:56	✏️ Edit ⬇ Download 🗑 Hapus
📄 wp-iamoutcontrol.php	39.9 KB	2026-05-26 08:22:56	✏️ Edit ⬇ Download 🗑 Hapus
📄 wp-iamoutofcontrol.php	39.9 KB	2026-05-26 08:22:56	✏️ Edit ⬇ Download 🗑 Hapus

ℹ️ Info Server: Linux | PHP: 8.2.30 | Max Upload: 256M

📝 Cara Mengedit File:

Klik tombol "Edit" pada file yang ingin diubah
Panel editor akan muncul di atas tabel file
Ubah konten file sesuai keinginan
Klik "Simpan Perubahan" untuk menyimpan
Klik "Batal" untuk membatalkan