ofco/medicalalert-web-reloaded
4
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

WIP

Browse Source
This commit is contained in:
Haley Bristol
2025-01-09 10:31:03 -08:00
parent 8e92d0617e
commit baf728b22b
9 changed files with 110 additions and 101 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
wp/wp-content/themes/medicalalert/tpl/image_with_icon_info_grid.tpl
View File

@@ -1,9 +1,9 @@
<!-- Image With Icon Info Grid BEGIN -->
<section class="image-with-icon-info-grid-slice-container bg-color-{{background_color}} padding-top-{{padding_top}} padding-bottom-{{padding_bottom}}">
<div class="container">
<div class="row gx-3">
<div class="row gx-5">
<div class="col-12 col-md col-lg-4 order-md-{{alignment}} align-self-center py-3">
<div class="g-purple-border">
<div class="g-purple-border me-3">
<img class="w-100" src="{{image.url}}" alt="{{image.alt}}">
</div>
</div>

6
wp/wp-content/themes/medicalalert/tpl/testimonial.tpl
View File

@@ -47,13 +47,13 @@
</svg>
</div>
<div class="container rounded p-4 bg-color-{{background_color}}">
<div class="row gx-5">
<div class="col-lg-5 p-relative d-flex justify-content-center mb-4">
<div class="row">
<div class="col-lg-3 p-relative d-flex justify-content-center mb-4">
<div class="g-sky-border z-0 offset">
<img class="testimonial-img" src="{{image.url}}" alt="{{image.alt}}" />
</div>
</div>
<div class="col-lg-7 my-auto testimonial-inner-content-wrapper">
<div class="col-lg-9 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>

81
wp/wp-content/themes/medicalalert/tpl/testimonial_carousel.tpl
View File

@@ -1,48 +1,53 @@
<!-- Testimonial Carousel BEGIN -->
<section class="testimonial-carousel-slice-container bg-color-{{background_color}} padding-top-{{padding_top}} padding-bottom-{{padding_bottom}}">
<div class="container">
<div class="row justify-content-center">
<div class="col-10">
<div class="testimonials">
{{#each testimonials}}
<div class="testimonial">
<div class="row gx-4">
<div class="col-auto pb-3">
<div class="testimonial-image">
<img class="border-color-{{../border_color}}" src="{{image.url}}" alt="{{image.alt}}">
<div class="row justify-content-center">
<div class="col-10">
<div class="testimonials">
{{#each testimonials}}
<div class="testimonial">
<div class="row gx-4">
<div class="col-auto d-flex align-items-center">
<div class="testimonial-image {{../border_color}}">
<img class="w-100" src="{{image.url}}" alt="{{image.alt}}">
</div>
</div>
<div class="col d-flex align-items-center">
<div>
<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="#E0D6FB" />
</svg>
<div class="title mb-3 mt-1">
<h3 class="fw-bold f-purple">{{title}}</h3>
</div>
<div class="copy mb-3">
<p>{{copy}}</p>
</div>
<div class="quote-attribution">
<p>{{quote_attribution}}</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col">
<div class="title mb-3">
<h3>{{title}}</h3>
</div>
<div class="copy mb-3">
<p>{{copy}}</p>
</div>
<div class="quote-attribution pb-5">
<p>{{quote_attribution}}</p>
</div>
</div>
{{/each}}
</div>
</div>
{{/each}}
</div>
</div>
</div>
</div>
</div>
<!-- Slick Carousel -->
<script type="text/javascript">
$(window).on('load', function(){
$('.testimonials').slick({
slidesToShow: 1,
slidesToScroll: 1,
arrows: false,
dots: true,
autoplay: true,
arrows: true,
});
});
</script>
<!-- Slick Carousel -->
<script type="text/javascript">
$(window).on('load', function () {
$('.testimonials').slick({
slidesToShow: 1,
slidesToScroll: 1,
arrows: false,
dots: true,
autoplay: true,
arrows: true,
});
});
</script>
</section>
<!-- Testimonial Carousel END -->

64
wp/wp-content/themes/medicalalert/tpl/text_highlights_col.tpl
View File

@@ -1,39 +1,39 @@
<!-- Text Highlights Col BEGIN -->
<section class="text-highlights-col-slice-container bg-color-{{background_color}} padding-top-{{padding_top}} padding-bottom-{{padding_bottom}}">
<div class="container">
<div class="row gy-5">
{{#each text_blocks}}
<div class="col-12">
<div class="text-block">
<div class="title mb-4">
<h3>{{title}}</h3>
<div class="container">
<div class="row gy-5">
{{#each text_blocks}}
<div class="col-12">
<div class="text-block">
<div class="title mb-4">
<h4>{{title}}</h4>
</div>
{{#if has_two_columns}}
<div class="two-column-section">
<div class="row row-cols-lg-2 gx-5">
<div class="col-12 col-lg-6">
<div class="column-one-highlights">
{{{column_one_highlights}}}
</div>
</div>
<div class="col-12 col-lg-6 pt-4 pt-lg-0">
<div class="column-two-highlights">
{{{column_two_highlights}}}
</div>
</div>
</div>
</div>
{{else}}
<div class="one-column-section">
<div class="highlights">
{{{highlights}}}
</div>
</div>
{{/if}}
</div>
</div>
{{#if has_two_columns}}
<div class="two-column-section">
<div class="row row-cols-lg-2 gx-5">
<div class="col-12 col-lg-6">
<div class="column-one-highlights">
{{{column_one_highlights}}}
</div>
</div>
<div class="col-12 col-lg-6 pt-4 pt-lg-0">
<div class="column-two-highlights">
{{{column_two_highlights}}}
</div>
</div>
</div>
</div>
{{else}}
<div class="one-column-section">
<div class="highlights">
{{{highlights}}}
</div>
</div>
{{/if}}
</div>
{{/each}}
</div>
{{/each}}
</div>
</div>
</section>
<!-- Text Highlights Col END -->