mission-community-nte-forms/logo-upload.html at main · stevostar1234/mission-community-nte-forms · 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
<!doctype html>
<html lang="en-GB">
<head>
  <meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><meta name="robots" content="noindex,nofollow">
  <title>Upload your NTE27 logo</title>
  <link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;550;650;750;800&amp;display=swap" rel="stylesheet"><link rel="stylesheet" href="assets/styles.css?v=20260823-3">
</head>
<body>
  <header class="site-header"><nav class="nav"><a class="brand" href="https://www.nationaltransitionevent.com/"><img class="brand-logo" src="assets/nte-logo-white.png" alt="The National Transition Event"></a><a class="nav-link" href="https://www.nationaltransitionevent.com/">nationaltransitionevent.com</a></nav><div class="hero"><p class="eyebrow">Approved organisations · NTE27</p><h1>Upload your logo</h1><p>Send your latest brand logo for NTE27 marketing and event materials.</p></div></header>
  <main class="page-shell">
    <form class="main-column" data-web-to-lead data-form-kind="logo-update" data-lead-source="Customer Event" data-use-default-rule="0" data-confirmation-preview="Thank you. Your NTE27 logo update has been submitted.">
      <input type="hidden" value="Logo Update" data-sf-field="Web_Form_Type__c"><input type="hidden" value="logo-update-v1" data-sf-field="Form_Version__c"><input type="hidden" data-sf-field="NTE_Event_Code__c">
      <section class="card">
        <h2><span class="section-number">1</span>Upload your file</h2>
        <p class="lede">Upload the latest version of your organisation's logo, even if you have supplied one previously.</p>
        <div class="grid">
          <div class="field"><div class="callout"><strong>Preferred file</strong><br>SVG, EPS or high-resolution transparent PNG.</div></div>
          <div class="field"><div class="callout"><strong>File name</strong><br>Start every file name with your organisation name, for example: <em>Organisation Name - Logo</em>.</div></div>
        </div>
        <div class="button-row"><a class="button" data-config-link="logo" aria-disabled="true">Upload your logo</a></div>
      </section>
      <section class="card">
        <h2><span class="section-number">2</span>Confirm your upload</h2>
        <p class="lede">After uploading the file, enter the details below so the NTE team can match it to your booking.</p>
        <div class="grid">
          <div class="field full"><label class="required" for="logo-company">Organisation name</label><input id="logo-company" required autocomplete="organization" data-sf-field="Company"></div>
          <div class="field"><label class="required" for="logo-first-name">Your first name</label><input id="logo-first-name" required autocomplete="given-name" data-sf-field="FirstName"></div>
          <div class="field"><label class="required" for="logo-last-name">Your surname</label><input id="logo-last-name" required autocomplete="family-name" data-sf-field="LastName"></div>
          <div class="field"><label class="required" for="logo-email">Your email address</label><input id="logo-email" type="email" required autocomplete="email" data-sf-field="Email"></div>
          <div class="field"><label class="required" for="logo-booking-reference">Booking reference</label><input id="logo-booking-reference" required autocomplete="off" maxlength="80" pattern="NTE-[A-Za-z0-9][A-Za-z0-9-]{1,74}[A-Za-z0-9]" data-sf-field="Target_Booking_Reference__c"><span class="help">Enter the exact reference beginning NTE- from your application acknowledgement.</span></div>
          <div class="field"><label class="required" for="logo-signature">Digital signature (full name)</label><input id="logo-signature" required autocomplete="name" data-sf-field="Declaration_Name__c"></div>
          <div class="field"><label class="required" for="logo-signature-date">Date</label><input id="logo-signature-date" type="date" required data-sf-field="Declaration_Date__c"></div>
          <div class="field full"><label class="check"><input type="checkbox" required> <span>I confirm that I have uploaded the latest logo for this booking.</span></label></div>
        </div>
        <div class="button-row"><button class="button" type="submit">Confirm logo upload</button><a class="button-secondary" href="https://www.nationaltransitionevent.com/">Visit the NTE website</a></div><div data-form-status hidden aria-live="polite"></div>
      </section>
    </form>
  </main>
  <footer class="site-footer">Questions? <a href="mailto:nte@missioncommunity.org">nte@missioncommunity.org</a></footer><script src="assets/config.js?v=20260823-3"></script><script src="assets/forms.js?v=20260823-3"></script>
</body>
</html>