index.html 1018 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1">
  6. <title>sms-receiver ~ Public phone numbers</title>
  7. <link href="/static/min.css" rel="stylesheet" type="text/css">
  8. <style>
  9. .hero {
  10. background: #eee;
  11. padding: 20px;
  12. border-radius: 10px;
  13. margin-top: 1em;
  14. }
  15. .hero h1 {
  16. margin-top: 0;
  17. margin-bottom: 0.3em;
  18. }
  19. .c4 {
  20. padding: 10px;
  21. box-sizing: border-box;
  22. }
  23. .c4 h3 {
  24. margin-top: 0;
  25. }
  26. .c4 a {
  27. margin-top: 10px;
  28. display: inline-block;
  29. }
  30. </style>
  31. </head>
  32. <body>
  33. {% include 'nav.html' %}
  34. <div class="container">
  35. <div class="row">
  36. {% for number in numbers %}
  37. <div class="col c4"><h3><img src="/static/img/flags/{{ number.country.lower() }}.png"> +{{ number.msisdn }}</h3>From: {{ number[1] }}<br>{{ number[0] }}<br><a href="/public/{{ number.uid }}" class="btn btn-sm btn-a">View SMS!</a></div>
  38. {% endfor %}
  39. </div>
  40. </body>
  41. </html>