Updated wedding invitation content
This commit is contained in:
+25
-14
@@ -216,14 +216,14 @@ We look forward to seeing you there!">
|
||||
.countdown {
|
||||
text-align: center;
|
||||
margin-bottom: 2rem;
|
||||
font-size: 1.2rem;
|
||||
font-size: 5rem;
|
||||
}
|
||||
|
||||
.footer {
|
||||
text-align: center;
|
||||
margin-top: 3rem;
|
||||
color: #888;
|
||||
font-size: 1rem;
|
||||
font-size: 2rem;
|
||||
padding-top: 1rem;
|
||||
}
|
||||
|
||||
@@ -247,10 +247,10 @@ We look forward to seeing you there!">
|
||||
|
||||
|
||||
<div class="hero">
|
||||
<img src="/images/header-image.jpg" alt="Wedding Header Image">
|
||||
<img src="/images/hochzeit-header.jpg" alt="Wedding Header Image">
|
||||
<h1>Marriage of Stefan and Mariia</h1>
|
||||
<div class="date">
|
||||
en
|
||||
August 15, 2026
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -266,14 +266,18 @@ We look forward to seeing you there!">
|
||||
|
||||
<div class="section">
|
||||
<h2>📅 Event</h2>
|
||||
|
||||
<p>
|
||||
<strong>Ceremony:</strong>
|
||||
August 15, 2026, at 14:00
|
||||
|
||||
<p><strong>Ceremony:</strong> 14:00</p>
|
||||
|
||||
|
||||
</p>
|
||||
|
||||
|
||||
<p><strong>Reception:</strong> 17:00</p>
|
||||
|
||||
|
||||
<p><strong>Location:</strong> Helsinki, Finland</p>
|
||||
<p><strong>Location:</strong> Munich, Germany</p>
|
||||
|
||||
</div>
|
||||
|
||||
@@ -281,7 +285,7 @@ We look forward to seeing you there!">
|
||||
|
||||
<div class="section map">
|
||||
<h2>📍 Location</h2>
|
||||
<iframe src="https://maps.google.com/?q=Helsinki,+Finland&z=12&output=embed" width="600" height="450" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>
|
||||
<iframe src="https://maps.google.com/?q=Munich,+Germany&hl=en&z=12&output=embed" width="600" height="450" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>
|
||||
</div>
|
||||
|
||||
|
||||
@@ -292,8 +296,6 @@ We look forward to seeing you there!">
|
||||
<p>Please respond by <strong>June 30</strong>.</p>
|
||||
|
||||
|
||||
<p>Email: <a href="mailto:test@example.com">test@example.com</a></p>
|
||||
|
||||
|
||||
<p><a href="https://example.com/rsvp-form" target="_blank">RSVP Form</a></p>
|
||||
|
||||
@@ -310,6 +312,13 @@ We look forward to seeing you there!">
|
||||
</div>
|
||||
|
||||
<script>
|
||||
var labels = {
|
||||
day: "d",
|
||||
hour: "h",
|
||||
minute: "m",
|
||||
second: "s"
|
||||
};
|
||||
|
||||
var countDownDate = new Date("2026-08-15 14:00").getTime();
|
||||
|
||||
var x = setInterval(function() {
|
||||
@@ -321,8 +330,11 @@ We look forward to seeing you there!">
|
||||
var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
|
||||
var seconds = Math.floor((distance % (1000 * 60)) / 1000);
|
||||
|
||||
document.getElementById("timer").innerHTML = days + "d " + hours + "h "
|
||||
+ minutes + "m " + seconds + "s ";
|
||||
document.getElementById("timer").innerHTML =
|
||||
days + " " + labels.day + " " +
|
||||
hours + " " + labels.hour + " " +
|
||||
minutes + " " + labels.minute + " " +
|
||||
seconds + " " + labels.second;
|
||||
|
||||
if (distance < 0) {
|
||||
clearInterval(x);
|
||||
@@ -331,7 +343,6 @@ We look forward to seeing you there!">
|
||||
}, 1000);
|
||||
</script>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<footer class="footer">
|
||||
|
||||
Reference in New Issue
Block a user