templates/Omelo/Corporative/view.html.twig line 1

Open in your IDE?
  1. {% extends 'frontend/base.html.twig' %}
  2. {% block CSS %}
  3.     {{block('CSS', 'frontend/homepage.html.twig')}}
  4.     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-eOJMYsd53ii+scO/bJGFsiCZc+5NDVN2yr8+0RDqr0Ql0h+rP48ckxlpbzKgwra6" crossorigin="anonymous">
  5.     <link href="https://cdnjs.cloudflare.com/ajax/libs/mdb-ui-kit/3.3.0/mdb.min.css" rel="stylesheet"/>
  6.     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
  7.     <style>
  8.         .body,h1,h2,p{
  9.             background-color: white;
  10.             margin:0;
  11.         }
  12.         .mainTitle{
  13.              text-align: center;
  14.             font-weight: bold;
  15.             padding-top: 50px;
  16.         }
  17.         .subTitle1{
  18.             padding-top:50px;
  19.             text-align: center;
  21.         }
  23.         .subTitle2{
  24.             text-align: center;
  25.             font-size: 20px; 
  26.             color: black;
  27.         }
  28.         .corpo{
  29.             background-color: white;
  30.         }
  31.         .itemTitle{
  32.             font-weight:bold;
  33.             font-size: 24px; 
  34.         }
  35.         div.content {
  36.                     padding-top:10px;    
  38.         }
  40.         .content-caption {
  41.             font-size: 30px;
  42.             font-family: NunitoSans-SemiBold, serif;
  43.             line-height: 1;
  44.         }
  46.         .content-description {
  47.             color: #777777 !important;
  48.             font-size: 15px;
  49.             font-family: NunitoSans-Light, serif;
  50.             margin: 3% auto;
  51.         }
  53.         .content a {
  54.             font-size: 16px;
  55.             font-family: NunitoSans-Bold, serif;
  56.             color: #53A321 !important;
  57.             cursor: pointer;
  58.         }
  60.         .content a:hover {
  61.             color: #67cc29 !important;
  62.         }
  64.         .content-btn, .content-btn {
  65.             margin: 2% auto;
  66.         }
  67.         .container{
  68.             margin-inline:  auto;
  69.         }
  71.         @media screen and (min-width: 576px) {
  72.             div.content {
  73.                 width: 70%%;
  74.                 margin: 25px auto;
  75.                 text-align: center;
  76.             }
  77.             .corpoItems {
  78.                 display:flex;
  79.                 flex-direction: row;
  80.                 justify-content :center;
  81.                 align-items:center;
  82.             
  83.             }
  84.             .corpoItemsReverse {
  85.                 display:flex;
  86.                 flex-direction: row-reverse;
  87.                 justify-content :center;
  88.                 align-items:center;
  89.             
  90.             }
  91.             .corpoItemsReverse  > * {
  92.                 padding-top:0px;
  93.                 flex-basis:100%;
  94.             }
  95.             .corpoItemsReverse > * + * {
  96.                 margin-right:10em;
  97.             }
  98.             .corpoItems  > * {
  99.                 padding-top:50px;
  100.                 flex-basis:100%;
  101.             }
  102.             
  103.             .corpoItems > * + * {
  104.                 margin-left:10em;
  105.             }
  106.             
  107.         }
  108.     </style>
  109. {% endblock %}
  110. {% block JS %}
  111.     <script src="{{ asset('build/admin/user.js') }}"></script>
  112.     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/js/bootstrap.bundle.min.js" integrity="sha384-JEW9xMcG8R+pH31jmWH6WWP0WintQrMb4s7ZOdauHnUtxwoG2vI5DkLtS3qm9Ekf" crossorigin="anonymous"></script>
  113.     <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/mdb-ui-kit/3.3.0/mdb.min.js"></script>
  115.     {{block('JS', 'frontend/homepage.html.twig')}}
  116. {% endblock %}
  117. {% block title %}{% endblock %}
  118. {% block metaDescription %}{% endblock %}
  119. {% block content %}
  121. <div class="homepage-header" style="">
  122.     <img src="{{asset('/assets/frontend/images/BanniereNoel.png')}}" style="width:100%;height:auto;">
  123. </div>
  124. <h1 class="content mainTitle">Offres Corporatives</h1>
  125. <h2 class="content subTitle1">ENSEMBLES-CADEAUX & BOÎTES-DÉGUSTATION DU QUÉBEC.</h2>
  126. <div class="content container">
  127.     <div class="subTitle2" style="margin-bottom: 30px;">Vous recherchez un cadeau pour remercier vos employés et vos clients ? Chez Maturin, on offre une sélection d’ensemble-cadeaux et d’ensemble-repas prêts-à-livrer que vous pouvez personnaliser selon vos préférences, vos goûts et votre budget. Découvrez les produits artisanaux du Québec! Offre à partir de 30$.</div>
  128.     
  129.     <a href="mailto:jonathan@maturin.ca" class="mt-3" style="font-size:20px;">
  130.         <div class="col-lg-3 col-4 p-2 p-md-none" style="background-color:#53a321;color:white !important;;margin: auto;">
  131.             Demander une soumission
  132.         </div>
  133.     </a>
  134. </div>
  136. <div class="row justify-content-around" style="width:90%;margin:50px auto;">
  137.     <div class="col-lg-6 col-12">
  138.         <div class="row" style="text-align: center;">
  139.             <div class="col-lg-5 col-8" style="margin:20px auto;">
  140.                 <img src="{{asset('/assets/frontend/images/Portrait_Jonathan.png')}}" style="width:100%;height:auto;">
  141.             </div>
  142.             <div class="col-lg-7 mt-3 mt-lg-none" >
  143.                 <p style="font-size:18px;"><strong>Cette année, Maturin soutien Le Bec !</strong></p>
  144.                 <p>
  145.                     En plus d'offrir un service de conception et de livraison d'ensembles-cadeaux, plateaux et buffets
  146.                     d'occasions spéciales pour permettre aux entreprises de remercier leurs employé-es, nous voulons faire 
  147.                     notre part pour que ces mêmes employé-es aient aussi tout le soutien personnel, professionnel, famillial ou financier
  148.                     nécessaire à leur bien-être grace aux services du bec."
  149.                 </p>
  150.                 <a href="https://maturin.ca/blogue/article/pour-les-fetes-2022%252C-maturin-remet-jusqu%2527a-15%2525-de-ses-ventes-corporatives-au-bec%2521/43" target="_blank" style="color:#53A321 !important;">En savoir plus</a>
  151.             </div>
  152.         </div>
  153.     </div>
  154.     <div class="col-lg-6 col-12">
  155.         <div class="row" style="text-align: center;">
  156.             <div class="col-lg-5 col-8" style="margin:20px auto;">
  157.                 <img src="{{asset('/assets/frontend/images/CarreLeBec.png')}}" style="width:100%;height:auto;">
  158.             </div>
  159.             <div class="col-lg-7 mt-3 mt-lg-none" style="">
  160.                 <p style="font-size:18px;"><strong>Le bec, c'est quoi ?</strong></p>
  161.                 <p>
  162.                     Créé en décembre 2003 pour soutenir le développment, la santé et le bien-être de toutes celles et ceux
  163.                     oeuvrant, entre autres, dans le domaine des médias, des communications et du marketing au Québec, 
  164.                     le bec est un organismede bienfaisance offrant - sans s'y limiter - des ressources d'aide personelle,
  165.                     professionnelle, familliale et financière.
  166.                 </p>
  167.                 <a href="https://le-bec.org/qui-sommes-nous" target="_blank" style="color:#53A321 !important;">En savoir plus</a>
  168.             </div>
  169.         </div>
  170.     </div>
  171. </div>
  173. <section class="container">
  174.         {% if corpoItems | length > 0  %}
  175.             {%  for item in corpoItems %}
  176.                         <div  class="  {% if loop.index is divisible by(2) %} corpoItems {% else %} corpoItemsReverse{% endif %} ">
  177.                             <div >
  178.                                 <h5 class="itemTitle"> {{item.title}}</h5>
  179.                                 <p>
  180.                                     {{item.description}}
  181.                                 </p>
  182.                                 {% if item.linkBoxTitle and item.linkBoxCorpo %}
  183.                                     <a href="{{item.linkBoxCorpo}}" style="color: #53A321 !important;font-size: 16px;">{{item.linkBoxTitle}}</a>
  184.                                 {% endif %}
  185.                             </div>
  186.                                 
  187.                             <div >
  188.                                 {%  if item.products is not empty %}
  189.                                     <!-- Carousel wrapper -->
  190.                                         <div id="carouselMultiItemExample{{loop.index}}" class="carousel slide carousel-fade carousel-dark text-center" data-mdb-ride="carousel">
  191.                                             <!-- Controls -->
  192.                                             
  193.                                             <!-- Inner -->
  194.                                             <div class="carousel-inner py-4">
  195.                                                 {% for p in item.products %}
  196.                                                     {% if loop.first %}
  197.                                                         <div class="carousel-item active">
  198.                                                             <div >
  199.                                                                 <div >
  200.                                                                     <div >
  201.                                                                         <a href="{{path('viewProduct', {'producerUrl':p.company.UrlName, 'productName': p.UrlName, 'id': p.Id})}}" style="color: black; font-weight: bold;">
  202.                                                                             <img src="{{path('getImageAsThumb', {id: p.mainImage.id, height: '400', width: '400'})}}" alt="{{p.name}}" class="cart-image" style="max-width: 100%;">
  203.                                                                         </a>
  204.                                                                     </div>
  205.                                                                 </div>
  206.                                                             </div>
  207.                                                         </div>
  209.                                                     {% else %}
  210.                                                         <div class="carousel-item">
  211.                                                             <div>
  212.                                                                 <div>
  213.                                                                     <div class="item">
  214.                                                                         <a href="{{path('viewProduct', {'producerUrl':p.company.UrlName, 'productName': p.UrlName, 'id': p.Id})}}" style="color: black; font-weight: bold;">
  215.                                                                             <img src="{{path('getImageAsThumb', {id: p.mainImage.id, height: '400', width: '400'})}}" alt="{{p.name}}" class="cart-image" style="max-width: 100%;">
  216.                                                                         </a>
  217.                                                                     </div>
  218.                                                                 </div>
  219.                                                             </div>
  220.                                                         </div>
  221.                                                     {% endif %}
  224.                                                 {% endfor %}
  225.                                                 <!-- Inner -->
  227.                                             </div>
  228.                                             <!-- Carousel wrapper -->
  230.                                         </div>
  231.                                 {% endif %}
  234.                             </div>
  235.                         </div>
  236.             {% endfor %}
  237.         {% endif %}
  238. </section>
  240. <div class="container" style="margin-bottom: 60px;">
  241.     <h3 class='text-center font-weight-bold'>Ils nous ont fait confiance<h3>
  242.     <p class="subTitle2">« Nous avons commandé plusieurs centaines de boîtes repas et boîtes cadeaux chez Maturin et nous avons été très satisfaits.Tout y était! La qualité des aliments, l’emballage, la livraison ainsi que l’excellent service à la clientèle nous ont procuré un taux de satisfaction chez notre personnel de près de 100%. Une entreprise de qualité avec du personnel dévoué et passionné! Nous recommandons leurs services et nous les utiliserons nous-même pour le futur. Une belle façon d’encourager l’économie locale sans accros. »</p>
  243.     <p class="subTitle2"> Julie Wisintainer Directrice Stratégies Commerciales | L’Oreal Canada</p>
  244. </div>
  246. <div class="row my-5" style="justify-content: center;width: 80%;margin: auto;">
  247.     <div class="col-2" style="width:10%;align-self: center;">
  248.         <img src="{{asset('/assets/frontend/images/CogecoLogo.jpg')}}" style="width:100%;height:auto;">
  249.     </div>
  250.     <div class="col-2" style="width:10%;align-self: center;">
  251.         <img src="{{asset('/assets/frontend/images/DesJardinsLogo.png')}}" style="width:100%;height:auto;">
  252.     </div>
  253.     <div class="col-2" style="width:10%;align-self: center;">
  254.         <img src="{{asset('/assets/frontend/images/HECMontrealLogo.jpg')}}" style="width:100%;height:auto;">
  255.     </div>
  256.     <div class="col-2" style="width:10%;align-self: center;">
  257.         <img src="{{asset('/assets/frontend/images/lorealCanadaLogo.jpg')}}" style="width:100%;height:auto;">
  258.     </div>
  259.     <div class="col-2" style="width:10%;align-self: center;">
  260.         <img src="{{asset('/assets/frontend/images/UbisoftLogo.jpg')}}" style="width:100%;height:auto;">
  261.     </div>
  262. </div>
  265. <div class="container">
  266.     <h3 class="text-center font-weight-bold">Informations supplémentaires</h3>
  268.     <div class="container">
  269.         <div class = "row p-6 mb-2 bg-white text-black">
  270.             <div class="col ">
  271.                 Délai de commande 
  272.             </div>
  274.             <div class="col">
  275.                 À partir d'une semaine
  276.             </div>
  277.         </div>
  278.         <div class = "row p-6 mb-2 bg-light text-black">
  279.             <div class="col">
  280.                 Taxes 
  281.             </div>
  283.             <div class="col">
  284.                 Incluses pour les aliments non taxables
  285.             </div>
  286.         </div>
  287.         <div class = "row p-6 mb-6 bg-white text-black">
  288.             <div class="col">
  289.                 Livraison 
  290.             </div>
  292.             <div class="col">
  293.                 Disponible partout au Québec
  294.             </div>
  295.         </div>
  296.         <div class = "row p-6 mb-2 bg-light text-black">
  297.             <div class="col">
  298.                 Frais de livraison 
  299.             </div>
  301.             <div class="col">
  302.                 Gratuit à partir de 75 $/boîte dans le Grand Montréal
  303.             </div>
  304.         </div>
  305.         <div class = "row p-6 mb-6 bg-white text-black">
  306.             <div class="col">
  307.                 Frais de livraison supplémentaires 
  308.             </div>
  310.             <div class="col">
  311.                 5-15 $ selon l'adresse de l'employé
  312.             </div>
  313.         </div>
  314.     </div>
  315. </div>
  316. <div class="container ">
  317.     <h3 class="text-center font-weight-bold">Personnalisation</h3>
  319.     <div class="container">
  320.         <div class = "row p-6 mb-2 bg-white text-black">
  321.             <div class="col ">
  322.                 Ajout d’un feuillet  
  323.             </div>
  325.             <div class="col">
  326.                 Gratuit
  327.             </div>
  328.         </div>
  329.         <div class = "row bg-light text-black">
  330.             <div class="col">
  331.                 Ajout d'un objet 
  332.             </div>
  334.             <div class="col">
  335.                 À partir de 1 $
  336.             </div>
  337.         </div>
  338.         <div class = "row bg-white text-black">
  339.             <div class="col">
  340.                 Ajouter d’un produit alcoolisé 
  341.             </div>
  343.             <div class="col">
  344.                 <div >Disponible dans notre secteur de livraison directe(Montréal, Rive-Sud, Cantons de l'Est, Rive-Nord, Québec et Gatineau)</div>
  345.             </div>
  346.         </div>
  347.         <div class = "row  bg-light text-black">
  348.             <div class="col">
  349.                 Frais de livraison 
  350.             </div>
  352.             <div class="col">
  353.                 Gratuit à partir de 75 $/boîte dans le Grand Montréal
  354.             </div>
  355.         </div>
  356.         <div class = "row bg-white text-black">
  357.             <div class="col">
  358.                 Frais de livraison supplémentaires 
  359.             </div>
  361.             <div class="col">
  362.                 5-15 $ selon l'adresse de l'employé
  363.             </div>
  364.         </div>
  365.     </div>
  366. </div>
  368. <div class="content" >
  369.     <h3>Laissez-nous le soin de prendre votre projet en main </h3>
  370.     <a href="mailto:jonathan@maturin.ca" class="" style="font-size:20px;">
  371.         <div class="col-lg-3 col-4 p-2 p-md-none" style="background-color:#53a321;color:white !important;;margin:20px auto;">
  372.             Demander une soumission
  373.         </div>
  374.     </a>
  375.     <span>Contactez-nous pour plus d’informations
  376.         <a href="mailto:jonathan@maturin.ca">par Courriel</a>
  377.         <br>
  378.         ou par téléphone au 
  379.         <a href="tel:514-370-8955;9">514-370-8955 poste 9</a>
  380.     </span>
  381.     <br>
  382.     <p class="text-left" style="width:50%; margin:30px auto 10px;">
  383.         Dans votre courriel, veuillez inclure:
  384.         <ul class="text-left" style="width:50%; margin:10px auto 50px;">
  385.             <li style="list-style-type: initial;">Nom complet:</li>
  386.             <li style="list-style-type: initial;">Téléphone:</li>
  387.             <li style="list-style-type: initial;">L’ensemble-cadeaux, le plateau de dégustation ou le buffet que vous désirez commander: </li>
  388.             <li style="list-style-type: initial;">Quantité désirée:</li>
  389.             <li style="list-style-type: initial;">La date estimée de livraison souhaitée:</li>
  390.             <li style="list-style-type: initial;">Comment avez-vous entendu parler de nous ?</li>
  391.         </ul>
  392.     </p>
  394.      <span style="font-size:18px">Fier partenaire de:</span>
  395.      <div class="col-lg-5 col-8 mb-4" style="margin: auto;">
  396.         <img src="{{asset('/assets/frontend/images/LogoduBec.png')}}" style="width:100%;height:auto;">
  397.     </div>
  398. </div>
  400. {% endblock %}