nuttys/contact-form.html at master · Fishbite/nuttys · GitHub

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
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta
      name="description"
      content="We're super excited that you want to contact nutty and let her know what you think, feedback, comments, requests and suggestions welcome, tell us what you think"
    />
    <title>Contact Nutty | Nuttys Kitchen</title>

    <!--set the image that shows in the browser tabs -->
    <link rel="icon" href="favicon.svg" />

    <!-- tell google to use this page as the canonical page -->
    <link
      rel="canonical"
      href="https://www.nuttyskitchen.co.uk/contact-form.html"
    />

    <link
      rel="preload"
      href="/fonts/poppins-regular-webfont.woff2"
      as="font"
      type="font/woff2"
      crossorigin
    />

    <!-- Styles -->
    <link rel="stylesheet" href="./styles/tabs-nav.css" />
    <!-- <link rel="stylesheet" href="./styles/tabs-nav-minified.css" /> -->
  </head>
  <body>
    <a href="#content" class="skip-link">Skip to Main Content</a>
    <nav class="nav-main" aria-label="main navigation">
      <ul>
        <li><a href="/">Home</a></li>
        <li><a href="/recipe-links.html">Index</a></li>
        <li>
          <a
            href="https://recipes.nuttyskitchen.co.uk/recipes"
            class="recipe-page-link"
            data-fallback="https://www.nuttyskitchen.co.uk/recipepage.html"
            data-test-image="https://recipes.nuttyskitchen.co.uk/images/icons/blank.svg"
          >
            Recipes
          </a>
        </li>
        <li><a href="/contact-form.html">Contact</a></li>
      </ul>
    </nav>
    <!-- RECIPE PAGE NAVIGATION -->
    <div id="nav-container" class="nav-container"></div>
    <!-- RECIPE PAGE NAVIGATION -->

    <header class="title">
      <div class="title-wrap">
        <img
          width="60"
          height="32"
          src="./images/logo-left.svg"
          alt="logo left"
          title="nuttys kitchen logo left"
        />
        <h1 id="content">Contact Us</h1>

        <img
          width="60"
          height="32"
          src="./images/logo-right.svg"
          alt="logo right"
          title="nuttys kitchen logo right"
        />
      </div>
      <img
        src="./images/nuttys-kitchen-logo.svg"
        alt="nuttys kitchen logo"
        width="160"
        height="40"
        title="nuttys kitchen logo"
        class="logo-main"
      />

      <div class="section-center readable">
        <p>
          We're super excited that you want to get in touch with us! Please
          provide your feedback in the form below
        </p>
        <p>
          By submitting the contact form, you give us permission to process and
          store the data you provide for the purposes outlined in our
          <a class="underline" href="/terms.html" target="_blank"
            ><strong>Terms & Privacy Policy</strong></a
          >.
        </p>
      </div>
    </header>

    <section class="justify">
      <!-- modify this form HTML and place wherever you want your form -->
      <!-- <h2>Feedback</h2> -->
      <!-- <p class="mb-4 small">Please provide your feedback in the form below</p> -->

      <form
        class="fb-form"
        name="feedback_form"
        id="feedback_form"
        method="post"
      >
        <div class="wrap">
          <label class="form-label" for="feedback_comments">Comments:</label>
          <textarea
            class="form-control"
            required
            rows="10"
            name="comments"
            id="feedback_comments"
            placeholder="We welcome any feedback, comments, requests or suggestions & only ask for your email address so that we can respond to you directly, it will not be used for marketing purposes or passed on to any third party"
          ></textarea>
        </div>

        <div class="row">
          <div class="wrap">
            <label class="form-label" for="feedback_name">Your Name:</label>
            <input
              type="text"
              required
              name="name"
              class="form-control"
              id="feedback_name"
            />
          </div>

          <div class="wrap row">
            <label class="form-label" for="feedback_email">Email:</label>
            <input
              type="email"
              name="email"
              required
              class="form-control"
              id="feedback_email"
            />
          </div>
        </div>

        <button type="submit" class="btn btn-success btn-lg">Post</button>
      </form>
    </section>

    <script src="./src/app.js"></script>
    <script
      id="ratufa_loader"
      src="https://www.ratufa.io/c/ld.js?f=vani7lyv&n=n1.ratufa.io"
    ></script>
    <!-- 100% privacy-first analytics = 100% GDPR compliance & NO Cookies! -->
    <script
      data-collect-dnt="true"
      async
      src="https://scripts.simpleanalyticscdn.com/latest.js"
    ></script>
  </body>
</html>