templates/main/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  2. {% block title %}Annuaires economiques algerien - Accueil{% endblock %}
  3. {% block body %}
  4.     
  5. <!--explore start -->
  6.         <section id="explore" class="explore">
  7.             <div class="container">
  8.                 <div class="section-header">
  9.                     <h2>Découvrez les secteurs d'activités !</h2>
  10.                     
  11.                 </div><!--/.section-header-->
  12.                 <div class="explore-content">
  13.                     <div class="row">
  14.                                                         
  15.                          <div class="col-md-3 col-sm-3">
  16.                          
  17.                             <div class="single-explore-item">
  18.                                 <div class="single-explore-img">
  19.                                 {% set adm_id = 3 %}
  20.                                 {% set adm_slug = 'Administration' %}
  21.                                 <a href="{{path('customer.secteur', {id:adm_id, slug:adm_slug})}}">
  22.                                 <image src="assets/images/secact/administration.jpeg" alt="Secteur administration">
  23.                              
  24.                                 </div>
  25.                                 <div class="single-explore-txt bg-theme-5">
  26.                                     <h2>Administration</h2>
  27.                                                                  
  28.                                 </div>
  29.                                 </a>
  30.                             </div>
  31.                         </div>
  32.                          <div class="col-md-3 col-sm-3">
  33.                          <div class="single-explore-item">
  34.                                 <div class="single-explore-img">
  35.                                 {% set adm_id = 5 %}
  36.                                 {% set adm_slug = 'Chimie-Petrochimie' %}
  37.                                 <a href="{{path('customer.secteur', {id:adm_id, slug:adm_slug})}}">
  38.                                 <image src="assets/images/secact/chimie-petrochimie.jpeg" alt="Secteur chimie petrochimie">
  39.                                 
  40.                                 </div>
  41.                                 <div class="single-explore-txt bg-theme-5">
  42.                                     <h2>Chimie-Petrochimie</h2>
  43.                                                                  
  44.                                 </div>
  45.                                 </a>
  46.                             </div>
  47.                         </div>
  48.                          <div class="col-md-3 col-sm-3">
  49.                          
  50.                             <div class="single-explore-item">
  51.                                 <div class="single-explore-img">
  52.                                 {% set adm_id = 4 %}
  53.                                 {% set adm_slug = 'Agroalimentaire' %}
  54.                                 <a href="{{path('customer.secteur', {id:adm_id, slug:adm_slug})}}">
  55.                                 <image src="assets/images/secact/agroalimentaire.jpeg" alt="Secteur Agroalimentaire">
  56.                                 
  57.                                 </div>
  58.                                 <div class="single-explore-txt bg-theme-5">
  59.                                     <h2>Agroalimentaire</h2>
  60.                                                                  
  61.                                 </div>
  62.                                 </a>
  63.                             </div>
  64.                         </div>
  65.                         <div class="col-md-3 col-sm-3">
  66.                          <div class="single-explore-item">
  67.                                 <div class="single-explore-img">
  68.                                 {% set adm_id = 6 %}
  69.                                 {% set adm_slug = 'Commerce' %}
  70.                                 <a href="{{path('customer.secteur', {id:adm_id, slug:adm_slug})}}">
  71.                                 <image src="assets/images/secact/commerce.jpeg" alt="Secteur Commerce">
  72.                                 
  73.                                 </div>
  74.                                 <div class="single-explore-txt bg-theme-5">
  75.                                     <h2>Commerce</h2>
  76.                                                                  
  77.                                 </div>
  78.                                 </a>
  79.                             </div>
  80.                         </div>
  81.                          <div class="col-md-3 col-sm-3">
  82.                          
  83.                             <div class="single-explore-item">
  84.                                 <div class="single-explore-img">
  85.                                 {% set adm_id = 7 %}
  86.                                 {% set adm_slug = 'Construction' %}
  87.                                 <a href="{{path('customer.secteur', {id:adm_id, slug:adm_slug})}}">
  88.                                 <image src="assets/images/secact/construction.jpeg" alt="Secteur Construction">
  89.                                 
  90.                                 </div>
  91.                                 <div class="single-explore-txt bg-theme-5">
  92.                                     <h2>Construction</h2>
  93.                                                                  
  94.                                 </div>
  95.                                 </a>
  96.                             </div>
  97.                         </div>
  98.                         <div class="col-md-3 col-sm-3">
  99.                          
  100.                             <div class="single-explore-item">
  101.                                 <div class="single-explore-img">
  102.                                 {% set adm_id = 8 %}
  103.                                 {% set adm_slug = 'Formation' %}
  104.                                 <a href="{{path('customer.secteur', {id:adm_id, slug:adm_slug})}}">
  105.                                 <image src="assets/images/secact/formation.jpeg" alt="Secteur Construction">
  106.     
  107.                                 </div>
  108.                                 <div class="single-explore-txt bg-theme-5">
  109.                                     <h2>Formation</h2>
  110.                                                                  
  111.                                 </div>
  112.                                 </a>
  113.                             </div>
  114.                         </div>
  115.                         <div class="col-md-3 col-sm-3">
  116.                          
  117.                             <div class="single-explore-item">
  118.                                 <div class="single-explore-img">
  119.                                 {% set adm_id = 11 %}
  120.                                 {% set adm_slug = 'Impression-Edition' %}
  121.                                 <a href="{{path('customer.secteur', {id:adm_id, slug:adm_slug})}}">
  122.                                 <image src="assets/images/secact/impression_edition.jpg" alt="Secteur Impression-Edition">
  123.     
  124.                                 </div>
  125.                                 <div class="single-explore-txt bg-theme-5">
  126.                                     <h2>Impression-Edition</h2>
  127.                                                                  
  128.                                 </div>
  129.                                 </a>
  130.                             </div>
  131.                         </div>
  132.                         <div class="col-md-3 col-sm-3">
  133.                          
  134.                             <div class="single-explore-item">
  135.                                 <div class="single-explore-img">
  136.                                 {% set adm_id = 11 %}
  137.                                 {% set adm_slug = 'Fourniture' %}
  138.                                 <a href="{{path('customer.secteur', {id:adm_id, slug:adm_slug})}}">
  139.                                 <image src="assets/images/secact/fourniture.jpeg" alt="Secteur Fourniture et equipement">
  140.                                 </div>
  141.                                 <div class="single-explore-txt bg-theme-5">
  142.                                     <h2>Fourniture</h2>
  143.                                                                  
  144.                                 </div>
  145.                                 </a>
  146.                             </div>
  147.                         </div>
  148.                         <div class="col-md-3 col-sm-3">
  149.                          
  150.                             <div class="single-explore-item">
  151.                                 <div class="single-explore-img">
  152.                                 {% set adm_id = 10 %}
  153.                                 {% set adm_slug = 'import-export' %}
  154.                                 <a href="{{path('customer.secteur', {id:adm_id, slug:adm_slug})}}">
  155.                                 <image src="assets/images/secact/import_export.jpg" alt="Secteur import-export">
  156.     
  157.                                 </div>
  158.                                 <div class="single-explore-txt bg-theme-5">
  159.                                     <h2>Import export</h2>
  160.                                                                  
  161.                                 </div>
  162.                                 </a>
  163.                             </div>
  164.                         </div>
  165.                         <div class="col-md-3 col-sm-3">
  166.                          
  167.                             <div class="single-explore-item">
  168.                                 <div class="single-explore-img">
  169.                                 {% set adm_id = 14 %}
  170.                                 {% set adm_slug = 'service' %}
  171.                                 <a href="{{path('customer.secteur', {id:adm_id, slug:adm_slug})}}">
  172.                                 <image src="assets/images/secact/services.jpg" alt="Secteur services">
  173.      
  174.                                 </div>
  175.                                 <div class="single-explore-txt bg-theme-5">
  176.                                     <h2>Services</h2>
  177.                                                                  
  178.                                 </div>
  179.                                 </a>
  180.                             </div>
  181.                         </div>
  182.                         <div class="col-md-3 col-sm-3">
  183.                          
  184.                             <div class="single-explore-item">
  185.                                 <div class="single-explore-img">
  186.                                 {% set adm_id = 15 %}
  187.                                 {% set adm_slug = 'tourisme' %}
  188.                                 <a href="{{path('customer.secteur', {id:adm_id, slug:adm_slug})}}">
  189.                                 <image src="assets/images/secact/tourisme.jpg" alt="Secteur Tourisme">
  190.     
  191.                                 </div>
  192.                                 <div class="single-explore-txt bg-theme-5">
  193.                                     <h2>Tourisme</h2>
  194.                                                                  
  195.                                 </div>
  196.                                 </a>
  197.                             </div>
  198.                         </div>
  199.                         <div class="col-md-3 col-sm-3">
  200.                          
  201.                             <div class="single-explore-item">
  202.                                 <div class="single-explore-img">
  203.                                 {% set adm_id = 16 %}
  204.                                 {% set adm_slug = 'transport' %}
  205.                                 <a href="{{path('customer.secteur', {id:adm_id, slug:adm_slug})}}">
  206.                                 <image src="assets/images/secact/transport.jpg" alt="Secteur Transport">
  207.      
  208.                                 </div>
  209.                                 <div class="single-explore-txt bg-theme-5">
  210.                                     <h2>Transport</h2>
  211.                                                                  
  212.                                 </div>
  213.                                 </a>
  214.                             </div>
  215.                         </div>
  216.                         <div class="col-md-3 col-sm-3">
  217.                          
  218.                             <div class="single-explore-item">
  219.                                 <div class="single-explore-img">
  220.                                 {% set adm_id = 17 %}
  221.                                 {% set adm_slug = 'sport-artisanat-loisir' %}
  222.                                 <a href="{{path('customer.secteur', {id:adm_id, slug:adm_slug})}}">
  223.                                 <image src="assets/images/secact/sport.jpg" alt="Secteur Sport">
  224.     
  225.                                 </div>
  226.                                 <div class="single-explore-txt bg-theme-5">
  227.                                     <h2>Sport et artisanat</h2>
  228.                                                                  
  229.                                 </div>
  230.                                 </a>
  231.                             </div>
  232.                         </div>
  233.                         <div class="col-md-3 col-sm-3">
  234.                          
  235.                             <div class="single-explore-item">
  236.                                 <div class="single-explore-img">
  237.                                 {% set adm_id = 18 %}
  238.                                 {% set adm_slug = 'elevage-aviculture-horticulture' %}
  239.                                 <a href="{{path('customer.secteur', {id:adm_id, slug:adm_slug})}}">
  240.                                 <image src="assets/images/secact/elevage.jpg" alt="Secteur elevage">
  241.     
  242.                                 </div>
  243.                                 <div class="single-explore-txt bg-theme-5">
  244.                                     <h2>Elevage</h2>
  245.                                                                  
  246.                                 </div>
  247.                                 </a>
  248.                             </div>
  249.                         </div>
  250.                         <div class="col-md-3 col-sm-3">
  251.                          
  252.                             <div class="single-explore-item">
  253.                                 <div class="single-explore-img">
  254.                                  {% set adm_id = 12 %}
  255.                                 {% set adm_slug = 'industrie-production' %}
  256.                                 <a href="{{path('customer.secteur', {id:adm_id, slug:adm_slug})}}">
  257.                                 <image src="assets/images/secact/industrie_production.jpg" alt="Secteur Industrie de production">
  258.                             
  259.     
  260.                                 </div>
  261.                                 <div class="single-explore-txt bg-theme-5">
  262.                                     <h2>Industrie</h2>
  263.                                                                  
  264.                                 </div>
  265.                                 </a>
  266.                             </div>
  267.                         </div>
  268.                                         
  269.                 </div>
  270.             </div><!--/.container-->
  271.         </section><!--/.explore-->
  272.         <!--explore end -->
  273.     
  274. <!--explore start -->
  275.         <section id="explore" class="explore">
  276.             <div class="container">
  277.                 <div class="section-header">
  278.                     <h2>Clients à la une</h2>
  279.                     <p>Devenez la prochaine success story avec nous ! Découvrez comment nos services ont transformé des entreprises comme la vôtre</p>
  280.                 </div><!--/.section-header-->
  281.                 <div class="explore-content">
  282.                     <div class="row">
  283.                         {%  for customer in business %}
  284.                                         
  285.                          <div class="col-md-6 col-sm-6">
  286.                          
  287.                             <div class="single-explore-item">
  288.                                 <div class="single-explore-img">
  289.                                  <a href="{{ path('customer.show', {id:customer.Id, slug:customer.BusinessName|slug  })}}">
  290.                                     <img src="../assets/images/maquette/{{customer.maquette}}" alt="explore image">
  291.                                     </a>
  292.                                     
  293.                                 </div>
  294.                                 <div class="single-explore-txt bg-theme-5">
  295.                                     <h2>{{customer.BusinessName}}</h2>
  296.                                     <p class="explore-rating-price">
  297.                                         <span class="explore-rating">Mbl</span>
  298.                                          {{ customer.Mobile }} <br>
  299.                                         <span class="explore-rating">Email </span>
  300.                                             {{ customer.Email }}
  301.                                     
  302.                                     </p>
  303.                                     <div class="explore-person">
  304.                                         <div class="row">
  305.                                             <div class="col-sm-2">
  306.                                                 <div class="explore-person-img">
  307.                                                 
  308.                                                         <img src="../assets/images/logo/{{customer.Logo}}" alt="explore person">
  309.                                                 
  310.                                                 </div>
  311.                                             </div>
  312.                                             <div class="col-sm-10">
  313.                                                 <p>
  314.                                                 {{customer.StreetAddress}}<br>
  315.                                                     <button class="close-btn" >{{ customer.state }} </button>
  316.                                                     </p>
  317.                                             </div>
  318.                                         </div>
  319.                                     </div>
  320.                                     <div class="explore-open-close-part">
  321.                                         <div class="row">
  322.                                             <div class="col-sm-5">
  323.                                                  <a href="{{ path('customer.show', {id:customer.Id, slug:customer.BusinessName|slug  })}}">
  324.                                                  <button class="close-btn" >+Détail</button>
  325.                                                  </a>
  326.                                             </div>
  327.                                             <div class="col-sm-7">
  328.                                                 <div class="explore-map-icon">
  329.                                                     <a href="#"><i data-feather="map-pin"></i></a>
  330.                                                     <a href="#"><i data-feather="upload"></i></a>
  331.                                                     <a href="#"><i data-feather="heart"></i></a>
  332.                                                 </div>
  333.                                             </div>
  334.                                         </div>
  335.                                     </div>
  336.                                 </div>
  337.                                 </a>
  338.                             </div>
  339.                         </div>
  340.                         {% endfor %}
  341.                         
  342.                     </div>
  343.                 </div>
  344.             </div><!--/.container-->
  345.         </section><!--/.explore-->
  346.         <!--explore end -->
  347.         
  348.     <!--reviews start -->
  349.         <section id="reviews" class="reviews">
  350.             <div class="section-header">
  351.                 <h2>Ils nous ont fait confiance</h2>
  352.             <p>    Devenez la prochaine success story avec nous ! Découvrez comment nos services ont transformé des entreprises comme la vôtre</p>
  353.                 
  354.             </div><!--/.section-header-->
  355.             <div class="reviews-content">
  356.                 <div class="testimonial-carousel">
  357.                  
  358.                        {%  for logopa in logos %}
  359.                      
  360.                     <div class="single-testimonial-box">
  361.                      
  362.                         <div class="testimonial-description">
  363.                         <!-- <a href="{{ path('customer.show', {id:logopa.Customerindex, slug:logopa.Name|slug  })}}"> -->
  364.                             <div class="testimonial-info">
  365.                             
  366.                                 <div class="testimonial-img">
  367.                                 <a href="{{ path('customer.show', {id:logopa.Customerindex, slug:logopa.Name|slug  })}}">
  368.                                     <img src="../upload/{{logopa.image}}" alt="{{logopa.slug}}" width="200"  height="180">
  369.                                     </a>
  370.                                 </div><!--/.testimonial-img-->
  371.                                 <div class="testimonial-person">
  372.                                 <a href="{{ path('customer.show', {id:logopa.Customerindex, slug:logopa.Name|slug  })}}">
  373.                                     <h2>{{logopa.name}}</h2>
  374.                                     </a>                        
  375.                                 </div>
  376.                                 
  377.                                 <!--/.testimonial-person-->
  378.                             </div><!--/.testimonial-info-->
  379.                             <div class="testimonial-comment">
  380.                                 <p>{#{ logopa.description}#}    </p>
  381.                             </div><!--/.testimonial-comment-->
  382.                         </div><!--/.testimonial-description-->
  383.                     </div><!--/.single-testimonial-box-->
  384.                     
  385.                     {% endfor %}
  386.                 </div>
  387.             </div>
  388.         </section><!--/.reviews-->
  389.         <!--reviews end -->
  390. <!--blog start -->
  391.         <section id="blog" class="blog" >
  392.             <div class="container">
  393.                 <div class="section-header">
  394.                     <h2>Actualités et articles économiques </h2>
  395.                         <p class="text-justify">
  396.                         L'économie algérienne présente une palette d'activités variées et dynamiques, reflétant une multitude de secteurs en constante évolution. De la fabrication et du commerce de gros de véhicules utilitaires à l'administration municipale avec les APC et les Daïras, en passant par les spécialités médicales et les métiers artisanaux, chaque domaine contribue à tisser la toile complexe de l'économie nationale. Les wilayas et les ministères orchestrent leurs efforts pour garantir le bon fonctionnement de ces secteurs, allant des industries lourdes comme l'énergie et les mines aux industries plus légères telles que la biscuiterie et la confiserie.
  397. Dans les villes et les régions, une multitude d'entreprises et de commerces façonnent le paysage économique, participant à la vitalité et à la diversité des activités commerciales. En parallèle, les institutions de santé, telles que les cliniques et les laboratoires médicaux, veillent à la santé et au bien-être de la population, tandis que les agences de communication et les sociétés de services fournissent un soutien crucial dans le domaine des affaires et du commerce.
  398. Que ce soit dans la production industrielle, le commerce de détail ou les services, chaque acteur joue un rôle indispensable dans la construction et la prospérité de l'Algérie. C'est cette variété et cette complémentarité qui alimentent la croissance économique et l'innovation, permettant à l'économie algérienne de s'adapter aux défis et aux opportunités du marché mondial.
  399.                            
  400.                            </p>
  401.                 </div><!--/.section-header-->
  402.                 <div class="blog-content">
  403.                     <div class="row">
  404.                         
  405.                                {%  for blog in blogs %}
  406.                         <div class="col-md-4 col-sm-6">
  407.                             <div class="single-blog-item">
  408.                                 <div class="single-blog-item-img">
  409.                                     <img src="../upload/{{blog.image}}" alt="{{blog.slug}}">
  410.                                 </div>
  411.                                 <div class="single-blog-item-txt">
  412.                                     <h2><a href="#">{{ blog.title }}</a></h2>
  413.                                     <h4>Editer <span>Par</span> <a href="#">{{ blog.author}}</a> {{ blog.date }}</h4>
  414.                                     <p class="text-justify">
  415.                                     {{ blog.resume |raw }}
  416.                                         </p>
  417.                                 </div>
  418.                             </div>
  419.                         </div>
  420. {% endfor %}
  421.                     </div>
  422.                 </div>
  423.             </div><!--/.container-->
  424.             
  425.         </section><!--/.blog-->
  426.         <!--blog end -->
  427.         
  428. {% endblock %}