Files
medicalalert-web-reloaded/wp/wp-content/themes/medicalalert/tpl/testimonial.tpl
2024-12-18 15:52:12 -08:00

70 lines
11 KiB
Smarty

<!-- Testimonial BEGIN -->
<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" />
<path opacity="0.53" d="M511.505 224.75C353.388 224.75 224.761 353.388 224.761 511.495C224.761 669.601 353.399 798.239 511.505 798.239C669.612 798.239 798.25 669.601 798.25 511.495C798.25 353.388 669.612 224.75 511.505 224.75ZM511.505 214.91C551.583 214.91 590.434 222.774 626.954 238.22C662.278 253.157 694.004 274.564 721.225 301.785C748.446 329.007 769.843 360.732 784.79 396.056C800.236 432.577 808.1 471.427 808.1 511.505C808.1 551.583 800.236 590.434 784.79 626.954C769.853 662.278 748.446 694.004 721.225 721.225C694.004 748.446 662.278 769.843 626.954 784.79C590.434 800.236 551.583 808.1 511.505 808.1C471.427 808.1 432.577 800.236 396.056 784.79C360.732 769.853 329.007 748.446 301.785 721.225C274.564 694.004 253.168 662.278 238.22 626.954C222.774 590.434 214.91 551.583 214.91 511.505C214.91 471.427 222.774 432.577 238.22 396.056C253.157 360.732 274.564 329.007 301.785 301.785C329.007 274.564 360.732 253.168 396.056 238.22C432.577 222.774 471.427 214.91 511.505 214.91Z" fill="url(#paint2_linear_252_476)" fill-opacity="0.8" />
<path opacity="0.43" d="M511.505 170.578C323.515 170.578 170.578 323.515 170.578 511.505C170.578 699.496 323.515 852.432 511.505 852.432C699.496 852.432 852.432 699.496 852.432 511.505C852.432 323.515 699.496 170.578 511.505 170.578ZM511.505 161.185C558.823 161.185 604.705 170.464 647.862 188.719C689.583 206.37 727.05 231.636 759.212 263.798C791.374 295.961 816.64 333.428 834.292 375.149C852.547 418.306 861.825 464.188 861.825 511.505C861.825 558.823 852.547 604.705 834.292 647.862C816.64 689.583 791.374 727.05 759.212 759.212C727.05 791.374 689.583 816.64 647.862 834.292C604.705 852.547 558.823 861.825 511.505 861.825C464.188 861.825 418.306 852.547 375.149 834.292C333.428 816.64 295.961 791.374 263.798 759.212C231.636 727.05 206.37 689.583 188.719 647.862C170.464 604.705 161.185 558.823 161.185 511.505C161.185 464.188 170.464 418.306 188.719 375.149C206.37 333.428 231.636 295.961 263.798 263.798C295.961 231.636 333.428 206.37 375.149 188.719C418.306 170.464 464.188 161.185 511.505 161.185Z" fill="url(#paint3_linear_252_476)" fill-opacity="0.8" />
<path opacity="0.34" d="M511.505 116.406C293.651 116.406 116.406 293.651 116.406 511.505C116.406 729.359 293.651 906.605 511.505 906.605C729.359 906.605 906.605 729.359 906.605 511.505C906.605 293.651 729.359 116.406 511.505 116.406ZM511.505 107.46C566.073 107.46 618.986 118.153 668.779 139.217C716.898 159.573 760.107 188.708 797.21 225.801C834.302 262.893 863.448 306.112 883.794 354.231C904.857 404.024 915.55 456.938 915.55 511.505C915.55 566.073 904.857 618.986 883.794 668.779C863.438 716.898 834.302 760.107 797.21 797.209C760.117 834.302 716.898 863.448 668.779 883.794C618.986 904.857 566.073 915.55 511.505 915.55C456.938 915.55 404.024 904.857 354.231 883.794C306.113 863.437 262.904 834.302 225.801 797.209C188.708 760.117 159.563 716.898 139.206 668.779C118.143 618.986 107.45 566.073 107.45 511.505C107.45 456.938 118.143 404.024 139.206 354.231C159.563 306.112 188.698 262.904 225.801 225.801C262.893 188.708 306.113 159.562 354.231 139.217C404.024 118.153 456.938 107.46 511.505 107.46Z" fill="url(#paint4_linear_252_476)" fill-opacity="0.8" />
<path opacity="0.24" d="M511.505 62.2231C263.778 62.2231 62.2336 263.767 62.2336 511.495C62.2336 759.222 263.778 960.766 511.505 960.766C759.233 960.766 960.777 759.222 960.777 511.495C960.777 263.767 759.233 62.2231 511.505 62.2231ZM511.505 53.7249C573.312 53.7249 633.268 65.8325 689.697 89.7044C744.213 112.765 793.163 145.77 835.207 187.803C877.241 229.837 910.256 278.798 933.306 333.313C957.178 389.742 969.285 449.698 969.285 511.495C969.285 573.291 957.178 633.257 933.306 689.676C910.245 744.192 877.241 793.142 835.207 835.186C793.174 877.22 744.213 910.235 689.697 933.285C633.268 957.157 573.312 969.265 511.505 969.265C449.698 969.265 389.743 957.157 333.313 933.285C278.798 910.224 229.847 877.22 187.803 835.186C145.77 793.153 112.755 744.192 89.7046 689.676C65.8326 633.247 53.725 573.291 53.725 511.495C53.725 449.698 65.8326 389.732 89.7046 333.313C112.765 278.798 145.77 229.847 187.803 187.803C229.837 145.77 278.798 112.755 333.313 89.7044C389.743 65.8325 449.698 53.7249 511.505 53.7249Z" fill="url(#paint5_linear_252_476)" fill-opacity="0.8" />
<path opacity="0.15" d="M511.505 8.05094C233.893 8.05094 8.05094 233.893 8.05094 511.505C8.05094 789.117 233.893 1014.96 511.505 1014.96C789.117 1014.96 1014.96 789.117 1014.96 511.505C1014.96 233.893 789.107 8.05094 511.505 8.05094ZM511.505 1023C442.459 1023 375.471 1009.48 312.406 982.797C251.493 957.032 196.79 920.158 149.816 873.184C102.842 826.21 65.9574 771.507 40.2027 710.594C13.5223 647.539 0 580.552 0 511.505C0 442.459 13.5223 375.471 40.2027 312.406C65.9678 251.493 102.842 196.79 149.816 149.816C196.79 102.842 251.493 65.9574 312.406 40.2027C375.461 13.5223 442.448 0 511.505 0C580.562 0 647.539 13.5223 710.605 40.2027C771.517 65.9678 826.22 102.842 873.194 149.816C920.168 196.79 957.053 251.493 982.808 312.406C1009.48 375.471 1023.01 442.459 1023.01 511.505C1023.01 580.552 1009.49 647.539 982.808 710.605C957.043 771.517 920.168 826.22 873.194 873.194C826.22 920.168 771.517 957.053 710.605 982.808C647.539 1009.48 580.552 1023.01 511.505 1023.01V1023Z" fill="url(#paint6_linear_252_476)" fill-opacity="0.8" />
</g>
<defs>
<linearGradient id="paint0_linear_252_476" x1="511.505" y1="322.371" x2="511.505" y2="700.64" gradientUnits="userSpaceOnUse">
<stop stop-color="#E8F4FF" />
<stop offset="1" stop-color="#9BCDFF" />
</linearGradient>
<linearGradient id="paint1_linear_252_476" x1="511.505" y1="268.646" x2="511.505" y2="754.365" gradientUnits="userSpaceOnUse">
<stop stop-color="#E8F4FF" />
<stop offset="1" stop-color="#9BCDFF" />
</linearGradient>
<linearGradient id="paint2_linear_252_476" x1="511.505" y1="214.91" x2="511.505" y2="808.1" gradientUnits="userSpaceOnUse">
<stop stop-color="#E8F4FF" />
<stop offset="1" stop-color="#9BCDFF" />
</linearGradient>
<linearGradient id="paint3_linear_252_476" x1="511.505" y1="161.185" x2="511.505" y2="861.825" gradientUnits="userSpaceOnUse">
<stop stop-color="#E8F4FF" />
<stop offset="1" stop-color="#9BCDFF" />
</linearGradient>
<linearGradient id="paint4_linear_252_476" x1="511.5" y1="107.46" x2="511.5" y2="915.55" gradientUnits="userSpaceOnUse">
<stop stop-color="#E8F4FF" />
<stop offset="1" stop-color="#9BCDFF" />
</linearGradient>
<linearGradient id="paint5_linear_252_476" x1="511.505" y1="53.7249" x2="511.505" y2="969.265" gradientUnits="userSpaceOnUse">
<stop stop-color="#E8F4FF" />
<stop offset="1" stop-color="#9BCDFF" />
</linearGradient>
<linearGradient id="paint6_linear_252_476" x1="511.505" y1="0" x2="511.505" y2="1023.01" gradientUnits="userSpaceOnUse">
<stop stop-color="#E8F4FF" />
<stop offset="1" stop-color="#9BCDFF" />
</linearGradient>
<clipPath id="clip0_252_476">
<rect width="1023" height="1023" fill="white" />
</clipPath>
</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 -->