ProBundle/Resources/views/probundle/home/package.html.twig line 1

Open in your IDE?
  1. <section id="package" class="green-section">
  2.     <div class="container-fluid pt-30 pb-30 bg-white">
  3.         <div class="row">
  4.             <div class="col-md-12 pb-30">
  5.                 <div class="graphic-box pb-10">
  6.                     <h2 class="text-black main-text-parc pt-20">Notre package</h2>
  7.                     <span class="bg-shift-color-title bg-grey fst-italic" style="padding-top:3px;">photographie + site web</span>
  8.                 </div>
  9.             </div>
  10.         </div>
  11.         <div class="row">
  12.             <div class="col-lg-3 col-sm-5 pb-1 text-black">
  13.                 <div class="card">
  14.                     <div class="card-body">
  15.                         <h6 class="card-subtitle mb-3 text-muted fa-2x">
  16.                             <i class="fa-solid fa-camera"></i>
  17.                         </h6>
  18.                         <hr>
  19.                         <h5 class="card-title text-black pt-20 pb-20">
  20.                             PHOTOGRAPHIE<br>CORPORATE
  21.                         </h5>
  22.                         <p class="card-text text-black text-muted" style="height:160px" ;>
  23.                             Du portrait de vos collaborateurs au reportage d'entreprise,
  24.                             <strong>nous définissons ensemble vos besoins photographiques</strong>.<br><br>
  25.                         </p>
  26.                     </div>
  27.                 </div>
  28.             </div>
  29.             <div class="col-lg-1 col-sm-2 pb-1 text-black d-flex align-items-center pt-20 pb-20">
  30.                 <i class="align-middle fa-solid fa-circle-plus fa-2x m-0-auto"></i>
  31.             </div>
  32.             <div class="col-lg-4 col-sm-5 pb-1 text-black">
  33.                 <div class="card">
  34.                     <div class="card-body">
  35.                         <h6 class="card-subtitle mb-3 text-muted fa-2x">
  36.                             <i class="fa-solid fa-laptop-code"></i>
  37.                         </h6>
  38.                         <hr>
  39.                         <h5 class="card-title text-black pt-20 pb-20">CREATION DE<br>
  40.                             SITE WEB<br>
  41.                         </h5>
  42.                         <p class="card-text text-black text-muted" style="height:160px;">
  43.                             <strong>Nous créons votre site web illustré par</strong>
  44.                             nos photographies professionnelles, vous permettant de
  45.                             <strong>valoriser et dynamiser votre activité</strong>.
  46.                         </p>
  47.                     </div>
  48.                 </div>
  49.             </div>
  50.             <div class="col-lg-1 col-sm-12 pb-1 text-black d-flex align-items-center pt-20 pb-20">
  51.                 <i class="align-middle fa-solid fa-circle-plus fa-2x m-0-auto"></i>
  52.             </div>
  53.             <div class="col-lg-3 col-sm-12 pb-1 text-black">
  54.                 <div class="card">
  55.                     <div class="card-body">
  56.                         <h6 class="card-subtitle mb-3 text-muted fa-2x">
  57.                             <i class="fa-solid fa-camera"></i>
  58.                             <i class="fa-solid fa-laptop-code"></i>
  60.                         </h6>
  61.                         <hr>
  62.                         <h5 class="card-title text-black pt-20 pb-20">SUIVI DE<br>
  63.                             VOTRE ACTIVITÉ
  64.                         </h5>
  65.                         <p class="card-text text-black text-muted text-start" style="height:160px" ;>
  66.                             <strong>- Notre équipe de photographes vous suit lors de vos évènements</strong>
  67.                             (séminaire, lancement de produit, team building).<br>
  68.                             <strong>- Notre équipe web met à jour votre site internet</strong>
  69.                             avec le nouveau contenu.
  70.                         </p>
  71.                     </div>
  72.                 </div>
  73.             </div>
  74.             <div class="col-md-12 mt-20">
  75.                 <h5 class="text-black">Voir les prestations</h5>
  76.                 <a href="/professionnel#nosPrestationsPhoto" class="m-3 w-50">
  77.                     <i class="color-grey fa-solid fa-circle-arrow-down fa-2x"></i>
  78.                 </a>
  79.             </div>
  80.         </div>
  81.     </div>
  82. </section>