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.
77 lines
2.7 KiB
77 lines
2.7 KiB
<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>
|