templates/partials/portfolio.html.twig line 1

Open in your IDE?
  1.         <div class="tm-section portfolio-area tm-padding-section bg-white pb-3">
  2.             <div class="container position-relative">
  3.                 <img class="leaf leaf-2" src="{{ asset('assets/images/webp/leaf-2.webp') }}" alt="Feuille n°2">
  4.                 <h2 class="text-center">Notre Portfolio<span class="text-yellow">.</span></h2>
  5.                  <p class="text-center">
  6.                     Découvrez notre savoir-faire à travers nos réalisations. Quelle que soit la<br>
  7.                     nature de votre projet, nous sommes à l’écoute et nous veillons à ce que les <br>
  8.                     résultats soient conformes à vos demandes.
  9.                     <img class="leaf leaf-1" src="{{ asset('assets/images/webp/leaf-1.webp') }}" alt="Feuille n°1">
  10.                 </p>
  11.                 <div class="row pt-3">
  12.                     <div class="col-lg-12">
  13.                         <ul class="nav nav-tabs justify-content-center" id="portfolioTab" role="tablist">
  14.                             <li class="nav-item" role="presentation">
  15.                                 <button class="nav-link active"  id="all-realisations-tab" data-bs-toggle="tab" data-bs-target="#all-realisations" type="button" role="tab" aria-controls="all-realisations" aria-selected="true">Toutes nos réalisations</button>
  16.                             </li>
  17.                             <li class="nav-item" role="presentation">
  18.                                 <button class="nav-link"  id="website-tab" data-bs-toggle="tab" data-bs-target="#website" type="button" role="tab" aria-controls="website" aria-selected="true">Site web</button>
  19.                             </li>
  20.                             <li class="nav-item" role="presentation">
  21.                                 <button class="nav-link"  id="appmoblie-tab" data-bs-toggle="tab" data-bs-target="#appmoblie" type="button" role="tab" aria-controls="appmoblie" aria-selected="true">Application mobile</button>
  22.                             </li>
  23.                             <li class="nav-item" role="presentation">
  24.                                 <button class="nav-link"  id="socialmedia-tab" data-bs-toggle="tab" data-bs-target="#socialmedia" type="button" role="tab" aria-controls="socialmedia" aria-selected="true">Social média</button>
  25.                             </li>
  26.                             <li class="nav-item" role="presentation">
  27.                                 <button class="nav-link"  id="goodies-tab" data-bs-toggle="tab" data-bs-target="#goodies" type="button" role="tab" aria-controls="goodies" aria-selected="true">Goodies</button>
  28.                             </li>
  29.                             <li class="nav-item" role="presentation">
  30.                                 <button class="nav-link"  id="signaletique-tab" data-bs-toggle="tab" data-bs-target="#signaletique" type="button" role="tab" aria-controls="signaletique" aria-selected="true">Signalétique</button>
  31.                             </li>
  32.                             <li class="nav-item" role="presentation">
  33.                                 <button class="nav-link"  id="illustration-tab" data-bs-toggle="tab" data-bs-target="#illustration" type="button" role="tab" aria-controls="illustration" aria-selected="true">Illustration</button>
  34.                             </li>
  35.                             {# <li class="nav-item" role="presentation">
  36.                                 <button class="nav-link"  id="logo-tab" data-bs-toggle="tab" data-bs-target="#logo" type="button" role="tab" aria-controls="logo" aria-selected="true">Logo</button>
  37.                             </li>
  38.                             <li class="nav-item" role="presentation">
  39.                                 <button class="nav-link"  id="affiches-tab" data-bs-toggle="tab" data-bs-target="#affiches" type="button" role="tab" aria-controls="affiches" aria-selected="true">Affiches</button>
  40.                             </li>
  41.                             <li class="nav-item" role="presentation">
  42.                                 <button class="nav-link"  id="illustrations-tab" data-bs-toggle="tab" data-bs-target="#illustrations" type="button" role="tab" aria-controls="illustrations" aria-selected="true">Illustrations</button>
  43.                             </li> #}
  44.                         </ul>
  45.                         <div class="tab-content" id="portfolioTabContent">
  46.                             <div class="tab-pane fade show active" id="all-realisations" role="tabpanel" aria-labelledby="all-realisations-tab">
  47.                                 <div class="feed-container mt-5">
  48.                                     <div class="feed">
  49.                                         <div class="feed-item">
  50.                                             <img src="{{ asset('assets/images/webp/nos-realisations/websites/pix_site_caté_web_1.webp') }}" alt="Element du portfolio">
  51.                                         </div>
  52.                                         <div class="feed-item">
  53.                                             <img src="{{ asset('assets/images/webp/nos-realisations/websites/pix_site_caté_web_2.webp') }}" alt="Element du portfolio">
  54.                                         </div>
  55.                                         <div class="feed-item">
  56.                                             <img src="{{ asset('assets/images/webp/nos-realisations/websites/pix_site_caté_web_3.webp') }}" alt="Element du portfolio">
  57.                                         </div>
  58.                                         <div class="feed-item">
  59.                                             <img src="{{ asset('assets/images/webp/nos-realisations/websites/pix_site_caté_web_4.webp') }}" alt="Element du portfolio">
  60.                                         </div>
  61.                                         <div class="feed-item">
  62.                                             <img src="{{ asset('assets/images/webp/nos-realisations/websites/pix_site_caté_web_5.webp') }}" alt="Element du portfolio">
  63.                                         </div>
  64.                                         <div class="feed-item">
  65.                                             <img src="{{ asset('assets/images/webp/nos-realisations/websites/pix_site_caté_web_6.webp') }}" alt="Element du portfolio">
  66.                                         </div>
  67.                                         <div class="feed-item">
  68.                                             <img src="{{ asset('assets/images/webp/nos-realisations/websites/pix_site_caté_web_7.webp') }}" alt="Element du portfolio">
  69.                                         </div>
  70.                                         <div class="feed-item">
  71.                                             <img src="{{ asset('assets/images/webp/nos-realisations/websites/pix_site_caté_web_8.webp') }}" alt="Element du portfolio">
  72.                                         </div>
  73.                                         <div class="feed-item">
  74.                                             <img src="{{ asset('assets/images/webp/nos-realisations/websites/pix_site_caté_web_9.webp') }}" alt="Element du portfolio">
  75.                                         </div>
  76.                                         <div class="feed-item">
  77.                                             <img src="{{ asset('assets/images/webp/nos-realisations/social_media/pix_site_caté_social_media_1.webp') }}" alt="Element du portfolio">
  78.                                         </div>
  79.                                         <div class="feed-item">
  80.                                             <img src="{{ asset('assets/images/webp/nos-realisations/social_media/pix_site_caté_social_media_2.webp') }}" alt="Element du portfolio">
  81.                                         </div>
  82.                                         <div class="feed-item">
  83.                                             <img src="{{ asset('assets/images/webp/nos-realisations/social_media/pix_site_caté_social_media_8.webp') }}" alt="Element du portfolio">
  84.                                         </div>
  85.                                         <div class="feed-item">
  86.                                             <img src="{{ asset('assets/images/webp/nos-realisations/social_media/pix_site_caté_social_media_4.webp') }}" alt="Element du portfolio">
  87.                                         </div>
  88.                                         <div class="feed-item">
  89.                                             <img src="{{ asset('assets/images/webp/nos-realisations/social_media/pix_site_caté_social_media_5.webp') }}" alt="Element du portfolio">
  90.                                         </div>
  91.                                         <div class="feed-item">
  92.                                             <img src="{{ asset('assets/images/webp/nos-realisations/social_media/pix_site_caté_social_media_6.webp') }}" alt="Element du portfolio">
  93.                                         </div>
  94.                                         <div class="feed-item">
  95.                                             <img src="{{ asset('assets/images/webp/nos-realisations/social_media/pix_site_caté_social_media_9.webp') }}" alt="Element du portfolio">
  96.                                         </div>
  97.                                         <div class="feed-item">
  98.                                             <img src="{{ asset('assets/images/webp/nos-realisations/social_media/pix_site_caté_social_media_3.webp') }}" alt="Element du portfolio">
  99.                                         </div>
  100.                                         <div class="feed-item">
  101.                                             <img src="{{ asset('assets/images/webp/nos-realisations/social_media/pix_site_caté_social_media_7.webp') }}" alt="Element du portfolio">
  102.                                         </div>
  103.                                         <div class="feed-item">
  104.                                             <img src="{{ asset('assets/images/webp/nos-realisations/goodies/pix_site_caté_goodies_1.webp') }}" alt="Element du portfolio">
  105.                                         </div>
  106.                                         <div class="feed-item">
  107.                                             <img src="{{ asset('assets/images/webp/nos-realisations/goodies/pix_site_caté_goodies_2.webp') }}" alt="Element du portfolio">
  108.                                         </div>
  109.                                         <div class="feed-item">
  110.                                             <img src="{{ asset('assets/images/webp/nos-realisations/goodies/pix_site_caté_goodies_8.webp') }}" alt="Element du portfolio">
  111.                                         </div>
  112.                                         <div class="feed-item">
  113.                                             <img src="{{ asset('assets/images/webp/nos-realisations/goodies/pix_site_caté_goodies_4.webp') }}" alt="Element du portfolio">
  114.                                         </div>
  115.                                         <div class="feed-item">
  116.                                             <img src="{{ asset('assets/images/webp/nos-realisations/goodies/pix_site_caté_goodies_5.webp') }}" alt="Element du portfolio">
  117.                                         </div>
  118.                                         <div class="feed-item">
  119.                                             <img src="{{ asset('assets/images/webp/nos-realisations/goodies/pix_site_caté_goodies_6.webp') }}" alt="Element du portfolio">
  120.                                         </div>
  121.                                         <div class="feed-item">
  122.                                             <img src="{{ asset('assets/images/webp/nos-realisations/goodies/pix_site_caté_goodies_9.webp') }}" alt="Element du portfolio">
  123.                                         </div>
  124.                                         <div class="feed-item">
  125.                                             <img src="{{ asset('assets/images/webp/nos-realisations/goodies/pix_site_caté_goodies_3.webp') }}" alt="Element du portfolio">
  126.                                         </div>
  127.                                         <div class="feed-item">
  128.                                             <img src="{{ asset('assets/images/webp/nos-realisations/goodies/pix_site_caté_goodies_7.webp') }}" alt="Element du portfolio">
  129.                                         </div>
  130.                                         <div class="feed-item">
  131.                                             <img src="{{ asset('assets/images/webp/nos-realisations/app_mobile/pix_site_caté_appli_1.webp') }}" alt="Element du portfolio">
  132.                                         </div>
  133.                                         <div class="feed-item">
  134.                                             <img src="{{ asset('assets/images/webp/nos-realisations/app_mobile/pix_site_caté_appli_2.webp') }}" alt="Element du portfolio">
  135.                                         </div>
  136.                                         <div class="feed-item">
  137.                                             <img src="{{ asset('assets/images/webp/nos-realisations/app_mobile/pix_site_caté_appli_8.webp') }}" alt="Element du portfolio">
  138.                                         </div>
  139.                                         <div class="feed-item">
  140.                                             <img src="{{ asset('assets/images/webp/nos-realisations/app_mobile/pix_site_caté_appli_4.webp') }}" alt="Element du portfolio">
  141.                                         </div>
  142.                                         <div class="feed-item">
  143.                                             <img src="{{ asset('assets/images/webp/nos-realisations/app_mobile/pix_site_caté_appli_5.webp') }}" alt="Element du portfolio">
  144.                                         </div>
  145.                                         <div class="feed-item">
  146.                                             <img src="{{ asset('assets/images/webp/nos-realisations/app_mobile/pix_site_caté_appli_6.webp') }}" alt="Element du portfolio">
  147.                                         </div>
  148.                                         <div class="feed-item">
  149.                                             <img src="{{ asset('assets/images/webp/nos-realisations/app_mobile/pix_site_caté_appli_9.webp') }}" alt="Element du portfolio">
  150.                                         </div>
  151.                                         <div class="feed-item">
  152.                                             <img src="{{ asset('assets/images/webp/nos-realisations/app_mobile/pix_site_caté_appli_3.webp') }}" alt="Element du portfolio">
  153.                                         </div>
  154.                                         <div class="feed-item">
  155.                                             <img src="{{ asset('assets/images/webp/nos-realisations/app_mobile/pix_site_caté_appli_7.webp') }}" alt="Element du portfolio">
  156.                                         </div>
  157.                                          <div class="feed-item">
  158.                                             <img src="{{ asset('assets/images/webp/nos-realisations/signaletique/pix_site_caté_signalétique_1.webp') }}" alt="Element du portfolio">
  159.                                         </div>
  160.                                         <div class="feed-item">
  161.                                             <img src="{{ asset('assets/images/webp/nos-realisations/signaletique/pix_site_caté_signalétique_2.webp') }}" alt="Element du portfolio">
  162.                                         </div>
  163.                                         <div class="feed-item">
  164.                                             <img src="{{ asset('assets/images/webp/nos-realisations/signaletique/pix_site_caté_signalétique_8.webp') }}" alt="Element du portfolio">
  165.                                         </div>
  166.                                         <div class="feed-item">
  167.                                             <img src="{{ asset('assets/images/webp/nos-realisations/signaletique/pix_site_caté_signalétique_4.webp') }}" alt="Element du portfolio">
  168.                                         </div>
  169.                                         <div class="feed-item">
  170.                                             <img src="{{ asset('assets/images/webp/nos-realisations/signaletique/pix_site_caté_signalétique_5.webp') }}" alt="Element du portfolio">
  171.                                         </div>
  172.                                         <div class="feed-item">
  173.                                             <img src="{{ asset('assets/images/webp/nos-realisations/signaletique/pix_site_caté_signalétique_6.webp') }}" alt="Element du portfolio">
  174.                                         </div>
  175.                                         <div class="feed-item">
  176.                                             <img src="{{ asset('assets/images/webp/nos-realisations/signaletique/pix_site_caté_signalétique_9.webp') }}" alt="Element du portfolio">
  177.                                         </div>
  178.                                         <div class="feed-item">
  179.                                             <img src="{{ asset('assets/images/webp/nos-realisations/signaletique/pix_site_caté_signalétique_3.webp') }}" alt="Element du portfolio">
  180.                                         </div>
  181.                                         <div class="feed-item">
  182.                                             <img src="{{ asset('assets/images/webp/nos-realisations/signaletique/pix_site_caté_signalétique_7.webp') }}" alt="Element du portfolio">
  183.                                         </div> 
  184.                                         <div class="feed-item">
  185.                                             <img src="{{ asset('assets/images/webp/nos-realisations/illustration/pix_site_caté_illus_1.webp') }}" alt="Element du portfolio">
  186.                                         </div>
  187.                                         <div class="feed-item">
  188.                                             <img src="{{ asset('assets/images/webp/nos-realisations/illustration/pix_site_caté_illus_2.webp') }}" alt="Element du portfolio">
  189.                                         </div>
  190.                                         <div class="feed-item">
  191.                                             <img src="{{ asset('assets/images/webp/nos-realisations/illustration/pix_site_caté_illus_8.webp') }}" alt="Element du portfolio">
  192.                                         </div>
  193.                                         <div class="feed-item">
  194.                                             <img src="{{ asset('assets/images/webp/nos-realisations/illustration/pix_site_caté_illus_4.webp') }}" alt="Element du portfolio">
  195.                                         </div>
  196.                                         <div class="feed-item">
  197.                                             <img src="{{ asset('assets/images/webp/nos-realisations/illustration/pix_site_caté_illus_5.webp') }}" alt="Element du portfolio">
  198.                                         </div>
  199.                                         <div class="feed-item">
  200.                                             <img src="{{ asset('assets/images/webp/nos-realisations/illustration/pix_site_caté_illus_6.webp') }}" alt="Element du portfolio">
  201.                                         </div>
  202.                                         <div class="feed-item">
  203.                                             <img src="{{ asset('assets/images/webp/nos-realisations/illustration/pix_site_caté_illus_9.webp') }}" alt="Element du portfolio">
  204.                                         </div>
  205.                                         <div class="feed-item">
  206.                                             <img src="{{ asset('assets/images/webp/nos-realisations/illustration/pix_site_caté_illus_3.webp') }}" alt="Element du portfolio">
  207.                                         </div>
  208.                                         <div class="feed-item">
  209.                                             <img src="{{ asset('assets/images/webp/nos-realisations/illustration/pix_site_caté_illus_7.webp') }}" alt="Element du portfolio">
  210.                                         </div>
  211.                                     </div>
  212.                                 </div>
  213.                             </div>
  214.                             <div class="tab-pane fade" id="website" role="tabpanel" aria-labelledby="website-tab">
  215.                                 <div class="feed-container mt-5">
  216.                                     <div class="feed">     
  217.                                         <div class="feed-item">
  218.                                             <img src="{{ asset('assets/images/webp/nos-realisations/websites/pix_site_caté_web_1.webp') }}" alt="Element du portfolio">
  219.                                         </div>
  220.                                         <div class="feed-item">
  221.                                             <img src="{{ asset('assets/images/webp/nos-realisations/websites/pix_site_caté_web_2.webp') }}" alt="Element du portfolio">
  222.                                         </div>
  223.                                         <div class="feed-item">
  224.                                             <img src="{{ asset('assets/images/webp/nos-realisations/websites/pix_site_caté_web_8.webp') }}" alt="Element du portfolio">
  225.                                         </div>
  226.                                         <div class="feed-item">
  227.                                             <img src="{{ asset('assets/images/webp/nos-realisations/websites/pix_site_caté_web_4.webp') }}" alt="Element du portfolio">
  228.                                         </div>
  229.                                         <div class="feed-item">
  230.                                             <img src="{{ asset('assets/images/webp/nos-realisations/websites/pix_site_caté_web_5.webp') }}" alt="Element du portfolio">
  231.                                         </div>
  232.                                         <div class="feed-item">
  233.                                             <img src="{{ asset('assets/images/webp/nos-realisations/websites/pix_site_caté_web_6.webp') }}" alt="Element du portfolio">
  234.                                         </div>
  235.                                         <div class="feed-item">
  236.                                             <img src="{{ asset('assets/images/webp/nos-realisations/websites/pix_site_caté_web_9.webp') }}" alt="Element du portfolio">
  237.                                         </div>
  238.                                         <div class="feed-item">
  239.                                             <img src="{{ asset('assets/images/webp/nos-realisations/websites/pix_site_caté_web_3.webp') }}" alt="Element du portfolio">
  240.                                         </div>
  241.                                         <div class="feed-item">
  242.                                             <img src="{{ asset('assets/images/webp/nos-realisations/websites/pix_site_caté_web_7.webp') }}" alt="Element du portfolio">
  243.                                         </div>
  244.                                     </div>
  245.                                 </div>
  246.                             </div>
  247.                             <div class="tab-pane fade" id="appmoblie" role="tabpanel" aria-labelledby="appmoblie-tab">
  248.                                 <div class="feed-container mt-5">
  249.                                     <div class="feed">     
  250.                                         <div class="feed-item">
  251.                                             <img src="{{ asset('assets/images/webp/nos-realisations/app_mobile/pix_site_caté_appli_1.webp') }}" alt="Element du portfolio">
  252.                                         </div>
  253.                                         <div class="feed-item">
  254.                                             <img src="{{ asset('assets/images/webp/nos-realisations/app_mobile/pix_site_caté_appli_2.webp') }}" alt="Element du portfolio">
  255.                                         </div>
  256.                                         <div class="feed-item">
  257.                                             <img src="{{ asset('assets/images/webp/nos-realisations/app_mobile/pix_site_caté_appli_8.webp') }}" alt="Element du portfolio">
  258.                                         </div>
  259.                                         <div class="feed-item">
  260.                                             <img src="{{ asset('assets/images/webp/nos-realisations/app_mobile/pix_site_caté_appli_4.webp') }}" alt="Element du portfolio">
  261.                                         </div>
  262.                                         <div class="feed-item">
  263.                                             <img src="{{ asset('assets/images/webp/nos-realisations/app_mobile/pix_site_caté_appli_5.webp') }}" alt="Element du portfolio">
  264.                                         </div>
  265.                                         <div class="feed-item">
  266.                                             <img src="{{ asset('assets/images/webp/nos-realisations/app_mobile/pix_site_caté_appli_6.webp') }}" alt="Element du portfolio">
  267.                                         </div>
  268.                                         <div class="feed-item">
  269.                                             <img src="{{ asset('assets/images/webp/nos-realisations/app_mobile/pix_site_caté_appli_9.webp') }}" alt="Element du portfolio">
  270.                                         </div>
  271.                                         <div class="feed-item">
  272.                                             <img src="{{ asset('assets/images/webp/nos-realisations/app_mobile/pix_site_caté_appli_3.webp') }}" alt="Element du portfolio">
  273.                                         </div>
  274.                                         <div class="feed-item">
  275.                                             <img src="{{ asset('assets/images/webp/nos-realisations/app_mobile/pix_site_caté_appli_7.webp') }}" alt="Element du portfolio">
  276.                                         </div>
  277.                                     </div>
  278.                                 </div>
  279.                             </div>              
  280.                             <div class="tab-pane fade" id="socialmedia" role="tabpanel" aria-labelledby="socialmedia-tab">
  281.                                 <div class="feed-container mt-5">
  282.                                     <div class="feed">     
  283.                                         <div class="feed-item">
  284.                                             <img src="{{ asset('assets/images/webp/nos-realisations/social_media/pix_site_caté_social_media_1.webp') }}" alt="Element du portfolio">
  285.                                         </div>
  286.                                         <div class="feed-item">
  287.                                             <img src="{{ asset('assets/images/webp/nos-realisations/social_media/pix_site_caté_social_media_2.webp') }}" alt="Element du portfolio">
  288.                                         </div>
  289.                                         <div class="feed-item">
  290.                                             <img src="{{ asset('assets/images/webp/nos-realisations/social_media/pix_site_caté_social_media_8.webp') }}" alt="Element du portfolio">
  291.                                         </div>
  292.                                         <div class="feed-item">
  293.                                             <img src="{{ asset('assets/images/webp/nos-realisations/social_media/pix_site_caté_social_media_4.webp') }}" alt="Element du portfolio">
  294.                                         </div>
  295.                                         <div class="feed-item">
  296.                                             <img src="{{ asset('assets/images/webp/nos-realisations/social_media/pix_site_caté_social_media_5.webp') }}" alt="Element du portfolio">
  297.                                         </div>
  298.                                         <div class="feed-item">
  299.                                             <img src="{{ asset('assets/images/webp/nos-realisations/social_media/pix_site_caté_social_media_6.webp') }}" alt="Element du portfolio">
  300.                                         </div>
  301.                                         <div class="feed-item">
  302.                                             <img src="{{ asset('assets/images/webp/nos-realisations/social_media/pix_site_caté_social_media_9.webp') }}" alt="Element du portfolio">
  303.                                         </div>
  304.                                         <div class="feed-item">
  305.                                             <img src="{{ asset('assets/images/webp/nos-realisations/social_media/pix_site_caté_social_media_3.webp') }}" alt="Element du portfolio">
  306.                                         </div>
  307.                                         <div class="feed-item">
  308.                                             <img src="{{ asset('assets/images/webp/nos-realisations/social_media/pix_site_caté_social_media_7.webp') }}" alt="Element du portfolio">
  309.                                         </div>
  310.                                     </div>
  311.                                 </div>
  312.                             </div>
  313.                             <div class="tab-pane fade" id="goodies" role="tabpanel" aria-labelledby="goodies-tab">
  314.                                 <div class="feed-container mt-5">
  315.                                     <div class="feed">     
  316.                                         <div class="feed-item">
  317.                                             <img src="{{ asset('assets/images/webp/nos-realisations/goodies/pix_site_caté_goodies_1.webp') }}" alt="Element du portfolio">
  318.                                         </div>
  319.                                         <div class="feed-item">
  320.                                             <img src="{{ asset('assets/images/webp/nos-realisations/goodies/pix_site_caté_goodies_2.webp') }}" alt="Element du portfolio">
  321.                                         </div>
  322.                                         <div class="feed-item">
  323.                                             <img src="{{ asset('assets/images/webp/nos-realisations/goodies/pix_site_caté_goodies_8.webp') }}" alt="Element du portfolio">
  324.                                         </div>
  325.                                         <div class="feed-item">
  326.                                             <img src="{{ asset('assets/images/webp/nos-realisations/goodies/pix_site_caté_goodies_4.webp') }}" alt="Element du portfolio">
  327.                                         </div>
  328.                                         <div class="feed-item">
  329.                                             <img src="{{ asset('assets/images/webp/nos-realisations/goodies/pix_site_caté_goodies_5.webp') }}" alt="Element du portfolio">
  330.                                         </div>
  331.                                         <div class="feed-item">
  332.                                             <img src="{{ asset('assets/images/webp/nos-realisations/goodies/pix_site_caté_goodies_6.webp') }}" alt="Element du portfolio">
  333.                                         </div>
  334.                                         <div class="feed-item">
  335.                                             <img src="{{ asset('assets/images/webp/nos-realisations/goodies/pix_site_caté_goodies_9.webp') }}" alt="Element du portfolio">
  336.                                         </div>
  337.                                         <div class="feed-item">
  338.                                             <img src="{{ asset('assets/images/webp/nos-realisations/goodies/pix_site_caté_goodies_3.webp') }}" alt="Element du portfolio">
  339.                                         </div>
  340.                                         <div class="feed-item">
  341.                                             <img src="{{ asset('assets/images/webp/nos-realisations/goodies/pix_site_caté_goodies_7.webp') }}" alt="Element du portfolio">
  342.                                         </div>
  343.                                     </div>
  344.                                 </div>
  345.                             </div>
  346.                             <div class="tab-pane fade" id="signaletique" role="tabpanel" aria-labelledby="signaletique-tab">
  347.                                 <div class="feed-container mt-5">
  348.                                     <div class="feed">     
  349.                                         <div class="feed-item">
  350.                                             <img src="{{ asset('assets/images/webp/nos-realisations/signaletique/pix_site_caté_signalétique_1.webp') }}" alt="Element du portfolio">
  351.                                         </div>
  352.                                         <div class="feed-item">
  353.                                             <img src="{{ asset('assets/images/webp/nos-realisations/signaletique/pix_site_caté_signalétique_2.webp') }}" alt="Element du portfolio">
  354.                                         </div>
  355.                                         <div class="feed-item">
  356.                                             <img src="{{ asset('assets/images/webp/nos-realisations/signaletique/pix_site_caté_signalétique_8.webp') }}" alt="Element du portfolio">
  357.                                         </div>
  358.                                         <div class="feed-item">
  359.                                             <img src="{{ asset('assets/images/webp/nos-realisations/signaletique/pix_site_caté_signalétique_4.webp') }}" alt="Element du portfolio">
  360.                                         </div>
  361.                                         <div class="feed-item">
  362.                                             <img src="{{ asset('assets/images/webp/nos-realisations/signaletique/pix_site_caté_signalétique_5.webp') }}" alt="Element du portfolio">
  363.                                         </div>
  364.                                         <div class="feed-item">
  365.                                             <img src="{{ asset('assets/images/webp/nos-realisations/signaletique/pix_site_caté_signalétique_6.webp') }}" alt="Element du portfolio">
  366.                                         </div>
  367.                                         <div class="feed-item">
  368.                                             <img src="{{ asset('assets/images/webp/nos-realisations/signaletique/pix_site_caté_signalétique_9.webp') }}" alt="Element du portfolio">
  369.                                         </div>
  370.                                         <div class="feed-item">
  371.                                             <img src="{{ asset('assets/images/webp/nos-realisations/signaletique/pix_site_caté_signalétique_3.webp') }}" alt="Element du portfolio">
  372.                                         </div>
  373.                                         <div class="feed-item">
  374.                                             <img src="{{ asset('assets/images/webp/nos-realisations/signaletique/pix_site_caté_signalétique_7.webp') }}" alt="Element du portfolio">
  375.                                         </div>
  376.                                     </div>
  377.                                 </div>
  378.                             </div>
  379.                             <div class="tab-pane fade" id="illustration" role="tabpanel" aria-labelledby="illustration-tab">
  380.                                 <div class="feed-container mt-5">
  381.                                     <div class="feed">     
  382.                                         <div class="feed-item">
  383.                                             <img src="{{ asset('assets/images/webp/nos-realisations/illustration/pix_site_caté_illus_1.webp') }}" alt="Element du portfolio">
  384.                                         </div>
  385.                                         <div class="feed-item">
  386.                                             <img src="{{ asset('assets/images/webp/nos-realisations/illustration/pix_site_caté_illus_2.webp') }}" alt="Element du portfolio">
  387.                                         </div>
  388.                                         <div class="feed-item">
  389.                                             <img src="{{ asset('assets/images/webp/nos-realisations/illustration/pix_site_caté_illus_8.webp') }}" alt="Element du portfolio">
  390.                                         </div>
  391.                                         <div class="feed-item">
  392.                                             <img src="{{ asset('assets/images/webp/nos-realisations/illustration/pix_site_caté_illus_4.webp') }}" alt="Element du portfolio">
  393.                                         </div>
  394.                                         <div class="feed-item">
  395.                                             <img src="{{ asset('assets/images/webp/nos-realisations/illustration/pix_site_caté_illus_5.webp') }}" alt="Element du portfolio">
  396.                                         </div>
  397.                                         <div class="feed-item">
  398.                                             <img src="{{ asset('assets/images/webp/nos-realisations/illustration/pix_site_caté_illus_6.webp') }}" alt="Element du portfolio">
  399.                                         </div>
  400.                                         <div class="feed-item">
  401.                                             <img src="{{ asset('assets/images/webp/nos-realisations/illustration/pix_site_caté_illus_9.webp') }}" alt="Element du portfolio">
  402.                                         </div>
  403.                                         <div class="feed-item">
  404.                                             <img src="{{ asset('assets/images/webp/nos-realisations/illustration/pix_site_caté_illus_3.webp') }}" alt="Element du portfolio">
  405.                                         </div>
  406.                                         <div class="feed-item">
  407.                                             <img src="{{ asset('assets/images/webp/nos-realisations/illustration/pix_site_caté_illus_7.webp') }}" alt="Element du portfolio">
  408.                                         </div>
  409.                                     </div>
  410.                                 </div>
  411.                             </div>
  412.                             {# <div class="tab-pane fade" id="logo" role="tabpanel" aria-labelledby="logo-tab">
  413.                                 <div class="feed-container mt-5">
  414.                                     <div class="feed">
  415.                                         <div class="feed-item">
  416.                                             <img src="{{ asset('assets/images/webp/pixelsior-realisation-8.webp') }}" alt="Element du portfolio">
  417.                                         </div>
  418.                                         <div class="feed-item">
  419.                                             <img src="{{ asset('assets/images/webp/pixelsior-realisation-9.webp') }}" alt="Element du portfolio">
  420.                                         </div>
  421.                                         <div class="feed-item">
  422.                                             <img src="{{ asset('assets/images/webp/pixelsior-realisation-10.webp') }}" alt="Element du portfolio">
  423.                                         </div>
  424.                                         <div class="feed-item">
  425.                                             <img src="{{ asset('assets/images/webp/pixelsior-realisation-11.webp') }}" alt="Element du portfolio">
  426.                                         </div>
  427.                                         <div class="feed-item">
  428.                                             <img src="{{ asset('assets/images/webp/pixelsior-realisation-12.webp') }}" alt="Element du portfolio">
  429.                                         </div>
  430.                                         <div class="feed-item">
  431.                                             <img src="{{ asset('assets/images/webp/pixelsior-realisation-13.webp') }}" alt="Element du portfolio">
  432.                                         </div>
  433.                                         <div class="feed-item">
  434.                                             <img src="{{ asset('assets/images/webp/pixelsior-realisation-14.webp') }}" alt="Element du portfolio">
  435.                                         </div>
  436.                                     </div>
  437.                                 </div>
  438.                             </div>
  439.                             <div class="tab-pane fade" id="affiches" role="tabpanel" aria-labelledby="affiches-tab">
  440.                                 <div class="feed-container mt-5">
  441.                                     <div class="feed">
  442.                                         <div class="feed-item">
  443.                                             <img src="{{ asset('assets/images/webp/pixelsior-realisation-10.webp') }}" alt="Element du portfolio">
  444.                                         </div>
  445.                                         <div class="feed-item">
  446.                                             <img src="{{ asset('assets/images/webp/pixelsior-realisation-11.webp') }}" alt="Element du portfolio">
  447.                                         </div>
  448.                                         <div class="feed-item">
  449.                                             <img src="{{ asset('assets/images/webp/pixelsior-realisation-12.webp') }}" alt="Element du portfolio">
  450.                                         </div>
  451.                                         <div class="feed-item">
  452.                                             <img src="{{ asset('assets/images/webp/pixelsior-realisation-13.webp') }}" alt="Element du portfolio">
  453.                                         </div>
  454.                                         <div class="feed-item">
  455.                                             <img src="{{ asset('assets/images/webp/pixelsior-realisation-14.webp') }}" alt="Element du portfolio">
  456.                                         </div>
  457.                                     </div>
  458.                                 </div>
  459.                             </div>
  460.                             <div class="tab-pane fade" id="illustrations" role="tabpanel" aria-labelledby="illustrations-tab">
  461.                                 <div class="feed-container mt-5">
  462.                                     <div class="feed">
  463.                                     
  464.                                         <div class="feed-item">
  465.                                             <img src="{{ asset('assets/images/webp/pixelsior-realisation-3.webp') }}" alt="Element du portfolio">
  466.                                         </div>
  467.                                         <div class="feed-item">
  468.                                             <img src="{{ asset('assets/images/webp/pixelsior-realisation-4.webp') }}" alt="Element du portfolio">
  469.                                         </div>
  470.                                         <div class="feed-item">
  471.                                             <img src="{{ asset('assets/images/webp/pixelsior-realisation-5.webp') }}" alt="Element du portfolio">
  472.                                         </div>
  473.                                         <div class="feed-item">
  474.                                             <img src="{{ asset('assets/images/webp/pixelsior-realisation-7.webp') }}" alt="Element du portfolio">
  475.                                         </div>
  476.                                         <div class="feed-item">
  477.                                             <img src="{{ asset('assets/images/webp/pixelsior-realisation-8.webp') }}" alt="Element du portfolio">
  478.                                         </div>
  479.                                         <div class="feed-item">
  480.                                             <img src="{{ asset('assets/images/webp/pixelsior-realisation-13.webp') }}" alt="Element du portfolio">
  481.                                         </div>
  482.                                         <div class="feed-item">
  483.                                             <img src="{{ asset('assets/images/webp/pixelsior-realisation-14.webp') }}" alt="Element du portfolio">
  484.                                         </div>
  485.                                     </div>
  486.                                 </div>
  487.                             </div> #}
  488.                           </div>
  489.                         
  490.                        
  491.                     </div>
  492.                 </div>
  493.             </div>
  494.         </div>