templates/front_v4/mca/components/_cta_3.html.twig line 1

Open in your IDE?
  1. <!-- CTA -->
  2. <div class="card card-sm overflow-hidden">
  3.     <!-- Card -->
  4.     <div class="card-body">
  5.         <div class="row justify-content-md-start align-items-md-center text-center text-md-start">
  6.             <div class="col-md offset-md-3 mb-3 mb-md-0">
  7.                 <h4 class="card-title">{{ title|raw }}</h4>
  8.             </div>
  10.             <div class="col-md-auto">
  11.                 <a class="btn btn-primary btn-transition"
  12.                    href="{{ link }}">{{ link_text }}</a>
  13.             </div>
  14.         </div>
  16.         <!-- SVG Shape -->
  17.         <figure class="w-25 d-none d-md-block position-absolute top-0 start-0 mt-n2">
  18.             <svg viewBox="0 0 451 902" fill="none" xmlns="http://www.w3.org/2000/svg">
  19.                 <path opacity="0.125" d="M0 82C203.8 82 369 247.2 369 451C369 654.8 203.8 820 0 820"
  20.                       stroke="url(#paint2_linear)" stroke-width="164" stroke-miterlimit="10"/>
  21.                 <defs>
  22.                     <linearGradient id="paint2_linear" x1="323.205" y1="785.242" x2="-97.6164" y2="56.3589"
  23.                                     gradientUnits="userSpaceOnUse">
  24.                         <stop offset="0" stop-color="white" stop-opacity="0"/>
  25.                         <stop offset="1" stop-color="#377dff"/>
  26.                     </linearGradient>
  27.                 </defs>
  28.             </svg>
  29.         </figure>
  30.         <!-- End SVG Shape -->
  31.     </div>
  32.     <!-- End Card -->
  33. </div>
  34. <!-- End CTA -->