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

<div class="page-wrapper">
	<section class="title">
		<div id="heading">
		<h1 id="two">Green</h1>
		<h1 id="one">Tech</h1>
		</div>
		<p class="short">Start building your own automatic greenhouse with the IoT.</p>
		<div class="image">
		<!--Threejs Canvas-->
		<canvas id = "artifactCanvas"></canvas>
	</section>
	<section id="about">
			<p> Greentech or the use of the IoT in agriculture is increasing but due to high costs and complexity not accessible to everyone.<br>
				We want you to be able to create your own automatic greenhouse with our DiY solutions.<br>
				<span>Explore our projects and get inspired.</span>
			</p>
			</section>

	<section id="links">
		<div id="auto-link">
			<div class="image">
				<a href="automation.html">
					<!--insert a video here-->
				</a>
			</div>
			<div class="description">
				<h3 class="heading">Automation</h3>
				<p class="text">Read about our greenhouse-automation projects.<br>
				We are at the beginning of our journey.<br>We are currently refurbishing the greenhouse<br> that will soon be our first fully automized prototype.
				#dummy text<br><br>
				<span>Learn where we'll be going and where we stand. </span></p>
			</div>
			<div class="page-button">
				<a href="automation.html">Read</a>
			</div>
		</div>

		<div id="tools-link">
			<div class="image">
				<a href="greenlab.html">
					<!--add a picture of an automation application in use-->
				</a>
			</div>
			<div class="description">
				<h3 class="heading">Io<span>Things</span></h3>
				<p class="text">Explore the Things that take care of our plants.<br>
				We are currently working on the developement <br>of systems that help us automize our greenhouse step by step.<br><br>
					<span>Read about current and future projects.</span>
			</div>
			<div class="page-button">
				<a href="greenlab.html">Read</a>
			</div>
		</div>

		<div id="you-link">
			<div class="image">
				<a href="whatsthat.html">
				</a>
			</div>
			<div class="description">
				<h3 class="heading">Di<span><i class="fa fa-check"></i></span></h3>
				<p>Check out our tutorials and code.<br>
				<br>Everybody should know how to automate a garden and grow superlocal organic crops.<br><br>
				Here you can find tutorials on building IoT solutions and the code that brings them to life.
			</div>
			<div class="page-button">
				<a href="whatsthat.html">Do it</a>
			</div>
		</div>
	</section>
</div>