Make it responsive

karellm · Jan 7, 2018 · cd14c17 · cd14c17
1 parent a1e5758
commit cd14c17
Show file tree

Hide file tree

Showing 61 changed files with 1,526 additions and 534 deletions.
diff --git a/docs/baptemes-de-l-air/duo.html b/docs/baptemes-de-l-air/duo.html
@@ -6,6 +6,7 @@
 
     <meta charset="UTF-8" />
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
     <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300|Open+Sans:400,600,300&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
     <link rel="stylesheet" type="text/css" href="/css/main.css" />
 </head>
@@ -16,12 +17,23 @@
     <div class="container">
         <a href="/" class="page-logo">Icarela</a>
         <nav class="page-menu">
+            <div class="page-menu-toggle">
+                <div class="hamburger">
+                    <span></span>
+                    <span></span>
+                    <span></span>
+                    <span></span>
+                </div>
+            </div>
             <ul>
                 <li class="active"><a href="/baptemes-de-l-air/la-baule.html">Baptêmes de l'air</a></li>
                 <li class=""><a href="/initiation-au-pilotage/vol-initiation.html">Initiation au pilotage</a></li>
                 <!-- <li class=""><a href="/decouverte/guides/classes-ulm.html">Guides</a></li>
                 -->
                 <li class=""><a href="/ecole">Ecole de pilotage</a></li>
+                    <li class="billeterie">
+                        <a href="https://www.weezevent.com/widget_billeterie.php?id_evenement=225512&lg_billetterie=1&code=59537&width_auto=1&color_primary=00AEEF" onclick="var w=window.open('https://www.weezevent.com/widget_billeterie.php?id_evenement=225512&lg_billetterie=1&code=59537&width_auto=1&color_primary=00AEEF', 'Billetterie_weezevent', 'width=650, height=600, top=100, left=100, toolbar=no, resizable=yes, scrollbars=yes, status=no'); w.focus(); return false;">Réservez en ligne</a>
+                    </li>
                 <li class="distribution dropdown ">
                     <a href="/distribution">Achat ULM</a>
                     <ul>
@@ -34,11 +46,17 @@
                 </li>
                 <li class=""><a href="/services.html">Services</a></li>
                 <li class=""><a href="/contact.html">Contact</a></li>
+                <li class="page-menu-social page-social">
+                    <a class="facebook" href="//facebook.com/icarela.aero" target="_blank">Facebook</a>
+                    <a class="twitter" href="//twitter.com/icarela_jfl" target="_blank">Twitter</a>
+                    <a class="youtube" href="//www.youtube.com/channel/UCYV_17mikfthTggrvJCivnQ" target="_blank">Youtube</a>
+                </li>
             </ul>
         </nav>
         <div class="page-number">
-            <a href="https://www.weezevent.com/widget_billeterie.php?id_evenement=225512&lg_billetterie=1&code=59537&width_auto=1&color_primary=00AEEF" onclick="var w=window.open('https://www.weezevent.com/widget_billeterie.php?id_evenement=225512&lg_billetterie=1&code=59537&width_auto=1&color_primary=00AEEF', 'Billetterie_weezevent', 'width=650, height=600, top=100, left=100, toolbar=no, resizable=yes, scrollbars=yes, status=no'); w.focus(); return false;">Billetterie en ligne</a>
-             - 02 40 91 69 61
+            <a href="https://www.weezevent.com/widget_billeterie.php?id_evenement=225512&lg_billetterie=1&code=59537&width_auto=1&color_primary=00AEEF" onclick="var w=window.open('https://www.weezevent.com/widget_billeterie.php?id_evenement=225512&lg_billetterie=1&code=59537&width_auto=1&color_primary=00AEEF', 'Billetterie_weezevent', 'width=650, height=600, top=100, left=100, toolbar=no, resizable=yes, scrollbars=yes, status=no'); w.focus(); return false;">Réservez en ligne</a>
+            <span> - </span>
+            02 40 91 69 61
         </div>
     </div>
 </header>
@@ -79,7 +97,7 @@ <h2>Vol en duo</h2>
             </tr>
         </table>
 
