Weddings/index.html at master · lyndonljc123/Weddings · 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
<!DOCTYPE html>
<html>
    <head>
        <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=IBM+Plex+Serif&display=swap" rel="stylesheet">
        <link rel="stylesheet" href="Weddings.css">
        <script rel="javascript" src="Weddings.js"></script>
    <div id="sidebar">
        <div class="toggle-btn" onclick="show()">
            <span></span>
            <span></span>
            <span></span>
        </div>
        <ul>
            <li><a href="https://lyndonljc123.github.io/Home/" class="sidebar-hl"> Home </a></li>
            <li><a href="https://lyndonljc123.github.io/About-Us/" class="sidebar-hl">About Us</a></li>
            <li><a href="https://lyndonljc123.github.io/Funerals/" class="sidebar-hl"> Funerals </a></li>
            <li><a href="https://lyndonljc123.github.io/Events/" class="sidebar-hl"> Events </a></li>
        </ul>
    </div>
    </head>
    <body>
    <header>
        <h1> <img id="logo" src="Zlogo.jpg" width="600px" height="600px"> </h1>
        <h2> Weddings </h2>
    </header>
    <main class="text">
    <article>
        <p>Our full wedding design service starts from £...
        for more intimate weddings we offer collection. </p>
    </article>
    <article>
        <p>Here is our collage of wedding projects... </p>
    </article>
    <article>
        <p>Please submit the enquiry form below and one of the team will
        get in touch within ...days </p>
    </article>
        <p></p>
    <img src="Zhomepicture4.jpg" class="images">
    <form class="container" action="https://formsubmit.co/lyndonleejaycee@yahoo.com" method="POST">
        <section>
            <p id="wef"> Wedding Enquiry Form </p>
        </section>
            <p></p> Full Name:
                <input type="text" name="full-name" placeholder="Enter your full name." id="ip-full-name" required>
            <p></p> Contact Number:
                <input type="tel" name="contact-number" placeholder="Enter your contact number." id="ip-contact-number" required>
            <p></p> Email Address:
                <input type="email" name="email-address" placeholder="Enter your email address." id="ip-email-address" required>
            <p></p> Wedding Date:
                <input type="date" name="wedding-date" placeholder="Enter your wedding Date." id="ip-wedding-date">
            <p></p> Venue Postcode:
                <input type="text" name="venue-postcode" placeholder="Enter the venue postcode." id="ip-venue-postcode">
            <p></p> Budget:
      <label>
          <input id="one-twofive" name="budget" type="radio"> £1,000-£2,500
      </label>
      <label>
          <input id="twofive-five" name="budget" type="radio"> £2,500-£5,000
      </label>
          <br>
      <label>
          <input id="five-ten" name="budget" type="radio"> £5,000-£10,000
      </label>
      <label>
          <input id="ten" name="budget" type="radio"> £10,000+
      </label>
          <p> Enquiry Details </p>
      <textarea name="enquiry"> </textarea>
          <p></p>
      <button type="submit" id="submit"> Submit </button>
          <input type="hidden" name="_next" value="https://lyndonljc123.github.io/Thankyou-Page/">
          <input type="hidden" name="_subject" value="New Wedding Enquiry">
    </form>
    </main>
    <footer>
        <a href="https://www.instagram.com/sjcfloralcreations/?hl=en"> <img src="ZInstagram.jpg" class="social-media"> </a>
        <a href="https://www.tiktok.com/@sjcfloralcreations?lang=en" > <img src="ZTikTok.jpg" class="social-media"> </a>
        <a href="https://www.facebook.com/profile.php?id=100089802482598" > <img src="ZFacebook.jpg" class="social-media"> </a>
    </footer>
    </body>
</html>