templates/main/slide.html.twig line 1

Open in your IDE?
  1. <div class="w3-container w3-padding-large w3-round-large w3-hover-teal w3-small" style="height: 200px;min-height: 150px;max-height: 200%;overflow: hidden;vertical-align: central;background-size: 100%;background-position: center; opacity: 0.8;" style_2='background:url({{ asset('image/beb.webp') }}) no-repeat;background-size: 100%;background-position: center'>
  4. <div class="w3-content w3-center w3-third w3-round-xxlarge w3-padding" style="height: 100%;min-height: 100%;max-height: 100%;">
  7. <div class="mySlides w3-container w3-animate-left" min-height="100%">
  8. <h3><b>{% trans %}Dear parents register your births from
  9. this platform to avoid any inconvenience later
  10. {% endtrans %}</b></h3>
  11. </div>
  14. <div class="mySlides w3-container w3-animate-left" min-height="100%">
  15. <h3><b>{% trans %}Now a systematic solution for taking into account births{% endtrans %}</b></h3>
  16. </div>
  19. <div class="mySlides w3-container w3-animate-left" min-height="100%">
  20. <h3><b>{% trans %}No child without birth certificate {% endtrans %}</b></h3>
  21. </div>
  25. <div class="mySlides w3-container w3-animate-left" min-height="100%">
  26. <h3><b>{% trans %}No more problems when drawing up a birth certificate{% endtrans %}</b></h3>
  27. </div>
  31. <div class="mySlides w3-container w3-animate-left" min-height="100%">
  32. <h3><b>{% trans %}town halls will now be able to collect news on new births with ease {% endtrans %}</b></h3>
  33. </div>
  41. <div class="mySlides w3-container w3-animate-left" min-height="100%">
  42. <h3><b>{% trans %}active and increased participation of all
  43. actors linked to the establishment of a birth certificate{% endtrans %}</b></h3>
  44. </div>
  50. <div class="mySlides w3-container w3-animate-left " min-height="100%">
  51. <h3><b>{% trans %}no more statelessness{% endtrans %}</b></h3>
  52. </div>
  58. <div class="mySlides w3-container w3-animate-left" min-height="100%">
  59. <h3><b>{% trans %}no more blockages to the vine due to the lack of an identity document{% endtrans %}</b></h3>
  60. </div>
  62. </div>
  68. <div class="w3-content w3-center w3-third w3-round-xxlarge w3-padding " style="height: 100%;min-height: 100%;max-height: 100%;">
  71. <div class="Slides w3-container w3-animate-right" min-height="100%">
  72. <h3><b>{% trans %}Dear parents register your births from
  73. this platform to avoid any inconvenience later
  74. {% endtrans %}</b></h3>
  75. </div>
  78. <div class="Slides w3-container w3-animate-right" min-height="100%">
  79. <h3><b>{% trans %}Now a systematic solution for taking into account births{% endtrans %}</b></h3>
  80. </div>
  83. <div class="Slides w3-container w3-animate-right" min-height="100%">
  84. <h3><b>{% trans %}No child without birth certificate {% endtrans %}</b></h3>
  85. </div>
  89. <div class="Slides w3-container w3-animate-right" min-height="100%">
  90. <h3><b>{% trans %}No more problems when drawing up a birth certificate{% endtrans %}</b></h3>
  91. </div>
  95. <div class="Slides w3-container w3-animate-right" min-height="100%">
  96. <h3><b>{% trans %}town halls will now be able to collect news on new births with ease {% endtrans %}</b></h3>
  97. </div>
  105. <div class="Slides w3-container w3-animate-right " min-height="100%">
  106. <h3><b>{% trans %}active and increased participation of all
  107. actors linked to the establishment of a birth certificate{% endtrans %}</b></h3>
  108. </div>
  114. <div class="Slides w3-container w3-animate-right" min-height="100%">
  115. <h3><b>{% trans %}no more statelessness{% endtrans %}</b></h3>
  116. </div>
  122. <div class="Slides w3-container w3-animate-right" min-height="100%">
  123. <h3><b>{% trans %}no more blockages to the vine due to the lack of an identity document{% endtrans %}</b></h3>
  124. </div>
  126. </div>
  132. <div class="w3-content w3-center w3-third w3-round-xxlarge w3-padding " style="height: 100%;min-height: 100%;max-height: 100%;">
  135. <div class="slide w3-container w3-animate-right" min-height="100%">
  136. <h3><b>{% trans %}Dear parents register your births from
  137. this platform to avoid any inconvenience later
  138. {% endtrans %}</b></h3>
  139. </div>
  142. <div class="slide w3-container w3-animate-right" min-height="100%">
  143. <h3><b>{% trans %}Now a systematic solution for taking into account births{% endtrans %}</b></h3>
  144. </div>
  147. <div class="slide w3-container w3-animate-right" min-height="100%">
  148. <h3><b>{% trans %}No child without birth certificate {% endtrans %}</b></h3>
  149. </div>
  153. <div class="slide w3-container w3-animate-right" min-height="100%">
  154. <h3><b>{% trans %}No more problems when drawing up a birth certificate{% endtrans %}</b></h3>
  155. </div>
  159. <div class="slide w3-container w3-animate-right" min-height="100%">
  160. <h3><b>{% trans %}town halls will now be able to collect news on new births with ease {% endtrans %}</b></h3>
  161. </div>
  169. <div class="slide w3-container w3-animate-right " min-height="100%">
  170. <h3><b>{% trans %}active and increased participation of all
  171. actors linked to the establishment of a birth certificate{% endtrans %}</b></h3>
  172. </div>
  178. <div class="slide w3-container w3-animate-right" min-height="100%">
  179. <h3><b>{% trans %}no more statelessness{% endtrans %}</b></h3>
  180. </div>
  186. <div class="slide w3-container w3-animate-right" min-height="100%">
  187. <h3><b>{% trans %}no more blockages to the vine due to the lack of an identity document{% endtrans %}</b></h3>
  188. </div>
  190. </div>
  192. </div>
  196. <script>
  197. var slideIndex = 0;
  198. carousel();
  199. carousel2();
  200. carousel3();
  202. function carousel() {
  203. var i;
  204. var x = document.getElementsByClassName("mySlides");
  205. for (i = 0; i < x.length; i++) {
  206. x[i].style.display = "none";
  207. }
  208. slideIndex++;
  209. if (slideIndex > x.length) {slideIndex = 1}
  210. x[slideIndex-1].style.display = "block";
  211. setTimeout(carousel, 10000);
  212. }
  214. function carousel2() {
  215. var i;
  216. var x = document.getElementsByClassName("Slides");
  217. for (i = 0; i < x.length; i++) {
  218. x[i].style.display = "none";
  219. }
  220. slideIndex++;
  221. if (slideIndex > x.length) {slideIndex = 1}
  222. x[slideIndex-1].style.display = "block";
  223. setTimeout(carousel2, 10000);
  224. }
  225. function carousel3() {
  226. var i;
  227. var x = document.getElementsByClassName("slide");
  228. for (i = 0; i < x.length; i++) {
  229. x[i].style.display = "none";
  230. }
  231. slideIndex++;
  232. if (slideIndex > x.length) {slideIndex = 1}
  233. x[slideIndex-1].style.display = "block";
  234. setTimeout(carousel3, 10000);
  235. }
  236. </script>