aboutsummaryrefslogtreecommitdiffstats
path: root/index.html
diff options
context:
space:
mode:
Diffstat (limited to 'index.html')
-rw-r--r--index.html26
1 files changed, 17 insertions, 9 deletions
diff --git a/index.html b/index.html
index 4f4031d..dd73ee4 100644
--- a/index.html
+++ b/index.html
@@ -10,17 +10,28 @@
<body>
<header class="header">
<!-- Input for menu-mobile with checkbox-->
- <input id="navbar-toggle-cbox" role="button" type="checkbox">
+ <input id="navbar-toggle-cbox" type="checkbox">
<!-- End Input for menu-mobile with checkbox-->
<!-- controler search-mobile -->
- <input id="cm-search" role="button" type="checkbox">
+ <input id="cm-search" type="checkbox">
<!-- end-controler -->
- <label class="navbar-burger" for="navbar-toggle-cbox" data-target="navMenu">
- <span></span>
- <span></span>
- <span></span>
+ <label class="nav__toggle" for="navbar-toggle-cbox">
+ <!-- Menu -->
+ <svg class="menu" viewBox="0 0 448 512" width="100">
+ <path
+ d="M16 132h416c8.837 0 16-7.163 16-16V76c0-8.837-7.163-16-16-16H16C7.163 60 0 67.163 0 76v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16z"
+ />
+ <title>Bars</title>
+ </svg>
+ <!-- Close -->
+ <svg class="close" viewBox="0 0 384 512" width="100">
+ <path
+ d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
+ />
+ <title>Close</title>
+ </svg>
</label>
<a class="logo-name" href="#" rel="home">
<span class="logotype">
@@ -105,9 +116,6 @@
<p><a class="strong" href="tel:+9293025031">(929) 302-5031</a></p>
</address>
</aside>
- <!-- navbar-burger -->
- <script src="js/navbar-burger.js"></script>
- <!-- end of navbar-burger -->
</footer>
</body>
</html>