templates/front/produit/portfolio.html.twig line 1

Open in your IDE?
  1. {% extends 'front/base.html.twig' %}
  3. {% block title %}Webgiciel - Le Site Portfolio{% endblock %}
  4. {% block description %}Vitrine Numérique de Vos Talents et Réalisations{% endblock %}
  5. {% block keywords %}Portfolio{% endblock %}
  7. {% block stylesheets %}
  8.     <style>
  9.         /* Style de base pour le cookie-banner */
  10.         #cookie-banner {
  11.             display: none;
  12.             position: fixed;
  13.             bottom: 0;
  14.             left: 50%;
  15.             transform: translateX(-50%);
  16.             background-color: #f1f1f1;
  17.             padding: 15px;
  18.             box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  19.             z-index: 1000;
  20.         }
  22.         .btnRound{
  23.             color: #213b52;
  24.             border-radius: 50px;
  25.             padding: 8px 35px 10px 35px;
  26.             border: 2px solid #fdc134;
  27.             transition: all ease-in-out 0.3s;
  28.             display: inline-block;
  29.             background: #fdc134;
  30.         }
  31.         .btnRound:hover {
  32.             background: #213b52;
  33.             color: #fff;
  34.         }
  36.     </style>
  37. {% endblock %}
  39. {% block body %}
  41.     {% include "front/cases/header.html.twig" %}
  43.     <!-- début main -->
  44.     <main id="main" style="background-color:white;">
  46.         <div class="container">
  47.             <div class="row justify-content-center">
  49.                 {% if test == 'ok' %}
  50.                     <div class="mt-4 col-12" data-aos="fade-left" style="text-align:center;">
  51.                         <div style="background-color:#fdc134; border-radius:20px; padding:25px 0 10px 0;color: #213b52;">
  52.                             <p> Résultat du test </p>
  53.                             <h1 class="mb-4">
  54.                                 Vous avez besoin d'un site portfolio.
  55.                             </h1>
  56.                             <a class="btnRound" href="{{ path('front_test') }}"> Refaire le test </a>
  57.                         </div>
  58.                     </div>
  59.                 {% endif %}
  61.                 <div class="col-sm-12 col-md-9 mt-2 mb-4" data-aos="fade-right" style="text-align:left;">
  63.                     {% if test == 'ok' %}
  64.                         <h4 class="mt-4 mb-3">
  65.                             Le Site Portfolio : Vitrine Numérique de Vos Talents et Réalisations
  66.                         </h4>
  67.                     {% else %}
  68.                         <h1 class="mt-4 mb-3">
  69.                             Le Site Portfolio : <br>
  70.                             Vitrine Numérique de Vos Talents et Réalisations
  71.                         </h1>
  72.                     {% endif %}
  74.                     <p style="text-align:justify">
  75.                         Un site portfolio est un outil essentiel pour les professionnels créatifs, freelances, artistes et toute personne cherchant à présenter ses 
  76.                         réalisations et compétences de manière professionnelle en ligne. <br>
  77.                         Son utilité réside dans sa capacité à agir comme une vitrine numérique, offrant un espace personnalisé où les individus peuvent mettre en valeur 
  78.                         leur travail, leur expérience et leurs réalisations pour attirer l'attention des clients potentiels, des employeurs ou des collaborateurs.
  79.                     </p>
  81.                     <h5>
  82.                         Les plus :
  83.                     </h5>
  85.                     <p style="text-align:justify">
  86.                         <ul>
  87.                             <li style="text-align:justify">
  88.                                 <strong>Présentation Visuelle : </strong> <br>
  89.                                 Un site portfolio permet de présenter vos réalisations de manière visuellement attrayante, avec la possibilité d'inclure des images, 
  90.                                 des vidéos et des exemples concrets de votre travail.
  91.                             </li>
  92.                             <li class="mt-3" style="text-align:justify">
  93.                                 <strong>Flexibilité de Personnalisation : </strong> <br>
  94.                                 Vous avez la liberté de personnaliser le design et la mise en page de votre site portfolio pour refléter votre style personnel et mettre 
  95.                                 en valeur votre créativité.
  96.                             </li>
  97.                             <li class="mt-3" style="text-align:justify">
  98.                                 <strong>Accessibilité 24/7 : </strong> <br>
  99.                                 Votre portfolio en ligne est accessible à tout moment, permettant aux visiteurs de consulter vos réalisations à leur convenance, ce qui élargit 
  100.                                 votre visibilité et vos opportunités.
  101.                             </li>
  102.                             <li class="mt-3" style="text-align:justify">
  103.                                 <strong>Développement de Marque Personnelle : </strong> <br>
  104.                                 Un site portfolio bien conçu contribue à renforcer votre marque personnelle en vous positionnant comme un professionnel compétent et en mettant 
  105.                                 en avant vos réalisations uniques.
  106.                             </li>
  107.                         </ul>
  108.                     </p>
  110.                     <h5>
  111.                         Les moins :
  112.                     </h5>
  114.                     <p style="text-align:justify">
  115.                         <ul>
  116.                             <li style="text-align:justify">
  117.                                 <strong>Temps et Efforts de Maintenance : </strong> <br>
  118.                                 Maintenir votre site portfolio à jour nécessite du temps et des efforts réguliers pour ajouter de nouveaux projets, mettre à jour les 
  119.                                 informations et vérifier que tout fonctionne correctement.
  120.                             </li>
  121.                             <li class="mt-3" style="text-align:justify">
  122.                                 <strong>Concurrence Féroce : </strong> <br>
  123.                                 Avec de nombreux professionnels qui utilisent des sites portfolio pour présenter leur travail, il peut être difficile de se démarquer 
  124.                                 dans un marché compétitif et saturé.
  125.                             </li>
  126.                             <li class="mt-3" style="text-align:justify">
  127.                                 <strong>Besoin de Contenu de Qualité : </strong> <br>
  128.                                 Pour susciter l'intérêt des visiteurs, votre site portfolio doit contenir des exemples de travail de haute qualité et des informations 
  129.                                 claires et pertinentes sur vos compétences et expériences.
  130.                             </li>
  131.                             <li class="mt-3" style="text-align:justify">
  132.                                 <strong>Coût Initial de Création : </strong> <br>
  133.                                 La création d'un site portfolio professionnel peut impliquer des coûts initiaux pour l'hébergement, le nom de domaine et les éventuels 
  134.                                 services de conception web ou de développement.
  135.                             </li>
  136.                         </ul>
  137.                     </p>
  139.                     <p style="text-align:justify">
  140.                         En conclusion, bien que les sites portfolio offrent de nombreux avantages en termes de présentation visuelle, de flexibilité de personnalisation, 
  141.                         d'accessibilité et de développement de marque personnelle, ils présentent également des défis en termes de maintenance, de concurrence, de qualité 
  142.                         du contenu et de coûts initiaux. <br>
  143.                         Il est important pour les professionnels de peser ces aspects et de créer un portfolio en ligne qui correspond à leurs objectifs et à leur identité professionnelle.
  144.                     </p>
  146.                 </div>
  148.                 <div class="col-12 mb-5" data-aos="fade-left" style="text-align:center;">
  149.                     <a href="{{ path('front_devis', {produit: 'portfolio'}) }}" class="btnRound" style="margin-right:35px;">
  150.                         Obtenir un devis
  151.                     </a>
  152.                 </div>
  154.             </div>
  155.         </div>
  157.     </main>
  158.     <!-- fin main -->
  160.     {% include "front/cases/footer.html.twig" %}
  162.     <!-- myModal -->
  163.     <div class="modal modal-lg fade" id="myModal" tabindex="-1" aria-labelledby="myModalLabel" aria-hidden="true">
  164.         <div class="modal-dialog modal-dialog-centered">
  165.             <div class="modal-content">
  166.             </div>
  167.         </div>
  168.     </div>
  170. {% endblock %}
  173. {% block javascripts %}
  174.     {% include "cookies/js/consentement.js" %}
  175. {% endblock %}