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

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}
  4.     {{ 'app.menu.about'|trans }}
  5. {% endblock %}
  7. {% block body %}
  8.     <style>
  9.         @media screen and (max-width: 990px) {
  10.             .row2 {
  11.                 display: flex;
  12.                 flex-flow: column-reverse;
  13.             }
  14.         }
  15.     </style>
  16.     <!-- start page-title -->
  17.     <section class="page-title">
  18.         <div class="container">
  19.             <div class="row">
  20.                 <div class="col col-xs-12">
  21.                     <h2>{{ 'app.menu.about'|trans }}</h2>
  22.                     {# <p>Gregor then turned to look out the window at the weather</p> #}
  23.                 </div>
  24.             </div>
  25.             <!-- end row -->
  26.         </div>
  27.         <!-- end container -->
  28.     </section>
  29.     <!-- end page-title -->
  31.     <!-- start about-section -->
  32.     <section class="about-section-s3 section-padding">
  33.         <div class="container">
  34.             <div class="row">
  35.                 <div class="col col-md-8">
  36.                     <div class="section-title" style="margin-top: 40px;">
  37.                         <div class="icon">
  38.                             <i class="fi flaticon-balance"></i>
  39.                         </div>
  40.                         <span>Sofel Legal Consulting</span>
  41.                         <h2>{{ 'app.about.abous-us.title'|trans }}</h2>
  42.                     </div>
  43.                     <div class="left-col">
  44.                         <p style="text-align: justify;text-justify: inter-word;">
  45.                             <span class="brand">Sofel Legal Consulting</span>
  46.                             {{ 'app.about.abous-us.text1'|trans }}
  47.                             <span class="brand">Sofia ELRHOZLANE</span>
  48.                             {{ 'app.about.abous-us.text2'|trans }}
  49.                         </p>
  51.                         <div class="quoter">
  52.                             <h4>Sofia ELRHOZLANE</h4>
  53.                             <span>{{ 'app.about.abous-us.ceo'|trans }}</span>
  54.                         </div>
  55.                     </div>
  56.                 </div>
  57.                 <div class="col col-md-4">
  58.                     <div class="mid-col">
  59.                         <img src="assets/images/about.jpg" alt>
  60.                     </div>
  61.                 </div>
  62.             </div>
  63.         </div>
  64.         <!-- end container -->
  65.     </section>
  66.     <!-- end about-section -->
  68.     <!-- start about-section -->
  69.     <section class="about-section-s3">
  70.         <div class="container">
  71.             <div class="row row2">
  72.                 <div class="col col-md-6">
  73.                     <div class="img-holder">
  74.                         <img src="assets/images/values.jpeg" alt="" style="max-height: 700px;">
  75.                     </div>
  76.                 </div>
  77.                 <div class="col col-md-6">
  78.                     <div class="project-details">
  79.                         <div class="section-title" style="margin-top: 100px;">
  80.                             <div class="icon">
  81.                                 <i class="fi flaticon-diamond"></i>
  82.                             </div>
  83.                             <span>Sofel Legal Consulting</span>
  84.                             <h2>{{ 'app.about.values.title'|trans }}</h2>
  85.                         </div>
  86.                         <div class="right-col" style="text-align: justify;text-justify: inter-word;">
  87.                             <p>
  88.                                 <span class="brand"></span>
  89.                                 {{ 'app.about.values.text1'|trans }}</p>
  90.                             <p>
  91.                                 <span class="brand"></span>
  92.                                 {{ 'app.about.values.text2'|trans }}</p>
  93.                             <p>
  94.                                 <span class="brand"></span>
  95.                                 {{ 'app.about.values.text3'|trans }}</p>
  96.                         </div>
  97.                     </div>
  98.                 </div>
  99.             </div>
  100.         </div>
  101.         <!-- end container -->
  102.     </section>
  103.     <!-- end about-section -->
  105.     <!-- start about-section -->
  106.     <section class="about-section-s3 section-padding">
  107.         <div class="container">
  108.             <div class="row">
  109.                 <div class="col col-md-7">
  110.                     <div class="section-title" style="margin-top: 40px;">
  111.                         <div class="icon">
  112.                             <i class="fi flaticon-courthouse"></i>
  113.                         </div>
  114.                         <span>Sofel Legal Consulting</span>
  115.                         <h2>{{ 'app.about.presentation.title'|trans }}</h2>
  116.                     </div>
  117.                     <div class="left-col">
  118.                         <p style="text-align: justify;text-justify: inter-word;">
  119.                             <span class="brand">Sofia ELRHOZLANE</span>
  120.                             {{ 'app.about.presentation.text'|trans }}
  121.                         </p>
  122.                     </div>
  123.                 </div>
  124.                 <div class="col col-md-5">
  125.                     <div class="mid-col">
  126.                         <img src="assets/images/introduction.jpg" alt>
  127.                     </div>
  128.                 </div>
  129.             </div>
  130.         </div>
  131.         <!-- end container -->
  132.     </section>
  133.     <!-- end about-section -->
  135.     <section class="service-section-s2 ">
  136.         <div class="container">
  137.             <div class="row">
  138.                 <div class="col col-xs-12">
  139.                     <div class="section-title">
  140.                         <div class="icon">
  141.                             <i class="fi flaticon-courthouse"></i>
  142.                         </div>
  143.                         <span>Sofel Legal Consulting</span>
  144.                         <h2>{{ 'app.menu.expertise_field_skills'|trans }}</h2>
  145.                     </div>
  146.                     <div class="service-grids clearfix">
  147.                         <div class="grid">
  148.                             <i class="fi flaticon-parents"></i>
  149.                             <h3>
  150.                                 <a href="#">{{ 'app.skills.skill1'|trans }}</a>
  151.                             </h3>
  152.                         </div>
  153.                         <div class="grid">
  154.                             <i class="fi flaticon-wounded"></i>
  155.                             <h3>
  156.                                 <a href="#">{{ 'app.skills.skill2'|trans }}</a>
  157.                             </h3>
  158.                         </div>
  159.                         <div class="grid">
  160.                             <i class="fi flaticon-thief"></i>
  161.                             <h3>
  162.                                 <a href="#">{{ 'app.skills.skill3'|trans }}</a>
  163.                             </h3>
  164.                         </div>
  165.                         <div class="grid">
  166.                             <i class="fi flaticon-mortarboard"></i>
  167.                             <h3>
  168.                                 <a href="#">{{ 'app.skills.skill4'|trans }}</a>
  169.                             </h3>
  170.                         </div>
  171.                     </div>
  172.                     <div class="section-title">
  173.                         <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>
  174.                         </a>
  175.                     </div>
  176.                 </div>
  177.             </div>
  178.         </div>
  179.         <!-- end container -->
  180.     </section>
  182. {% endblock %}