mobile styles and fix overflow
This commit is contained in:
@@ -1,28 +1,7 @@
|
||||
<!-- Testimonial BEGIN -->
|
||||
<section class="testimonial-slice-container p-relative">
|
||||
<div class="container p-relative rounded bg-color-{{background_color}} padding-top-{{padding_top}} padding-bottom-{{padding_bottom}}">
|
||||
<div class="row">
|
||||
<div class="col-lg-4 d-flex justify-content-center mb-4">
|
||||
<div class="g-sky-border p-absolute">
|
||||
<img class="testimonial-img" src="{{image.url}}" alt="{{image.alt}}" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-8 my-auto testimonial-inner-content-wrapper">
|
||||
<svg width="35" height="29" viewBox="0 0 35 29" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M19.93 28.57V18.49C19.93 13.99 21.16 10.06 23.62 6.7C26.08 3.28 29.86 1.18 34.96 0.399999V6.97C32.02 7.33 30.07 8.29 29.11 9.85C28.15 11.41 27.67 13.48 27.67 16.06L22.36 14.98H34.78V28.57H19.93ZM0.4 28.57V18.49C0.4 13.99 1.63 10.06 4.09 6.7C6.55 3.28 10.33 1.18 15.43 0.399999V6.97C12.49 7.33 10.54 8.29 9.58 9.85C8.62 11.41 8.14 13.48 8.14 16.06L2.83 14.98H15.25V28.57H0.4Z" fill="white" />
|
||||
</svg>
|
||||
|
||||
<h3 class="fw-bold f-navy mb-2">{{header}}</h3>
|
||||
<div class="f-black">{{{copy}}}</div>
|
||||
<p class="f-black mt-4">
|
||||
{{quote_attribution}}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="p-absolute sonar">
|
||||
<svg width="614" height="1023" viewBox="0 0 614 1023" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<section class="testimonial-slice-container p-relative mx-xs-2 mx-md-0 overflow-hidden">
|
||||
<div class="p-absolute radial">
|
||||
<svg class="w-100" width="614" height="1023" viewBox="0 0 614 1023" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g opacity="0.4" clip-path="url(#clip0_252_476)">
|
||||
<path opacity="0.72" d="M511.505 322.371C537.093 322.371 561.87 327.405 585.129 337.235C607.659 346.763 627.901 360.42 645.24 377.77C662.58 395.11 676.237 415.352 685.776 437.882C695.616 461.13 700.64 485.917 700.64 511.505C700.64 537.094 695.605 561.871 685.776 585.129C676.248 607.659 662.59 627.901 645.24 645.24C627.901 662.58 607.659 676.238 585.129 685.776C561.881 695.616 537.093 700.64 511.505 700.64C485.917 700.64 461.14 695.606 437.882 685.776C415.352 676.248 395.11 662.59 377.77 645.24C360.43 627.901 346.773 607.659 337.235 585.129C327.394 561.881 322.37 537.094 322.37 511.505C322.37 485.917 327.405 461.14 337.235 437.882C346.763 415.352 360.42 395.11 377.77 377.77C395.11 360.431 415.352 346.773 437.882 337.235C461.13 327.395 485.917 322.371 511.505 322.371Z" fill="url(#paint0_linear_252_476)" fill-opacity="0.8" />
|
||||
<path opacity="0.62" d="M511.505 278.933C383.262 278.933 278.933 383.262 278.933 511.505C278.933 639.748 383.262 744.078 511.505 744.078C639.748 744.078 744.078 639.748 744.078 511.505C744.078 383.262 639.748 278.933 511.505 278.933ZM511.505 268.646C544.333 268.646 576.152 275.095 606.036 287.733C634.963 299.965 660.947 317.502 683.227 339.783C705.508 362.063 723.035 388.047 735.278 416.974C747.916 446.858 754.365 478.677 754.365 511.505C754.365 544.333 747.916 576.152 735.278 606.036C723.045 634.963 705.508 660.947 683.227 683.227C660.947 705.508 634.963 723.035 606.036 735.278C576.152 747.916 544.333 754.365 511.505 754.365C478.677 754.365 446.858 747.916 416.974 735.278C388.047 723.045 362.063 705.508 339.783 683.227C317.502 660.947 299.976 634.963 287.733 606.036C275.095 576.152 268.646 544.333 268.646 511.505C268.646 478.677 275.095 446.858 287.733 416.974C299.965 388.047 317.502 362.063 339.783 339.783C362.063 317.502 388.047 299.976 416.974 287.733C446.858 275.095 478.677 268.646 511.505 268.646Z" fill="url(#paint1_linear_252_476)" fill-opacity="0.8" />
|
||||
@@ -67,5 +46,25 @@
|
||||
</defs>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="container rounded bg-color-{{background_color}} padding-top-{{padding_top}} padding-bottom-{{padding_bottom}}">
|
||||
<div class="row">
|
||||
<div class="col-lg-4 d-flex justify-content-center mb-4">
|
||||
<div class="g-sky-border z-0">
|
||||
<img class="testimonial-img" src="{{image.url}}" alt="{{image.alt}}" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-8 my-auto testimonial-inner-content-wrapper">
|
||||
<svg width="35" height="29" viewBox="0 0 35 29" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M19.93 28.57V18.49C19.93 13.99 21.16 10.06 23.62 6.7C26.08 3.28 29.86 1.18 34.96 0.399999V6.97C32.02 7.33 30.07 8.29 29.11 9.85C28.15 11.41 27.67 13.48 27.67 16.06L22.36 14.98H34.78V28.57H19.93ZM0.4 28.57V18.49C0.4 13.99 1.63 10.06 4.09 6.7C6.55 3.28 10.33 1.18 15.43 0.399999V6.97C12.49 7.33 10.54 8.29 9.58 9.85C8.62 11.41 8.14 13.48 8.14 16.06L2.83 14.98H15.25V28.57H0.4Z" fill="white" />
|
||||
</svg>
|
||||
|
||||
<h3 class="fw-bold f-navy mb-2">{{header}}</h3>
|
||||
<div class="f-black">{{{copy}}}</div>
|
||||
<p class="f-black mt-4">
|
||||
{{quote_attribution}}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- Testimonial END -->
|
||||
Reference in New Issue
Block a user