playground.html 617 B

123456789101112131415161718192021222324
  1. ---
  2. ---
  3. <div class="card">
  4. <div class="card-body">
  5. <input type="color" class="form-control form-control-color" value="#206bc4" name="settings-primary" id="settings-theme-color" />
  6. </div>
  7. </div>
  8. <div class="card mt-4">
  9. <div class="card-body">
  10. <div class="row">
  11. <div class="col-3">
  12. <a href="" class="btn btn-primary">Button Primary</a>
  13. </div>
  14. <div class="col-3">
  15. <progress class="progress" max="100" value="70">70%</progress>
  16. </div>
  17. <div class="col-3">
  18. {% include "ui/illustration.html" image="boy-with-key.svg" class="d-block mx-auto" height=400 %}
  19. </div>
  20. </div>
  21. </div>
  22. </div>