templates/layouts/section/portfolio.html.twig line 1

Open in your IDE?
  1. <!-- Portfolio section -->
  2. <div class="container-fluid mb-5 py-5 bg-light" id="section-portfolio" data-aos="fade-up" data-aos-offset="300">
  3.     <div class="row mt-5 justify-content-center">
  4.         <div class="col-9">
  5.             <div class="row">
  6.                 <p class="fw-light text-primary fs-tiny">Portfolio</p>
  7.             </div>
  8.             <div class="row">
  9.                 <h1 class="display-5 fw-bold">Dernières réalisations</h1>
  10.             </div>
  11.             <div class="row">
  12.                 <p class="fs-tiny">
  13.                     Découvrez une sélection de projets qui témoignent de mon expertise dans la fourniture de solutions numériques de qualité supérieure.
  14.                 </p>
  15.             </div>
  16.             <div class="row justify-content-between">
  17.                 <div id="carouselExampleIndicators" class="carousel" data-bs-ride="carousel">
  18.                     <div class="carousel-indicators">
  19.                         <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
  20.                         <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="1" aria-label="Slide 2"></button>
  21.                         <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="2" aria-label="Slide 3"></button>
  22.                     </div>
  23.                     <div class="carousel-inner">
  24.                         {% for key,experience in experiences %}
  25.                             <div class="col-12 col-md-4 carousel-item {% if key is same as 0 %}active{% endif %}">
  26.                                 <div class="card border-0 h-100 shadow">
  27.                                     <img src="{{ asset('build/img/portfolio1.png') }}" class="card-img-top" alt="E-commerce Platform">
  28.                                     <div class="card-body p-0">
  29.                                         <h2 class="card-title p-4 h-25 bg-light bg-opacity-75 fw-bolder mb-3">{{ experience.title }}</h2>
  30.                                         <div class="px-4">
  31.                                             <p class="text-dark mb-0">{{ experience.technoBase }}</p>
  32.                                             <p class="text-muted fs-tiny">{{ experience.technoComplement }}</p>
  33.                                             {{ experience.description | raw }}
  34.                                         </div>
  35.                                         {#                                            <a href="#" class="btn btn-primary">Go somewhere</a>#}
  36.                                     </div>
  37.                                 </div>
  38.                             </div>
  39.                         {% endfor %}
  40.                     </div>
  41.                     <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleControls" data-bs-slide="prev">
  42.                         <span class="carousel-control-prev-icon" aria-hidden="true"></span>
  43.                         <span class="visually-hidden">Previous</span>
  44.                     </button>
  45.                     <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleControls" data-bs-slide="next">
  46.                         <span class="carousel-control-next-icon" aria-hidden="true"></span>
  47.                         <span class="visually-hidden">Next</span>
  48.                     </button>
  49.                 </div>
  51.                 {#                    <div class="col-12 col-md-4 p-4"  data-aos="fade-up" data-aos-offset="300">#}
  52.                 {#                        <div class="card border-0 shadow">#}
  53.                 {#                            <img src="{{ asset('build/img/portfolio2.png') }}" class="card-img-top" alt="E-commerce Platform">#}
  54.                 {#                            <div class="card-body">#}
  55.                 {#                                <h2 class="card-title">E-commerce Platform</h2>#}
  56.                 {#                                <p class="card-text">A transformative online shopping experience with custom functionality and user-centric design.</p>#}
  57.                 {#                                #}{#                        <a href="#" class="btn btn-primary">Go somewhere</a>#}
  58.                 {#                            </div>#}
  59.                 {#                        </div>#}
  60.                 {#                    </div>#}
  61.                 {#                    <div class="col-12 col-md-4 p-4" data-aos="fade-up" data-aos-offset="300">#}
  62.                 {#                        <div class="card border-0 shadow">#}
  63.                 {#                            <img src="{{ asset('build/img/portfolio3.png') }}" class="card-img-top" alt="E-commerce Platform">#}
  64.                 {#                            <div class="card-body">#}
  65.                 {#                                <h2 class="card-title">E-commerce Platform</h2>#}
  66.                 {#                                <p class="card-text">A transformative online shopping experience with custom functionality and user-centric design.</p>#}
  67.                 {#                                #}{#                        <a href="#" class="btn btn-primary">Go somewhere</a>#}
  68.                 {#                            </div>#}
  69.                 {#                        </div>#}
  70.                 {#                    </div>#}
  71.             </div>
  72.         </div>
  73.     </div>
  74. </div>
  75. <!-- End of Portfolio section -->