Styled the website & added info for guests #1

Merged
VickyRampin merged 1 commits from france-rsvp-styled into main 2022-05-23 03:09:24 +00:00
4 changed files with 14 additions and 15 deletions

View File

@ -7,7 +7,7 @@
</li>
<li class="nav-item">
<a class="nav-link active" href="{{ url_for('form') }}">RSVP <span class="visually-hidden">(current)</span></a>
<a class="nav-link active" href="{{ url_for('form') }}">RSVP <span class="visually-hidden">(actuel)</span></a>
</li>
{% endblock %}
@ -21,7 +21,7 @@
<div class="row g-3 align-items-center">
<div class="col-auto">
<label for="code" class="col-form-label text-dark">Code sur l'invitation:</label>
<label for="code" class="col-form-label text-dark">Code sur l'invitation :</label>
</div>
<div class="col-auto">

View File

@ -2,7 +2,7 @@
{% block navitems %}
<li class="nav-item">
<a class="nav-link active" href="#">Info <span class="visually-hidden">(current)</span></a>
<a class="nav-link active" href="#">Info <span class="visually-hidden">(actuel)</span></a>
</li>
<li class="nav-item">
@ -12,14 +12,14 @@
{% block content %}
<h1>Rémi &amp; Vicky are renewing their vows! </h1>
<h1>Rémi &amp; Vicky renouvellent leurs voeux de mariage ! </h1>
<p class="text-dark">Rémi &amp; Vicky were married in a small ceremony in Janaury 30, 2021. Exactly 1.5 years later, we can finally make it to France to renew our vows and celebrate with everyone! We hope to see you there.</p>
<p class="text-dark">Rémi &amp; Vicky se sont mariés lors d'une petite cérémonie au Massachusetts le 30 janvier 2021. Exactement un an et demi plus tard, nous pouvons enfin venir en France pour célébrer avec tout le monde et renouveler nos voeux ! Nous espérons vous y voir.</p>
<a class="btn btn-primary btn-lg mb-3" href="{{ url_for('form') }}" role="button">RSVP <i class="bi bi-heart-arrow"></i></a>
<h4><i class="bi bi-geo-alt"></i> La Chapelle-Taillefert</h4>
<h4><i class="bi bi-calendar-heart"></i> 30 Julliet 2022</h4>
<h4><i class="bi bi-calendar-heart"></i> 30 juillet 2022</h4>
<div class="container">
<div class="row">
@ -31,7 +31,7 @@
<i class="bi bi-house-heart"></i>
</span>
<h4 class="fw-bold">Cérémonie mairie</h4>
<h4 class="fw-bold">Cérémonie en mairie</h4>
<p class="mb-2 fw-bold">11h</p>
<p class="text-muted mb-2 fw-bold">La Mairie de La Chapelle-Taillefert</p>
</li>
@ -43,7 +43,6 @@
<h4 class="fw-bold">Vin d'honneur</h4>
<p class="mb-2 fw-bold">11h30</p>
<p class="text-muted mb-2 fw-bold">La venue</p>
</li>
<li class="timeline-item mb-5">
@ -53,7 +52,7 @@
<h4 class="fw-bold">Repas</h4>
<p class="mb-2 fw-bold">12h30</p>
<p class="text-muted mb-2 fw-bold">La venue</p>
<p class="text-muted mb-2 fw-bold">Salle des fêtes</p>
</li>
<li class="timeline-item mb-5">
@ -63,7 +62,7 @@
<h4 class="fw-bold">Décontraction et pétanque</h4>
<p class="mb-2 fw-bold">16h00</p>
<p class="text-muted mb-2 fw-bold">La venue. Bring your own boules de pétanque !</p>
<p class="text-muted mb-2 fw-bold">Apportez vos boules de pétanques !</p>
</li>
<li class="timeline-item mb-5">
@ -73,7 +72,7 @@
<h4 class="fw-bold">Apéro et BBQ</h4>
<p class="mb-2 fw-bold">19h30</p>
<p class="text-muted mb-2 fw-bold">La venue</p>
<p class="text-muted mb-2 fw-bold">Salle des fêtes</p>
</li>
<li class="timeline-item mb-5">
@ -81,9 +80,9 @@
<i class="bi bi-speaker"></i>
</span>
<h4 class="fw-bold">Karaoké et musique et danse</h4>
<h4 class="fw-bold">Karaoké, musique et danse</h4>
<p class="mb-2 fw-bold">21h30</p>
<p class="text-muted mb-2 fw-bold">La venue</p>
<p class="text-muted mb-2 fw-bold">Salle des fêtes</p>
</li>
</ul>

View File

@ -30,7 +30,7 @@
</div>
<div id="footer" class="mt-3">
<div class="text-center container mb-2 text-dark">If you encounter any problems, email Rémi at <a href="mailto:remi@rampin.org">remi@rampin.org</a></div>
<div class="text-center container mb-2 text-dark">En cas de problème, e-mailez-moi à <a href="mailto:remi@rampin.org">remi@rampin.org</a></div>
</div>
<script src="{{ url_for('static', filename='/js/bootstrap.bundle.js') }}"></script>

View File

@ -10,6 +10,6 @@
<h1>Merci !</h1>
<p class="text-dark">We are looking forward to seeing you there. The itinerary and addresses are on the <a href="{{ url_for('index') }}">info page</a>.</p>
<p class="text-dark">Nous avons hâte de vous voir. Pour le programme et les adresses, voir <a href="{{ url_for('index') }}">la page d'info</a>.</p>
{% endblock %}