modricagon.github.io/index.html at main · Modricagon/modricagon.github.io · 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
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Jin & Isaac's Wedding</title>
    <link href="https://fonts.googleapis.com/css2?family=Alex+Brush&family=Lora&display=swap" rel="stylesheet" />
    <link rel="stylesheet" href="style.css" />
  </head>
  <body>
    <div class="bg"></div>

    <header>
      <h1>Jin & Isaac</h1>
      <span class="desktop-text">
        <p>17 June 2026&nbsp; ◦ &nbsp;Pendrell Hall, Wolverhampton</p>
      </span>
      <span class="mobile-text">
        <p>17 June 2026</p>
        <p>Pendrell Hall, Wolverhampton</p>
      </span>
    </header>

    <section class="content">
      <section class="card">
        <div class="button-container">
          <p class="rsvp-button"><a href="https://withjoy.com/isaac-and-jin/rsvp">Please RSVP here! 🎉</a></p>
          <p class="hotel-button"><a onclick="scrollToDiv()">Hotel Booking 🛎️</a></p>
        </div>
        <div>We kindly ask RSVPs are completed as soon as possible before <strong><em>December 31st 2025</em></strong></div>
      </section>

      <!--<section>
        <h2>Our Story</h2>
        <p>
          From the first coffee to the last dance, our journey has been filled with laughter, love, and shared dreams. We can’t wait to celebrate the next chapter of our story with you.
        </p>
      </section>-->

      <section class="card">
        <h2>The Venue</h2>
        <p>
          <strong>Pendrell Hall</strong><br />
          Codsall Wood, Wolverhampton, WV8 1QP 📌<br /><span class="half-break"></span>
          A romantic country house surrounded by gardens and woodland. On-site hotel information below.
        </p>
        <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2421.0813195472165!2d-2.2250693230515832!3d52.640443827305035!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x487082e000e5dae5%3A0x8466a972ece25c1b!2sPendrell%20Hall%20Wedding%20Venue%20with%20Accommodation!5e0!3m2!1sen!2suk!4v1754078771794!5m2!1sen!2suk" width="100%" height="300" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
      </section>

      <section class="card">
        <h2>Schedule *</h2>
        <ul>
          <li><strong>12:30</strong> - Arrivals</li>
          <li><strong>13:30</strong> - ✨ <strong>Ceremony</strong> ✨</li>
          <li><strong>15:30</strong> - Dinner</li>
          <li><strong>19:00</strong> - Evening Reception 💃</li>
          <li><strong>00:00</strong> - Farewell</li>
        </ul>
      </section>

      <section class="card" id="accomodation">
        <h2>Travel & Accommodation</h2>
        <div class="travel-accomodation-entry">
          <strong>By Car</strong> - Free parking is available at Pendrell Hall.
        </div>
        <div class="travel-accomodation-entry">
          <strong>By Train</strong> - Closest stations: Codsall or Wolverhampton.
        </div>
        <div class="travel-accomodation-entry">
          <strong>Accommodation</strong><br />
          On-site stays at Pendrell Hall. <a href="https://pendrellhall-venue.co.uk/accommodation-booking-form/">Book here</a><span class="half-break"></span>Use code <strong>30908</strong> to access booking for the night of the wedding. Rooms are first come first served basis so please book early to avoid inconvenience. <span class="half-break"></span>
3 Hall Suites inside Pendrell Hall. 20 Guest Bedrooms in The Orchard Stables. 1 Cute & Quirky Shepherds Hut. 2 Self-Catering Properties onsite, all subject to availability.
        </div>
      </section>

      <section class="card">
        <h2>Gifts</h2>
        <p>Your presence is the greatest gift of all. If you'd like to give something more, a contribution to our future together would be truly appreciated.</p>
      </section>
    </section>

    <footer>
      With love, Jin & Isaac — We can't wait to see you there! 🌸
      <span class="half-break"></span>
      Any problems feel free to contact us.
    </footer>
  </body>
</html>

<script>
function scrollToDiv() {
  event.preventDefault(); // stops text selection
    const element = document.getElementById('accomodation');
    element.scrollIntoView({ behavior: 'smooth' }); // smooth scroll
}
</script>