60 lines
No EOL
2.1 KiB
HTML
60 lines
No EOL
2.1 KiB
HTML
<div class="page-wrapper">
|
|
<section class="title">
|
|
<div id="heading">
|
|
<h1>About a</h1>
|
|
<h1 id="two">Spider</h1>
|
|
</div>
|
|
<article>
|
|
<p class="short">Imagine <br class="mobile">a spider<br class="mobile"> doing your gardening.</p>
|
|
<i class="fa fa-angle-down"></i>
|
|
</article>
|
|
<div class="image">
|
|
<img type="image/webp" src="img/spider.svg" alt="spider">
|
|
</div>
|
|
</section>
|
|
<section id="about">
|
|
<p> <span>Spider Pi </span>is the garden hexapod we are working on.<br>
|
|
He is aimed to be a helper and walking database that recognizes disseases and pests in plants and knows how to fight them.<br>
|
|
He will help us understand how environmental conditions and relations between plants are connected to the spread of pests and disseases. <br>
|
|
In order for him to understand what we don't there is a lot of work to do and we can use your help.
|
|
</p>
|
|
</section>
|
|
|
|
<section id="links">
|
|
<div id="pi-link">
|
|
<div class="image">
|
|
<a href="spiderpi.html">
|
|
<img type="image/webp" src="img/sample-spiderpi.svg">
|
|
</a>
|
|
</div>
|
|
<div class="description">
|
|
<h3 class="heading">Spider <span>Pi</span></h3>
|
|
<p class="text">Learn about our project Spider Pi
|
|
and be part of the spider's journey to become a garden helper.<br>
|
|
Follow Spider Pi's progress and watch us training him step by step.<br>
|
|
Be part of our project from beginning to end and participate in if you like.</p>
|
|
</div>
|
|
<div class="page-button">
|
|
<a href="spiderpi.html">Learn</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="join-link">
|
|
<div class="image">
|
|
<a href="greenlab.html">
|
|
<h1 id="plus">&</h1>
|
|
</a>
|
|
</div>
|
|
<div class="description">
|
|
<h3 class="heading">Join</span></h3>
|
|
<p class="text">Become part of us.<br>
|
|
We can use your help to build and develope our garden spider !<br><br>
|
|
Let's create together.
|
|
</p>
|
|
</div>
|
|
<div class="page-button">
|
|
<a href="join.html">Join</a>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</div> |