rocket-3d/templates/assets/components/blog-content.html

<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>