blob: 65620bee3f2e67a04f008ec0f8fceea9e5dc3bd4 (
plain)
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
|
@extends('_layouts.master')
@push('meta')
<meta property="og:title" content="Contact {{ $page->siteName }}" />
<meta property="og:type" content="website" />
<meta property="og:url" content="{{ $page->getUrl() }}"/>
<meta property="og:description" content="Get in touch with {{ $page->siteName }}" />
@endpush
@section('body')
<h1>Contact</h1>
<p class="mb-8">
Static sites are unable to handle form submissions. However, there are third-party services, like Tighten’s <a href="https://fieldgoal.io" title="FieldGoal">FieldGoal</a>, which can accept the form submission, email you the result, and redirect back to a thank you page.
</p>
<form action="/contact" class="mb-12">
<div class="flex flex-wrap mb-6 -mx-3">
<div class="w-full md:w-1/2 mb-6 md:mb-0 px-3">
<label class="block mb-2 text-gray-800 text-sm font-semibold" for="contact-name">
Name
</label>
<input
type="text"
id="contact-name"
placeholder="Jane Doe"
name="name"
class="block w-full border shadow rounded-lg outline-none mb-2 px-4 py-3"
required
>
</div>
<div class="w-full px-3 md:w-1/2">
<label class="block text-gray-800 text-sm font-semibold mb-2" for="contact-email">
Email Address
</label>
<input
type="email"
id="contact-email"
placeholder="email@domain.com"
name="email"
class="block w-full border shadow rounded-lg outline-none mb-2 px-4 py-3"
required
>
</div>
</div>
<div class="w-full mb-12">
<label class="block text-gray-800 text-sm font-semibold mb-2" for="contact-message">
Message
</label>
<textarea
id="contact-message"
rows="4"
name="message"
class="block w-full border shadow rounded-lg outline-none appearance-none mb-2 px-4 py-3"
placeholder="A lovely message here."
required
></textarea>
</div>
<div class="flex justify-end w-full">
<input
type="submit"
value="Submit"
class="block bg-blue-500 hover:bg-blue-600 text-white text-sm font-semibold leading-snug tracking-wide uppercase shadow rounded-lg cursor-pointer px-6 py-3"
>
</div>
</form>
@stop
|
