views/contact.view.php


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90

<?php require __DIR__ . '/partials/header.php'; ?>

    <?php if (isset($formSuccess)) : ?>
    <div class="bg-teal-lightest border-t-4 border-blue rounded-b text-teal-darkest
    px-4 py-3 shadow-md" role="alert">
        <div class="flex">
            <div>
                <p class="font-bold">Your message has been successful.</p>
                <p class="text-sm">I'll get in touch with you soon.</p>
            </div>
        </div>
    </div>
    <br>
    <?php endif; ?>

    <div>
        <h1 class="text-3xl text-red-light">Contact</h1>
        <br>
        <h2 class="text-xl font-normal text-grey-darkest leading-normal">
            Interested in collaborating together?
            Send a message by using the form below.
        </h2>
    </div>
    <br>

    <form class="w-full max-w-md rounded" method="post" action="/contact/">
        <div class="flex flex-wrap -mx-3 mb-6">

            <div class="w-full md:w-1/2 px-3 mb-6 md:mb-0">

                <label class="block uppercase tracking-wide text-grey-darker text-xs
                font-bold mb-2" for="name">
                    Name
                </label>

                <input class="shadow-md appearance-none block w-full bg-grey-lightest
                text-grey-darker border border-grey-lighter rounded py-3 px-4 mb-3
                leading-tight focus:outline-none focus:bg-white focus:border-grey"
                name="26471" id="name" type="text"
                value="<?php echo $name ?? '' ?>">

            </div>

            <div class="w-full md:w-1/2 px-3">

                <label class="block uppercase tracking-wide text-grey-darker text-xs font-bold mb-2"
                for="email">
                    Email (&lowast;)
                </label>

                <input class="shadow-md appearance-none block w-full bg-grey-lightest text-grey-darker
                border <?php echo $border = isset($emailError) ? 'border-red' : 'border-grey-lighter';?>
                rounded py-3 px-4 mb-3 leading-tight focus:outline-none focus:bg-white
                focus:border-grey" name="26472" id="email" type="email" required="required"
                value="<?php echo $email ?? '' ?>">

                <?php if (isset($emailError)) : ?>
                    <p class="text-red text-xs"><?php echo $emailError ?></p>
                <?php endif; ?>

            </div>

        </div>
        <div class="flex flex-wrap -mx-3 mb-6">
            <div class="w-full px-3">
                <label class="block uppercase tracking-wide text-grey-darker text-xs
                font-bold mb-2" for="message">
                    Message (&lowast;)
                </label>
                <textarea class="shadow-md appearance-none block w-full
                bg-grey-lightest text-grey-darker border border-grey-lighter
                rounded py-3 px-4 mb-3 leading-tight focus:outline-none
                focus:bg-white focus:border-grey" name="26473" id="message"
                rows="4" required="required"><?php echo $message ?? '' ?></textarea>
            </div>
        </div>

        <div class="text-center sm:text-left">
            <button class="shadow bg-blue-light hover:bg-blue
            focus:shadow-outline focus:outline-none text-white
            font-bold py-2 px-4 rounded" type="submit">
                Send Message
            </button>
        </div>

        <input type="checkbox" name="agree" tabindex="-1" class="checkbox-agree">

    </form>

<?php require __DIR__ . '/partials/footer.php'; ?>