50 lines
8.7 KiB
Smarty
50 lines
8.7 KiB
Smarty
<!-- Col3 Card BEGIN -->
|
|
<section class="container-fluid col3-card-slice-container p-relative z-1 bg-color-{{background_color}} padding-top-{{padding_top}} padding-bottom-{{padding_bottom}}">
|
|
{{#if radial_graphic}}
|
|
<div class="p-absolute radial-top z-0">
|
|
<svg class="w-100" width="1289" height="1289" viewBox="0 700 1289 1289" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
|
|
<g clip-path="url(#clip0_293_291)">
|
|
<path opacity="0.72" d="M644.507 406.193C676.748 406.193 707.968 412.537 737.274 424.922C765.662 436.928 791.167 454.136 813.015 475.998C834.864 497.846 852.072 523.351 864.091 551.74C876.49 581.032 882.82 612.265 882.82 644.507C882.82 676.748 876.476 707.968 864.091 737.274C852.085 765.662 834.877 791.167 813.015 813.015C791.167 834.864 765.662 852.072 737.274 864.091C707.981 876.49 676.748 882.82 644.507 882.82C612.265 882.82 581.045 876.476 551.74 864.091C523.351 852.085 497.846 834.877 475.998 813.015C454.149 791.167 436.941 765.662 424.922 737.274C412.523 707.981 406.193 676.748 406.193 644.507C406.193 612.265 412.537 581.045 424.922 551.74C436.928 523.351 454.136 497.846 475.998 475.998C497.846 454.149 523.351 436.941 551.74 424.922C581.032 412.523 612.265 406.193 644.507 406.193Z" fill="currentColor" />
|
|
<path opacity="0.62" d="M644.506 351.461C482.918 351.461 351.461 482.918 351.461 644.506C351.461 806.095 482.918 937.552 644.506 937.552C806.095 937.552 937.552 806.095 937.552 644.506C937.552 482.918 806.095 351.461 644.506 351.461ZM644.506 338.499C685.87 338.499 725.963 346.625 763.617 362.549C800.066 377.962 832.806 400.059 860.88 428.133C888.954 456.207 911.038 488.947 926.464 525.396C942.388 563.05 950.514 603.143 950.514 644.506C950.514 685.87 942.388 725.963 926.464 763.617C911.051 800.066 888.954 832.806 860.88 860.88C832.806 888.954 800.066 911.038 763.617 926.464C725.963 942.388 685.87 950.514 644.506 950.514C603.143 950.514 563.05 942.388 525.396 926.464C488.947 911.051 456.207 888.954 428.133 860.88C400.059 832.806 377.975 800.066 362.549 763.617C346.625 725.963 338.499 685.87 338.499 644.506C338.499 603.143 346.625 563.05 362.549 525.396C377.962 488.947 400.059 456.207 428.133 428.133C456.207 400.059 488.947 377.975 525.396 362.549C563.05 346.625 603.143 338.499 644.506 338.499Z" fill="currentColor" />
|
|
<path opacity="0.53" d="M644.507 283.19C445.276 283.19 283.203 445.276 283.203 644.493C283.203 843.711 445.289 1005.8 644.507 1005.8C843.724 1005.8 1005.81 843.711 1005.81 644.493C1005.81 445.276 843.724 283.19 644.507 283.19ZM644.507 270.791C695.005 270.791 743.958 280.699 789.974 300.162C834.484 318.983 874.458 345.956 908.758 380.256C943.057 414.555 970.017 454.529 988.851 499.039C1008.31 545.055 1018.22 594.008 1018.22 644.507C1018.22 695.005 1008.31 743.958 988.851 789.974C970.03 834.484 943.057 874.458 908.758 908.758C874.458 943.057 834.484 970.017 789.974 988.851C743.958 1008.31 695.005 1018.22 644.507 1018.22C594.008 1018.22 545.055 1008.31 499.039 988.851C454.529 970.03 414.555 943.057 380.256 908.758C345.956 874.458 318.996 834.484 300.162 789.974C280.699 743.958 270.791 695.005 270.791 644.507C270.791 594.008 280.699 545.055 300.162 499.039C318.983 454.529 345.956 414.555 380.256 380.256C414.555 345.956 454.529 318.996 499.039 300.162C545.055 280.699 594.008 270.791 644.507 270.791Z" fill="currentColor" />
|
|
<path opacity="0.43" d="M644.507 214.932C407.635 214.932 214.932 407.635 214.932 644.507C214.932 881.378 407.635 1074.08 644.507 1074.08C881.378 1074.08 1074.08 881.378 1074.08 644.507C1074.08 407.635 881.378 214.932 644.507 214.932ZM644.507 203.097C704.128 203.097 761.94 214.788 816.318 237.789C868.888 260.031 916.097 291.866 956.622 332.391C997.147 372.916 1028.98 420.125 1051.22 472.695C1074.23 527.073 1085.92 584.886 1085.92 644.507C1085.92 704.128 1074.23 761.94 1051.22 816.318C1028.98 868.888 997.147 916.097 956.622 956.622C916.097 997.147 868.888 1028.98 816.318 1051.22C761.94 1074.23 704.128 1085.92 644.507 1085.92C584.886 1085.92 527.073 1074.23 472.695 1051.22C420.125 1028.98 372.916 997.147 332.391 956.622C291.866 916.097 260.031 868.888 237.789 816.318C214.788 761.94 203.097 704.128 203.097 644.507C203.097 584.886 214.788 527.073 237.789 472.695C260.031 420.125 291.866 372.916 332.391 332.391C372.916 291.866 420.125 260.031 472.695 237.789C527.073 214.788 584.886 203.097 644.507 203.097Z" fill="currentColor" />
|
|
<path opacity="0.34" d="M644.506 146.674C370.006 146.674 146.674 370.006 146.674 644.507C146.674 919.007 370.006 1142.34 644.506 1142.34C919.007 1142.34 1142.34 919.007 1142.34 644.507C1142.34 370.006 919.007 146.674 644.506 146.674ZM644.506 135.402C713.263 135.402 779.935 148.875 842.675 175.416C903.305 201.065 957.749 237.776 1004.5 284.513C1051.24 331.251 1087.96 385.708 1113.6 446.338C1140.14 509.078 1153.61 575.75 1153.61 644.507C1153.61 713.263 1140.14 779.935 1113.6 842.675C1087.95 903.305 1051.24 957.749 1004.5 1004.5C957.762 1051.24 903.305 1087.96 842.675 1113.6C779.935 1140.14 713.263 1153.61 644.506 1153.61C575.75 1153.61 509.078 1140.14 446.338 1113.6C385.708 1087.95 331.264 1051.24 284.513 1004.5C237.776 957.762 201.052 903.305 175.403 842.675C148.862 779.935 135.389 713.263 135.389 644.507C135.389 575.75 148.862 509.078 175.403 446.338C201.052 385.708 237.763 331.264 284.513 284.513C331.251 237.776 385.708 201.052 446.338 175.416C509.078 148.875 575.75 135.402 644.506 135.402Z" fill="currentColor" />
|
|
<path opacity="0.24" d="M644.507 78.4025C332.365 78.4025 78.4156 332.352 78.4156 644.493C78.4156 956.635 332.365 1210.58 644.507 1210.58C956.648 1210.58 1210.6 956.635 1210.6 644.493C1210.6 332.352 956.648 78.4025 644.507 78.4025ZM644.507 67.6946C722.385 67.6946 797.93 82.9504 869.032 113.03C937.723 142.086 999.401 183.673 1052.38 236.636C1105.34 289.599 1146.94 351.291 1175.98 419.981C1206.06 491.083 1221.32 566.628 1221.32 644.493C1221.32 722.359 1206.06 797.917 1175.98 869.006C1146.93 937.696 1105.34 999.375 1052.38 1052.35C999.415 1105.31 937.723 1146.91 869.032 1175.96C797.93 1206.04 722.385 1221.29 644.507 1221.29C566.629 1221.29 491.083 1206.04 419.981 1175.96C351.291 1146.9 289.612 1105.31 236.636 1052.35C183.673 999.388 142.073 937.696 113.03 869.006C82.9504 797.904 67.6946 722.359 67.6946 644.493C67.6946 566.628 82.9504 491.07 113.03 419.981C142.086 351.291 183.673 289.612 236.636 236.636C289.599 183.673 351.291 142.073 419.981 113.03C491.083 82.9504 566.629 67.6946 644.507 67.6946Z" fill="currentColor" />
|
|
<path opacity="0.15" d="M644.507 10.1443C294.71 10.1443 10.1443 294.71 10.1443 644.507C10.1443 994.303 294.71 1278.87 644.507 1278.87C994.303 1278.87 1278.87 994.303 1278.87 644.507C1278.87 294.71 994.29 10.1443 644.507 10.1443ZM644.507 1289C557.506 1289 473.101 1271.96 393.637 1238.34C316.886 1205.88 247.96 1159.42 188.771 1100.23C129.583 1041.04 83.1076 972.114 50.6562 895.363C17.0383 815.912 0 731.507 0 644.507C0 557.506 17.0383 473.101 50.6562 393.637C83.1207 316.886 129.583 247.96 188.771 188.771C247.96 129.583 316.886 83.1076 393.637 50.6562C473.088 17.0383 557.493 0 644.507 0C731.52 0 815.912 17.0383 895.376 50.6562C972.127 83.1207 1041.05 129.583 1100.24 188.771C1159.43 247.96 1205.91 316.886 1238.36 393.637C1271.96 473.101 1289.01 557.506 1289.01 644.507C1289.01 731.507 1271.97 815.912 1238.36 895.376C1205.89 972.127 1159.43 1041.05 1100.24 1100.24C1041.05 1159.43 972.127 1205.91 895.376 1238.36C815.912 1271.96 731.507 1289.01 644.507 1289.01V1289Z" fill="currentColor" />
|
|
</g>
|
|
<defs>
|
|
<clipPath id="clip0_293_291">
|
|
<rect width="1289" height="1289" fill="currentColor" />
|
|
</clipPath>
|
|
</defs>
|
|
</svg>
|
|
</div>
|
|
{{/if}}
|
|
<div class="container p-relative z-1">
|
|
<div class="row">
|
|
{{#if section_header}}
|
|
<h2 class="text-{{header_alignment}} pb-3 pt-5">
|
|
{{section_header}}
|
|
</h2>
|
|
{{/if}}
|
|
{{#each image_card}}
|
|
<div class="col-lg-4 col3-card-wrapper mx-auto">
|
|
<div class="mb-3 col3-card-item bg-color-{{background_color}}">
|
|
<div class="g-sky-border">
|
|
<img class="col3-card-img" src="{{image.url}}" alt="{{image.alt}}" />
|
|
</div>
|
|
<div class="col3-card-item-inner-wrapper p-2">
|
|
<h3 class="col3-card-title mb-2 mt-3 fw-bold">{{title}}</h3>
|
|
<div class="col3-card-copy mb-2">{{{copy}}}</div>
|
|
{{#if link}}
|
|
<a class="text-nowrap col3-card-link {{../button_colors}}" href="{{link.url}}">{{link.title}}</a>
|
|
{{/if}}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{{/each}}
|
|
</div>
|
|
</div>
|
|
|
|
</section>
|
|
<!-- Col3 Card END --> |