templates/partials/about.html.twig line 1

Open in your IDE?
  2. <!--Start WhoWe Are Area-->
  3. <section class="whowe-are-area">
  4.     <div class="layer-outer" style="background-image: url({{ asset('assets/images/shape/shape-2.png') }})"></div>
  5.     <div class="container">
  6.         {% for about in abouts %}
  7.             <div class="sec-title text-center">
  8.                 <h3 style="color: #d65d33; font-weight: bold">{{ about.title }}</h3>
  9.                 <h2 style="text-transform: none">{{ about.slogan | raw }}</h2>
  10.             </div>
  11.         {% endfor %}
  13.         <div class="row">
  14.             <!--Start Single Featured Box-->
  15.             {% for about in about1 %}
  16.                 <div class="col-xl-4 col-lg-4">
  17.                     <div class="single-featured-box text-center">
  18.                         <div class="count-box">01</div>
  19.                         <div class="inner-box">
  20.                             <h3><a href="#">{{ about.title }}</a></h3>
  21.                             <div class="border-box"></div>
  22.                             <div class="text">
  23.                                 <p>{{ about.summary  | raw }}</p>
  24.                             </div>
  25.                         </div>
  26.                         <div class="icon-holder">
  27.                             <span class="flaticon-people-1"></span>
  28.                         </div>
  29.                     </div>
  30.                 </div>
  31.             {% endfor %}
  33.             <!--End Single Featured Box-->
  34.             <!--Start Single Featured Box-->
  35.             {% for about in about2 %}
  36.                 <div class="col-xl-4 col-lg-4">
  37.                     <div class="single-featured-box bg2 text-center">
  38.                         <div class="count-box">02</div>
  39.                         <div class="inner-box">
  40.                             <h3><a href="#">{{ about.title }}</a></h3>
  41.                             <div class="border-box"></div>
  42.                             <div class="text">
  43.                                 <p>{{ about.summary | raw }}</p>
  44.                             </div>
  45.                         </div>
  46.                         <div class="icon-holder">
  47.                             <span class="flaticon-user"></span>
  48.                         </div>
  49.                     </div>
  50.                 </div>
  51.             {% endfor %}
  53.             <!--End Single Featured Box-->
  54.             <!--Start Single Featured Box-->
  55.             {% for about in about3 %}
  56.                 <div class="col-xl-4 col-lg-4">
  57.                     <div class="single-featured-box bg3 text-center">
  58.                         <div class="count-box">03</div>
  59.                         <div class="inner-box">
  60.                             <h3><a href="#">{{ about.title }}</a></h3>
  61.                             <div class="border-box"></div>
  62.                             <div class="text">
  63.                                 <p>{{ about.summary | raw }}</p>
  64.                             </div>
  65.                         </div>
  66.                         <div class="icon-holder">
  67.                             <span class="flaticon-checking"></span>
  68.                         </div>
  69.                     </div>
  70.                 </div>
  71.             {% endfor %}
  73.             <!--End Single Featured Box-->
  74.         </div>
  75.     </div>
  76. </section>
  77. <!--End WhoWe Are Area-->
  79. <!--Start About Style1 Area-->
  80. <section class="about-style1-area">
  81.     <div class="container">
  82.         <div class="row">
  83.             <div class="col-xl-6">
  84.                 <div class="about-style1-text-box">
  85. {#                    <div class="sec-title">#}
  86. {#                        <h3>ABOUT AGENCY</h3>#}
  87. {#                        <h2>Experienced Lawyers Provide<br> <span>Immigration Services.</span></h2>#}
  88. {#                    </div>#}
  89.                     {% for about in abouts %}
  90.                         <div class="inner-contant">
  91.                             <div class="text">
  92.                                 <p>{{ about.summary | raw }}</p>
  93.                             </div>
  95.                             <div class="bottom-box" style="margin-top: 80px;">
  96.                                 <div class="left">
  97.                                     <div class="button">
  98.                                         <a class="btn-one" href="{{ path('app_about') }}"><span class="txt" style="text-transform: none;">Plus de détails<i class="fa fa-angle-double-right" aria-hidden="true"></i></span></a>
  99.                                     </div>
  100.                                 </div>
  101.                                 <div class="right">
  102.                                     <div class="icon">
  103.                                         <span class="flaticon-24-hours thm-clr"></span>
  104.                                     </div>
  105.                                     <div class="phone">
  106.                                         <a href="tel:{{ about.phone }}">{{ about.phone }}</a>
  107.                                     </div>
  108.                                 </div>
  109.                             </div>
  110.                         </div>
  111.                     {% endfor %}
  113.                 </div>
  114.             </div>
  116.             <div class="col-xl-6">
  117.                 <div class="about-style1-image-box">
  118.                     <div class="image-box embed-responsive embed-responsive-16by9">
  119.                         <iframe width="560" class="embed-responsive-16by9" height="315" style="border-radius: 10px" src="https://www.youtube.com/embed/-ynlV-i21KQ" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
  120. {#                        {% for about in abouts %}#}
  121. {#                            <div class="main-image"><img src="{{ asset('media/files/' ~ about.illustration) }}" alt=""></div>#}
  122. {#                        {% endfor %}#}
  124.                     </div>
  125.                 </div>
  126.             </div>
  128.         </div>
  129.     </div>
  130. </section>
  131. <!--End About Style1 Area-->