templates/default/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  2. {% block title %}Accueil {% endblock %}
  3.     {% block header %}
  4.         {% include 'widget/header_meta.html.twig' with {
  5.             'title': 'Smart-Focus - Centre de Formation et Soutien Scolaire à Ouled Teima',
  6.             'description': 'Avec Smart-Focus, nous avons la solution miracle pour vous',
  7.             'image': absolute_url(asset('images/logo_hor.png')),
  8.             'url': absolute_url(path('hs_public_index'))
  9.         } %}
  10.     {% endblock %}
  12. {% block content %}
  13.     <div class="slideshow">
  14.         <div id="slideshow1">
  15.             <ul class="allinone_bannerRotator_list">
  16.                 <li data-text-id="#content_ss_1"><img src="{{ asset('assets/img/slider_01.webp') }}" alt="img" /></li>
  17.                 <li data-text-id="#content_ss_2"><img src="{{ asset('assets/img/slider_02.webp') }}" alt="img" /></li>
  18.                 <li data-text-id="#content_ss_3"><img src="{{ asset('assets/img/slider_03.webp') }}" alt="img" /></li>
  19. {#
  20.                 <li data-text-id="#content_ss_1"><img src="{{ asset('assets/img/slider_04.jpg') }}" alt="img" /></li>
  21.                 <li data-text-id="#content_ss_2"><img src="{{ asset('assets/img/slider_05.jpg') }}" alt="img" /></li>
  22.                 <li data-text-id="#content_ss_3"><img src="{{ asset('assets/img/slider_06.jpg') }}" alt="img" /></li>
  23. #}
  24.             </ul>
  25.             {#
  26.             <div id="content_ss_1" class="allinone_bannerRotator_texts">
  27.                 <div class="content-slideshow mb-5" data-initial-left="50" data-initial-top="280" data-final-left="0" data-final-top="280" data-duration="0.7" data-fade-start="0" data-delay="0.2">
  28.                     <h1 class="text-center" style="margin-bottom: 10px; color: #0a0a0a">La formation professionnelle</h1>
  29.                 </div>
  30.                 <div class="content-slideshow" data-initial-left="50" data-initial-top="320" data-final-left="0" data-final-top="360" data-duration="0.6" data-fade-start="0" data-delay="0.6">
  31.                     <h3 class="text-center" style="margin-bottom: 10px; color: #0a0a0a">Smart-Focus au service de l'excellence</h3>
  32.                 </div>
  33.                 <div class="content-link" data-initial-top="440" data-final-top="440" data-duration="0.6" data-fade-start="0" data-delay="1">
  34.                     <a class="link" href="#">Shop now</a>
  35.                 </div>
  36.             </div>
  37.             #}
  38. {#            <div id="content_ss_2" class="allinone_bannerRotator_texts">#}
  39. {#                <div class="content-slideshow" data-initial-top="0" data-final-top="270" data-duration="0.6" data-fade-start="0" data-delay="0.2">#}
  40. {#                    <img class="content-img" src="assets/images/slide2-content-1.png" alt="img" />#}
  41. {#                </div>#}
  42. {#                <div class="content-slideshow" data-initial-top="380" data-final-top="380" data-final-left="16" data-duration="0.6" data-fade-start="0" data-delay="0.8">#}
  43. {#                    <img class="content-img" src="assets/images/slide2-content-2.png" alt="img" />#}
  44. {#                </div>#}
  45. {#            </div>#}
  46. {#            <div id="content_ss_3" class="allinone_bannerRotator_texts">#}
  47. {#                <div class="content-slideshow" data-initial-top="480" data-final-top="280" data-duration="0.6" data-fade-start="0" data-delay="0.2">#}
  48. {#                    <img class="content-img" src="assets/images/slide3-content-1.png" alt="img" />#}
  49. {#                </div>#}
  50. {#                <div class="content-slideshow" data-initial-left="200" data-initial-top="340" data-final-left="0" data-final-top="340" data-duration="0.6" data-fade-start="0" data-delay="0.6">#}
  51. {#                    <img class="content-img" src="assets/images/slide3-content-2.png" alt="img" />#}
  52. {#                </div>#}
  53. {#                <div class="content-link" data-initial-left="100" data-initial-top="420" data-final-left="0" data-final-top="420" data-duration="0.6" data-fade-start="0" data-delay="1">#}
  54. {#                    <a class="link" href="#">Shop now</a>#}
  55. {#                </div>#}
  56. {#            </div>#}
  57.         </div>
  58.     </div>
  59.     <!-- /.slideshow -->
  60.     <div class="features">
  61.         <div class="container">
  62.             <div class="row">
  63.                 <div class="col-md-4">
  64.                     <div class="sale">
  65.                         <a href="{{ path('hs_public_tutoring_index') }}">
  66.                             <div class="text-box">
  67.                                 Soutien scolaire
  68.                             </div>
  69.                             <div class="icon-box">
  70.                                 <i class="pe-7s-portfolio"></i>
  71.                             </div>
  72.                         </a>
  73.                     </div>
  74.                 </div>
  75.                 <div class="col-md-4">
  76.                     <div class="freeship">
  77.                         <a href="{{ path('hs_public_activity_index', {'slug':'formations-continu'}) }}">
  78.                             <div class="text-box">
  79.                                 Formations continue
  80.                             </div>
  81.                             <div class="icon-box">
  82.                                 <i class="pe-7s-repeat"></i>
  83.                             </div>
  84.                         </a>
  85.                     </div>
  86.                 </div>
  87.                 <div class="col-md-4">
  88.                     <div class="giveway">
  89.                         <a href="{{ path('hs_public_activity_index', {'slug':'formation-diplomante'}) }}">
  90.                             <div class="text-box">
  91.                                 Formation Qualifiante
  92.                             </div>
  93.                             <div class="icon-box">
  94.                                 <i class="pe-7s-study"></i>
  95.                             </div>
  96.                         </a>
  97.                     </div>
  98.                 </div>
  99.             </div>
  100.         </div>
  101.     </div>
  102.     <!-- /.features -->
  103.     <!-- /.trending-clothing -->
  104.     <div class="parallax-banner-2 parallax" style="margin-bottom: 30px;">
  105.         <div class="container">
  106.             <div class="row">
  107.                 <div class="col-md-6 col-md-offset-3 text-center">
  108.                     <p class="content-title">Smart-Focus</p>
  109.                     <p class="content-description">Smart-Focus offre des formations accréditées par l'État, encadrées par des professionnels expérimentés. Préparez-vous pour une carrière réussie avec un soutien complet et des activités enrichissantes.</p>
  110.                 </div>
  111.             </div>
  112.         </div>
  113.     </div>
  115.     <!-- /.custom-boxes -->
  116.     {% if featuredActivities|length>0 %}
  117.         <div class="trending-clothing">
  118.             <div class="container">
  119.                 <h3>Nos formations</h3>
  120.                 <h5>Découvrez nos formations de qualité</h5>
  121.                 {% if featuredActivities|length<=1 %}
  122.                     <div class="box-content">
  123.                         {% for featuredActivity in featuredActivities %}
  124.                             <div class="showcase">
  125.                                 <div class="row">
  126.                                     <div class="box-product">
  127.                                         {% for activite in featuredActivity.activites %}
  128.                                             <div class="col-lg-3 col-md-4 col-sm-6">
  129.                                                 <div class="product-item">
  130.                                                     <div class="product-thumb">
  131.                                                         <div class="main-img">
  132.                                                             <a href="{{ path('hs_public_activity_single', {'slug': activite.slug}) }}">
  133.                                                                 <img class="img-responsive lazyload" data-src="{{ asset('images/activite/'~(activite.images|first).url) }}" alt="img" />
  134.                                                             </a>
  135.                                                         </div>
  136.                                                         <div class="overlay-img">
  137.                                                             <a href="{{ path('hs_public_activity_single', {'slug': activite.slug}) }}">
  138.                                                                 <img class="img-responsive lazyload" data-src="{{ asset('images/activite/'~(activite.images|first).url) }}" alt="img" />
  139.                                                             </a>
  140.                                                         </div>
  141.                                                         <a href="{{ path('hs_public_activity_single', {'slug': activite.slug}) }}" class="details"><i class="pe-7s-search"></i></a>
  142.                                                     </div>
  143.                                                     <h4 class="product-name"><a href="{{ path('hs_public_activity_single', {'slug': activite.slug}) }}">{{ activite.title }}</a></h4>
  144.                                                     {#                                        <p class="product-price">#}
  145.                                                     {#                                            189.99 USD#}
  146.                                                     {#                                        </p>#}
  147.                                                     <div class="group-buttons">
  148.                                                         <div class="group-buttons">
  149.                                                             <button type="button" class="add-to-cart"  onclick="window.location.href='{{ path('hs_public_activity_single', {'slug': activite.slug, 'position':'inscription'}) }}';" data-toggle="tooltip" data-placement="top" title="Inscription">
  150.                                                                 <span>Inscription</span>
  151.                                                             </button>
  152.                                                             <button type="button" onclick="window.location.href='{{ path('hs_public_activity_single', {'slug': activite.slug}) }}';" data-toggle="tooltip" data-placement="top" title="Afficher les détails">
  153.                                                                 <i class="pe-7s-look"></i>
  154.                                                             </button>
  155.                                                         </div>
  156.                                                     </div>
  157.                                                 </div>
  158.                                             </div>
  159.                                         {% endfor %}
  160.                                         {% if featuredActivity.activites|length<4 %}
  161.                                             <div class="col-lg-3 col-md-4 col-sm-6">
  162.                                                 <div class="product-item">
  163.                                                     <div class="product-thumb">
  164.                                                         <div class="main-img">
  165.                                                             <a>
  166.                                                                 <img class="img-responsive" src="{{ asset('images/activite/vide.jpg') }}" alt="img" />
  167.                                                             </a>
  168.                                                         </div>
  169.                                                         <div class="overlay-img">
  170.                                                             <a>
  171.                                                                 <img class="img-responsive" src="{{ asset('images/activite/vide.jpg') }}" alt="img" />
  172.                                                             </a>
  173.                                                         </div>
  174.                                                     </div>
  175.                                                     <div class="group-buttons">
  176.                                                     </div>
  177.                                                 </div>
  178.                                             </div>
  179.                                         {% endif %}
  180.                                         {% if featuredActivity.activites|length<3 %}
  181.                                             <div class="col-lg-3 col-md-4 col-sm-6">
  182.                                                 <div class="product-item">
  183.                                                     <div class="product-thumb">
  184.                                                         <div class="main-img">
  185.                                                             <a>
  186.                                                                 <img class="img-responsive" src="{{ asset('images/activite/vide.jpg') }}" alt="img" />
  187.                                                             </a>
  188.                                                         </div>
  189.                                                         <div class="overlay-img">
  190.                                                             <a>
  191.                                                                 <img class="img-responsive" src="{{ asset('images/activite/vide.jpg') }}" alt="img" />
  192.                                                             </a>
  193.                                                         </div>
  194.                                                     </div>
  195.                                                     <div class="group-buttons">
  196.                                                     </div>
  197.                                                 </div>
  198.                                             </div>
  199.                                         {% endif %}
  200.                                         {% if featuredActivity.activites|length<2 %}
  201.                                             <div class="col-lg-3 col-md-4 col-sm-6">
  202.                                                 <div class="product-item">
  203.                                                     <div class="product-thumb">
  204.                                                         <div class="main-img">
  205.                                                             <a>
  206.                                                                 <img class="img-responsive" src="{{ asset('images/activite/vide.jpg') }}" alt="img" />
  207.                                                             </a>
  208.                                                         </div>
  209.                                                         <div class="overlay-img">
  210.                                                             <a>
  211.                                                                 <img class="img-responsive" src="{{ asset('images/activite/vide.jpg') }}" alt="img" />
  212.                                                             </a>
  213.                                                         </div>
  214.                                                     </div>
  215.                                                     <div class="group-buttons">
  216.                                                     </div>
  217.                                                 </div>
  218.                                             </div>
  219.                                         {% endif %}
  221.                                     </div>
  222.                                 </div>
  223.                             </div>
  224.                         {% endfor %}
  225.                     </div>
  226.                 {% else %}
  227.                     <div id="carousel-1">
  228.                         <div class="tab-heading">
  229.                             {% for featuredActivity in featuredActivities %}
  230.                                 <span>{{ featuredActivity.category.name }}({{ featuredActivity.activites|length }})</span>
  231.                             {% endfor %}
  232.                         </div>
  233.                         <div class="box-content">
  234.                             {% for featuredActivity in featuredActivities %}
  235.                                 <div class="showcase">
  236.                                     <div class="row">
  237.                                         <div class="box-product">
  238.                                             {% for activite in featuredActivity.activites %}
  239.                                                 <div class="col-lg-3 col-md-4 col-sm-6">
  240.                                                     <div class="product-item">
  241.                                                         <div class="product-thumb">
  242.                                                             <div class="main-img">
  243.                                                                 <a href="{{ path('hs_public_activity_single', {'slug': activite.slug}) }}">
  244.                                                                     <img class="img-responsive lazyload" data-src="{{ asset('images/activite/'~(activite.images|first).url) }}" alt="img" />
  245.                                                                 </a>
  246.                                                             </div>
  247.                                                             <div class="overlay-img">
  248.                                                                 <a href="{{ path('hs_public_activity_single', {'slug': activite.slug}) }}">
  249.                                                                     <img class="img-responsive lazyload" data-src="{{ asset('images/activite/'~(activite.images|first).url) }}" alt="img" />
  250.                                                                 </a>
  251.                                                             </div>
  252.                                                             <a href="{{ path('hs_public_activity_single', {'slug': activite.slug}) }}" class="details"><i class="pe-7s-search"></i></a>
  253.                                                         </div>
  254.                                                         <h4 class="product-name"><a href="{{ path('hs_public_activity_single', {'slug': activite.slug}) }}">{{ activite.title }}</a></h4>
  255.                                                         {#                                        <p class="product-price">#}
  256.                                                         {#                                            189.99 USD#}
  257.                                                         {#                                        </p>#}
  258.                                                         <div class="group-buttons">
  259.                                                             <button type="button" class="add-to-cart"  onclick="window.location.href='{{ path('hs_public_activity_single', {'slug': activite.slug, 'position':'inscription'}) }}#product-tab2';" data-toggle="tooltip" data-placement="top" title="Inscription">
  260.                                                                 <span>Inscription</span>
  261.                                                             </button>
  262.                                                             <button type="button" onclick="window.location.href='{{ path('hs_public_activity_single', {'slug': activite.slug}) }}';" data-toggle="tooltip" data-placement="top" title="Afficher les détails">
  263.                                                                 <i class="pe-7s-look"></i>
  264.                                                             </button>
  265.                                                         </div>
  266.                                                     </div>
  267.                                                 </div>
  268.                                             {% endfor %}
  269.                                             {% if featuredActivity.activites|length<4 %}
  270.                                                 <div class="col-lg-3 col-md-4 col-sm-6">
  271.                                                     <div class="product-item">
  272.                                                         <div class="product-thumb">
  273.                                                             <div class="main-img">
  274.                                                                 <a>
  275.                                                                     <img class="img-responsive" src="{{ asset('images/activite/vide.jpg') }}" alt="img" />
  276.                                                                 </a>
  277.                                                             </div>
  278.                                                             <div class="overlay-img">
  279.                                                                 <a>
  280.                                                                     <img class="img-responsive" src="{{ asset('images/activite/vide.jpg') }}" alt="img" />
  281.                                                                 </a>
  282.                                                             </div>
  283.                                                         </div>
  284.                                                         <div class="group-buttons">
  285.                                                         </div>
  286.                                                     </div>
  287.                                                 </div>
  288.                                             {% endif %}
  289.                                             {% if featuredActivity.activites|length<3 %}
  290.                                                 <div class="col-lg-3 col-md-4 col-sm-6">
  291.                                                     <div class="product-item">
  292.                                                         <div class="product-thumb">
  293.                                                             <div class="main-img">
  294.                                                                 <a>
  295.                                                                     <img class="img-responsive" src="{{ asset('images/activite/vide.jpg') }}" alt="img" />
  296.                                                                 </a>
  297.                                                             </div>
  298.                                                             <div class="overlay-img">
  299.                                                                 <a>
  300.                                                                     <img class="img-responsive" src="{{ asset('images/activite/vide.jpg') }}" alt="img" />
  301.                                                                 </a>
  302.                                                             </div>
  303.                                                         </div>
  304.                                                         <div class="group-buttons">
  305.                                                         </div>
  306.                                                     </div>
  307.                                                 </div>
  308.                                             {% endif %}
  309.                                             {% if featuredActivity.activites|length<2 %}
  310.                                                 <div class="col-lg-3 col-md-4 col-sm-6">
  311.                                                     <div class="product-item">
  312.                                                         <div class="product-thumb">
  313.                                                             <div class="main-img">
  314.                                                                 <a>
  315.                                                                     <img class="img-responsive" src="{{ asset('images/activite/vide.jpg') }}" alt="img" />
  316.                                                                 </a>
  317.                                                             </div>
  318.                                                             <div class="overlay-img">
  319.                                                                 <a>
  320.                                                                     <img class="img-responsive" src="{{ asset('images/activite/vide.jpg') }}" alt="img" />
  321.                                                                 </a>
  322.                                                             </div>
  323.                                                         </div>
  324.                                                         <div class="group-buttons">
  325.                                                         </div>
  326.                                                     </div>
  327.                                                 </div>
  328.                                             {% endif %}
  330.                                         </div>
  331.                                     </div>
  332.                                 </div>
  333.                             {% endfor %}
  334.                         </div>
  335.                     </div>
  336.                 {% endif %}
  337.             </div>
  338.         </div>
  339.     {% endif %}
  340.     <!-- /.sale-off -->
  341.     <!-- /.custom-blocks -->
  342.     {% if news is not empty %}
  343.     <div class="blog-post">
  344.         <div class="container">
  345.             <h3>Nos actualités</h3>
  346.             <h5>Restez informés !"</h5>
  347.             <div class="row">
  348.                 {% for item in news %}
  349.                     <div class="col-md-4">
  350.                         <div class="media">
  351.                             <div class="media-left">
  352.                                 <a href="{{ path('hs_public_news_single', {'slug': item.slug|lower}) }}">
  353.                                     <img class="img-responsive" src="{{ asset('images/news/'~item.image2Name) }}" alt="{{ item.title }}" />
  354.                                 </a>
  355.                             </div>
  356.                             <div class="media-body">
  357.                                 <h4><a href="{{ path('hs_public_news_single', {'slug': item.slug|lower}) }}">{{ item.title|slice(0, 90) }}{% if item.title|length > 90 %} ... {% endif %}{% if item.title|length < 45 %} <br> {% endif %}</a></h4>
  358.                                 <p>{{ item.abstract|slice(0, 180) }}</p>
  359.                                 <a class="readmore" href="{{ path('hs_public_news_single', {'slug': item.slug|lower}) }}">Lire plus</a>
  360.                             </div>
  361.                         </div>
  362.                     </div>
  363.                 {% endfor %}
  364.             </div>
  365.             <div class="row text-right">
  366.                 <div class="media">
  367.                     <div class="media-body">
  368.                         <a class="readmore" href="{{ path('hs_public_news_index') }}"><h5 style="margin-bottom: 2px">Plus d'actualités ...</h5></a>
  369.                     </div>
  370.                 </div>
  371.             </div>
  372.         </div>
  373.     </div>
  374.     {% endif %}
  375.     <!-- /.blog-post -->
  376.     <!-- /.brand-logos -->
  377.     <hr class="gray-line" />
  378.     <div class="locations">
  379.         <div class="container">
  380.             <div class="row">
  381.                 <div class="col-md-4">
  382.                     <div class="media">
  383.                         <div class="media-left">
  384.                             <i class="pe-7s-alarm"></i>
  385.                         </div>
  386.                         <div class="media-body">
  387.                             <h4>Ouvert toute la semaine</h4>
  388.                             <h5>08h : 21h</h5>
  389.                         </div>
  390.                     </div>
  391.                 </div>
  392.                 <div class="col-md-4">
  393.                     <div class="media">
  394.                         <div class="media-left">
  395.                             <i class="pe-7s-gleam"></i>
  396.                         </div>
  397.                         <div class="media-body">
  398.                             <h4>Formations certifiantes</h4>
  399.                             <h5>Boostez vos compétences</h5>
  400.                         </div>
  401.                     </div>
  402.                 </div>
  403.                 <div class="col-md-4">
  404.                     <div class="media">
  405.                         <div class="media-left">
  406.                             <i class="pe-7s-exapnd2"></i>
  407.                         </div>
  408.                         <div class="media-body">
  409.                             <h4>Soutien scolaire</h4>
  410.                             <h5>Des cours adaptés</h5>
  411.                         </div>
  412.                     </div>
  413.                 </div>
  414.             </div>
  415.         </div>
  416.     </div>
  419. {% endblock %}