diff --git a/france/france_rsvp/templates/form.html b/france/france_rsvp/templates/form.html
index 7374fee..536b5f8 100644
--- a/france/france_rsvp/templates/form.html
+++ b/france/france_rsvp/templates/form.html
@@ -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 %}
 
diff --git a/france/france_rsvp/templates/index.html b/france/france_rsvp/templates/index.html
index 92417d6..370db06 100644
--- a/france/france_rsvp/templates/index.html
+++ b/france/france_rsvp/templates/index.html
@@ -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,16 +12,19 @@
 
 {% 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>
 
-<ul class="timeline-with-icons">
+<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">
       <span class="timeline-icon">
@@ -84,5 +87,8 @@
     </li>
     
   </ul>
+    </div>
+  </div>
+</div>
 
 {% endblock %}
diff --git a/france/france_rsvp/templates/layout.html b/france/france_rsvp/templates/layout.html
index 546466c..c37bc26 100644
--- a/france/france_rsvp/templates/layout.html
+++ b/france/france_rsvp/templates/layout.html
@@ -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>
