use grid in menu

chaspy · Dec 4, 2016 · 14e1c3c · 14e1c3c
1 parent c607dad
commit 14e1c3c
Show file tree

Hide file tree

Showing 2 changed files with 34 additions and 13 deletions.
diff --git a/index.html b/index.html
@@ -14,12 +14,34 @@
     $("#menu").load("menu.html");
   })
   </script>
+
+  <!-- Mobile Specific Metas
+  –––––––––––––––––––––––––––––––––––––––––––––––––– -->
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+
+  <!-- FONT
+  –––––––––––––––––––––––––––––––––––––––––––––––––– -->
+  <link href="//fonts.googleapis.com/css?family=Raleway:400,300,600" rel="stylesheet" type="text/css">
+
+  <!-- CSS
+  –––––––––––––––––––––––––––––––––––––––––––––––––– -->
+  <link rel="stylesheet" href="css/normalize.css">
+  <link rel="stylesheet" href="css/skeleton.css">
+
+  <!-- Favicon
+  –––––––––––––––––––––––––––––––––––––––––––––––––– -->
+   <link rel="icon" type="image/png" href="images/favicon.png">
+
 </head>
 
 <body>
+
+<div class="container">
   <nav id="header"></nav>
   <div id="menu"></div>
+</div>
 
+<div class="container">
 <div id="contents">
   <h2 class="info">Information</h2>
   <section class="sec">
@@ -34,5 +56,6 @@ <h3>HPリニューアル</h3>
 
 <div id="footer"></div>
 
+</div>
 </body>
 </html>
diff --git a/menu.html b/menu.html
@@ -1,15 +1,13 @@
 <div id="gnav">
-  <ul>
-    <li><a href="index.html">HOME</a></li>
-    <li><a href="biography.html">Biography</a></li>
-    <li><a href="discography.html">Discography</a></li>
-    <li><a href="lyric.html">Lyric</a></li>
-    <li><a href="movie.html">Movie</a></li>
-    <li><a href="https://toketenakunaru.bandcamp.com/" target="_blank">Download</a></li>
-    <li><a href="http://form1.fc2.com/form/?id=893049">Contact</a></li>
-    <li><a href="http://ameblo.jp/take-she117/" target="_blank">Blog</a></li>
-    <li><a href="https://tokerun.thebase.in/" target="_blank">Shop</a></li>
-
-
-  </ul>
+  <div class=“row”>
+    <div class="one columns"><a href="index.html">HOME</a></div>
+    <div class="one columns"><a href="biography.html">Biography</a></div>
+    <div class="one columns"><a href="discography.html">Discography</a></div>
+    <div class="one columns"><a href="lyric.html">Lyric</a></div>
+    <div class="one columns"><a href="movie.html">Movie</a></div>
+    <div class="one columns"><a href="https://toketenakunaru.bandcamp.com/" target="_blank">Download</a></div>
+    <div class="one columns"><a href="http://form1.fc2.com/form/?id=893049">Contact</a></div>
+    <div class="one columns"><a href="http://ameblo.jp/take-she117/" target="_blank">Blog</a></div>
+    <div class="one columns"><a href="https://tokerun.thebase.in/" target="_blank">Shop</a></div>
+  </div>
 </div>