rocket-3d/templates/assets/components/permaculture-content.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>