-        <a href="https://www.weezevent.com/widget_billeterie.php?id_evenement=225512&lg_billetterie=1&code=59537&width_auto=1&color_primary=00AEEF" onclick="var w=window.open('https://www.weezevent.com/widget_billeterie.php?id_evenement=225512&lg_billetterie=1&code=59537&width_auto=1&color_primary=00AEEF', 'Billetterie_weezevent', 'width=650, height=600, top=100, left=100, toolbar=no, resizable=yes, scrollbars=yes, status=no'); w.focus(); return false;" class="cta">Billetterie en ligne</a>
+        <a href="https://www.weezevent.com/widget_billeterie.php?id_evenement=225512&lg_billetterie=1&code=59537&width_auto=1&color_primary=00AEEF" onclick="var w=window.open('https://www.weezevent.com/widget_billeterie.php?id_evenement=225512&lg_billetterie=1&code=59537&width_auto=1&color_primary=00AEEF', 'Billetterie_weezevent', 'width=650, height=600, top=100, left=100, toolbar=no, resizable=yes, scrollbars=yes, status=no'); w.focus(); return false;" class="cta">Réservez en ligne</a> <em>Achat / Téléchargement de bon cadeau</em>
     </section>
 </div>
 
@@ -98,6 +116,7 @@ <h2>Vol en duo</h2>
         </div>
     </div>
 
