rocket-3d/templates/assets/components/whatsthat-content.html
2021-08-30 23:26:16 +02:00

59 lines
No EOL
3.7 KiB
HTML

<div class="page-wrapper">
<div class="info">
<h1>What's<br>that<span>?</span></h1>
<p>What <span> Permaculture </span> is <br class="mobile">and why we care.<br><br>
<span class="mobile">Find out!</span></p>
<div class="image">
<img type=" image/webp" src="../img/sample-wild.jpg"/>
</div>
</div>
<div class="culture-container">
<div class="strip">
<div class="about">
<h3> The design of a sustainable ecosystem.</h3>
<p id="first"> Permaculture is defined through<span id="twelve"><br>12 principles</span>.</p><br>
<ul>
<li><span># </span>Observe and interact</li>
<li><span># </span>Catch and store energy</li>
<li><span># </span>Obtain a yield</li>
<li><span># </span>Apply self-regulation and accept feedback</li>
<li><span># </span>Use and value renewable services and ressources</li>
<li><span># </span>Produce no waste</li>
<li><span># </span>Design from patterns to details</li>
<li><span># </span>Integrate rather than segregate</li>
<li><span># </span>Use small and slow solutions</li>
<li><span># </span>Use and value diversity</li>
<li><span># </span>Use edges and value the marginal</li>
<li><span># </span>Creatively use and respond to change</li>
</ul>
<p id="second">
All those principles are about a optimized use of our limited ressources while creating a sustaining value - a self-sufficient system that takes care of itself. <br>
In order to build such a system a lot of information is required and this information is gained with tech, <br> to ultimately reach the goal of an actual automatic garden that takes care of itself by the rules of nature.<br> This can be a longer text. It should include all info we want to share about no waste, renewable energy, fish, herbs and our experiments.<br> When we got the demeter seal we can also mention it here or that we are working on obtaining it now.<br>
This text is about what permaculture is, why it is useful, why and how we use it and how the definition can include robots, maybe no robots here and just what people need to know about us not using plastic, creating a biodynamic farm, working on renewable energy solutions and utilizing partnerplants for our experiments.<br>
#smthn' like that</p>
<div class="image">
<img type=" image/webp" src="../img/plants-in-bags-owned.jpeg"/>
</div>
</div>
</div>
<div class="strip2">
<div class="products">
<h3>Blog</h3>
<div class="product">
<div class="image">
<img type=" image/webp" src="../img/sample-post.jpg" />
</div>
<h5>Related post 1</h5>
<p>Short description.<br>
Might be about a specific relation or on some study or one of our experiments.<br>
#a dummy text<br>
</p>
<div class="click">
<button><a href="#">Read</a></button>
</div>
</div>
</div>
</div>
</div>
</div>