rocket-3d/templates/assets/components/main-nav.html

133 lines
6.6 KiB
HTML
Raw Normal View History

2021-08-25 10:32:30 +02:00
<div id="main-bar">
<div id="logo-container">
2021-08-30 23:26:16 +02:00
<a href="/">
<picture>
<source srcset="../img/Logo.svg" type="image/webp">
<img class="logo" type="image/webp" src= "img/Logo.svg">
</picture>
2021-08-25 10:32:30 +02:00
</a>
</div>
2021-09-21 23:03:02 +02:00
<!--desktop nav-->
2021-08-25 10:32:30 +02:00
<nav class="main-navigation-bar">
<ul>
2021-08-25 15:03:32 +02:00
<li><a type="text/html" href="/experiments"> EXPERIMENTS </a>
2021-08-25 10:32:30 +02:00
<ul id="experiments">
2021-08-25 15:03:32 +02:00
<li><a type="text/html" href="/experiments/oil">Oils</a></li>
<li><a type="text/html" href="/experiments/flower">Flower</a></li>
<li><a type="text/html" href="/experiments/candy">Edibles</a></li>
2021-08-25 10:32:30 +02:00
</ul>
2021-09-21 23:03:02 +02:00
</ul>
2021-08-25 10:32:30 +02:00
<ul>
2021-08-25 15:03:32 +02:00
<li><a type="text/html" href="/permaculture">PERMACULTURE</a>
2021-08-25 10:32:30 +02:00
<ul>
2021-09-03 13:02:40 +02:00
<li><a class="pc" type="text/html" href="/permaculture/permApp">PermApp</a></li>
<li><a class="pc" type="text/html" href="/permaculture/greenlab">GreenLab</a></li>
<li><a class="pc"id="edit" href="/permaculture/about">What's that ?</a></li>
2021-08-25 10:32:30 +02:00
</ul>
</ul>
<ul>
2021-08-25 15:03:32 +02:00
<li><a type="text/html" href="/greentech">GREENTECH</a>
2021-08-25 10:32:30 +02:00
<ul>
2021-09-03 13:02:40 +02:00
<li><a type="text/html" href="/greentech/automation">Automation</a></li>
<li><a type="text/html" href="/greentech/IoT">IoT</a></li>
<li><a type="text/html" href="/greentech/DiY">DiY</a></li>
2021-08-25 10:32:30 +02:00
</ul>
</ul>
<ul>
2021-08-25 15:03:32 +02:00
<li><a type="text/html" href="/spider">SPIDER</a>
2021-08-25 10:32:30 +02:00
<ul>
2021-09-03 13:02:40 +02:00
<li><a type="text/html" href="/spider/spiderPi">SpiderPi</a></li>
<li><a type="text/html" href="/spider/join">Join</a></li>
2021-08-25 10:32:30 +02:00
</ul>
</ul>
<ul>
2021-08-25 15:03:32 +02:00
<li><a type="text/html" href="/learn">LEARN</a>
2021-08-25 10:32:30 +02:00
<ul id="learn">
2021-09-03 13:02:40 +02:00
<li id="broad" ><a href="/learn/about">About Us</a></li>
<li><a href="/learn/partners">Partners</a></li>
<li><a href="/learn/meet">Meet</a></li>
<li><a href="/learn/blog">Blog</a></li>
<li><a href="/learn/code">Code</a></li>
2021-08-25 10:32:30 +02:00
</ul>
</ul>
2021-09-21 23:03:02 +02:00
2021-08-25 10:32:30 +02:00
</nav>
2021-09-21 23:03:02 +02:00
<!--mobile nav-->
2021-08-25 10:32:30 +02:00
<nav class="hamburger-wrap">
<input type="checkbox" class="ham-btn" id="ham-btn">
<label for="ham-btn" class="hamburger" id="hamburger" onclick= "menu()" onclick="hide()">
<span class="hamburger-icon"></span>
</label>
</nav>
<div id="mobile-dropdown-container">
<div id="mobile-dropdown">
<ul>
2021-08-25 15:03:32 +02:00
<li onclick="menu2()"><a type="text/html" href="/experiments">EXPERIMENTS</a>
2021-08-25 10:32:30 +02:00
<span class="drop">
<i class="arrow down"></i>
</span>
<ul id="down">
2021-08-25 15:03:32 +02:00
<li><a type="text/html" href="/experiments/oil">Oils</a></li>
<li><a type="text/html" href="/experiments/flower">Flower</a></li>
<li><a type="text/html" href="/experiments/candy">Edibles</a></li>
2021-08-25 10:32:30 +02:00
</ul>
</ul>
<ul>
2021-08-25 15:03:32 +02:00
<li onclick="menu3()"><a type="text/html" href="/permaculture">PERMACULTURE</a>
2021-08-25 10:32:30 +02:00
<span class="drop">
<i class="arrow down"></i>
</span>
<ul id="down1">
2021-08-25 15:03:32 +02:00
<li><a href="/permaculture/permApp">PermApp</a></li>
<li><a href="/permaculture/greenlab">GreenLab</a></li>
<li><a href="/permaculture/about">What's that ?</a></li>
2021-08-25 10:32:30 +02:00
</ul>
</ul>
<ul>
2021-08-25 15:03:32 +02:00
<li onclick="menu4()"><a type="text/html" href="/greentech">GREENTECH</a>
2021-08-25 10:32:30 +02:00
<span class="drop">
<i class="arrow down"></i>
</span>
<ul id="down2">
2021-08-25 15:03:32 +02:00
<li><a type="text/html" href="/greentech/automation">Automation</a></li>
<li><a type="text/html" href="/greentech/IoT">IoT</a></li>
<li><a type="text/html" href="/greentech/DiY">DiY</a></li>
2021-08-25 10:32:30 +02:00
</ul>
</ul>
<ul>
2021-08-25 15:03:32 +02:00
<li onclick="menu5()"><a type="text/html" href="/spider">SPIDER</a>
2021-08-25 10:32:30 +02:00
<span class="drop">
<i class="arrow down"></i>
</span>
<ul id="down3">
2021-08-25 15:03:32 +02:00
<li><a type="text/html" href="/spider/spiderPi">SpiderPi</a></li>
<li><a type="text/html" href="/spider/join">Join</a></li>
2021-08-25 10:32:30 +02:00
</ul>
</ul>
<ul>
2021-08-25 15:03:32 +02:00
<li onclick="menu6()"><a type="text/html" href="/learn">LEARN</a>
2021-08-25 10:32:30 +02:00
<span class="drop">
<i class="arrow down"></i>
</span>
<ul id="down4">
2021-08-25 15:03:32 +02:00
<li><a type="text/html" href="/learn/about">About Us</a></li>
<li><a type="text/html" href="/learn/partners">Partners</a></li>
<li><a type="text/html" href="/learn/contact">Meet</a></li>
<li><a type="text/html" href="/learn/blog">Blog</a></li>
<li><a type="text/html" href="/learn/code">Code</a></li>
2021-08-25 10:32:30 +02:00
</ul>
</ul>
<a class="button" href="#">Shop</a>
</div>
</div>
</div>