rocket-3d/templates/assets/components/permaculture-content.html
2021-08-25 15:03:32 +02:00

77 lines
No EOL
2.7 KiB
HTML

<div class="page-wrapper">
<section class="title">
<div id="heading">
<h1>Perma</h1>
<h1 id="two">Culture</h1>
</div>
<p class="short">We take part in a culture utilizing the patterns of our ecosystem.</p>
<div class="image">
<img type="image/webp" src="img/sample-net.jpg">
</div>
</section>
<section id="about">
<p> Permaculture is the way to design in synergy with nature.<br>
In order to use our planet's ressources in a sustainable way, we need to understand the design of nature. <br>
In order to find new organic solutions we created the PermApp, a way for everybody to store and explore environmental connections & utilize them for sustainable problem-solving.
</p>
</section>
<section id="links">
<div id="app-link">
<div class="image">
<a href="permapp.html">
<img id="icon" type="image/webp" src="img/permapp.svg"> <!--here could be an actual app icon or even an interactive canvas-->
<img id="icon-desktop" >
</a>
</div>
<div class="description">
<h3 class="heading">Perm<span>App</span></h3>
<p class="text">Try our PermApp <br>
Still and always in developement.<br>Explore and edit connections between the entities of our ecosystem !<br>
Create and use data to start your own Permaculture project.</p>
<ul class="additional">
<li> build our ecosystem</li>
<li> explore relations</li>
<li> available for Web</li>
<li> Mobile App coming soon #dummy</li>
</ul>
</div>
<div class="page-button">
<a href="permapp.html">Explore</a>
</div>
</div>
<div id="lab-link">
<div class="image">
<a href="greenlab.html">
<img id="organic" src="img/sample-fertilizer.svg">
</a>
</div>
<div class="description">
<h3 class="heading">Green<span>Lab</span></h3>
<p class="text">Learn about our 100% organic recipes for fertilizers and pesticides.</p>
<p class="text" class="additional">We only use plants out of our own garden for our products.<br><br>
Learn about how many plants cure and treat each other and how you can make use of their powers.
</div>
<div class="page-button">
<a href="greenlab.html">Learn</a>
</div>
</div>
<div id="about-link">
<div class="image">
<a href="whatsthat.html">
<h1 id="question">?</h1>
</a>
</div>
<div class="description">
<h3 class="heading">What's that <span>?</span></h3>
<p>Read about the design principles of <span>Permaculture</span> and how people animals and plants benefit.
<br>Permaculture helps us understand our planet and utilize its ressources to their full extend without exploiting them. </p>
</div>
<div class="page-button">
<a href="whatsthat.html">Read</a>
</div>
</div>
</section>
</div>