From d11c9235da9c6303f6ab1b700eff0d0860da0d44 Mon Sep 17 00:00:00 2001
From: Kévin Le Gouguec <kevin.legouguec@gmail.com>
Date: Mon, 1 Mar 2021 00:44:40 +0100
Subject: Start laying things out in mobile menu

---
 template.html | 32 +++++++++++++++++++-------------
 1 file changed, 19 insertions(+), 13 deletions(-)

(limited to 'template.html')

diff --git a/template.html b/template.html
index 10dd002..aef42ea 100644
--- a/template.html
+++ b/template.html
@@ -16,8 +16,8 @@
     <header class="slidingmenu">
       <input type="checkbox">
       <img class="button open" src="images/menu.svg">
-      <img class="button close" src="images/close.svg">
       <div class="content">
+        <img class="button close" src="images/close.svg">
         <a class="lang" href="">
           EN
         </a>
@@ -38,18 +38,24 @@
         </nav>
         <nav class="social">
           <ul>
-            <a href="https://www.facebook.com/quatuorbellefeuille/"
-               target="_blank" rel="noreferrer noopener">
-              <img src="images/facebook-logo.svg">
-            </a>
-            <a href="https://www.instagram.com/quatuor.bellefeuille/"
-               target="_blank" rel="noreferrer noopener">
-              <img src="images/instagram-logo.svg">
-            </a>
-            <a href=""
-               target="_blank" rel="noreferrer noopener">
-              <img src="images/youtube-logo.svg">
-            </a>
+            <li>
+              <a href="https://www.facebook.com/quatuorbellefeuille/"
+                 target="_blank" rel="noreferrer noopener">
+                <img src="images/facebook-logo.svg">
+              </a>
+            </li>
+            <li>
+              <a href="https://www.instagram.com/quatuor.bellefeuille/"
+                 target="_blank" rel="noreferrer noopener">
+                <img src="images/instagram-logo.svg">
+              </a>
+            </li>
+            <li>
+              <a href=""
+                 target="_blank" rel="noreferrer noopener">
+                <img src="images/youtube-logo.svg">
+              </a>
+            </li>
           </ul>
         </nav>
         <a class="contact" href="contact.html">
-- 
cgit v1.2.3