File Manager

Editing File: /home/rareljzw/public_html/contact.php

<?php
$PageTitle = "Contact Us";
include_once("./layout/header.php");
include($_SERVER['DOCUMENT_ROOT']. "/include/notified.php");

// Settings Table
$stmt = $conn->prepare("SELECT * FROM settings");
$stmt->execute();
$settings = $stmt->fetch(PDO::FETCH_ASSOC);

<main class="pt-[5.5rem] lg:pt-24">
    
    <section class="relative bg-cover bg-center bg-no-repeat py-32 after:absolute after:inset-0 after:bg-jacarta-900/60"
        style="background-image: url('https://deothemes.com/envato/xhibiter/html/img/page-title/knowledge_base_banner.jpg')">
        <div class="container relative z-10">
            <h1 class="text-center font-display text-4xl font-medium text-white">Get in touch</h1>
        </div>
    </section>

<section class="relative py-24 dark:bg-jacarta-800">
        <picture class="pointer-events-none absolute inset-0 -z-10 dark:hidden">
            <img src="./assets/front/img/gradient_light.jpg" alt="gradient" class="h-full w-full" />
        </picture>
        <div class="container">
            <div class="lg:flex">
                
                <div class="mb-12 lg:mb-0 lg:w-2/3 lg:pr-12">
                    <h2 class="mb-4 font-display text-xl text-jacarta-700 dark:text-white">Contact Us</h2>
                    <p class="mb-16 text-lg leading-normal dark:text-jacarta-300">
                        Have a question? Need help? Don't hesitate, drop us a line
                    </p>
                    <form id="contact-form" method="post">
                        <div class="flex space-x-7">
                            <div class="mb-6 w-1/2">
                                <label for="name"
                                    class="mb-1 block font-display text-sm text-jacarta-700 dark:text-white">Name<span
                                        class="text-red">*</span></label>
                                <input name="name"
                                    class="contact-form-input w-full rounded-lg border-jacarta-100 py-3 hover:ring-2 hover:ring-accent/10 focus:ring-accent dark:border-jacarta-600 dark:bg-jacarta-700 dark:text-white dark:placeholder:text-jacarta-300"
                                    id="name" type="text" required />
                            </div>

<div class="mb-6 w-1/2">
                                <label for="email"
                                    class="mb-1 block font-display text-sm text-jacarta-700 dark:text-white">Email<span
                                        class="text-red">*</span></label>
                                <input name="email"
                                    class="contact-form-input w-full rounded-lg border-jacarta-100 py-3 hover:ring-2 hover:ring-accent/10 focus:ring-accent dark:border-jacarta-600 dark:bg-jacarta-700 dark:text-white dark:placeholder:text-jacarta-300"
                                    id="email" type="email" required />
                            </div>
                        </div>

<div class="mb-4">
                            <label for="message"
                                class="mb-1 block font-display text-sm text-jacarta-700 dark:text-white">Message<span
                                    class="text-red">*</span></label>
                            <textarea id="message"
                                class="contact-form-input w-full rounded-lg border-jacarta-100 py-3 hover:ring-2 hover:ring-accent/10 focus:ring-accent dark:border-jacarta-600 dark:bg-jacarta-700 dark:text-white dark:placeholder:text-jacarta-300"
                                required name="message" rows="5"></textarea>
                        </div>

<div class="mb-6 flex items-center space-x-2">
                            <input type="checkbox" id="contact-form-consent-input" name="agree-to-terms"
                                class="h-5 w-5 self-start rounded border-jacarta-200 text-accent checked:bg-accent focus:ring-accent/20 focus:ring-offset-0 dark:border-jacarta-500 dark:bg-jacarta-600" />
                            <label for="contact-form-consent-input" class="text-sm dark:text-jacarta-200">I agree to the
                                <a href="tos" class="text-accent">Terms of Service</a></label>
                        </div>

<button type="submit"
                            class="rounded-full bg-accent py-3 px-8 text-center font-semibold text-white shadow-accent-volume transition-all hover:bg-accent-dark"
                            id="contact-form-submit">
                            Submit
                        </button>

<div class="lg:w-1/3 lg:pl-5">
                    <h2 class="mb-4 font-display text-xl text-jacarta-700 dark:text-white">Information</h2>
                    <p class="mb-6 text-lg leading-normal dark:text-jacarta-300">
                        Don't hesitaste, drop us a line Collaboratively administrate channels whereas virtual.
                        Objectively seize
                        scalable metrics whereas proactive e-services.
                    </p>

<div>
                                <span class="block font-display text-base text-jacarta-700 dark:text-white">Phone</span>
                                <a href="tel:<?= $settings['phone'] ?>" class="text-sm hover:text-accent dark:text-jacarta-300"><?= $settings['phone'] ?></a>
                            </div>
                        </div>
                        <div class="mb-6 flex items-center space-x-5">
                            <span
                                class="flex h-11 w-11 shrink-0 items-center justify-center rounded-full border border-jacarta-100 bg-light-base dark:border-jacarta-600 dark:bg-jacarta-700">
                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"
                                    class="fill-jacarta-400">
                                    <path fill="none" d="M0 0h24v24H0z" />
                                    <path
                                        d="M12 20.9l4.95-4.95a7 7 0 1 0-9.9 0L12 20.9zm0 2.828l-6.364-6.364a9 9 0 1 1 12.728 0L12 23.728zM12 13a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm0 2a4 4 0 1 1 0-8 4 4 0 0 1 0 8z" />
                                </svg>
                            </span>

<div>
                                <span
                                    class="block font-display text-base text-jacarta-700 dark:text-white">Address</span>
                                <address class="text-sm not-italic dark:text-jacarta-300"><?= $settings['address'] ?>
                                </address>
                            </div>
                        </div>
                        <div class="flex items-center space-x-5">
                            <span
                                class="flex h-11 w-11 shrink-0 items-center justify-center rounded-full border border-jacarta-100 bg-light-base dark:border-jacarta-600 dark:bg-jacarta-700">
                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"
                                    class="fill-jacarta-400">
                                    <path fill="none" d="M0 0h24v24H0z" />
                                    <path
                                        d="M2.243 6.854L11.49 1.31a1 1 0 0 1 1.029 0l9.238 5.545a.5.5 0 0 1 .243.429V20a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V7.283a.5.5 0 0 1 .243-.429zM4 8.133V19h16V8.132l-7.996-4.8L4 8.132zm8.06 5.565l5.296-4.463 1.288 1.53-6.57 5.537-6.71-5.53 1.272-1.544 5.424 4.47z" />
                                </svg>
                            </span>

<div>
                                <span class="block font-display text-base text-jacarta-700 dark:text-white">Email</span>
                                <a href="mailto:<?= $settings['email'] ?>"
                                    class="text-sm not-italic hover:text-accent dark:text-jacarta-300"><?= $settings['email'] ?> </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

<?php
  include_once("./layout/footer.php");

Back to Directory File Manager