templates/home/about.html.twig line 1

Open in your IDE?
  1. <!-- =======================
  2. About START -->
  3. <section class="pb-0 pb-xl-5">
  4.     <div class="container">
  5.         <div class="row g-4 justify-content-between align-items-center">
  6.             <!-- Left side START -->
  7.             <div class="col-lg-5 position-relative">
  8.                 <!-- Svg Decoration -->
  9.                 <!-- Svg decoration -->
  10.                 <figure class="position-absolute bottom-0 end-0 d-none d-md-block mb-n5 me-n4">
  11.                     <svg height="400" class="fill-primary opacity-2" viewBox="0 0 340 340">
  12.                         <circle cx="194.2" cy="2.2" r="2.2"></circle>
  13.                         <circle cx="2.2" cy="2.2" r="2.2"></circle>
  14.                         <circle cx="218.2" cy="2.2" r="2.2"></circle>
  15.                         <circle cx="26.2" cy="2.2" r="2.2"></circle>
  16.                         <circle cx="242.2" cy="2.2" r="2.2"></circle>
  17.                         <circle cx="50.2" cy="2.2" r="2.2"></circle>
  18.                         <circle cx="266.2" cy="2.2" r="2.2"></circle>
  19.                         <circle cx="74.2" cy="2.2" r="2.2"></circle>
  20.                         <circle cx="290.2" cy="2.2" r="2.2"></circle>
  21.                         <circle cx="98.2" cy="2.2" r="2.2"></circle>
  22.                         <circle cx="314.2" cy="2.2" r="2.2"></circle>
  23.                         <circle cx="122.2" cy="2.2" r="2.2"></circle>
  24.                         <circle cx="338.2" cy="2.2" r="2.2"></circle>
  25.                         <circle cx="146.2" cy="2.2" r="2.2"></circle>
  26.                         <circle cx="170.2" cy="2.2" r="2.2"></circle>
  27.                         <circle cx="194.2" cy="26.2" r="2.2"></circle>
  28.                         <circle cx="2.2" cy="26.2" r="2.2"></circle>
  29.                         <circle cx="218.2" cy="26.2" r="2.2"></circle>
  30.                         <circle cx="26.2" cy="26.2" r="2.2"></circle>
  31.                         <circle cx="242.2" cy="26.2" r="2.2"></circle>
  32.                         <circle cx="50.2" cy="26.2" r="2.2"></circle>
  33.                         <circle cx="266.2" cy="26.2" r="2.2"></circle>
  34.                         <circle cx="74.2" cy="26.2" r="2.2"></circle>
  35.                         <circle cx="290.2" cy="26.2" r="2.2"></circle>
  36.                         <circle cx="98.2" cy="26.2" r="2.2"></circle>
  37.                         <circle cx="314.2" cy="26.2" r="2.2"></circle>
  38.                         <circle cx="122.2" cy="26.2" r="2.2"></circle>
  39.                         <circle cx="338.2" cy="26.2" r="2.2"></circle>
  40.                         <circle cx="146.2" cy="26.2" r="2.2"></circle>
  41.                         <circle cx="170.2" cy="26.2" r="2.2"></circle>
  42.                         <circle cx="194.2" cy="50.2" r="2.2"></circle>
  43.                         <circle cx="2.2" cy="50.2" r="2.2"></circle>
  44.                         <circle cx="218.2" cy="50.2" r="2.2"></circle>
  45.                         <circle cx="26.2" cy="50.2" r="2.2"></circle>
  46.                         <circle cx="242.2" cy="50.2" r="2.2"></circle>
  47.                         <circle cx="50.2" cy="50.2" r="2.2"></circle>
  48.                         <circle cx="266.2" cy="50.2" r="2.2"></circle>
  49.                         <circle cx="74.2" cy="50.2" r="2.2"></circle>
  50.                         <circle cx="290.2" cy="50.2" r="2.2"></circle>
  51.                         <circle cx="98.2" cy="50.2" r="2.2"></circle>
  52.                         <circle cx="314.2" cy="50.2" r="2.2"></circle>
  53.                         <circle cx="122.2" cy="50.2" r="2.2"></circle>
  54.                         <circle cx="338.2" cy="50.2" r="2.2"></circle>
  55.                         <circle cx="146.2" cy="50.2" r="2.2"></circle>
  56.                         <circle cx="170.2" cy="50.2" r="2.2"></circle>
  57.                         <circle cx="194.2" cy="74.2" r="2.2"></circle>
  58.                         <circle cx="2.2" cy="74.2" r="2.2"></circle>
  59.                         <circle cx="218.2" cy="74.2" r="2.2"></circle>
  60.                         <circle cx="26.2" cy="74.2" r="2.2"></circle>
  61.                         <circle cx="242.2" cy="74.2" r="2.2"></circle>
  62.                         <circle cx="50.2" cy="74.2" r="2.2"></circle>
  63.                         <circle cx="266.2" cy="74.2" r="2.2"></circle>
  64.                         <circle cx="74.2" cy="74.2" r="2.2"></circle>
  65.                         <circle cx="290.2" cy="74.2" r="2.2"></circle>
  66.                         <circle cx="98.2" cy="74.2" r="2.2"></circle>
  67.                         <circle cx="314.2" cy="74.2" r="2.2"></circle>
  68.                         <circle cx="122.2" cy="74.2" r="2.2"></circle>
  69.                         <circle cx="338.2" cy="74.2" r="2.2"></circle>
  70.                         <circle cx="146.2" cy="74.2" r="2.2"></circle>
  71.                         <circle cx="170.2" cy="74.2" r="2.2"></circle>
  72.                         <circle cx="194.2" cy="98.2" r="2.2"></circle>
  73.                         <circle cx="2.2" cy="98.2" r="2.2"></circle>
  74.                         <circle cx="218.2" cy="98.2" r="2.2"></circle>
  75.                         <circle cx="26.2" cy="98.2" r="2.2"></circle>
  76.                         <circle cx="242.2" cy="98.2" r="2.2"></circle>
  77.                         <circle cx="50.2" cy="98.2" r="2.2"></circle>
  78.                         <circle cx="266.2" cy="98.2" r="2.2"></circle>
  79.                         <circle cx="74.2" cy="98.2" r="2.2"></circle>
  80.                         <circle cx="290.2" cy="98.2" r="2.2"></circle>
  81.                         <circle cx="98.2" cy="98.2" r="2.2"></circle>
  82.                         <circle cx="314.2" cy="98.2" r="2.2"></circle>
  83.                         <circle cx="122.2" cy="98.2" r="2.2"></circle>
  84.                         <circle cx="338.2" cy="98.2" r="2.2"></circle>
  85.                         <circle cx="146.2" cy="98.2" r="2.2"></circle>
  86.                         <circle cx="170.2" cy="98.2" r="2.2"></circle>
  87.                         <circle cx="194.2" cy="122.2" r="2.2"></circle>
  88.                         <circle cx="2.2" cy="122.2" r="2.2"></circle>
  89.                         <circle cx="218.2" cy="122.2" r="2.2"></circle>
  90.                         <circle cx="26.2" cy="122.2" r="2.2"></circle>
  91.                         <circle cx="242.2" cy="122.2" r="2.2"></circle>
  92.                         <circle cx="50.2" cy="122.2" r="2.2"></circle>
  93.                         <circle cx="266.2" cy="122.2" r="2.2"></circle>
  94.                         <circle cx="74.2" cy="122.2" r="2.2"></circle>
  95.                         <circle cx="290.2" cy="122.2" r="2.2"></circle>
  96.                         <circle cx="98.2" cy="122.2" r="2.2"></circle>
  97.                         <circle cx="314.2" cy="122.2" r="2.2"></circle>
  98.                         <circle cx="122.2" cy="122.2" r="2.2"></circle>
  99.                         <circle cx="338.2" cy="122.2" r="2.2"></circle>
  100.                         <circle cx="146.2" cy="122.2" r="2.2"></circle>
  101.                         <circle cx="170.2" cy="122.2" r="2.2"></circle>
  102.                         <circle cx="194.2" cy="146.2" r="2.2"></circle>
  103.                         <circle cx="2.2" cy="146.2" r="2.2"></circle>
  104.                         <circle cx="218.2" cy="146.2" r="2.2"></circle>
  105.                         <circle cx="26.2" cy="146.2" r="2.2"></circle>
  106.                         <circle cx="242.2" cy="146.2" r="2.2"></circle>
  107.                         <circle cx="50.2" cy="146.2" r="2.2"></circle>
  108.                         <circle cx="266.2" cy="146.2" r="2.2"></circle>
  109.                         <circle cx="74.2" cy="146.2" r="2.2"></circle>
  110.                         <circle cx="290.2" cy="146.2" r="2.2"></circle>
  111.                         <circle cx="98.2" cy="146.2" r="2.2"></circle>
  112.                         <circle cx="314.2" cy="146.2" r="2.2"></circle>
  113.                         <circle cx="122.2" cy="146.2" r="2.2"></circle>
  114.                         <circle cx="338.2" cy="146.2" r="2.2"></circle>
  115.                         <circle cx="146.2" cy="146.2" r="2.2"></circle>
  116.                         <circle cx="170.2" cy="146.2" r="2.2"></circle>
  117.                         <circle cx="194.2" cy="170.2" r="2.2"></circle>
  118.                         <circle cx="2.2" cy="170.2" r="2.2"></circle>
  119.                         <circle cx="218.2" cy="170.2" r="2.2"></circle>
  120.                         <circle cx="26.2" cy="170.2" r="2.2"></circle>
  121.                         <circle cx="242.2" cy="170.2" r="2.2"></circle>
  122.                         <circle cx="50.2" cy="170.2" r="2.2"></circle>
  123.                         <circle cx="266.2" cy="170.2" r="2.2"></circle>
  124.                         <circle cx="74.2" cy="170.2" r="2.2"></circle>
  125.                         <circle cx="290.2" cy="170.2" r="2.2"></circle>
  126.                         <circle cx="98.2" cy="170.2" r="2.2"></circle>
  127.                         <circle cx="314.2" cy="170.2" r="2.2"></circle>
  128.                         <circle cx="122.2" cy="170.2" r="2.2"></circle>
  129.                         <circle cx="338.2" cy="170.2" r="2.2"></circle>
  130.                         <circle cx="146.2" cy="170.2" r="2.2"></circle>
  131.                         <circle cx="170.2" cy="170.2" r="2.2"></circle>
  132.                         <circle cx="194.2" cy="194.2" r="2.2"></circle>
  133.                         <circle cx="2.2" cy="194.2" r="2.2"></circle>
  134.                         <circle cx="218.2" cy="194.2" r="2.2"></circle>
  135.                         <circle cx="26.2" cy="194.2" r="2.2"></circle>
  136.                         <circle cx="242.2" cy="194.2" r="2.2"></circle>
  137.                         <circle cx="50.2" cy="194.2" r="2.2"></circle>
  138.                         <circle cx="266.2" cy="194.2" r="2.2"></circle>
  139.                         <circle cx="74.2" cy="194.2" r="2.2"></circle>
  140.                         <circle cx="290.2" cy="194.2" r="2.2"></circle>
  141.                         <circle cx="98.2" cy="194.2" r="2.2"></circle>
  142.                         <circle cx="314.2" cy="194.2" r="2.2"></circle>
  143.                         <circle cx="122.2" cy="194.2" r="2.2"></circle>
  144.                         <circle cx="338.2" cy="194.2" r="2.2"></circle>
  145.                         <circle cx="146.2" cy="194.2" r="2.2"></circle>
  146.                         <circle cx="170.2" cy="194.2" r="2.2"></circle>
  147.                         <circle cx="194.2" cy="218.2" r="2.2"></circle>
  148.                         <circle cx="2.2" cy="218.2" r="2.2"></circle>
  149.                         <circle cx="218.2" cy="218.2" r="2.2"></circle>
  150.                         <circle cx="26.2" cy="218.2" r="2.2"></circle>
  151.                         <circle cx="242.2" cy="218.2" r="2.2"></circle>
  152.                         <circle cx="50.2" cy="218.2" r="2.2"></circle>
  153.                         <circle cx="266.2" cy="218.2" r="2.2"></circle>
  154.                         <circle cx="74.2" cy="218.2" r="2.2"></circle>
  155.                         <circle cx="290.2" cy="218.2" r="2.2"></circle>
  156.                         <circle cx="98.2" cy="218.2" r="2.2"></circle>
  157.                         <circle cx="314.2" cy="218.2" r="2.2"></circle>
  158.                         <circle cx="122.2" cy="218.2" r="2.2"></circle>
  159.                         <circle cx="338.2" cy="218.2" r="2.2"></circle>
  160.                         <circle cx="146.2" cy="218.2" r="2.2"></circle>
  161.                         <circle cx="170.2" cy="218.2" r="2.2"></circle>
  162.                         <circle cx="194.2" cy="242.2" r="2.2"></circle>
  163.                         <circle cx="2.2" cy="242.2" r="2.2"></circle>
  164.                         <circle cx="218.2" cy="242.2" r="2.2"></circle>
  165.                         <circle cx="26.2" cy="242.2" r="2.2"></circle>
  166.                         <circle cx="242.2" cy="242.2" r="2.2"></circle>
  167.                         <circle cx="50.2" cy="242.2" r="2.2"></circle>
  168.                         <circle cx="266.2" cy="242.2" r="2.2"></circle>
  169.                         <circle cx="74.2" cy="242.2" r="2.2"></circle>
  170.                         <circle cx="290.2" cy="242.2" r="2.2"></circle>
  171.                         <circle cx="98.2" cy="242.2" r="2.2"></circle>
  172.                         <circle cx="314.2" cy="242.2" r="2.2"></circle>
  173.                         <circle cx="122.2" cy="242.2" r="2.2"></circle>
  174.                         <circle cx="338.2" cy="242.2" r="2.2"></circle>
  175.                         <circle cx="146.2" cy="242.2" r="2.2"></circle>
  176.                         <circle cx="170.2" cy="242.2" r="2.2"></circle>
  177.                         <circle cx="194.2" cy="266.2" r="2.2"></circle>
  178.                         <circle cx="2.2" cy="266.2" r="2.2"></circle>
  179.                         <circle cx="218.2" cy="266.2" r="2.2"></circle>
  180.                         <circle cx="26.2" cy="266.2" r="2.2"></circle>
  181.                         <circle cx="242.2" cy="266.2" r="2.2"></circle>
  182.                         <circle cx="50.2" cy="266.2" r="2.2"></circle>
  183.                         <circle cx="266.2" cy="266.2" r="2.2"></circle>
  184.                         <circle cx="74.2" cy="266.2" r="2.2"></circle>
  185.                         <circle cx="290.2" cy="266.2" r="2.2"></circle>
  186.                         <circle cx="98.2" cy="266.2" r="2.2"></circle>
  187.                         <circle cx="314.2" cy="266.2" r="2.2"></circle>
  188.                         <circle cx="122.2" cy="266.2" r="2.2"></circle>
  189.                         <circle cx="338.2" cy="266.2" r="2.2"></circle>
  190.                         <circle cx="146.2" cy="266.2" r="2.2"></circle>
  191.                         <circle cx="170.2" cy="266.2" r="2.2"></circle>
  192.                         <circle cx="194.2" cy="290.2" r="2.2"></circle>
  193.                         <circle cx="2.2" cy="290.2" r="2.2"></circle>
  194.                         <circle cx="218.2" cy="290.2" r="2.2"></circle>
  195.                         <circle cx="26.2" cy="290.2" r="2.2"></circle>
  196.                         <circle cx="242.2" cy="290.2" r="2.2"></circle>
  197.                         <circle cx="50.2" cy="290.2" r="2.2"></circle>
  198.                         <circle cx="266.2" cy="290.2" r="2.2"></circle>
  199.                         <circle cx="74.2" cy="290.2" r="2.2"></circle>
  200.                         <circle cx="290.2" cy="290.2" r="2.2"></circle>
  201.                         <circle cx="98.2" cy="290.2" r="2.2"></circle>
  202.                         <circle cx="314.2" cy="290.2" r="2.2"></circle>
  203.                         <circle cx="122.2" cy="290.2" r="2.2"></circle>
  204.                         <circle cx="338.2" cy="290.2" r="2.2"></circle>
  205.                         <circle cx="146.2" cy="290.2" r="2.2"></circle>
  206.                         <circle cx="170.2" cy="290.2" r="2.2"></circle>
  207.                         <circle cx="194.2" cy="314.2" r="2.2"></circle>
  208.                         <circle cx="2.2" cy="314.2" r="2.2"></circle>
  209.                         <circle cx="218.2" cy="314.2" r="2.2"></circle>
  210.                         <circle cx="26.2" cy="314.2" r="2.2"></circle>
  211.                         <circle cx="242.2" cy="314.2" r="2.2"></circle>
  212.                         <circle cx="50.2" cy="314.2" r="2.2"></circle>
  213.                         <circle cx="266.2" cy="314.2" r="2.2"></circle>
  214.                         <circle cx="74.2" cy="314.2" r="2.2"></circle>
  215.                         <circle cx="290.2" cy="314.2" r="2.2"></circle>
  216.                         <circle cx="98.2" cy="314.2" r="2.2"></circle>
  217.                         <circle cx="314.2" cy="314.2" r="2.2"></circle>
  218.                         <circle cx="122.2" cy="314.2" r="2.2"></circle>
  219.                         <circle cx="338.2" cy="314.2" r="2.2"></circle>
  220.                         <circle cx="146.2" cy="314.2" r="2.2"></circle>
  221.                         <circle cx="170.2" cy="314.2" r="2.2"></circle>
  222.                         <circle cx="194.2" cy="338.2" r="2.2"></circle>
  223.                         <circle cx="2.2" cy="338.2" r="2.2"></circle>
  224.                         <circle cx="218.2" cy="338.2" r="2.2"></circle>
  225.                         <circle cx="26.2" cy="338.2" r="2.2"></circle>
  226.                         <circle cx="242.2" cy="338.2" r="2.2"></circle>
  227.                         <circle cx="50.2" cy="338.2" r="2.2"></circle>
  228.                         <circle cx="266.2" cy="338.2" r="2.2"></circle>
  229.                         <circle cx="74.2" cy="338.2" r="2.2"></circle>
  230.                         <circle cx="290.2" cy="338.2" r="2.2"></circle>
  231.                         <circle cx="98.2" cy="338.2" r="2.2"></circle>
  232.                         <circle cx="314.2" cy="338.2" r="2.2"></circle>
  233.                         <circle cx="122.2" cy="338.2" r="2.2"></circle>
  234.                         <circle cx="338.2" cy="338.2" r="2.2"></circle>
  235.                         <circle cx="146.2" cy="338.2" r="2.2"></circle>
  236.                         <circle cx="170.2" cy="338.2" r="2.2"></circle>
  237.                     </svg>
  238.                 </figure>
  240.                 <!-- Image -->
  241.                 <img src="{{ asset('build/images/about/01.jpg') }}" class="rounded-3 position-relative" alt="">
  243.             </div>
  244.             <!-- Left side END -->
  246.             <!-- Right side START -->
  247.             <div class="col-lg-6">
  248.                 <h2 class="mb-3 mb-lg-5">{% trans %}The best holidays{% endtrans %}</h2>
  249.                 <p class="mb-3 mb-lg-5">{{ 'home_about_text'|trans }}</p>
  251.                 <!-- Features START -->
  252. {#                <div class="row g-4">#}
  253. {#                    <!-- Item -->#}
  254. {#                    <div class="col-sm-6">#}
  255. {#                        <div class="icon-lg bg-success bg-opacity-10 text-success rounded-circle"><i class="fa-solid fa-utensils"></i></div>#}
  256. {#                        <h5 class="mt-2">{% trans %}Quality food{% endtrans %}</h5>#}
  257. {#                      #}{#  <p class="mb-0">Departure defective arranging rapturous did. Conduct denied adding worthy little.</p>#}
  258. {#                    </div>#}
  259. {#                    <!-- Item -->#}
  260. {#                    <div class="col-sm-6">#}
  261. {#                        <div class="icon-lg bg-danger bg-opacity-10 text-danger rounded-circle"><i class="bi bi-stopwatch-fill"></i></div>#}
  262. {#                        <h5 class="mt-2">{% trans %}Quick services{% endtrans %}</h5>#}
  263. {#                       #}{# <p class="mb-0">Supposing so be resolving breakfast am or perfectly. </p>#}
  264. {#                    </div>#}
  265. {#                    <!-- Item -->#}
  266. {#                    <div class="col-sm-6">#}
  267. {#                        <div class="icon-lg bg-orange bg-opacity-10 text-orange rounded-circle"><i class="bi bi-shield-fill-check"></i></div>#}
  268. {#                        <h5 class="mt-2">{% trans %}High security{% endtrans %}</h5>#}
  269. {#                       #}{# <p class="mb-0">Arranging rapturous did believe him all had supported. </p>#}
  270. {#                    </div>#}
  271. {#                    <!-- Item -->#}
  272. {#                    <div class="col-sm-6">#}
  273. {#                        <div class="icon-lg bg-info bg-opacity-10 text-info rounded-circle"><i class="bi bi-lightning-fill"></i></div>#}
  274. {#                        <h5 class="mt-2">{% trans %}24 hours alert{% endtrans %}</h5>#}
  275. {#                       #}{# <p class="mb-0">Rapturous did believe him all had supported.</p>#}
  276. {#                    </div>#}
  277. {#                </div>#}
  278.                 <!-- Features END -->
  280.             </div>
  281.             <!-- Right side END -->
  282.         </div>
  283.     </div>
  284. </section>
  285. <!-- =======================
  286. About END -->