This commit is contained in:
siva 2021-07-29 19:07:08 +02:00
parent da1b713efa
commit 6b128c8b17
3 changed files with 134 additions and 77 deletions

View file

@ -447,6 +447,6 @@
</footer> </footer>
</div> </div>
<script src="assets/js/main.js"></script> <script src="assets/js/main.js"></script>
<script src="assets/js/slider.js"></script> <script src="assets /js/slider.js"></script>
</body> </body>
</html> </html>

View file

@ -0,0 +1,57 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-eqiv="X-UA-Compatible" content="ie=edge"/>
<link rel="stylesheet" type="text/css" href="global/css/nav.css">
<link rel="stylesheet" type="text/css" href="global/css/footer.css">
<link rel="stylesheet" type="text/css" href="global/css/global.css">
<link rel="stylesheet" type="text/css" href="css/experiments.css">
<link rel="icon" href="global/img/Logo.svg">
<title>
Cannabinieri - Experiments
</title>
<script src="../../static/js/jquery-3.5.1.min.js"></script>
<script src="../../static/js/pages.js"></script>
<script>
$(document).ready(function(){
$('#top-nav').load("global/top-nav.html");
});
</script>
<script>
$(document).ready(function(){
$('#main-nav').load("global/main-nav.html");
});
</script>
<script>
$(document).ready(function(){
$('#content').load("global/content/experiments-content.html");
});
</script>
<script>
$(document).ready(function(){
$('#footer').load("global/footer.html");
});
</script>
</head>
<body>
<div class="global-wrapper">
<div id="top-nav"></div>
<div id="main-nav"></div>
<div id="content"></div>
<div id="footer"></div>
</div>
<script src="global/js/pages.js"></script>
<script src="global/js/main.js"></script>
</body>
</html>

View file

