cannabinieri website
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

130 lines
6.6 KiB

3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
  1. <div id="main-bar">
  2. <div id="logo-container">
  3. <a href="/">
  4. <picture>
  5. <source srcset="../img/Logo.svg" type="image/webp">
  6. <img class="logo" type="image/webp" src= "img/Logo.svg">
  7. </picture>
  8. </a>
  9. </div>
  10. <nav class="main-navigation-bar">
  11. <ul>
  12. <li><a type="text/html" href="/experiments"> EXPERIMENTS </a>
  13. <ul id="experiments">
  14. <li><a type="text/html" href="/experiments/oil">Oils</a></li>
  15. <li><a type="text/html" href="/experiments/flower">Flower</a></li>
  16. <li><a type="text/html" href="/experiments/candy">Edibles</a></li>
  17. </ul>
  18. </ul>
  19. <ul>
  20. <li><a type="text/html" href="/permaculture">PERMACULTURE</a>
  21. <ul>
  22. <li><a class="pc" type="text/html" href="permaculture/permApp">PermApp</a></li>
  23. <li><a class="pc" type="text/html" href="permaculture/greenlab">GreenLab</a></li>
  24. <li><a class="pc"id="edit" href="permaculture/about">What's that ?</a></li>
  25. </ul>
  26. </ul>
  27. <ul>
  28. <li><a type="text/html" href="/greentech">GREENTECH</a>
  29. <ul>
  30. <li><a type="text/html" href="greentech/automation">Automation</a></li>
  31. <li><a type="text/html" href="greentech/IoT">IoT</a></li>
  32. <li><a type="text/html" href="greentech/DiY">DiY</a></li>
  33. </ul>
  34. </ul>
  35. <ul>
  36. <li><a type="text/html" href="/spider">SPIDER</a>
  37. <ul>
  38. <li><a type="text/html" href="spider/spiderPi">SpiderPi</a></li>
  39. <li><a type="text/html" href="spider/join">Join</a></li>
  40. </ul>
  41. </ul>
  42. <ul>
  43. <li><a type="text/html" href="/learn">LEARN</a>
  44. <ul id="learn">
  45. <li id="broad" ><a href="learn/about">About Us</a></li>
  46. <li><a href="learn/partners">Partners</a></li>
  47. <li><a href="learn/meet">Meet</a></li>
  48. <li><a href="learn/blog">Blog</a></li>
  49. <li><a href="learn/code">Code</a></li>
  50. </ul>
  51. </ul>
  52. </nav>
  53. <nav class="hamburger-wrap">
  54. <input type="checkbox" class="ham-btn" id="ham-btn">
  55. <label for="ham-btn" class="hamburger" id="hamburger" onclick= "menu()" onclick="hide()">
  56. <span class="hamburger-icon"></span>
  57. </label>
  58. </nav>
  59. <div id="mobile-dropdown-container">
  60. <div id="mobile-dropdown">
  61. <ul>
  62. <li onclick="menu2()"><a type="text/html" href="/experiments">EXPERIMENTS</a>
  63. <span class="drop">
  64. <i class="arrow down"></i>
  65. </span>
  66. <ul id="down">
  67. <li><a type="text/html" href="/experiments/oil">Oils</a></li>
  68. <li><a type="text/html" href="/experiments/flower">Flower</a></li>
  69. <li><a type="text/html" href="/experiments/candy">Edibles</a></li>
  70. </ul>
  71. </ul>
  72. <ul>
  73. <li onclick="menu3()"><a type="text/html" href="/permaculture">PERMACULTURE</a>
  74. <span class="drop">
  75. <i class="arrow down"></i>
  76. </span>
  77. <ul id="down1">
  78. <li><a href="/permaculture/permApp">PermApp</a></li>
  79. <li><a href="/permaculture/greenlab">GreenLab</a></li>
  80. <li><a href="/permaculture/about">What's that ?</a></li>
  81. </ul>
  82. </ul>
  83. <ul>
  84. <li onclick="menu4()"><a type="text/html" href="/greentech">GREENTECH</a>
  85. <span class="drop">
  86. <i class="arrow down"></i>
  87. </span>
  88. <ul id="down2">
  89. <li><a type="text/html" href="/greentech/automation">Automation</a></li>
  90. <li><a type="text/html" href="/greentech/IoT">IoT</a></li>
  91. <li><a type="text/html" href="/greentech/DiY">DiY</a></li>
  92. </ul>
  93. </ul>
  94. <ul>
  95. <li onclick="menu5()"><a type="text/html" href="/spider">SPIDER</a>
  96. <span class="drop">
  97. <i class="arrow down"></i>
  98. </span>
  99. <ul id="down3">
  100. <li><a type="text/html" href="/spider/spiderPi">SpiderPi</a></li>
  101. <li><a type="text/html" href="/spider/join">Join</a></li>
  102. </ul>
  103. </ul>
  104. <ul>
  105. <li onclick="menu6()"><a type="text/html" href="/learn">LEARN</a>
  106. <span class="drop">
  107. <i class="arrow down"></i>
  108. </span>
  109. <ul id="down4">
  110. <li><a type="text/html" href="/learn/about">About Us</a></li>
  111. <li><a type="text/html" href="/learn/partners">Partners</a></li>
  112. <li><a type="text/html" href="/learn/contact">Meet</a></li>
  113. <li><a type="text/html" href="/learn/blog">Blog</a></li>
  114. <li><a type="text/html" href="/learn/code">Code</a></li>
  115. </ul>
  116. </ul>
  117. </nav>
  118. <a class="button" href="#">Shop</a>
  119. </div>
  120. </div>
  121. </div>