logo

Contenu

Modèles de contenus

Code :

  1. <div class="container is-fluid">
  2. <section class="section">
  3. <div class="container has-text-centered">
  4. <div class="block"><img src="../../all-css/placeholder/icons/unicorn.svg" alt=""></div>
  5. <p>Our mission is not to outsell Hooli with a product like their latest Box 3. We are not
  6. in it for the money -
  7. we are in it to make the whole world decentralized. To give you control over your data.
  8. To change by the
  9. internet as we know it by integrating a very important feature into it - freedom.</p>
  10. </div>
  11. </section>
  12. </div>

Code :

  1. <div class="container is-fluid">
  2. <section class="section">
  3. <div class="container has-text-centered">
  4. <h2 class="title">Decentralized, secure, private.</h2>
  5. <div class="block"><img src="../../all-css/placeholder/icons/unicorn.svg" alt="">
  6. <img src="../../all-css/placeholder/icons/unicorn.svg"
  7. alt=""><img src="../../all-css/placeholder/icons/unicorn.svg" alt=""></div>
  8. <p>Our mission is not to outsell Hooli with a product like their latest Box 3.
  9. We are not in it for the money -
  10. we are in it to make the whole world decentralized. To give you control over your data.
  11. To change by the
  12. internet as we know it by integrating a very important feature into it - freedom.</p>
  13. </div>
  14. </section>
  15. </div>

Code :

  1. <div class="container is-fluid">
  2. <section class="section">
  3. <div class="container has-text-centered">
  4. <div class="level">
  5. <div class="level-item has-text-centered"><a href="#">
  6. <figure class="image is-128x128"><img
  7. src="https://bulma.dev/placeholder/pictures/bg_square.svg?primary=00d1b2" alt="">
  8. </figure>
  9. </a></div>
  10. </div>
  11. <h2 class="title">Learn more about PiperNet</h2>
  12. <p>Our mission is not to outsell Hooli with a product like their latest Box 3.
  13. We are not in it for the money -
  14. we are in it to make the whole world decentralized. To give you control over your data.
  15. To change by the
  16. internet as we know it by integrating a very important feature into it - freedom.</p>
  17. </div>
  18. </section>
  19. </div>

Code :

  1. <div class="container is-fluid">
  2. <section class="section">
  3. <div class="container has-text-centered">
  4. <h2 class="title">The New Internet</h2>
  5. <iframe src="https://www.youtube.com/embed/OtDxDvCpPL4" width="760" height="480"
  6. style="height: 480px"
  7. allowfullscreen></iframe>
  8. </div>
  9. </section>
  10. </div>

Code :

  1. <div class="container is-fluid">
  2. <section class="section">
  3. <div class="container">
  4. <div class="columns is-vcentered">
  5. <div class="column is-6">
  6. <h2 class="title is-spaced">The New Internet</h2>
  7. <p class="subtitle">Our mission is not to outsell Hooli with a product like their
  8. latest Box 3. We are not
  9. in it for the money - we are in it to make the whole world decentralized.</p>
  10. </div>
  11. <div class="column is-6">
  12. <iframe src="https://www.youtube.com/embed/OtDxDvCpPL4" width="600" height="338"
  13. style="height: 338px"
  14. allowfullscreen></iframe>
  15. </div>
  16. </div>
  17. </div>
  18. </section>
  19. </div>

Code :

  1. <div class="container is-fluid">
  2. <section class="section">
  3. <div class="container">
  4. <div class="columns is-vcentered">
  5. <div class="column is-6">
  6. <iframe src="https://www.youtube.com/embed/OtDxDvCpPL4" width="600" height="338"
  7. style="height: 338px" allowfullscreen></iframe>
  8. </div>
  9. <div class="column is-6">
  10. <div class="block">
  11. <figure class="image is-32x32"><img src="../../all-css/placeholder/icons/unicorn.svg"
  12. alt=""></figure>
  13. </div>
  14. <h5 class="title is-spaced is-5">Videos</h5>
  15. <p class="subtitle">Our mission is not to outsell Hooli with a product like their
  16. latest Box 3. We are not
  17. in it for the money - we are in it to make the whole world decentralized.</p>
  18. <div class="buttons"><a class="button is-primary" href="#">Join us</a>
  19. <a class="button is-text" href="#">Watch more</a></div>
  20. </div>
  21. </div>
  22. </div>
  23. </section>
  24. </div>