|
|
<footer class="footer" style="font-family: 'Fira Sans', sans-serif;">
|
|
<div id="footer-wrapper">
|
|
<div id="column1">
|
|
<h3><span>Cannabinieri</span>@</h3>
|
|
</a>
|
|
</div>
|
|
<div id="column2">
|
|
<h6 onclick="show()"> About Cannabinieri
|
|
<span class="show">
|
|
<i class="arrow down"></i>
|
|
</span>
|
|
</h6>
|
|
<ul id="information">
|
|
<li>
|
|
<p>
|
|
<a href="meet.html">Contact Us</a>
|
|
</p>
|
|
</li>
|
|
<li>
|
|
<p>
|
|
<a href="#">FAQ</a>
|
|
</p>
|
|
|
|
</li>
|
|
<li>
|
|
<p>
|
|
<a href="#">Certificate of Analysis</a>
|
|
</p>
|
|
|
|
</li>
|
|
|
|
</ul>
|
|
</div>
|
|
|
|
<div id="column3">
|
|
<h6 onclick="display()">links
|
|
<span class="show">
|
|
<i class="arrow down2"></i>
|
|
</span>
|
|
</h6>
|
|
<ul id="footer-links">
|
|
<li>
|
|
<p>
|
|
<a href="#">Blog</a>
|
|
</p>
|
|
</li>
|
|
<li>
|
|
<p>
|
|
<a href="#">Shop</a>
|
|
</p>
|
|
|
|
</li>
|
|
<li>
|
|
<p>
|
|
<a class="code" href="#">Code</a>
|
|
</p>
|
|
|
|
</li>
|
|
|
|
</ul>
|
|
</div>
|
|
<div id="column4">
|
|
<h6>TO BE SAID</h6>
|
|
<p> All our products contain<br class ="desktop">less than 0.2% THC</p>
|
|
</div>
|
|
<div id="column5">
|
|
<h6 class="follow">Follow us</h6>
|
|
<div id="social-media">
|
|
<!--Change Css classes, ids-->
|
|
<ul>
|
|
<li class="youtube">
|
|
<a href="#">
|
|
<picture>
|
|
<source srcset="../img/peertube_white.svg" type="image/webp">
|
|
<img id="youtube" type="image/webp" src= "img/peertube_white.svg">
|
|
</picture>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">
|
|
<picture>
|
|
<source srcset="../img/pixelfed.svg" type="image/webp">
|
|
<img id="instagram" type="image/webp" src="img/pixelfed.svg">
|
|
</picture>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">
|
|
<picture>
|
|
<source srcset="../img/gitea.svg" type="image/webp">
|
|
<img id="gitea" type="image/webp" src="img/gitea.svg">
|
|
</picture>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div id="row2">
|
|
<p id ="print">©2021 Cannabinieri</p>
|
|
</div>
|
|
<!--Replace with dynamic language handling-->
|
|
<div id="row3">
|
|
<div class="languages" id ="footer-languages">
|
|
<a href="../languages/deutsch.html">Deutsch |</a>
|
|
<a href="../languages/italiano.html">Italiano |</a>
|
|
<a href="../languages/francais.html">Francais </a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
</div>
|