71 lines
No EOL
2.4 KiB
HTML
71 lines
No EOL
2.4 KiB
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> |