templates/home/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}devis-facture.fr{% endblock %}
  5. {% block body %}
  7. <div class="container-fluid">
  8. {# IN ENTER RESPONSIVE #}
  9. <center class="text-center home_watch in-enter-resp" style="width: 100%; height: 100vh;">
  10. <img src="{{ asset('images/ICHIGO.webp') }}" class="img-fluid mt-auto"
  11. style="height: 5rem; width: auto; object-fit: cover; margin-top: 0px !important;" alt="">
  12. <div class="d-flex" style="margin-top: 10rem;">
  13. <div class="col">
  14. <img src="{{ asset('images/infinix.png') }}" class="img-fluid" alt="">
  15. </div>
  16. <div class="col">
  17. <img src="{{ asset('images/techno.png') }}" class="img-fluid" alt="">
  18. </div>
  19. <div class="col">
  20. <img src="{{ asset('images/itel.png') }}" class="img-fluid" alt="">
  21. </div>
  22. </div>
  23. <div class="d-flex justify-content-center" style="margin-top: 10rem;">
  24. <a href="/login" style="text-decoration: none;font-size: 3REM;DISPLAY: FLEX;ALIGN-ITEMS: CENTER;">
  25. <button class="btn btn-primary rounded-circle mt-2">
  26. <span class="arrow" style="
  27. FONT-SIZE: 2REM;
  28. ">➜</span>
  29. </button>
  30. <span class="ml-2 right-side-simple">CONTINUER</span>
  31. </a>
  32. </div>
  33. </center>
  34. <div class="row vh-100 in-enter">
  35. <div class="col-lg-8 col-md-12 col-sm-12 d-flex flex-column justify-content-center align-items-center">
  36. <img src="{{ asset('images/ICHIGO.webp') }}" class="img-fluid mt-auto"
  37. style="height: 8rem; width: auto; object-fit: cover;" alt="">
  38. <div class="partner d-flex mt-auto pb-5">
  39. <img src="{{ asset('images/infinix.png') }}" class="phone-brand" alt="">
  40. <img src="{{ asset('images/techno.png') }}" class="phone-brand" alt="">
  41. <img src="{{ asset('images/itel.png') }}" class="phone-brand" alt="">
  42. </div>
  43. </div>
  44. <div
  45. class="home_watch col-lg-4 col-md-12 col-sm-12 d-flex flex-column justify-content-center align-items-center">
  46. <div class="right-side ms-5">
  47. <h1>
  48. <span class="right-side-simple">TENDANCE &amp;</span><br>
  49. <span class="right-side-bold">ACCESSIBLE</span>
  50. </h1>
  51. <div class="mt-5">
  52. <a href="{{path('app_login')}}" style="text-decoration: none">
  53. <button class="btn btn-primary rounded-circle">
  54. <span class="arrow">&#10140;</span>
  55. </button>
  56. <span class="ml-2 right-side-simple">CONTINUER</span>
  57. </a>
  58. </div>
  59. </div>
  60. </div>
  61. </div>
  62. </div>
  65. {% endblock %}