templates/static/home.html.twig line 1

Open in your IDE?
  1. <html>
  3. <head>
  4.     <link rel="preconnect" href="https://fonts.googleapis.com">
  5.     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  6.     <link
  7.             href="https://fonts.googleapis.com/css2?family=League+Spartan:wght@200&family=Poppins:ital,wght@0,600;1,800&display=swap"
  8.             rel="stylesheet">
  11.     <style>
  12.         body {
  13.             /* background: rgb(4, 58, 0);
  14.             background: linear-gradient(90deg, rgba(4, 58, 0, 1) 0%, rgba(4, 58, 0, 0.8029805672268908) 40%, rgba(4, 58, 0, 1) 100%); */
  15.             height: 100vh;
  16.             font-family: 'League Spartan', sans-serif;
  17.             font-family: 'Poppins', sans-serif;
  19.             font-weight: bold;
  20.         }
  22.         .contentContainer {
  23.             display: flex;
  24.             justify-content: center;
  25.             flex-direction: column;
  26.             align-items: center;
  27.             padding: 10%;
  28.             text-align: center;
  29.             padding-top: 1%;
  31.         }
  33.         .logo img {
  34.             width: 70%;
  35.             margin-top: 10px;
  36.         }
  38.         .storeImages img {
  39.             max-width: 200px;
  40.             margin: 30px;
  41.         }
  43.         .hwImage {
  44.             min-width: 230px;
  45.         }
  47.         .mainText {
  48.             margin-bottom: 70px;
  49.             margin-top: 70px;
  50.             color: #043A00 !important;
  51.             font-size: 19px;
  52.         }
  54.         .lotoImages {
  55.             display: flex;
  56.             justify-content: center;
  57.             margin-top: 50px;
  59.         }
  61.         .lotoImages img {
  62.             max-width: 200px;
  63.             margin: 20px;
  64.             background-color: #fff;
  65.             padding: 10px;
  66.             border-radius: 10px;
  67.             border: 4px solid #043a00;
  69.         }
  71.         .storeImages {
  72.             background-color: #043A00 !important;
  73.         }
  76.         @media (min-width:320px) {
  77.             .contentContainer {
  78.                 height: 100vh;
  79.             }
  80.         }
  82.         @media (min-width:480px) {
  83.             .contentContainer {
  85.                 height: 100vh;
  86.             }
  87.         }
  89.         @media (min-width:600px) {
  90.             .contentContainer {
  92.                 height: 100vh;
  93.             }
  95.         }
  96.         @media (max-width: 800px ) {
  97.             .storeImages a img{
  98.                 min-width: 250px !important;
  99.                 width: 250px !important;
  100.             }
  101.             .lotoImages{
  102.                 flex-wrap: wrap;
  103.             }
  104.             .contentContainer{
  105.                 height: auto !important;
  106.             }
  107.         }
  108.     </style>
  109. </head>
  111. <body>
  112.     <div id="app">
  113.         <div class="contentContainer">
  114.             <div class="logo">
  115.                 <img src="{{asset('assets/img/home/new_logos/Sigla_Color_CMYK_Landscape.jpg')}}" alt="">
  116.             </div>
  117.             <div class="lotoImages">
  118.                 <img src="{{ asset('assets/img/home/new_logos/Loto_6_49_RGB_Color.jpg')}}" alt="">
  119.                 <img src="{{ asset('assets/img/home/new_logos/Loto_5_40_RGB_Color.jpg') }}" alt="">
  120.                 <img src="{{ asset('assets/img/home/new_logos/Joker_RGB_Color.jpg') }}" alt="">
  121.             </div>
  122.             <div class="mainText">
  123.                 <h1>Pentru a cumpara Online, bilete de joc loteristice 6/49, 5/40 si Joker,</br> downloadeaza aplicatia
  124.                     Amparcat.</h1>
  125.             </div>
  126.             <div class="storeImages">
  127.                 <a href="https://apps.apple.com/ro/app/amparcat/id937197269?uo=4&mt=8"><img
  128.                         src="{{ asset('assets/img/home/available_ios_white.png') }}" alt=""></a>
  129.                 <a href="https://play.google.com/store/apps/details?id=com.tapptitude.amparcat&pli=1"><img
  130.                         src="{{ asset('assets/img/home/available_android_white.png') }}" alt=""></a>
  131.                 <a href="https://appgallery.huawei.com/app/C105627061"><img src="{{ asset('assets/img/home/huawei-appgallery1.png') }}" alt=""
  132.                         class="hwImage"></a>
  133.             </div>
  134.         </div>
  136.     </div>
  138. </body>
  140. </html>