add footer, fix layout of index, fix active nav links

This commit is contained in:
Vicky Steeves 2022-05-22 13:00:08 -04:00
parent 8b08abb23f
commit 50f501e955
3 changed files with 19 additions and 13 deletions

View File

@ -6,8 +6,8 @@
<a class="nav-link" href="{{url_for('index')}}">Info</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="{{url_for('form')}}">RSVP <span class="sr-only">(current)</span></a>
<li class="nav-item">
<a class="nav-link active" href="{{url_for('form')}}">RSVP <span class="visually-hidden">(current)</span></a>
</li>
{% endblock %}

View File

@ -1,8 +1,8 @@
{% extends "layout.html" %}
{% block navitems %}
<li class="nav-item active">
<a class="nav-link" href="#">Info <span class="sr-only">(current)</span></a>
<li class="nav-item">
<a class="nav-link active" href="#">Info <span class="visually-hidden">(current)</span></a>
</li>
<li class="nav-item">
@ -12,15 +12,18 @@
{% block content %}
<h1>Rémi &amp; Vicky sont </h1>
<h1>Rémi &amp; Vicky are renewing their vows! </h1>
<h3><i class="bi bi-geo-alt"></i> La Chapelle-Taillefert</h3>
<h3><i class="bi bi-calendar-heart"></i> 30 Julliet 2022</h3>
<p>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>
<a class="btn btn-outline-primary btn-lg" href="{{url_for('form')}}" role="button">RSVP <i class="bi bi-heart-arrow"></i></a>
<a class="btn btn-outline-dark btn-lg mb-3" href="{{url_for('form')}}" role="button">RSVP <i class="bi bi-heart-arrow"></i></a>
<h3> Itininerary </h3>
<h4><i class="bi bi-geo-alt "></i> La Chapelle-Taillefert</h4>
<h4><i class="bi bi-calendar-heart"></i> 30 Julliet 2022</h4>
<div class="container">
<div class="row">
<div class="col offset-sm-1 align-self-end">
<ul class="timeline-with-icons">
<li class="timeline-item mb-5">
@ -84,5 +87,8 @@
</li>
</ul>
</div>
</div>
</div>
{% endblock %}

View File

@ -4,7 +4,7 @@
{% block head %}
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- <link rel="stylesheet" href="{{ url_for('static', filename='/css/bootstrap.css') }}"> -->
<link rel="stylesheet" href="{{ url_for('static', filename='/css/bootstrap.css') }}">
<link rel="stylesheet" href="{{ url_for('static', filename='/css/bootstrap-icons.css') }}">
<link rel="stylesheet" href="{{ url_for('static', filename='/css/custom.css') }}">
<title>{% block title %}{% endblock %} Rémi &amp; Vicky</title>
@ -13,7 +13,7 @@
<body>
<nav class="navbar navbar-expand-lg navbar-dark bg-primary">
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<div class="container">
<span class="navbar-text">Rémi &amp; Vicky</span>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarText" aria-controls="navbarText" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
@ -30,7 +30,7 @@
</div>
<div id="footer">
{% block footer %}{% endblock %}
<div class="text-center container mb-2">If you encounter any problems, email Rémi at <a href="mailto:remi@rampin.org">remi@rampin.org</a></div>
</div>
<script src="{{ url_for('static', filename='/js/bootstrap.bundle.js') }}"></script>