templates/front/expertise/skills.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}
  4.     {{ 'app.menu.expertise_field_skills'|trans }}
  5. {% endblock %}
  7. {% block body %}
  8.     <style>
  9.         @media(max-width: 700px) {
  10.             .service-section-s2 .service-grids h3 {
  11.                 font-size: 15px;
  12.                 font-size: 0.9rem;
  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.expertise_field'|trans }}
  22.                         /
  23.                         {{ 'app.menu.expertise_field_skills'|trans }}</h2>
  24.                 </div>
  25.             </div>
  26.             <!-- end row -->
  27.         </div>
  28.         <!-- end container -->
  29.     </section>
  30.     <!-- end page-title -->
  32.     <section class="service-section-s2 service-pg-service-section-s2 ">
  33.         <div class="container">
  34.             <div class="row">
  35.                 <div class="col col-xs-12">
  36.                     <div class="service-grids clearfix">
  37.                         <div class="grid">
  38.                             <i class="fi flaticon-parents"></i>
  39.                             <h3>
  40.                                 <a href="#">{{ 'app.skills.skill1'|trans }}</a>
  41.                             </h3>
  42.                         </div>
  43.                         <div class="grid">
  44.                             <i class="fi flaticon-wounded"></i>
  45.                             <h3>
  46.                                 <a href="#">{{ 'app.skills.skill2'|trans }}</a>
  47.                             </h3>
  48.                         </div>
  49.                         <div class="grid">
  50.                             <i class="fi flaticon-thief"></i>
  51.                             <h3>
  52.                                 <a href="#">{{ 'app.skills.skill3'|trans }}</a>
  53.                             </h3>
  54.                         </div>
  55.                         <div class="grid">
  56.                             <i class="fi flaticon-mortarboard"></i>
  57.                             <h3>
  58.                                 <a href="#">{{ 'app.skills.skill4'|trans }}</a>
  59.                             </h3>
  60.                         </div>
  61.                         <div class="grid">
  62.                             <i class="fi flaticon-architecture-and-city"></i>
  63.                             <h3>
  64.                                 <a href="#">{{ 'app.skills.skill5'|trans }}</a>
  65.                             </h3>
  66.                         </div>
  67.                         <div class="grid">
  68.                             <i class="fi flaticon-save-money"></i>
  69.                             <h3>
  70.                                 <a href="#">{{ 'app.skills.skill6'|trans }}</a>
  71.                             </h3>
  72.                         </div>
  73.                         <div class="grid">
  74.                             <i class="fi flaticon-save-money"></i>
  75.                             <h3>
  76.                                 <a href="#">{{ 'app.skills.skill7'|trans }}</a>
  77.                             </h3>
  78.                         </div>
  79.                         <div class="grid">
  80.                             <i class="fi flaticon-save-money"></i>
  81.                             <h3>
  82.                                 <a href="#">{{ 'app.skills.skill8'|trans }}</a>
  83.                             </h3>
  84.                         </div>
  85.                         <div class="grid">
  86.                             <i class="fi flaticon-save-money"></i>
  87.                             <h3>
  88.                                 <a href="#">{{ 'app.skills.skill9'|trans }}</a>
  89.                             </h3>
  90.                         </div>
  91.                         <div class="grid">
  92.                             <i class="fi flaticon-save-money"></i>
  93.                             <h3>
  94.                                 <a href="#">{{ 'app.skills.skill10'|trans }}</a>
  95.                             </h3>
  96.                         </div>
  97.                         <div class="grid">
  98.                             <i class="fi flaticon-save-money"></i>
  99.                             <h3>
  100.                                 <a href="#">{{ 'app.skills.skill11'|trans }}</a>
  101.                             </h3>
  102.                         </div>
  103.                         <div class="grid">
  104.                             <i class="fi flaticon-save-money"></i>
  105.                             <h3>
  106.                                 <a href="#">{{ 'app.skills.skill12'|trans }}</a>
  107.                             </h3>
  108.                         </div>
  109.                     </div>
  110.                 </div>
  111.             </div>
  112.         </div>
  113.         <!-- end container -->
  114.     </section>
  115. {% endblock %}