File Manager

Editing:contact.php

<?php require APPROOT . '/views/layouts/header.php'; ?>

<section class="bg-navy text-white py-5 position-relative overflow-hidden" style="background-image: url('<?php echo URLROOT; ?>/assets/img/contact_bg.png'); background-size: cover; background-position: center;">
  <div class="position-absolute top-0 start-0 w-100 h-100" style="background: rgba(28, 46, 35, 0.85); z-index: 1;"></div>
  <div class="container text-center pt-5 pb-3 position-relative z-index-2">
    <h1 class="display-4 font-outfit fw-bold fade-in-up">Contact Us</h1>
    <p class="lead text-white-50 fade-in-up delay-1">Get in touch with our security experts</p>
  </div>
</section>

<section class="section-padding">
  <div class="container">
    <div class="row g-5">
      
      <div class="col-lg-5 fade-in-up">
        <h2 class="font-outfit fw-bold text-navy mb-4">Get In Touch</h2>
        <div class="bg-gold" style="width: 60px; height: 3px; border-radius: 2px; margin-bottom: 25px;"></div>
        <p class="text-secondary mb-5">We are ready to provide you with the best security solutions tailored to your specific needs. Contact us today for a consultation.</p>
        
        <div class="d-flex mb-4 align-items-center">
          <div class="bg-light-gray rounded-circle d-flex align-items-center justify-content-center me-4" style="width: 60px; height: 60px;">
            <i class="fas fa-phone-alt text-gold fs-4"></i>
          </div>
          <div>
            <h5 class="font-outfit fw-bold mb-1">Phone</h5>
            <p class="text-muted mb-0"><?php echo htmlspecialchars($data['settings']['contact_phone_1'] ?? ''); ?> <br> <?php echo htmlspecialchars($data['settings']['contact_phone_2'] ?? ''); ?></p>
          </div>
        </div>
        
        <div class="d-flex mb-4 align-items-center">
          <div class="bg-light-gray rounded-circle d-flex align-items-center justify-content-center me-4" style="width: 60px; height: 60px;">
            <i class="fas fa-envelope text-gold fs-4"></i>
          </div>
          <div>
            <h5 class="font-outfit fw-bold mb-1">E-mail</h5>
            <p class="text-muted mb-0"><a href="mailto:<?php echo htmlspecialchars($data['settings']['contact_email'] ?? ''); ?>" class="text-secondary text-decoration-none"><?php echo htmlspecialchars($data['settings']['contact_email'] ?? ''); ?></a></p>
          </div>
        </div>
        
        <div class="d-flex align-items-center">
          <div class="bg-light-gray rounded-circle d-flex align-items-center justify-content-center me-4" style="width: 60px; height: 60px;">
            <i class="fas fa-map-marker-alt text-gold fs-4"></i>
          </div>
          <div>
            <h5 class="font-outfit fw-bold mb-1">Office Address</h5>
            <p class="text-muted mb-0"><?php echo htmlspecialchars($data['settings']['contact_address'] ?? ''); ?></p>
          </div>
        </div>
      </div>
      
      
      <div class="col-lg-7 fade-in-up delay-1">
        <div class="bg-white p-5 rounded-4 shadow-sm border border-light">
          <h3 class="font-outfit fw-bold text-navy mb-4">Send us a Message</h3>
          
          <?php if($data['success']): ?>
            <div class="alert alert-success alert-dismissible fade show rounded-3 mb-4" role="alert">
              <i class="fas fa-check-circle me-2"></i> Thank you! Your message has been sent successfully. We will get back to you shortly.
              <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
            </div>
          <?php endif; ?>

<form action="<?php echo URLROOT; ?>/pages/contact" method="POST">
            <div class="row g-3">
              <div class="col-md-6">
                <div class="form-floating mb-3">
                  <input type="text" name="name" class="form-control" id="name" placeholder="Your Name" required>
                  <label for="name">Your Name</label>
                </div>
              </div>
              <div class="col-md-6">
                <div class="form-floating mb-3">
                  <input type="email" name="email" class="form-control" id="email" placeholder="name@example.com" required>
                  <label for="email">Email Address</label>
                </div>
              </div>
              <div class="col-12">
                <div class="form-floating mb-3">
                  <input type="text" name="subject" class="form-control" id="subject" placeholder="Subject" required>
                  <label for="subject">Subject</label>
                </div>
              </div>
              <div class="col-12">
                <div class="form-floating mb-3">
                  <textarea name="message" class="form-control" placeholder="Leave a message here" id="message" style="height: 150px" required></textarea>
                  <label for="message">Message</label>
                </div>
              </div>
              <div class="col-12 mt-4">
                <button type="submit" class="btn btn-gold btn-lg w-100 rounded-pill fw-bold">Send Message <i class="fas fa-paper-plane ms-2"></i></button>
              </div>
            </div>
          </form>
        </div>
      </div>
    </div>
  </div>
</section>

<section class="pb-5 fade-in-up delay-2">
  <div class="container-fluid px-0">
    
    <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3960.852109403759!2d79.8790074147728!3d6.908275595008544!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3ae25976b92a43b7%3A0xe5a1df47bfd62cc3!2sCotta%20Rd%2C%20Colombo%2000800!5e0!3m2!1sen!2slk!4v1625574512484!5m2!1sen!2slk" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
  </div>
</section>

<?php require APPROOT . '/views/layouts/footer.php'; ?>

Cancel

🤩 File Manager - Mr.X

Editing:contact.php