download page fixes

tournaments/static/tournaments/css/blue_style.css

@@ -41,7 +41,7 @@ body {
 
 @media print, screen and (min-width: 80em) {
     .wrapper {
-        margin: 0px 150px;
+        margin: 0px 140px;
     }
 }
 
@@ -81,6 +81,10 @@ a:hover {
     color: #f39200;
 }
 
+li {
+    font-family: "Montserrat-Regular";
+}
+
 li::marker {
     font-size: 26px; /* Change the size of the marker */
     line-height: 1;
@@ -96,6 +100,7 @@ p {
 }
 
 #main {
+    font-size: 17px;
     line-height: 1.8;
 }
 

tournaments/templates/tournaments/download.html

@@ -54,36 +54,36 @@
 
         <main>
 
-            <div class="grid-x">
+            <section class="grid-x">
                 <div class="cell large-6 topblock my-block">
                     <h3 class="topmargin40">
-                        <span class="orange">Organisez vos tournois comme les pros</span> et accueillez les joueurs et le public comme dans les plus grand événements
+                        <span class="orange">Organisez vos tournois comme les pros</span> et accueillez les joueurs et le public comme dans les plus grands événements
                     </h3>
                     <p id="main">
                         <span class="bold">PadelClub est une application de gestion de tournois destinée aux juges-arbitres, clubs et passionnés</span> qui souhaitent organiser aisément des tournois homologués ou amicaux.  Gérez vos tournois de A à Z : des inscriptions jusqu’aux résultats finaux et retrouvez tous les résultats des matchs en temps réel.
                     </p>
                 </div>
                 <div class="cell large-6 topblock center">
-                    <img src="{% static 'tournaments/images/telephones@2x.png' %}" class="main-phone-pic" />
+                    <img src="{% static 'tournaments/images/phones@2x.png' %}" class="main-phone-pic" />
                 </div>
-            </div>
+            </section>
 
-            <div class="center">
+            <section class="center">
                 <a href="https://apps.apple.com/app/padel-club/id6484163558">
                     <img src="{% static 'tournaments/images/Download_on_the_App_Store@2x.png' %}" class="download-pic" />
                 </a>
-            </div>
+            </section>
 
-            <div class="center large-top-margin">
+            <section class="center large-top-margin">
                 <h4>
                     <span class="orange">Gagnez un temps considérable</span><br/> sur l’organisation de chacun de vos tournois
                 </h4>
                 <span>
                     Une application pensée pour le confort des joueur(ses) et le dynamisme des clubs.
                 </span>
-            </div>
+            </section>
 
-            <div class="grid-x topmargin40">
+            <section class="grid-x topmargin40">
 
                 <div class="cell large-6 topblock my-block">
                     <img src="{% static 'tournaments/images/photo1@2x.png' %}" />
@@ -129,9 +129,9 @@
                     </div>
                 </div>
 
-            </div>
+            </section>
 
-            <div class="grid-x topmargin40">
+            <section class="grid-x topmargin40">
 
                 <div class="cell medium-offset-2 large-offset-2 medium-4 large-4">
                     <div class="center">
@@ -144,18 +144,18 @@
                     </div>
                 </div>
 
-            </div>
+            </section>
 
-            <div class="center topmargin40">
+            <section class="center topmargin40">
                 <h4 class="">
                     <span class="orange">Faites de vos tournois une expérience inoubliable</span><br/> pour les joueurs et les joueuses
                 </h4>
                 <span>
                     Une application pensée pour le confort des joueur(ses) et le dynamisme des clubs.
                 </span>
-            </div>
+            </section>
 
-            <div class="grid-x topmargin40">
+            <section class="grid-x topmargin40">
 
                 <div class="cell medium-6 large-3 padding20">
                     <div class="center bubble blue-bubble">
@@ -193,9 +193,9 @@
                     </div>
                 </div>
 
-            </div>
+            </section>
 
-            <div class="grid-x topmargin40">
+            <section class="grid-x topmargin40">
                 <div class="cell large-4 padding20">
                     <p class="comment">
                         "C'est dingue, plus de fichiers Excel, de crayons et de feuilles volantes.
@@ -235,19 +235,18 @@
                     </div>
                 </div>
 
-            </div>
+            </section>
 
-            <div class="center topmargin40">
+            <section class="center topmargin40">
                 <h4 class="">
                     <span class="orange">Essai gratuit</span> pour un tournoi
                 </h4>
                 <span>
                     et des tarifs adaptés à vos besoins
                 </span>
-            </div>
+            </section>
 
-
+            <section class="grid-x topmargin40">
-            <div class="grid-x topmargin40">
                 <div class="cell medium-4 large-4 price-padding">
                     <div class="center bubble">
                         <div class="price-title">À L'UNITÉ</div>
@@ -269,16 +268,15 @@
                         <div>illimité</div>
                     </div>
                 </div>
-            </div>
+            </section>
 
-            <div class="center topmargin40">
+            <section class="center topmargin40">
                 <a href="https://apps.apple.com/app/padel-club/id6484163558">
                     <img src="{% static 'tournaments/images/Download_on_the_App_Store@2x.png' %}" class="download-pic" />
                 </a>
-            </div>
+            </section>
-
 
-            <div class="grid-x topmargin40">
+            <section class="grid-x topmargin40">
 
                 <div class="cell medium-6 large-6 topblock my-block">
                     <img src="{% static 'tournaments/images/photo3@2x.png' %}" />
@@ -286,7 +284,7 @@
                 <div class="cell medium-6 large-6 topblock my-block">
                     <img src="{% static 'tournaments/images/photo4@2x.png' %}" />
                 </div>
-            </div>
+            </section>
         </main>
 
         <footer>