+<script type="text/javascript" src="/js/main.js"></script>
 <script>
   (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
   (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),

diff --git a/docs/baptemes-de-l-air/golfe-morbihan.html b/docs/baptemes-de-l-air/golfe-morbihan.html
@@ -6,6 +6,7 @@
 
     <meta charset="UTF-8" />
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
     <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300|Open+Sans:400,600,300&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
     <link rel="stylesheet" type="text/css" href="/css/main.css" />
 </head>
@@ -16,12 +17,23 @@
     <div class="container">
         <a href="/" class="page-logo">Icarela</a>
         <nav class="page-menu">
+            <div class="page-menu-toggle">
+                <div class="hamburger">
+                    <span></span>
+                    <span></span>
+                    <span></span>
+                    <span></span>
+                </div>
+            </div>
             <ul>
                 <li class="active"><a href="/baptemes-de-l-air/la-baule.html">Baptêmes de l'air</a></li>
                 <li class=""><a href="/initiation-au-pilotage/vol-initiation.html">Initiation au pilotage</a></li>
                 <!-- <li class=""><a href="/decouverte/guides/classes-ulm.html">Guides</a></li>
                 -->
                 <li class=""><a href="/ecole">Ecole de pilotage</a></li>
+                    <li class="billeterie">
+                        <a href="https://www.weezevent.com/widget_billeterie.php?id_evenement=225512&lg_billetterie=1&code=59537&width_auto=1&color_primary=00AEEF" onclick="var w=window.open('https://www.weezevent.com/widget_billeterie.php?id_evenement=225512&lg_billetterie=1&code=59537&width_auto=1&color_primary=00AEEF', 'Billetterie_weezevent', 'width=650, height=600, top=100, left=100, toolbar=no, resizable=yes, scrollbars=yes, status=no'); w.focus(); return false;">Réservez en ligne</a>
+                    </li>
                 <li class="distribution dropdown ">
                     <a href="/distribution">Achat ULM</a>
                     <ul>
@@ -34,11 +46,17 @@
                 </li>
                 <li class=""><a href="/services.html">Services</a></li>
                 <li class=""><a href="/contact.html">Contact</a></li>
+                <li class="page-menu-social page-social">
+                    <a class="facebook" href="//facebook.com/icarela.aero" target="_blank">Facebook</a>
+                    <a class="twitter" href="//twitter.com/icarela_jfl" target="_blank">Twitter</a>
+                    <a class="youtube" href="//www.youtube.com/channel/UCYV_17mikfthTggrvJCivnQ" target="_blank">Youtube</a>
+                </li>
             </ul>
         </nav>
         <div class="page-number">
-            <a href="https://www.weezevent.com/widget_billeterie.php?id_evenement=225512&lg_billetterie=1&code=59537&width_auto=1&color_primary=00AEEF" onclick="var w=window.open('https://www.weezevent.com/widget_billeterie.php?id_evenement=225512&lg_billetterie=1&code=59537&width_auto=1&color_primary=00AEEF', 'Billetterie_weezevent', 'width=650, height=600, top=100, left=100, toolbar=no, resizable=yes, scrollbars=yes, status=no'); w.focus(); return false;">Billetterie en ligne</a>
-             - 02 40 91 69 61
+            <a href="https://www.weezevent.com/widget_billeterie.php?id_evenement=225512&lg_billetterie=1&code=59537&width_auto=1&color_primary=00AEEF" onclick="var w=window.open('https://www.weezevent.com/widget_billeterie.php?id_evenement=225512&lg_billetterie=1&code=59537&width_auto=1&color_primary=00AEEF', 'Billetterie_weezevent', 'width=650, height=600, top=100, left=100, toolbar=no, resizable=yes, scrollbars=yes, status=no'); w.focus(); return false;">Réservez en ligne</a>
+            <span> - </span>
+            02 40 91 69 61
         </div>
     </div>
 </header>
@@ -82,7 +100,8 @@ <h2>Le Golfe du Morbihan</h2>
             </tr>
         </table>
 
-        <a href="https://www.weezevent.com/widget_billeterie.php?id_evenement=225512&lg_billetterie=1&code=59537&width_auto=1&color_primary=00AEEF" onclick="var w=window.open('https://www.weezevent.com/widget_billeterie.php?id_evenement=225512&lg_billetterie=1&code=59537&width_auto=1&color_primary=00AEEF', 'Billetterie_weezevent', 'width=650, height=600, top=100, left=100, toolbar=no, resizable=yes, scrollbars=yes, status=no'); w.focus(); return false;" class="cta">Billetterie en ligne</a>
+        <a href="https://www.weezevent.com/widget_billeterie.php?id_evenement=225512&lg_billetterie=1&code=59537&width_auto=1&color_primary=00AEEF" onclick="var w=window.open('https://www.weezevent.com/widget_billeterie.php?id_evenement=225512&lg_billetterie=1&code=59537&width_auto=1&color_primary=00AEEF', 'Billetterie_weezevent', 'width=650, height=600, top=100, left=100, toolbar=no, resizable=yes, scrollbars=yes, status=no'); w.focus(); return false;" class="cta">Réservez en ligne</a>
+        <em>Achat / Téléchargement de bon cadeau</em>
 
         <p>&nbsp;</p>
 
@@ -105,6 +124,7 @@ <h2>Le Golfe du Morbihan</h2>
         </div>
     </div>
 
+<script type="text/javascript" src="/js/main.js"></script>
 <script>
   (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
   (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),

diff --git a/docs/baptemes-de-l-air/la-baule.html b/docs/baptemes-de-l-air/la-baule.html
@@ -6,6 +6,7 @@
 
     <meta charset="UTF-8" />
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
     <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300|Open+Sans:400,600,300&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
     <link rel="stylesheet" type="text/css" href="/css/main.css" />
 </head>
@@ -16,12 +17,23 @@
     <div class="container">
         <a href="/" class="page-logo">Icarela</a>
         <nav class="page-menu">
+            <div class="page-menu-toggle">
+                <div class="hamburger">
+                    <span></span>
+                    <span></span>
+                    <span></span>
+                    <span></span>
+                </div>
+            </div>
             <ul>
                 <li class="active"><a href="/baptemes-de-l-air/la-baule.html">Baptêmes de l'air</a></li>
                 <li class=""><a href="/initiation-au-pilotage/vol-initiation.html">Initiation au pilotage</a></li>
                 <!-- <li class=""><a href="/decouverte/guides/classes-ulm.html">Guides</a></li>
                 -->
                 <li class=""><a href="/ecole">Ecole de pilotage</a></li>
+                    <li class="billeterie">
+                        <a href="https://www.weezevent.com/widget_billeterie.php?id_evenement=225512&lg_billetterie=1&code=59537&width_auto=1&color_primary=00AEEF" onclick="var w=window.open('https://www.weezevent.com/widget_billeterie.php?id_evenement=225512&lg_billetterie=1&code=59537&width_auto=1&color_primary=00AEEF', 'Billetterie_weezevent', 'width=650, height=600, top=100, left=100, toolbar=no, resizable=yes, scrollbars=yes, status=no'); w.focus(); return false;">Réservez en ligne</a>
+                    </li>
                 <li class="distribution dropdown ">
                     <a href="/distribution">Achat ULM</a>
                     <ul>
@@ -34,11 +46,17 @@
                 </li>
                 <li class=""><a href="/services.html">Services</a></li>
                 <li class=""><a href="/contact.html">Contact</a></li>
+                <li class="page-menu-social page-social">
+                    <a class="facebook" href="//facebook.com/icarela.aero" target="_blank">Facebook</a>
+                    <a class="twitter" href="//twitter.com/icarela_jfl" target="_blank">Twitter</a>
+                    <a class="youtube" href="//www.youtube.com/channel/UCYV_17mikfthTggrvJCivnQ" target="_blank">Youtube</a>
+                </li>
             </ul>
         </nav>
         <div class="page-number">
-            <a href="https://www.weezevent.com/widget_billeterie.php?id_evenement=225512&lg_billetterie=1&code=59537&width_auto=1&color_primary=00AEEF" onclick="var w=window.open('https://www.weezevent.com/widget_billeterie.php?id_evenement=225512&lg_billetterie=1&code=59537&width_auto=1&color_primary=00AEEF', 'Billetterie_weezevent', 'width=650, height=600, top=100, left=100, toolbar=no, resizable=yes, scrollbars=yes, status=no'); w.focus(); return false;">Billetterie en ligne</a>
-             - 02 40 91 69 61
+            <a href="https://www.weezevent.com/widget_billeterie.php?id_evenement=225512&lg_billetterie=1&code=59537&width_auto=1&color_primary=00AEEF" onclick="var w=window.open('https://www.weezevent.com/widget_billeterie.php?id_evenement=225512&lg_billetterie=1&code=59537&width_auto=1&color_primary=00AEEF', 'Billetterie_weezevent', 'width=650, height=600, top=100, left=100, toolbar=no, resizable=yes, scrollbars=yes, status=no'); w.focus(); return false;">Réservez en ligne</a>
+            <span> - </span>
+            02 40 91 69 61
         </div>
     </div>
 </header>
@@ -87,7 +105,8 @@ <h2>La Baule et la presqu'île guérandaise</h2>
             </tr>
         </table>
 
-        <a href="https://www.weezevent.com/widget_billeterie.php?id_evenement=225512&lg_billetterie=1&code=59537&width_auto=1&color_primary=00AEEF" onclick="var w=window.open('https://www.weezevent.com/widget_billeterie.php?id_evenement=225512&lg_billetterie=1&code=59537&width_auto=1&color_primary=00AEEF', 'Billetterie_weezevent', 'width=650, height=600, top=100, left=100, toolbar=no, resizable=yes, scrollbars=yes, status=no'); w.focus(); return false;" class="cta">Billetterie en ligne</a>
+        <a href="https://www.weezevent.com/widget_billeterie.php?id_evenement=225512&lg_billetterie=1&code=59537&width_auto=1&color_primary=00AEEF" onclick="var w=window.open('https://www.weezevent.com/widget_billeterie.php?id_evenement=225512&lg_billetterie=1&code=59537&width_auto=1&color_primary=00AEEF', 'Billetterie_weezevent', 'width=650, height=600, top=100, left=100, toolbar=no, resizable=yes, scrollbars=yes, status=no'); w.focus(); return false;" class="cta">Réservez en ligne</a>
+        <em>Achat / Téléchargement de bon cadeau</em>
 
         <p>&nbsp;</p>
 
@@ -110,6 +129,7 @@ <h2>La Baule et la presqu'île guérandaise</h2>
         </div>
     </div>
 
+<script type="text/javascript" src="/js/main.js"></script>
 <script>
   (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
   (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),