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.
242 lines
5.9 KiB
242 lines
5.9 KiB
<div class="page-wrapper">
|
|
<div class="info">
|
|
<h1>Blog</h1>
|
|
<p>CBD.Permaculture.Tech.More.<br><br>
|
|
<div class="image">
|
|
<picture>
|
|
<img type="image/svg+xml" src="../img/sample-blog.svg" />
|
|
</picture>
|
|
</div>
|
|
</div>
|
|
<div class="blog-container">
|
|
<div class="strip">
|
|
<h3>Company</h3>
|
|
<div class="grid">
|
|
<figure>
|
|
<div class="theme" id="post1">
|
|
<div class="image">
|
|
<picture>
|
|
<source type="image/webp">
|
|
<img id="closeup" type="image/jpeg" src="../img/sample-oils-background.jpg"/>
|
|
</picture>
|
|
</div>
|
|
<h5>CBD oil Sauvage</h5>
|
|
<div class="description">
|
|
<p>Our first experiment Sauvage is out !<br>
|
|
Read her story from seed to sale.</p>
|
|
</div>
|
|
<div class="click">
|
|
<button class="read">
|
|
<a href="#">Read</a>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<div class="theme" id="post2">
|
|
<div class="image">
|
|
<picture>
|
|
<source type="image/webp">
|
|
<img id="closeup" type="image/jpeg" src="../img/sample-oils-background.jpg"/>
|
|
</picture>
|
|
</div>
|
|
<h5>Wild Herbs</h5>
|
|
<div class="description">
|
|
<p>Our first experiment Sauvage is out !<br>
|
|
Read her story from seed to sale.</p>
|
|
</div>
|
|
<div class="click">
|
|
<button class="read">
|
|
<a href="#">Read</a>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<div class="theme" id="post3">
|
|
<div class="image">
|
|
<picture>
|
|
<source type="image/webp">
|
|
<img id="closeup" type="image/jpeg" src="../img/sample-oils-background.jpg"/>
|
|
</picture>
|
|
</div>
|
|
<h5>Wild Herbs</h5>
|
|
<div class="description">
|
|
<p>Our first experiment Sauvage is out !<br>
|
|
Read her story from seed to sale.</p>
|
|
</div>
|
|
<div class="click">
|
|
<button class="read">
|
|
<a href="#">Read</a>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</figure>
|
|
</div>
|
|
</div>
|
|
<div class="strip">
|
|
<h3>CBD News</h3>
|
|
<div class="grid">
|
|
<figure>
|
|
<div class="theme" id="post1">
|
|
<div class="image">
|
|
<picture>
|
|
<source type="image/webp">
|
|
<img id="closeup" type="image/jpeg" src="../img/sample-migraines-art.jpg"/>
|
|
</picture>
|
|
</div>
|
|
<h5 class= "downsize">CBD against migraines</h5>
|
|
<div class="description">
|
|
<p>CBD helps against migraines!<br>
|
|
Which cannabinoid have which effects on the brain</p>
|
|
</div>
|
|
<div class="click">
|
|
<button class="read">
|
|
<a href="#">Read</a>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<div class="theme" id="post2">
|
|
<div class="image">
|
|
<picture>
|
|
<source type="image/webp">
|
|
<img id="closeup" type="image/jpeg" src="../img/sample-migraines-art.jpg"/>
|
|
</picture>
|
|
</div>
|
|
<h5 class= "downsize">CBD against migraines</h5>
|
|
<div class="description">
|
|
<p>CBD helps against migraines!<br>
|
|
Which cannabinoid have which effects on the brain</p>
|
|
</div>
|
|
<div class="click">
|
|
<button class="read">
|
|
<a href="#">Read</a>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<div class="theme" id="post3">
|
|
<div class="image">
|
|
<picture>
|
|
<source type="image/webp">
|
|
<img id="closeup" type="image/jpeg" src="../img/sample-migraines-art.jpg"/>
|
|
</picture>
|
|
</div>
|
|
<h5 class= "downsize">CBD against migraines</h5>
|
|
<div class="description">
|
|
<p>CBD helps against migraines!<br>
|
|
Which cannabinoid have which effects on the brain</p>
|
|
</div>
|
|
<div class="click">
|
|
<button class="read">
|
|
<a href="#">Read</a>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</figure>
|
|
</div>
|
|
</div>
|
|
<div class="strip">
|
|
<h3 id="smaller">Perma<br>& culture News</h3>
|
|
<div class="grid">
|
|
<figure class ="single">
|
|
<div class="theme" id="shorter">
|
|
<div class="image">
|
|
<picture>
|
|
<source type="image/webp">
|
|
<img id="closeup" type="image/jpeg" src="../img/sample-aqua.jpg"/>
|
|
</picture>
|
|
</div>
|
|
<h5>Aquaculture</h5>
|
|
<div class="description">
|
|
<p>Find out how fish and plants can profit from each other.<br>
|
|
Here's what we found out.</p>
|
|
</div>
|
|
<div class="click">
|
|
<button class="read">
|
|
<a href="#">Read</a>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</figure>
|
|
</div>
|
|
</div>
|
|
<div class="strip">
|
|
<h3>Tech News</h3>
|
|
<div class="grid">
|
|
<figure class= "single">
|
|
<div class="theme" id= "tech">
|
|
<div class="image">
|
|
<picture>
|
|
<source type="image/webp">
|
|
<img id="closeup" type="image/jpeg" src="../img/sample-led.jpg"/>
|
|
</picture>
|
|
</div>
|
|
<h5>Light Sensors</h5>
|
|
<div class="description">
|
|
<p>Read about our experiments to find out the perfect lighting conditions for our plants.<br>
|
|
How light influences plants and how we manipulate it.</p>
|
|
</div>
|
|
<div class="click">
|
|
<button class="read">
|
|
<a href="#">Read</a>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</figure>
|
|
</div>
|
|
</div>
|
|
<div class="strip">
|
|
<h3>Tutorials</h3>
|
|
<div class="grid">
|
|
<figure class="single">
|
|
<div class="theme" id= "tutorials">
|
|
<div class="image">
|
|
<picture>
|
|
<source type="image/webp">
|
|
<img id="closeup" type="image/jpeg" src="../img/sample-diy.jpg"/>
|
|
</picture>
|
|
</div>
|
|
<h5 id="small">Water Flow Automation</h5>
|
|
<div class="description">
|
|
<p>Learn how to build a water automation for your plants.<br>
|
|
Here's how to do it.</p>
|
|
</div>
|
|
<div class="click">
|
|
<button class="read">
|
|
<a href="#">Read</a>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</figure>
|
|
</div>
|
|
</div>
|
|
<div class="strip2">
|
|
<div class="products">
|
|
<h3>Social Media</h3>
|
|
<div class="social">
|
|
<h5>Keep in touch !</h5>
|
|
<figure>
|
|
<picture>
|
|
<source type="image/webp">
|
|
<img id="post_1" src="../img/sample-post.jpg"/>
|
|
</picture>
|
|
|
|
<picture>
|
|
<source type="image/webp">
|
|
<img id="post_2" src="../img/sample-post.jpg"/>
|
|
</picture>
|
|
|
|
<picture>
|
|
<source type="image/webp">
|
|
<img class="desktop" id="post_3" src="../img/sample-post.jpg"/>
|
|
</picture>
|
|
</figure>
|
|
<div class="instagram">
|
|
<button id="insta"><a href="#"><img id="gram" type="image/svg+xml" src="../img/pixelfed.svg"></a></button>
|
|
<h5 id="account">@Cannabinieri_Official</h5>
|
|
</div>
|
|
<div class="youtube">
|
|
<button id="you"><a href="#"><img id="tube" type="image/svg+xml" src="../img/peertube.svg"></a></button>
|
|
<h5 id="account">@Cannabinieri_Official</h5>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|