templates/about/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block body %}
  5.                             <!-- PAGE-HEADER -->
  6.                             <div class="page-header">
  7.                                 <div>
  8.                                     <h1 class="page-title">About</h1>
  9.                                 </div>
  10.                                 <div class="ms-auto pageheader-btn">
  11.                                     <ol class="breadcrumb">
  12.                                         <li class="breadcrumb-item"><a href="javascript:void(0);">Pages</a></li>
  13.                                         <li class="breadcrumb-item active" aria-current="page">About Company</li>
  14.                                     </ol>
  15.                                 </div>
  16.                             </div>
  17.                             <!-- PAGE-HEADER END -->
  19.                             <!-- ROW-1 OPEN-->
  20.                             <div class="row">
  21.                                 <div class="col-lg-12">
  22.                                     <div class="card">
  23.                                         <div class="card-body p-4 text-dark">
  24.                                             <div class="statistics-info">
  25.                                                 <div class="row text-center">
  26.                                                     <div class="col-lg-3 col-sm-6 mt-4 mb-4">
  27.                                                         <div class="counter-status">
  28.                                                             <div class="counter-icon bg-primary-gradient box-shadow-primary">
  29.                                                                 <i class="icon icon-people text-white"></i>
  30.                                                             </div>
  31.                                                             <h5 class="mb-2">Total Employees</h5>
  32.                                                             <h2 class="counter mb-0">2569</h2>
  33.                                                         </div>
  34.                                                     </div>
  35.                                                     <div class="col-lg-3 col-sm-6 mt-4 mb-4">
  36.                                                         <div class="counter-status">
  37.                                                             <div class="counter-icon bg-secondary-gradient box-shadow-secondary">
  38.                                                                 <i class="icon icon-rocket text-white"></i>
  39.                                                             </div>
  40.                                                             <h5 class="mb-2">Total Sales</h5>
  41.                                                             <h2 class="counter  mb-0">1765</h2>
  42.                                                         </div>
  43.                                                     </div>
  44.                                                     <div class="col-lg-3 col-sm-6  mt-4 mb-4">
  45.                                                         <div class="counter-statuss">
  46.                                                             <div class="counter-icon bg-success-gradient box-shadow-success">
  47.                                                                 <i class="icon icon-docs text-white"></i>
  48.                                                             </div>
  49.                                                             <h5 class="mb-2">Total Projects</h5>
  50.                                                             <h2 class="counter mb-0">846</h2>
  51.                                                         </div>
  52.                                                     </div>
  53.                                                     <div class="col-lg-3 col-sm-6 mt-4 mb-4">
  54.                                                         <div class="counter-status">
  55.                                                             <div class="counter-icon bg-danger-gradient box-shadow-danger">
  56.                                                                 <i class="fe fe-trending-up text-white"></i>
  57.                                                             </div>
  58.                                                             <h5 class="mb-2">Total Growth</h5>
  59.                                                             <h2 class="counter  mb-0">7253</h2>
  60.                                                         </div>
  61.                                                     </div>
  62.                                                 </div>
  63.                                             </div>
  64.                                         </div>
  65.                                     </div>
  66.                                 </div><!-- COL-END -->
  67.                             </div>
  68.                             <!-- ROW-1 CLOSED -->
  70.                             <!-- ROW-2 OPEN -->
  71.                             <div class="row">
  72.                                 <div class="col-lg-6">
  73.                                     <div class="card">
  74.                                         <div class="card-body about-con pabout">
  75.                                             <h1 class="mb-4 fw-semibold">Why Noa?</h1>
  76.                                             <h4 class="leading-normal">Ipsum dolor sit magna tempor magna ipsum eirmod, sit est.</h4>
  77.                                             <p class="leading-normal">Sed elitr amet kasd sed tempor elitr invidunt sanctus nonumy, dolor aliquyam justo accusam gubergren et gubergren
  78.                                                 invidunt amet justo, sadipscing sadipscing erat ipsum consetetur, ipsum sanctus dolor est diam. Lorem voluptua clita et elitr dolor ipsum
  79.                                                 dolor. Sadipscing sit stet tempor nonumy, justo amet labore sed eos dolor dolor.</p>
  80.                                             <a href="#" class="btn btn-primary  mt-2">View More</a>
  81.                                         </div>
  82.                                     </div>
  83.                                 </div>
  84.                                 <div class="col-lg-6">
  85.                                     <div class="card">
  86.                                         <div class="card-body pabout">
  87.                                             <h1 class="mb-4 fw-semibold">What is Our Services?</h1>
  88.                                             <h4 class="leading-normal">Ea at dolore no diam elitr elitr, stet ut dolor.</h4>
  89.                                             <p class="leading-normal">Dolor amet at et et et takimata et, magna dolor et takimata sea diam sed
  90.                                                 nonumy, accusam sea et amet et, kasd invidunt et lorem labore. Sit takimata amet sea est
  91.                                                 gubergren accusam. Sed sed diam dolor magna kasd. Sanctus erat eos ea aliquyam amet nonumy, stet
  92.                                                 magna rebum sit.</p>
  93.                                             <a href="#" class="btn btn-primary mt-2">View More</a>
  94.                                         </div>
  95.                                     </div>
  96.                                 </div>
  97.                             </div>
  98.                             <!-- ROW-2 CLOSED -->
  100.                             <!-- ROW-3 OPEN -->
  101.                             <div class="row">
  102.                                 <div class="col-md-6 col-sm-12 col-lg-6 col-xl-3">
  103.                                     <div class="card text-center overflow-hidden">
  104.                                         <img src="{{absolute_url(asset('build/images/media/1.jpg'))}}" alt="img">
  105.                                         <div class="card-body">
  106.                                             <h3 class="mb-3">Company history</h3>
  107.                                             <p>Eos justo voluptua ea dolore ipsum. Sea rebum magna dolor duo sit consetetur dolor. Justo ut dolores eirmod sit amet.</p>
  108.                                             <a href="#" class="btn btn-primary">Read More</a>
  109.                                         </div>
  110.                                     </div>
  111.                                 </div><!-- COL-END -->
  112.                                 <div class="col-md-6 col-sm-12 col-lg-6 col-xl-3">
  113.                                     <div class="card text-center overflow-hidden">
  114.                                         <img src="{{absolute_url(asset('build/images/media/2.jpg'))}}" alt="img">
  115.                                         <div class="card-body">
  116.                                             <h3 class="mb-3">About Team</h3>
  117.                                             <p>Clita sed vero duo ea sed, sit dolor eos gubergren et et eirmod elitr amet lorem. Accusam duo justo et. Dolore elitr vero.</p>
  118.                                             <a href="#" class="btn btn-secondary">Read More</a>
  119.                                         </div>
  120.                                     </div>
  121.                                 </div><!-- COL-END -->
  122.                                 <div class="col-md-6 col-sm-12 col-lg-6 col-xl-3">
  123.                                     <div class="card text-center overflow-hidden">
  124.                                         <img src="{{absolute_url(asset('build/images/media/6.jpg'))}}" alt="img">
  125.                                         <div class="card-body">
  126.                                             <h3 class="mb-3">Company growth</h3>
  127.                                             <p>Ipsum no elitr dolore dolor diam, nonumy eos sed dolor elitr sed, sanctus et dolores duo diam elitr dolor. Ea accusam diam.</p>
  128.                                             <a href="#" class="btn btn-success">Read More</a>
  129.                                         </div>
  130.                                     </div>
  131.                                 </div><!-- COL-END -->
  132.                                 <div class="col-md-6 col-sm-12 col-lg-6 col-xl-3">
  133.                                     <div class="card text-center overflow-hidden">
  134.                                         <img src="{{absolute_url(asset('build/images/media/7.jpg'))}}" alt="img">
  135.                                         <div class="card-body">
  136.                                             <h3 class="mb-3">Our Statistics</h3>
  137.                                             <p>Labore sit kasd amet et voluptua ipsum sanctus accusam duo et, dolores dolor dolor est accusam. Invidunt dolor sed duo est aliquyam.</p>
  138.                                             <a href="#" class="btn btn-info">Read More</a>
  139.                                         </div>
  140.                                     </div>
  141.                                 </div><!-- COL-END -->
  142.                             </div><!-- COL-END -->
  143.                             <!-- ROW-3 CLOSED -->
  145. {% endblock %}
  147. {% block javascripts %}
  148.    {{parent()}} 
  149.         <!-- COUNTERS JS-->
  150.         <script src="{{absolute_url(asset('build/plugins/counters/counterup.min.js'))}}"></script>
  151.         <script src="{{absolute_url(asset('build/plugins/counters/waypoints.min.js'))}}"></script>
  152.         <script src="{{absolute_url(asset('build/plugins/counters/counters-1.js'))}}"></script>
  154.         <!-- SIDEBAR JS -->
  155.         <script src="{{absolute_url(asset('build/plugins/sidebar/sidebar.js'))}}"></script>
  157. {% endblock %}