templates/AppTemplates/layout/footer.html.twig line 1

Open in your IDE?
  1. <!-- Link header css -->
  2. <style>
  3.    .tate {
  4.       position: relative;
  5.       width: 100%;
  6.       display: flex;
  7.       z-index:10;
  8.       justify-content: space-between;
  9.       overflow: hidden;
  10.       padding: 120px 9% 60px;
  11.       background-image:linear-gradient(to bottom, rgb(255 255 255 / 44%), #f2f2f2 3%)
  12.    }
  13.    
  14.    .tate .footerlogo {
  15.       margin-bottom: 15px;
  16.       opacity:0.85;
  17.    }
  18.    
  19.    .tate div h5,
  20.    .tate div p,
  21.    .tate div p i,
  22.    .tate div p a {
  23.       color: #6f6f6f;
  24.       font-weight:400;
  25.    }
  26.    
  27.    .tate div h5 {
  28.       font-family: 'Poppins';
  29.       font-size: 18px;
  30.       padding-bottom: 25px;
  31.       font-weight:500;
  32.    }
  33.    
  34.    .tate div h5::before {
  35.       content: '';
  36.       display: block;
  37.       background-color: #2d4275;
  38.       height: 3px;
  39.       width: 45px;
  40.       visibility: hidden;
  41.       transform: translateY(38px) translateX(30px);
  42.    }
  43.    
  44.    .tate div h5::after {
  45.       content: '';
  46.       display: block;
  47.       background-color: #fca311;
  48.       height: 3px;
  49.       width: 30px;
  50.       transform: translateY(7px);
  51.    }
  52.    
  53.    .tate div p {
  54.       margin-bottom: 5px;
  55.    }
  56.    
  57.    .tate div p i {
  58.       margin-right: 7px;
  59.    }
  60.    
  61.    .hagrouna__1 {
  62.       position: absolute;
  63.       top: 0;
  64.       left: 0;
  65.       width:80%;
  66.       margin-left:10%;
  67.       height: 100%;
  68.       background-attachment: fixed;
  69.       background-image:linear-gradient(200deg, #f2f2f2 36%, #ff9d1c 60%, #ffffff 40%)!important;
  70.       clip-path: ellipse(65% 0.75% at 50% 1%);
  71.       z-index:10;
  72.    }
  73.    
  74.    .spini {
  75.         position:absolute;
  76.         top  :35%;
  77.         right:41%;
  78.         width :32px;
  79.         height:32px;
  80.         border:solid 3px #fca311;
  81.         border-radius:50%;
  82.         display:flex;
  83.         align-items:center;
  84.         justify-content:center;
  85.         z-index:3;
  86.    }
  88.    .spini i {
  89.       color:#2d4275;
  90.       font-size:18px;
  91.       margin-top:2px;
  92.    }
  93. </style>
  97. <!-- HTML Footer -->
  98. <footer class="tate">
  100.    {% if uri == 'galerie' %}
  101.                <div class="hagrouna__1"></div>
  102.    {% endif %}
  103.    <div style="width:20%;position:relative" class="footerClass">
  104.       <!--span class="spini"><i class="fas fa-circle"></i></span-->
  105.       <img class="footerlogo" src="{{asset('img/dzdz.webp')}}" alt="" style="width:80%;height:70%;margin-left:10%">
  106.       <p style="margin-bottom:15px;text-align:center;font-weight: 700;color: #172f62;">{{'Votre sécurité est notre priorité.'|trans}}</p>
  107.    </div>
  108.    <div class="elementDivFooter">
  109.       <h5>{{'Nos services'|trans}}</h5>
  110.       <p>{{'Gardiennage'|trans}}</p>
  111.       <p>{{'Evenementiel'|trans}}</p>
  112.       <p>{{'Transport de fond'|trans}}</p>
  113.       <p>{{'Produits sensible'|trans}}</p>
  114.       <p>{{'Formation'|trans}}</p>
  115.    </div>
  116.    <div class="elementDivFooter">
  117.       <h5>{{'Liens utiles'|trans}}</h5>
  118.       <p>{{'Galerie'|trans}}</p>
  119.       <p>{{'Contact'|trans}}</p>
  120.    </div>
  121.    <div class="elementDivFooter" style="padding-bottom:0">
  122.       <h5>{{'Information'|trans}}</h5>
  123.       <p style="margin-bottom:10px">
  124.          Inscrivez-vous pour recevoir toutes nos actualités en avant-première
  125.          <br>
  126.          <i class="fas fa-calendar-minus" style="color:#252525"></i> 12/12/2024
  127.       </p>
  128.    </div>
  129. </footer>