cannabinieri website
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

46 lines
2.1 KiB

3 years ago
  1. <div class="page-wrapper">
  2. <div class="info">
  3. <h1>DIY</h1>
  4. <p>Automate yourself.<br><br>
  5. <span>Check out our guides!</span></p>
  6. <div class="image">
  7. </div>
  8. </div>
  9. <div class="things-container">
  10. <div class="strip">
  11. <div class="about">
  12. <h3>We want you to automate yourself !</h3>
  13. <p>Currently many tasks that used to be done by people are done by computers.<br>
  14. In agriculture there are many interesting projects going on that will soon replace farmworkers with software-engineers.<br><br>
  15. Automation is an amazing opportunity to get tasks done more efficiently and to collect data in order to get a better understanding on how things work.<br><br>
  16. Even though there are many people loosing their jobs while not being able to find a new job with their skillset that used to be valuable.<br><br>
  17. So we want everyone to get aquainted with automation, in order to keep working and keep contributing to the progress.<br><br>
  18. For that it is important to start small automation projects yourself that are fun, that make you learn and of which you profit.<br><br>
  19. <span>Start your first project now !</span>
  20. <br>
  21. </p>
  22. <div class="image">
  23. <!--add a video of a working iot module-->
  24. </div>
  25. </div>
  26. </div>
  27. <div class="strip2">
  28. <div class="products">
  29. <h3>Projects</h3>
  30. <div class="product">
  31. <div class="image">
  32. <img type=" image/webp"src="../img/sample-project.jpg"/>
  33. </div>
  34. <h5>Light, Light on off</h5>
  35. <p>Learn how to build an automatic lightswitch.<br><br>
  36. Manipulate the light using sensors.<br>
  37. Here could be projects like this one.<br>
  38. #a dummy text<br>
  39. </p>
  40. <div class="click">
  41. <button><a href="#">Start</a></button>
  42. </div>
  43. </div>
  44. </div>
  45. </div>
  46. </div>
  47. </div>