|
|
- <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>
|
