projects.html 1.8 KB

123456789101112131415161718192021222324252627282930313233343536373839
  1. <section id="projects">
  2. <div class="wrapper">
  3. <div class="text-center">
  4. <h1 class="blue-title">Projects</h1>
  5. </div>
  6. <div id="vertical-timeline" class="light-timeline">
  7. <div class="vertical-timeline-block">
  8. <div class="vertical-timeline-icon">
  9. <i class="fa fa-paw" aria-hidden="true"></i>
  10. </div>
  11. <div class="vertical-timeline-content">
  12. <h4><a>Minetest Programming</a></h4>
  13. <p>
  14. <span>We provide education materials and training on how to program Minetest Mods and utilize Mesecons.</span>
  15. <!--<div>
  16. <iframe src="https://ghbtns.com/github-btn.html?user=songkong&repo=Blog&type=star&count=true" frameborder="0" scrolling="0" width="170px" height="20px"></iframe>
  17. <iframe src="https://ghbtns.com/github-btn.html?user=songkong&repo=Blog&type=fork&count=true" frameborder="0" scrolling="0" width="170px" height="20px"></iframe>
  18. </div>-->
  19. </p>
  20. </div>
  21. </div>
  22. <div class="vertical-timeline-block">
  23. <div class="vertical-timeline-icon">
  24. <i class="fa fa-sun-o" aria-hidden="true"></i>
  25. </div>
  26. <div class="vertical-timeline-content">
  27. <h4><a>Python Programming</a></h4>
  28. <p>
  29. <span>Contact us today about implementing Python Programming in the classroom!</span>
  30. </p>
  31. <!--<img src="../assets/images/pocket-weather.jpg"/>-->
  32. </div>
  33. </div>
  34. </div>
  35. </div>
  36. </section>