templates/front/home/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}
  4.     {{ 'app.menu.home'|trans }}
  5. {% endblock %}
  7. {% block body %}
  8.     <!-- start of hero -->
  9.     <section class="hero-slider hero-style-1">
  10.         <div class="swiper-container">
  11.             <div class="swiper-wrapper">
  12.                 <div class="swiper-slide">
  13.                     <div class="slide-inner slide-bg-image" data-background="assets/images/slider/slide_1.jpeg" data-text="<i class='fi flaticon-dog'></i>Family Law plan<h4>Family Law</h4>">
  14.                         <div class="container">
  15.                             <div data-swiper-parallax="300" class="slide-title" style="max-width: 80%">
  16.                                 <h2 style="font-size: 2.0625rem;">{{ 'app.home.slider.slider1.text'|trans }}</h2>
  17.                             </div>
  18.                             <div class="clearfix"></div>
  19.                             <div data-swiper-parallax="500" class="slide-btns">
  20.                                 <a href="{{ path('app_appointment_new') }}" class="theme-btn">Consultation</a>
  21.                             </div>
  22.                             <!--<div class="video-btns">
  23.                                                                                                                                                                             <a href="https://www.youtube.com/embed/7e90gBu4pas?autoplay=1" class="video-btn" data-type="iframe" tabindex="0"></a>
  24.                                                                                                                                                                         </div>-->
  25.                         </div>
  26.                     </div>
  27.                     <!-- end slide-inner -->
  28.                 </div>
  29.                 <!-- end swiper-slide -->
  31.                 <div class="swiper-slide">
  32.                     <div class="slide-inner slide-bg-image" data-background="assets/images/slider/slide_2.jpeg" data-text="<i class='fi flaticon-wounded'></i>Personal injury plan<h4>Personal Injury</h4>">
  33.                         <div class="container">
  34.                             <div data-swiper-parallax="300" class="slide-title">
  35.                                 <h2 style="font-size: 2.0625rem;">{{ 'app.home.slider.slider2.text'|trans }}</h2>
  36.                             </div>
  37.                             <div class="clearfix"></div>
  38.                             <div data-swiper-parallax="500" class="slide-btns">
  39.                                 <a href="{{ path('app_appointment_new') }}" class="theme-btn">Consultation</a>
  40.                             </div>
  41.                         </div>
  42.                     </div>
  43.                     <!-- end slide-inner -->
  44.                 </div>
  45.                 <!-- end swiper-slide -->
  47.                 <div class="swiper-slide">
  48.                     <div class="slide-inner slide-bg-image" data-background="assets/images/slider/slide_3.webp" data-text="<i class='fi flaticon-thief'></i>Criminal plan<h4>Criminal Law</h4>">
  49.                         <div class="container">
  50.                             <div data-swiper-parallax="300" class="slide-title">
  51.                                 <h2 style="font-size: 2.0625rem;">{{ 'app.home.slider.slider3.text'|trans }}</h2>
  52.                             </div>
  53.                             <div class="clearfix"></div>
  54.                             <div data-swiper-parallax="500" class="slide-btns">
  55.                                 <a href="{{ path('app_appointment_new') }}" class="theme-btn">Consultation</a>
  56.                             </div>
  57.                         </div>
  58.                     </div>
  59.                     <!-- end slide-inner -->
  60.                 </div>
  61.                 <!-- end swiper-slide -->
  63.                 <div class="swiper-slide">
  64.                     <div class="slide-inner slide-bg-image" data-background="{{asset("assets/images/slider/slide_4.jpeg")}}" data-text="<i class='fi flaticon-save-money'></i>Business law plan<h4>Business Law</h4>">
  65.                         <div class="container">
  66.                             <div data-swiper-parallax="300" class="slide-title">
  67.                                 <h2 style="font-size: 2.0625rem;">{{ 'app.home.slider.slider4.text'|trans }}</h2>
  68.                             </div>
  69.                             <div class="clearfix"></div>
  70.                             <div data-swiper-parallax="500" class="slide-btns">
  71.                                 <a href="{{ path('app_appointment_new') }}" class="theme-btn">Consultation</a>
  72.                             </div>
  73.                         </div>
  74.                     </div>
  75.                     <!-- end slide-inner -->
  76.                 </div>
  77.                 <!-- end swiper-slide -->
  78.             </div>
  79.             <!-- end swiper-wrapper -->
  81.         <!-- swipper controls -->
  82.             {# <div class="swiper-cust-pagination"></div>
  83.                                                 <div class="swiper-button-next"></div>
  84.                                                 <div class="swiper-button-prev"></div> #}
  85.         </div>
  86.     </section>
  87.     <!-- end of hero slider -->
  89.     <!-- start about-section -->
  90.     <section class="about-section section-padding">
  91.         <div class="container">
  92.             <div class="row">
  93.                 <div class="col col-md-8">
  94.                     <div class="section-title">
  95.                         <div class="icon">
  96.                             <i class="fi flaticon-balance"></i>
  97.                         </div>
  98.                         <span>Sofel Legal Consulting</span>
  99.                         <h2>{{ 'app.about.abous-us.title'|trans }}</h2>
  100.                     </div>
  101.                     <div class="left-col">
  102.                         <p style="text-align: justify;text-justify: inter-word;">
  103.                             <span class="brand">Sofel Legal Consulting</span>
  104.                             {{ 'app.about.abous-us.text1'|trans }}
  105.                             <span class="brand">Sofia ELRHOZLANE</span>
  106.                             {{ 'app.about.abous-us.text2'|trans }}
  107.                         </p>
  108.                         <div class="quoter">
  109.                             <h4>Sofia ELRHOZLANE</h4>
  110.                             <span>{{ 'app.about.abous-us.ceo'|trans }}</span>
  111.                         </div>
  112.                     </div>
  113.                     <div class="section-title">
  114.                         <a href="{{ path('about') }}" class="more-about" style="float:right;">{{ 'app.about.see_more'|trans }}<i class="fi flaticon-next-1"></i>
  115.                         </a>
  116.                     </div>
  117.                 </div>
  118.                 <div class="col col-md-4">
  119.                     <div class="mid-col">
  120.                         <img src="assets/images/about.jpg" alt>
  121.                     </div>
  122.                 </div>
  123.             </div>
  124.         </div>
  125.         <!-- end container -->
  126.     </section>
  127.     <!-- end about-section -->
  129.     <section class="service-section">
  130.         <div class="content-area clearfix">
  131.             <div class="container">
  132.                 <div class="section-title">
  133.                     <div class="icon">
  134.                         <i class="fi flaticon-courthouse"></i>
  135.                     </div>
  136.                     <span>Sofel Legal Consulting</span>
  137.                     <h2>{{ 'app.menu.expertise_field_commitments'|trans }}</h2>
  138.                 </div>
  139.             </div>
  140.             {# <div class="left-col">
  141.                 <div class="inner-content">
  142.                     <blockquote>“ It showed a lady fitted out with a fur hat and fur boa who sat upright, raising a heavy fur muff that covered the whole of her lower arm towards”</blockquote>
  143.                     <h4>Jhon Dow</h4>
  144.                     <span>CEO of the company</span>
  145.                 </div>
  146.             </div> #}
  147.             <div class="right-col" style="max-width: 100%">
  148.                 <div class="section-title-s2">
  149.                     <div class="icon">
  150.                         <i class="fi flaticon-balance"></i>
  151.                     </div>
  152.                     <span>{{ 'app.commitments.headers.header1.title1'|trans }}</span>
  153.                     <h2>{{ 'app.commitments.headers.header1.title2'|trans }}</h2>
  154.                     {# <p>Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc</p> #}
  155.                 </div>
  156.                 <div class="service-grids clearfix">
  157.                     <div class="grid">
  158.                         <i class="fi flaticon-parents"></i>
  159.                         <h3>
  160.                             <a href="#">{{ 'app.commitments.commitment1.title'|trans }}</a>
  161.                         </h3>
  162.                         <p>{{ 'app.commitments.commitment1.text'|trans }}</p>
  163.                     </div>
  164.                     <div class="grid">
  165.                         <i class="fi flaticon-wounded"></i>
  166.                         <h3>
  167.                             <a href="#">{{ 'app.commitments.commitment2.title'|trans }}</a>
  168.                         </h3>
  169.                         <p>{{ 'app.commitments.commitment2.text'|trans }}</p>
  170.                     </div>
  171.                     <div class="grid">
  172.                         <i class="fi flaticon-thief"></i>
  173.                         <h3>
  174.                             <a href="#">{{ 'app.commitments.commitment3.title'|trans }}</a>
  175.                         </h3>
  176.                         <p>{{ 'app.commitments.commitment3.text'|trans }}</p>
  177.                     </div>
  178.                     <div class="grid">
  179.                         <i class="fi flaticon-mortarboard"></i>
  180.                         <h3>
  181.                             <a href="#">{{ 'app.commitments.commitment4.title'|trans }}</a>
  182.                         </h3>
  183.                         <p>{{ 'app.commitments.commitment4.text'|trans }}</p>
  184.                     </div>
  185.                     <div class="grid">
  186.                         <i class="fi flaticon-architecture-and-city"></i>
  187.                         <h3>
  188.                             <a href="#">{{ 'app.commitments.commitment5.title'|trans }}</a>
  189.                         </h3>
  190.                         <p>{{ 'app.commitments.commitment5.text'|trans }}</p>
  191.                     </div>
  192.                     <div class="grid">
  193.                         <i class="fi flaticon-save-money"></i>
  194.                         <h3>
  195.                             <a href="#">{{ 'app.commitments.commitment6.title'|trans }}</a>
  196.                         </h3>
  197.                         <p>{{ 'app.commitments.commitment6.text'|trans }}</p>
  198.                     </div>
  199.                     <div class="grid">
  200.                         <i class="fi flaticon-save-money"></i>
  201.                         <h3>
  202.                             <a href="#">{{ 'app.commitments.commitment7.title'|trans }}</a>
  203.                         </h3>
  204.                         <p>{{ 'app.commitments.commitment7.text'|trans }}</p>
  205.                     </div>
  206.                     <div class="grid">
  207.                         <i class="fi flaticon-save-money"></i>
  208.                         <h3>
  209.                             <a href="#">{{ 'app.commitments.commitment8.title'|trans }}</a>
  210.                         </h3>
  211.                         <p>{{ 'app.commitments.commitment8.text'|trans }}</p>
  212.                     </div>
  213.                 </div>
  214.                 <div class="section-title">
  215.                     <a href="{{ path('app_expertise_commitments') }}" class="more-about" style="float:right;">{{ 'app.about.see_more'|trans }}<i class="fi flaticon-next-1"></i></a>
  216.                 </div>
  217.             </div>
  218.         </div>
  219.     </section>
  221.     <section class="service-section-s2 section-padding" style="margin-top:80px">
  222.         <div class="container">
  223.             <div class="row">
  224.                 <div class="col col-xs-12">
  225.                     <div class="section-title">
  226.                         <div class="icon">
  227.                             <i class="fi flaticon-courthouse"></i>
  228.                         </div>
  229.                         <span>Sofel Legal Consulting</span>
  230.                         <h2>{{ 'app.menu.expertise_field_skills'|trans }}</h2>
  231.                     </div>
  232.                     <div class="service-grids clearfix">
  233.                         <div class="grid">
  234.                             <i class="fi flaticon-parents"></i>
  235.                             <h3>
  236.                                 <a href="#">{{ 'app.skills.skill1'|trans }}</a>
  237.                             </h3>
  238.                         </div>
  239.                         <div class="grid">
  240.                             <i class="fi flaticon-wounded"></i>
  241.                             <h3>
  242.                                 <a href="#">{{ 'app.skills.skill2'|trans }}</a>
  243.                             </h3>
  244.                         </div>
  245.                         <div class="grid">
  246.                             <i class="fi flaticon-thief"></i>
  247.                             <h3>
  248.                                 <a href="#">{{ 'app.skills.skill3'|trans }}</a>
  249.                             </h3>
  250.                         </div>
  251.                         <div class="grid">
  252.                             <i class="fi flaticon-mortarboard"></i>
  253.                             <h3>
  254.                                 <a href="#">{{ 'app.skills.skill4'|trans }}</a>
  255.                             </h3>
  256.                         </div>
  257.                     </div>
  258.                     <div class="section-title">
  259.                         <a href="{{ path('app_expertise_skills') }}" class="more-about" style="float:right;margin-right:60px">{{ 'app.about.see_more'|trans }}<i class="fi flaticon-next-1"></i>
  260.                         </a>
  261.                     </div>
  262.                 </div>
  263.             </div>
  264.         </div>
  265.         <!-- end container -->
  266.     </section>
  269.     <!-- start cta-section -->
  270.     <section class="cta-section">
  271.         <div class="container">
  272.             <div class="row">
  273.                 <div class="col col-xs-12">
  274.                     <div class="cta-conetnt">
  275.                         <div class="cta-logo">
  276.                             <img src="assets/images/logo.png" alt style="width: 200px;">
  277.                         </div>
  278.                         <h5>{{ 'app.home.callUs'|trans }}</h5>
  279.                         <h5>{{ 'app.home.fromMondayToFriday'|trans }} : De 09h à 18h</h5>
  280.                         <h5>{{ 'app.home.saturday'|trans }} : De 9h à 13h</h5>
  281.                         <h2>+212678560875</h2>
  282.                         <a href="{{ path('app_appointment_new') }}" class="theme-btn-s3">{{ 'app.home.makeAnAppointment'|trans }}
  283.                         </a>
  284.                     </div>
  285.                 </div>
  286.             </div>
  287.         </div>
  288.         <!-- end container -->
  289.     </section>
  290.     <!-- end cta-section -->
  292.     <!-- start blog-section -->
  293.     <section class="blog-section section-padding">
  294.         <div class="container">
  295.             <div class="row">
  296.                 <div class="col col-lg-4">
  297.                     <div class="section-title-s4">
  298.                         <div class="icon">
  299.                             <i class="fi flaticon-light-bulb"></i>
  300.                         </div>
  301.                         <span>{{ 'app.blog.latest_news'|trans }}</span>
  302.                         <h2>{{ 'app.blog.latest_news_description'|trans }}</h2>
  303.                         <a href="{{ path('app_blog_index') }}" class="theme-btn">{{ 'app.blog.moreblogpost'|trans }}</a>
  304.                     </div>
  305.                 </div>
  306.                 <div class="col col-lg-8">
  307.                     <div class="blog-grids clearfix">
  308.                         {% for post in recentPost %}
  309.                             <div class="grid">
  310.                                 <div class="entry-media">
  311.                                     <img src="{{ asset( blog_images_directory ~ '/' ~ post.image.name ) }}" alt="" style="height:270px">
  312.                                 </div>
  313.                                 <div class="entry-details">
  314.                                     <div class="cat">
  315.                                         {% if post.category %}
  316.                                             {{ app.request.locale == 'fr' ? post.category.name : post.category.nameEng }}
  317.                                         {% endif %}
  318.                                     </div>
  319.                                     <h3>
  320.                                         <a href="{{ path('app_blog_show', { id: post.id }) }}">{{post.title}}</a>
  321.                                     </h3>
  322.                                     <a href="{{ path('app_blog_show', { id: post.id }) }}" class="read-more">{{ 'app.blog.readMore'|trans }}</a>
  323.                                 </div>
  324.                             </div>
  325.                             {% else %}
  326.                         {% endfor %}
  327.                     </div>
  328.                 </div>
  329.             </div>
  330.         </div>
  331.         <!-- end container -->
  332.     </section>
  333.     <!-- end blog-section -->
  334. {% endblock %}