@ -4,15 +4,14 @@
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-eqiv="X-UA-Compatible" content="ie=edge"/> <meta http-eqiv="X-UA-Compatible" content="ie=edge"/>
<link rel="stylesheet" type="text/css" href="static/css/index.css"> <link rel="stylesheet" type="text/css" href="assets/css/index.css">
<link rel="stylesheet" type="text/css" href="static/pages/global/css/nav.css"> <link rel="stylesheet" type="text/css" href="assets/css/nav.css">
<link rel="icon" href="static/img/Logo.svg"> <link rel="icon" href="assets/img/Logo.svg">
<title> <title>
Cannabinieri CBD Cannabinieri CBD
</title> </title>
<script defer src="static/fontawesome/all.js"></script> <script defer src="assets/fontawesome/all.css"></script>
<script src="static/js/jquery-3.5.1.min.js"></script> <script src="assets/jquery/jquery-3.5.1.min.js"></script>
<script src="static/js/pages.js"></script>
</head> </head>
<body> <body>
<div class="wrapper"> <div class="wrapper">
@ -25,52 +24,52 @@
</nav> </nav>
<div id="main-bar"> <div id="main-bar">
<div id="logo-container"> <div id="logo-container">
<img class="logo" src= "static/img/Logo.svg"> <img class="logo" src= "assets/img/Logo.svg">
</div> </div>
<nav class="main-navigation-bar"> <nav class="main-navigation-bar">
<ul> <ul>
<li><a href="static/pages/experiments.html">EXPERIMENTS</a> <li><a href="experiments.html">EXPERIMENTS</a>
<ul class="sub"> <ul class="sub">
<li><a href="static/pages/oils.html">Oils</a></li> <li><a href="oils.html">Oils</a></li>
<li><a href="static/pages/flower.html">Flower</a></li> <li><a href="flower.html">Flower</a></li>
<li class="lastItem"><a href="static/pages/edibles.html">Edibles</a></li> <li class="lastItem"><a href="edibles.html">Edibles</a></li>
</ul> </ul>
</ul> </ul>
<ul> <ul>
<li><a href="static/pages/permaculture.html">PERMACULTURE</a> <li><a href="permaculture.html">PERMACULTURE</a>
<ul> <ul>
<li><a href="static/pages/permapp.html">PermApp</a></li> <li><a href="permapp.html">PermApp</a></li>
<li><a href="static/pages/greenlab.html">GreenLab</a></li> <li><a href="greenlab.html">GreenLab</a></li>
<li class="lastItem"><a id="edit" href="static/pages/whatsthat.html">What's that ?</a></li> <li class="lastItem"><a id="edit" href="whatsthat.html">What's that ?</a></li>
</ul> </ul>
</ul> </ul>
<ul> <ul>
<li><a href="static/pages/greentech.html">GREENTECH</a> <li><a href="greentech.html">GREENTECH</a>
<ul> <ul>
<li><a href="static/pages/automation.html">Automation</a></li> <li><a href="automation.html">Automation</a></li>
<li><a href="static/pages/iot.html">IoT</a></li> <li><a href="iot.html">IoT</a></li>
<li class="lastItem"><a href="static/pages/diy.html">DiY</a></li> <li class="lastItem"><a href="diy.html">DiY</a></li>
</ul> </ul>
</ul> </ul>
<ul> <ul>
<li><a href="static/pages/spider.html">SPIDER</a> <li><a href="spider.html">SPIDER</a>
<ul> <ul>
<li><a href="static/pages/spiderpi.html">SpiderPi</a></li> <li><a href="spiderpi.html">SpiderPi</a></li>
<li class="lastItem"><a href="static/pages/join.html">Join</a></li> <li class="lastItem"><a href="join.html">Join</a></li>
</ul> </ul>
</ul> </ul>
<ul> <ul>
<li><a href="static/pages/learn.html">LEARN</a> <li><a href="learn.html">LEARN</a>
<ul id="learn"> <ul id="learn">
<li><a href="static/pages/whoweare.html">About Us</a></li> <li><a href="whoweare.html">About Us</a></li>
<li><a href="static/pages/partners.html">Partners</a></li> <li><a href="partners.html">Partners</a></li>
<li><a href="static/pages/meet.html">Meet</a></li> <li><a href="meet.html">Meet</a></li>
<li><a href="static/pages/blog.html">Blog</a></li> <li><a href="blog.html">Blog</a></li>
<li class="lastItem"><a href="static/pages/code.html">Code</a></li> <li class="lastItem"><a href="code.html">Code</a></li>
</ul> </ul>
</ul> </ul>
@ -84,63 +83,63 @@
<div id="mobile-dropdown-container"> <div id="mobile-dropdown-container">
<div id="mobile-dropdown"> <div id="mobile-dropdown">
<ul> <ul>
<li onclick="menu2()"><a href="static/pages/experiments.html">EXPERIMENTS</a> <li onclick="menu2()"><a href="experiments.html">EXPERIMENTS</a>
<span class="drop"> <span class="drop">
<i class="arrow down"></i> <i class="arrow down"></i>
</span> </span>
<ul id="down"> <ul id="down">
<li><a href="static/pages/oils.html">Oils</a></li> <li><a href="oils.html">Oils</a></li>
<li><a href="static/pages/flower.html">Flower</a></li> <li><a href="flower.html">Flower</a></li>
<li><a href="static/pages/edibles.html">Edibles</a></li> <li><a href="edibles.html">Edibles</a></li>
</ul> </ul>
</ul> </ul>
<ul> <ul>
<li onclick="menu3()"><a href="static/pages/permaculture.html">PERMACULTURE</a> <li onclick="menu3()"><a href="permaculture.html">PERMACULTURE</a>
<span class="drop"> <span class="drop">
<i class="arrow down"></i> <i class="arrow down"></i>
</span> </span>
<ul id="down1"> <ul id="down1">
<li><a href="static/pages/permapp.html">PermApp</a></li> <li><a href="permapp.html">PermApp</a></li>
<li><a href="static/pages/greenlab.html">GreenLab</a></li> <li><a href="greenlab.html">GreenLab</a></li>
<li><a href="static/pages/whatsthat.html">What's that ?</a></li> <li><a href="whatsthat.html">What's that ?</a></li>
</ul> </ul>
</ul> </ul>
<ul> <ul>
<li onclick="menu4()"><a href="static/pages/greentech.html">GREENTECH</a> <li onclick="menu4()"><a href="greentech.html">GREENTECH</a>
<span class="drop"> <span class="drop">
<i class="arrow down"></i> <i class="arrow down"></i>
</span> </span>
<ul id="down2"> <ul id="down2">
<li><a href="static/pages/automation.html">Automation</a></li> <li><a href="automation.html">Automation</a></li>
<li><a href="static/pages/iot.html">IoT</a></li> <li><a href="iot.html">IoT</a></li>
<li><a href="static/pages/diy.html">DiY</a></li> <li><a href="diy.html">DiY</a></li>
</ul> </ul>
</ul> </ul>
<ul> <ul>
<li onclick="menu5()"><a href="static/pages/spider.html">SPIDER</a> <li onclick="menu5()"><a href="spider.html">SPIDER</a>
<span class="drop"> <span class="drop">
<i class="arrow down"></i> <i class="arrow down"></i>
</span> </span>
<ul id="down3"> <ul id="down3">
<li><a href="static/pages/spiderpi.html">SpiderPi</a></li> <li><a href="spiderpi.html">SpiderPi</a></li>
<li><a href="static/pages/join.html">Join</a></li> <li><a href="join.html">Join</a></li>
</ul> </ul>
</ul> </ul>
<ul> <ul>
<li onclick="menu6()"><a href="static/pages/learn.html">LEARN</a> <li onclick="menu6()"><a href="learn.html">LEARN</a>
<span class="drop"> <span class="drop">
<i class="arrow down"></i> <i class="arrow down"></i>
</span> </span>
<ul id="down4"> <ul id="down4">
<li><a href="static/pages/whoweare.html">About Us</a></li> <li><a href="whoweare.html">About Us</a></li>
<li><a href="static/pages/partners.html">Partners</a></li> <li><a href="partners.html">Partners</a></li>
<li><a href="static/pages/meet.html">Meet</a></li> <li><a href="meet.html">Meet</a></li>
<li><a href="static/pages/blog.html">Blog</a></li> <li><a href="blog.html">Blog</a></li>
<li><a href="static/pages/code.html">Code</a></li> <li><a href="code.html">Code</a></li>
</ul> </ul>
</ul> </ul>
@ -156,7 +155,7 @@
</div> </div>
<div id="product"> <div id="product">
<a> <a>
<img src="static/img/sample-sauvage.svg"/> <img src="assets/img/sample-sauvage.svg"/>
</a> </a>
</div> </div>
<div id="slogan"> <div id="slogan">
@ -166,7 +165,7 @@
</a> </a>
</div> </div>
<div id="image"> <div id="image">
<img id="leaves" src="static/img/bliss.jpg"> <img id="leaves" src="assets/img/bliss.jpg">
</div> </div>
<div id="about"> <div id="about">
<a href="#experiments">Explore <a href="#experiments">Explore
@ -180,10 +179,10 @@
<div class="image-slider"> <div class="image-slider">
<div class="slider-items"> <div class="slider-items">
<div class="item active"> <div class="item active">
<img src="static/img/sample-sauvage.svg" /> <img src="assets/img/sample-sauvage.svg" />
</div> </div>
<div class="item"> <div class="item">
<img id = "sample" src="static/img/sample-flower.svg"/> <img id = "sample" src="assets/img/sample-flower.svg"/>
</div> </div>
<div class="left-slide"> <div class="left-slide">
<i class='fas fa-angle-left' id="dark"></i> <i class='fas fa-angle-left' id="dark"></i>
@ -199,7 +198,7 @@
<span id="desktop"> With our Experiments strive to understand our planet in order to create an organic, automated indoor garden for everyone, everywhere.</span> <span id="desktop"> With our Experiments strive to understand our planet in order to create an organic, automated indoor garden for everyone, everywhere.</span>
</p> </p>
<div class="page-button"> <div class="page-button">
<a href="static/pages/experiments.html">More</a> <a href="experiments.html">More</a>
</div> </div>
</div> </div>
</div> </div>
@ -208,10 +207,10 @@
<div class="spider-slider"> <div class="spider-slider">
<div class="spider-items"> <div class="spider-items">
<div class="item active"> <div class="item active">
<img id="pic1" src="static/img/sample-spiderpi.svg" /> <img id="pic1" src="assets/img/sample-spiderpi.svg" />
</div> </div>
<div class="item"> <div class="item">
<img src="static/img/sample-spiderpi-2.svg" alt=""> <img src="assets/img/sample-spiderpi-2.svg" alt="">
</div> </div>
<div id="spider-left"> <div id="spider-left">
<i class='fas fa-angle-left'></i> <i class='fas fa-angle-left'></i>
@ -230,7 +229,7 @@
#a dummy text #a dummy text
</p> </p>
<div class="page-button"> <div class="page-button">
<a href="static/pages/spider.html">Learn</a> <a href="spider.html">Learn</a>
</div> </div>
</div> </div>
</div> </div>
@ -239,7 +238,7 @@
<div class="image-slider"> <div class="image-slider">
<div class="slider-items"> <div class="slider-items">
<div class="item active"> <div class="item active">
<img src="static/img/sample-perma.svg"/> <img src="assets/img/sample-perma.svg"/>
</div> </div>
<div class="item"> <div class="item">
</div> </div>
@ -257,7 +256,7 @@
</p> </p>
<div class="page-button"> <div class="page-button">
<a href="static/pages/permaculture.html">Learn</a> <a href="permaculture.html">Learn</a>
</div> </div>
</div> </div>
</div> </div>
@ -266,7 +265,7 @@
<div class="image-slider"> <div class="image-slider">
<div class="slider-items"> <div class="slider-items">
<div class="item active"> <div class="item active">
<img src="static/img/sample-greentech.svg"/> <img src="assets/img/sample-greentech.svg"/>
</div> </div>
<div class="item"> <div class="item">
</div> </div>
@ -287,7 +286,7 @@
Explore our projects and get inspired.<br> Explore our projects and get inspired.<br>
</p> </p>
<div class="page-button"> <div class="page-button">
<a href="static/pages/greentech.html">Explore</a> <a href="greentech.html">Explore</a>
</div> </div>
</div> </div>
</div> </div>
@ -296,7 +295,7 @@
<div class="image-slider"> <div class="image-slider">
<div class="slider-items"> <div class="slider-items">
<div class="item active"> <div class="item active">
<img src="static/img/sample-us5.jpg" /> <img src="assets/img/sample-us5.jpg" />
</div> </div>
</div> </div>
</div> </div>
@ -307,7 +306,7 @@
#dummy text #dummy text
</p> </p>
<div class="page-button"> <div class="page-button">
<a href="static/pages/learn.html">Learn</a> <a href="learn.html">Learn</a>
</div> </div>
</div> </div>
</div> </div>
@ -317,18 +316,18 @@
<div class="news"> <div class="news">
<div class="social"> <div class="social">
<h5>Keep in touch !</h5> <h5>Keep in touch !</h5>
<img id="post_1" src="static/img/sample-post-insta.jpg"/> <img id="post_1" src="assets/img/sample-post-insta.jpg"/>
<img class="desktop" id="post_2" src="static/img/sample-post-insta.jpg"/> <img class="desktop" id="post_2" src="assets/img/sample-post-insta.jpg"/>
<img class="desktop" id="post_3" src="static/img/sample-post-insta.jpg"/> <img class="desktop" id="post_3" src="assets/img/sample-post-insta.jpg"/>
<div class="instagram"> <div class="instagram">
<a href="#"> <a href="#">
<button id="insta"><img id="gram" src="static/img/pixelfed.svg"></button> <button id="insta"><img id="gram" src="assets/img/pixelfed.svg"></button>
<h5 id="account">@Cannabinieri_Official</h5> <h5 id="account">@Cannabinieri_Official</h5>
</a> </a>
</div> </div>
<div class="youtube"> <div class="youtube">
<a href="#"> <a href="#">
<button id="you"><img id="tube" src="static/img/peertube.svg"></button> <button id="you"><img id="tube" src="assets/img/peertube.svg"></button>
<h5 id="account">@Cannabinieri_Official</h5> <h5 id="account">@Cannabinieri_Official</h5>
</a> </a>
</div> </div>
@ -344,7 +343,7 @@
<div id="footer-wrapper"> <div id="footer-wrapper">
<div id="column1"> <div id="column1">
<a href="responsive.html"> <a href="responsive.html">
<img id="footer-logo" src="static/img/Logo.svg"> <img id="footer-logo" src="assets/img/Logo.svg">
</a> </a>
</div> </div>
<div id="column2"> <div id="column2">
@ -356,12 +355,12 @@
<ul id="information"> <ul id="information">
<li> <li>
<p> <p>
<a href="static/pages/meet.html">Contact Us</a> <a href="meet.html">Contact Us</a>
</p> </p>
</li> </li>
<li> <li>
<p> <p>
<a href="static/pages/global/footer-pages/privacy.html">Privacy Policy</a> <a href="privacy.html">Privacy Policy</a>
</p> </p>
</li> </li>
<li> <li>
@ -417,17 +416,17 @@
<ul> <ul>
<li class="youtube"> <li class="youtube">
<a href="#"> <a href="#">
<img id="youtube" src="static/img/peertube_white.svg"> <img id="youtube" src="assets/img/peertube_white.svg">
</a> </a>
</li> </li>
<li> <li>
<a href="#"> <a href="#">
<img id="instagram" src="static/img/pixelfed_white.svg"> <img id="instagram" src="assets/img/pixelfed_white.svg">
</a> </a>
</li> </li>
<li> <li>
<a href="#"> <a href="#">
<img id="gitea" src="static/img/gitea.svg"> <img id="gitea" src="assets/img/gitea.svg">
</a> </a>
</li> </li>
</ul> </ul>
@ -446,7 +445,8 @@
</div> </div>
</footer> </footer>
</div> </div>
<script src="static/js/main.js"></script> <script src="assets/js/main.js"></script>
<script src="static/js/slider.js"></script> <script src="assets/js/pages.js"></script>
<script src="assets/js/slider.js"></script>
</body> </body>
</html> </html>