templates/index/about.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  2. {% block stylesheets %}
  3.     {{ parent() }}
  4.     <style>
  5.         html {
  6.             scroll-behavior: smooth;
  7.         }
  8.         html, body{
  9.             font-family: 'Poppins', sans-serif;
  10.         }
  11.         .title:nth-child(2n) {
  12.             color: var(--bs-primary);
  13.         }
  14.         #section-hero {
  15.             height: 80dvh;
  16.         }
  17.         #section-services img.icons {
  18.             width: 60px;
  19.             padding: 10px;
  20.             border-radius: 20px;
  21.             background-color: #CCFBF1;
  22.         }
  23.         img.icons:nth-child(2n+1) {
  24.             background-color: red;
  25.         }
  26.         .fs-tiny {
  27.             font-size: 0.8em;
  28.         }
  29.         .card-body li::marker {
  30.             content: "✅";
  31.         }
  32.         .card-body ul {
  33.             margin-bottom: 0;
  34.         }
  35.         @media (min-width: 768px) {
  36.             .carousel-inner {
  37.                 display: flex;
  38.             }
  39.             .carousel-item {
  40.                 margin-right: 0;
  41.                 flex: 0 0 33.333333%;
  42.                 display: block;
  43.             }
  44.         }
  46.         .carousel-inner{
  47.             padding: 1em;
  48.         }
  49.         .card{
  50.             margin: 0 .5em;
  51.         }
  52.         .carousel-control-prev, .carousel-control-next{
  53.             background-color: #e1e1e1;
  54.             width: 6vh;
  55.             height: 6vh;
  56.             border-radius: 50%;
  57.             top: 50%;
  58.             transform: translateY(-50%);
  59.         }
  60.     </style>
  61. {% endblock %}
  62. {% block title %}
  63.     Jeram.dev
  64. {% endblock %}
  65. {% block body %}
  66.     {% set difference = date('now').diff(date('2017-07-26')) %}
  67.     {{ include('layouts/navbar.html.twig') }}
  68.     {{ include('layouts/flash_messages.html.twig') }}
  70.     {{ include('layouts/section/hero.html.twig') }}
  73.     {{ include('layouts/section/services.html.twig') }}
  75.     {{ include('layouts/section/demarrer.html.twig') }}
  77.     {{ include('layouts/section/portfolio.html.twig') }}
  79.     {{ include('layouts/section/testimonials.html.twig') }}
  81.     {{ include('layouts/section/about.html.twig') }}
  83.     {{ include('layouts/section/contact.html.twig') }}
  85.     {{ include('layouts/section/footer.html.twig') }}
  87. {% endblock %}