templates/default/scrolling_numbers/widget.html.twig line 1

Open in your IDE?
  1. <div class="container mb-4 pl-0 pr-0">
  2. <div class="row">
  3. <div class="col-md p-0">
  4. <div class="text-center">
  5. <div class="row d-md-none pb-2 pt-3" style="font-family: Roboto !important; font-weight: normal !important; font-size: 12px;">
  6. <div class="col-4 px-0">
  7. <div class="py-1 d-flex flex-column">
  8. <i class="fa fa-user-circle-o fa-lg pb-2" style="color: #ff1e00"></i>
  9. <div id="odometer7" style="font-size: 20px; font-weight: bold;">123456</div>
  10. <strong>Jobsuchende</strong>
  11. </div>
  12. </div>
  14. <div class="col-4 px-0">
  15. <div class="py-1 d-flex flex-column">
  16. <i class="fa fa-briefcase fa-lg pb-2" style="color: #ff1e00"></i>
  18. <div id="odometer8" style="font-size: 20px; font-weight: bold;">12345</div>
  19. <strong>Arbeitgeber</strong>
  20. </div>
  21. </div>
  23. <div class="col-4 px-0">
  24. <div class="py-1 d-flex flex-column">
  25. <i class="fa fa-envelope-open fa-lg pb-2" style="color: #ff1e00"></i>
  26. <div id="odometer9" style="font-size: 20px; font-weight: bold;">12345</div>
  27. <strong>offene Stellen</strong>
  28. </div>
  29. </div>
  31. <div class="col-12 d-flex flex-row justify-content-center" style="font-size: 16px; font-family: Roboto !important; font-weight: normal !important;"><strong id="hundred-percent"></strong> </div>
  32. </div>
  33. <div class="row d-none d-md-flex d-lg-none pb-2" style="font-family: Roboto !important; font-weight: normal !important; font-size: 20px;">
  34. <div class="col-4 px-0">
  35. <div class="py-1 d-flex flex-column">
  36. <div id="odometer1" style="font-size: 36px; font-weight: bold; color: #ff1e00">123456</div>
  37. <strong>Jobsuchende</strong>
  38. </div>
  39. </div>
  41. <div class="col-4 px-0">
  42. <div class="py-1 d-flex flex-column">
  43. <div id="odometer2" style="font-size: 36px; font-weight: bold; color: #ff1e00">12345</div>
  44. <strong>Arbeitgeber</strong>
  45. </div>
  46. </div>
  48. <div class="col-4 px-0">
  49. <div class="py-1 d-flex flex-column">
  50. <div id="odometer3" style="font-size: 36px; font-weight: bold; color: #ff1e00"">12345</div>
  51. <strong>offene Stellen</strong>
  52. </div>
  53. </div>
  55. <div class="col-12 d-flex flex-row justify-content-center" style="font-size: 16px; font-family: Roboto !important; font-weight: normal !important;"><strong id="hundred-percent"></strong> </div>
  56. </div>
  57. <div class="row d-none d-lg-flex justify-content-center" style="font-family: Roboto !important; font-weight: normal !important; margin-left: 1px; margin-right: 1px;">
  59. <div class="col-4 pl-0">
  60. <div class="">
  61. <div class="d-flex flex-row justify-content-center align-items-end">
  62. <div class="px-0 pr-2 pb-2"><i class="fa fa-2x fa-user-circle-o" aria-hidden="true" style="color: #ff1e00 !important;"></i></div>
  63. <div class="px-0">
  64. <div id="odometer4"
  65. style="font-size: 36px; font-weight: bold;"
  66. >
  67. 123456
  68. </div>
  69. </div>
  70. <div class="px-0 pl-2 pb-3"><strong>Jobsuchende</strong></div>
  71. </div>
  72. </div>
  73. </div>
  75. <div class="col-4 px-2">
  76. <div class="">
  77. <div class="d-flex flex-row justify-content-center align-items-end">
  78. <div class="px-0 pr-2 pb-2"><i class="fa fa-2x fa-briefcase" aria-hidden="true" style="color: #ff1e00 !important;"></i></div>
  79. <div class="px-0">
  80. <div id="odometer5"
  81. style="font-size: 36px; font-weight: bold;"
  82. >
  83. 12345
  84. </div>
  85. </div>
  86. <div class="px-0 pl-2 pb-3"><strong>Arbeitgeber</strong></div>
  87. </div>
  88. </div>
  89. </div>
  91. <div class="col-4 pr-0">
  92. <div class="">
  93. <div class="d-flex flex-row justify-content-center align-items-end">
  94. <div class="px-0 pr-2 pb-2"><i class="fa fa-2x fa-envelope-open" aria-hidden="true" style="color: #ff1e00 !important;"></i></div>
  95. <div class="px-0">
  96. <div id="odometer6"
  97. style="font-size: 36px; font-weight: bold;"
  98. >
  99. 12345
  100. </div>
  101. </div>
  102. <div class="px-0 pl-2 pb-3"><strong>offene Stellen</strong></div>
  103. </div>
  104. </div>
  105. </div>
  106. <div class="col-12 mx-5 px-5"></div>
  107. </div>
  109. </div>
  110. </div>
  111. </div>
  112. </div>