src/Flexy/FrontBundle/templates/home/multiAccess.html.twig line 1

Open in your IDE?
  1. <html class="js-focus-visible" data-js-focus-visible="">
  2.     <head>
  4.     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  5.     <meta name="viewport" content="width=device-width, initial-scale=1">
  6.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  7.     <meta name="author" content="colorlib.com">
  8.     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/vegas/2.5.4/vegas.min.css" integrity="sha512-fSKum0u74TzF+eAXxBS0oIp3LlON1gd++1rifA0ZnQWKP2JXbCdomS2k0BDEM7v0se7mQOpOwedRw/lRsSPAaA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
  10.     <link href="bundles/flexyfront/assets/multiAccess/css/main.css" rel="stylesheet">
  11.     
  12.     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-alpha1/dist/css/bootstrap.min.css">
  13.     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  14.     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-alpha1/dist/js/bootstrap.bundle.min.js"></script>
  15.     <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
  17.     <script src="https://cdnjs.cloudflare.com/ajax/libs/vegas/2.5.4/vegas.min.js" integrity="sha512-lYAcY5E6LZVeNB3Pky37SxbYKzo8A68MzKFoPg5oTuolhRm36D+YRvkrAQS4JuKsaGYeJ5KA5taMEtpNlPUeOA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
  18.         <script>
  19.             $(document).ready(function(){
  20.                 $(".s004").vegas({
  21.                 slides: [
  22.                     { src: "bundles/flexyfront/assets/multiAccess/images/slide4.jpg" },
  23.                     { src: "bundles/flexyfront/assets/multiAccess/images/slide5.jpg" },
  24.                     { src: "bundles/flexyfront/assets/multiAccess/images/slide1.jpg" },
  25.                     //{ src: "images/slide2.jpg" },
  26.                     
  27.                 
  28.                 ],
  29.                 animation: [ 'kenburnsUp', 'kenburnsDown', 'kenburnsLeft', 'kenburnsRight' ]
  30.             });
  31.             });
  32.         </script>
  33. <style>
  35. .card {
  36.     border: none;
  37.     background: #eee
  38. }
  40. .search {
  41.     width: 100%;
  42.     margin-bottom: auto;
  43.     margin-top: 20px;
  44.     height: 50px;
  45.     background-color: #fff;
  46.     padding: 10px;
  47.     border-radius: 5px
  48. }
  50. .search-input {
  51.     color: white;
  52.     border: 0;
  53.     outline: 0;
  54.     background: none;
  55.     width: 0;
  56.     margin-top: 5px;
  57.     caret-color: transparent;
  58.     line-height: 20px;
  59.     transition: width 0.4s linear
  60. }
  62. .search .search-input {
  63.     padding: 0 10px;
  64.     width: 100%;
  65.     caret-color: #536bf6;
  66.     font-size: 19px;
  67.     font-weight: 300;
  68.     color: black;
  69.     transition: width 0.4s linear
  70. }
  72. .search-icon {
  73.     height: 34px;
  74.     width: 34px;
  75.     float: right;
  76.     display: flex;
  77.     justify-content: center;
  78.     align-items: center;
  79.     color: white;
  80.     background-color: #536bf6;
  81.     font-size: 10px;
  82.     bottom: 30px;
  83.     position: relative;
  84.     border-radius: 5px
  85. }
  87. .search-icon:hover {
  88.     color: #fff !important
  89. }
  91. a:link {
  92.     text-decoration: none
  93. }
  95. .card-inner {
  96.     position: relative;
  97.     display: flex;
  98.     flex-direction: column;
  99.     min-width: 0;
  100.     word-wrap: break-word;
  101.     background-color: #fff;
  102.     background-clip: border-box;
  103.     border: 1px solid rgba(0, 0, 0, .125);
  104.     border-radius: .25rem;
  105.     border: none;
  106.     cursor: pointer;
  107.     transition: all 0.5s
  108. }
  110. .card-inner:hover {
  111.     transform: scale(1.1)
  112. }
  114. .mg-text span {
  115.     font-size: 12px
  116. }
  118. .mg-text {
  119.     line-height: 14px
  120. }
  122. </style>
  124.     </head>
  125.     <body cz-shortcut-listen="true">
  126.     <div class="s004">
  127.     
  128.     <form>
  129.         <div style="float: right;text-align: center;"> <a title="Compte vendeur" href="{{path('shop_vendor')}}"> <span style="font-size: 8px !important;font-weight: 500;text-transform: uppercase;color:#fff"> <i  style="font-size: 50px;" class="fa fa-user-circle-o" aria-hidden="true"></i> <br> <p>Compte vendeur </p> </span></a>
  130.    </div>
  131.     <fieldset>
  132.     <legend> 
  133.         <img src="bundles/flexyfront/assets/multiAccess/images/logo.png" width="250"/> <br>
  134.        
  135.     </legend>
  136.     
  137.     <div class="inner-form" style="text-align: center;">
  138.      {#<div class="input-field">
  139.     <div class="choices" data-type="text" aria-haspopup="true" aria-expanded="false" dir="ltr">
  140.               <div class="choices__inner"><input class="form-control choices__input is-hidden" id="choices-text-preset-values" type="text" placeholder="Recherche..." tabindex="-1" style="display:none;" aria-hidden="true" data-choice="active" value=""><div class="choices__list choices__list--multiple"></div><input type="text" class="choices__input choices__input--cloned" autocomplete="off" autocapitalize="off" spellcheck="false" role="textbox" aria-autocomplete="list" placeholder="Recherche..." style="width: 109px;"></div><div class="choices__list choices__list--dropdown" aria-expanded="false">
  141.               </div></div>
  142.     <button class="btn-search" type="button">
  143.     <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
  144.     <path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"></path>
  145.     </svg>
  146.     </button>
  147.     </div> #}
  148.     
  149.     </div>
  150.     
  152.     <div class="row mt-12 g-1 px-4 mb-5">
  153.         <div class="col-md-3">
  154.             <div class="card-inner p-3 m-2 d-flex flex-column align-items-center" style="background-color: #ffffff90;">
  155.                 <a href="{{path('front_home')}}">
  156.                  <img src="bundles/flexyfront/assets/multiAccess/images/shop.png" class="p-3" width="80">
  157.                 <div class="text-center mg-text"> <span class="choices__input choices__input--cloned mg-text">MARKETPLACE</span> 
  158.                 </a>
  159.                 </div>
  160.             </div>
  161.         </div>
  164.         <div class="col-md-3">
  165.             <div class="card-inner p-3 m-2 d-flex flex-column align-items-center" style="background-color: #ffffff90;">
  166.                   <a href="{{path('index_announce')}}">
  167.                  <img src="bundles/flexyfront/assets/multiAccess/images/deal.png" class="p-2" width="80">
  168.                 <div class="text-center mg-text"> <span class="choices__input choices__input--cloned mg-text"> PARTICULIER</span>
  169.                  </a>
  170.                  </div>
  171.             </div>
  172.         </div>
  173.       
  174.         <div class="col-md-3">
  175.             
  176.               <a href="{{path('index_booking')}}">
  177.             <div class="card-inner p-3 m-2 d-flex flex-column align-items-center" style="background-color: #ffffff90;"> <img src="bundles/flexyfront/assets/multiAccess/images/calendar.png" class="p-3" width="80">
  178.                 <div class="text-center mg-text"> <span class="choices__input choices__input--cloned mg-text"> SERVICE</span> </div>
  179.             </div>
  180.             </a>
  181.         </div>
  183.         <div class="col-md-3">
  184.                 <a href="{{path('index_deals')}}">
  185.             <div class="card-inner p-3 m-2 d-flex flex-column align-items-center" style="background-color: #ffffff90;"> <img src="bundles/flexyfront/assets/multiAccess/images/package.png" class="p-3" width="80">
  186.                 <div class="text-center mg-text"> <span class="choices__input choices__input--cloned mg-text"> DEALS</span> </div>
  187.             </div>
  188.             </a>
  189.         </div>
  190.        
  191.        
  192.     </div>
  193.     
  194.      
  195.     </fieldset>
  196.     </form>
  197.     </div>
  198.  
  199.     
  200.    
  201.     
  202.     </body>