templates/home/include/features.twig line 1

Open in your IDE?
  1. <section id="features" class="features">
  2.     <div class="container">
  4.         <div class="section-title" data-aos="fade-up">
  5.             <h2>{{ 'app.features.title'|trans }}</h2>
  6.             <p>{{ 'app.features.text'|trans }}</p>
  7.         </div>
  9.         <div class="row" data-aos="fade-up" data-aos-delay="300">
  11.             <div class="col-lg-3 col-md-4 mt-md-0">
  12.                 <div class="icon-box">
  13.                     <i class="da-icon icon-agile" style="color: #29cc61;"></i>
  14.                     <h3><a href="">Agile</a></h3>
  15.                 </div>
  16.             </div>
  18.             <div class="col-lg-3 col-md-4 mt-4 mt-md-0">
  19.                 <div class="icon-box">
  20.                     <i class="da-icon icon-qa" style="color: #e80368;"></i>
  21.                     <h3><a href="">QA</a></h3>
  22.                 </div>
  23.             </div>
  25.             <div class="col-lg-3 col-md-4 mt-4 mt-md-0">
  26.                 <div class="icon-box">
  27.                     <i class="da-icon icon-docker" style="color: #47aeff;"></i>
  28.                     <h3><a href="">Docker</a></h3>
  29.                 </div>
  30.             </div>
  32.             <div class="col-lg-3 col-md-4 mt-4 mt-md-0">
  33.                 <div class="icon-box">
  34.                     <i class="da-icon icon-api_w" style="color: #e361ff;"></i>
  35.                     <h3><a href="">Rest API</a></h3>
  36.                 </div>
  37.             </div>
  40.             <div class="col-lg-3 col-md-4 mt-4">
  41.                 <div class="icon-box">
  42.                     <i class="da-icon icon-api_b" style="color: #ffa76e;"></i>
  43.                     <h3><a href="">Soap API</a></h3>
  44.                 </div>
  45.             </div>
  47.             <div class="col-lg-3 col-md-4 mt-4">
  48.                 <div class="icon-box">
  49.                     <i class="da-icon icon-apache" style="color: #d12127;"></i>
  50.                     <h3><a href="">Apache HTTP Server</a></h3>
  51.                 </div>
  52.             </div>
  54.             <div class="col-lg-3 col-md-4 mt-4">
  55.                 <div class="icon-box">
  56.                     <i class="da-icon icon-webdav" style="color: #11dbcf;"></i>
  57.                     <h3><a href="">Webdav</a></h3>
  58.                 </div>
  59.             </div>
  61.             <div class="col-lg-3 col-md-4 mt-4">
  62.                 <div class="icon-box">
  63.                     <i class="da-icon icon-kafka" style="color: #b2904f;"></i>
  64.                     <h3><a href="">Apache Kafka</a></h3>
  65.                 </div>
  66.             </div>
  68.             <div class="col-lg-3 col-md-4 mt-4">
  69.                 <div class="icon-box">
  70.                     <i class="da-icon icon-codeception" style="color: #008394;"></i>
  71.                     <h3><a href="">Codeception</a></h3>
  72.                 </div>
  73.             </div>
  75.             <div class="col-lg-3 col-md-4 mt-4">
  76.                 <div class="icon-box">
  77.                     <i class="da-icon icon-asterisk" style="color: #ef610f;"></i>
  78.                     <h3><a href="">Asterisk</a></h3>
  79.                 </div>
  80.             </div>
  82.             <div class="col-lg-3 col-md-4 mt-4">
  83.                 <div class="icon-box">
  84.                     <i class="da-icon icon-redis" style="color: #a51f17;"></i>
  85.                     <h3><a href="">Redis</a></h3>
  86.                 </div>
  87.             </div>
  89.             <div class="col-lg-3 col-md-4 mt-4">
  90.                 <div class="icon-box">
  91.                     <i class="ri-database-2-line" style="color: #47aeff;"></i>
  92.                     <h3><a href="">MySQL</a></h3>
  93.                 </div>
  94.             </div>
  96.             <div class="col-lg-3 col-md-4 mt-4">
  97.                 <div class="icon-box">
  98.                     <i class="ri-database-2-fill" style="color: #47aeff;"></i>
  99.                     <h3><a href="">MSSQL</a></h3>
  100.                 </div>
  101.             </div>
  103.             <div class="col-lg-3 col-md-4 mt-4">
  104.                 <div class="icon-box">
  105.                     <i class="da-icon icon-postman" style="color: #ff5828;"></i>
  106.                     <h3><a href="">Postman</a></h3>
  107.                 </div>
  108.             </div>
  110.             <div class="col-lg-3 col-md-4 mt-4">
  111.                 <div class="icon-box">
  112.                     <i class="da-icon icon-soapui" style="color: #29cc61;"></i>
  113.                     <h3><a href="">SoapUI</a></h3>
  114.                 </div>
  115.             </div>
  117.             <div class="col-lg-3 col-md-4 mt-4">
  118.                 <div class="icon-box">
  119.                     <i class="da-icon icon-linux" style="color: #4233ff;"></i>
  120.                     <h3><a href="">Linux</a></h3>
  121.                 </div>
  122.             </div>
  124.             <div class="col-lg-3 col-md-4 mt-4">
  125.                 <div class="icon-box">
  126.                     <i class="da-icon icon-symfony" style="color: #424342;"></i>
  127.                     <h3><a href="">Symfony Framework</a></h3>
  128.                 </div>
  129.             </div>
  131.             <div class="col-lg-3 col-md-4 mt-4">
  132.                 <div class="icon-box">
  133.                     <i class="da-icon icon-php" style="color: #8892BF;"></i>
  134.                     <h3><a href="">PHP</a></h3>
  135.                 </div>
  136.             </div>
  138.             <div class="col-lg-3 col-md-4 mt-4">
  139.                 <div class="icon-box">
  140.                     <i class="da-icon icon-sql" style="color: #b2904f;"></i>
  141.                     <h3><a href="">SQL</a></h3>
  142.                 </div>
  143.             </div>
  145.             <div class="col-lg-3 col-md-4 mt-4">
  146.                 <div class="icon-box">
  147.                     <i class="da-icon icon-bootstrap" style="color: #8a13fc;"></i>
  148.                     <h3><a href="">Bootstrap</a></h3>
  149.                 </div>
  150.             </div>
  152.             <div class="col-lg-3 col-md-4 mt-4">
  153.                 <div class="icon-box">
  154.                     <i class="da-icon icon-javascript" style="color: #f7e01d;"></i>
  155.                     <h3><a href="">Javascript</a></h3>
  156.                 </div>
  157.             </div>
  159.             <div class="col-lg-3 col-md-4 mt-4">
  160.                 <div class="icon-box">
  161.                     <i class="da-icon icon-jquery" style="color: #78cff5;"></i>
  162.                     <h3><a href="">Jquery</a></h3>
  163.                 </div>
  164.             </div>
  167.             <div class="col-lg-3 col-md-4 mt-4">
  168.                 <div class="icon-box">
  169.                     <i class="da-icon icon-smarty" style="color: #f0c244;"></i>
  170.                     <h3><a href="">Smarty Templates</a></h3>
  171.                 </div>
  172.             </div>
  174.             <div class="col-lg-3 col-md-4 mt-4">
  175.                 <div class="icon-box">
  176.                     <i class="ri-file-code-line" style="color: #166f05;"></i>
  177.                     <h3><a href="">XTemplate</a></h3>
  178.                 </div>
  179.             </div>
  180.         </div>
  181.     </div>
  182. </section>