Remove all plugins / install base theme
This commit is contained in:
Tony Volpe
@@ -1,66 +0,0 @@
|
||||
<div class="add-ons">
|
||||
<h2>Optional Add-Ons</h2>
|
||||
{{#each add-ons}}
|
||||
<div class="add-on mb-5 d-flex flex-column">
|
||||
<div class="d-flex mb-3">
|
||||
<div class="image-wrapper m-0">
|
||||
<img src="{{ image.url }}" alt="{{ image.alt }}" />
|
||||
</div>
|
||||
<div class="content-wrapper">
|
||||
<div class="title-wrapper d-flex justify-content-between">
|
||||
<p class="fw-bold">{{ label }}</p>
|
||||
<p class="fw-bold">{{#currencyFormatter price }}/{{ price_type }}</p>
|
||||
</div>
|
||||
<p>{{ description }}</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<a href="?add-on={{ label }}" class="button--primary align-self-end">
|
||||
{{#if in_cart}}
|
||||
Remove from Cart
|
||||
{{else}}
|
||||
Add to Cart
|
||||
{{/if}}
|
||||
</a>
|
||||
</div>
|
||||
{{/each}}
|
||||
{{#each add-ons-onetime}}
|
||||
<div class="add-on mb-5 d-flex flex-column">
|
||||
<div class="d-flex mb-3">
|
||||
<div class="image-wrapper m-0">
|
||||
<img src="{{ image.url }}" alt="{{ image.alt }}" />
|
||||
</div>
|
||||
<div class="content-wrapper">
|
||||
<div class="title-wrapper d-flex justify-content-between">
|
||||
<p class="fw-bold">{{ label }}</p>
|
||||
<p class="fw-bold">{{#currencyFormatter price }}/{{ price_type }}</p>
|
||||
</div>
|
||||
<p>{{ description }}</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<a href="?add-on={{ label }}" class="button--primary align-self-end">
|
||||
{{#if in_cart}}
|
||||
Remove from Cart
|
||||
{{else}}
|
||||
Add to Cart
|
||||
{{/if}}
|
||||
</a>
|
||||
</div>
|
||||
{{/each}}
|
||||
</div>
|
||||
|
||||
<style>
|
||||
|
||||
strong {
|
||||
font-weight: bold;
|
||||
}
|
||||
.add-ons h2 {
|
||||
margin-bottom: 3rem;
|
||||
}
|
||||
|
||||
p {
|
||||
line-height: 28px;
|
||||
margin-bottom: .5rem;
|
||||
}
|
||||
</style>
|
||||
@@ -1,4 +0,0 @@
|
||||
{{{ card_number }}}
|
||||
{{{ ccv }}}
|
||||
{{{ expiration_month }}}
|
||||
{{{ expiration_year }}}
|
||||
@@ -1,26 +0,0 @@
|
||||
<section class="cart-wrapper py-5">
|
||||
<div class="container">
|
||||
<div class="row flex-column-reverse flex-md-row-reverse justify-content-between">
|
||||
<div class="col-md-4">
|
||||
{{{ content }}}
|
||||
</div>
|
||||
|
||||
<div class="col-md-7">
|
||||
<div class="mb-5">
|
||||
{{{ installation }}}
|
||||
</div>
|
||||
|
||||
{{{ addOns }}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<style>
|
||||
.image-wrapper {
|
||||
width: 25%;
|
||||
flex-shrink: 0;
|
||||
flex-grow: 0;
|
||||
margin-right: 1rem;
|
||||
}
|
||||
</style>
|
||||
@@ -1,89 +0,0 @@
|
||||
<div class="d-flex flex-column">
|
||||
<div class="cart-summary p-3 mb-3">
|
||||
<h2 class="headline-small consumer-primary fw-bold">Your Cart Summary</h2>
|
||||
|
||||
<div class="image-wrapper mb-3">
|
||||
<img src="{{ thumbnail }}" alt="{{ title }}" />
|
||||
</div>
|
||||
<h4>{{ title }}</h4>
|
||||
<p class="fw-bold">Recurring {{variation}}</p>
|
||||
<div class="d-flex justify-content-between">
|
||||
<p>Service</p>
|
||||
<p>{{#currencyFormatter variable_price}}</p>
|
||||
</div>
|
||||
{{#if programming_fee_name}}
|
||||
<div class="d-flex justify-content-between">
|
||||
<p>{{programming_fee_name}}</p>
|
||||
<p>{{#currencyFormatter programming_fee_val}}</p>
|
||||
</div>
|
||||
{{/if}}
|
||||
|
||||
{{#if fallDetectionLabel}}
|
||||
<div class="d-flex justify-content-between">
|
||||
<p>{{fallDetectionLabel}}</p>
|
||||
<p>{{#currencyFormatter fallDetectionPrice}}</p>
|
||||
</div>
|
||||
{{/if}}
|
||||
{{#if protectionPlan}}
|
||||
<div class="d-flex justify-content-between">
|
||||
<p>{{protectionPlan}}</p>
|
||||
<p>{{#currencyFormatter protectionPlanprice}}</p>
|
||||
</div>
|
||||
{{/if}}
|
||||
{{#if keyLockboxlabel}}
|
||||
<div class="d-flex justify-content-between">
|
||||
<p>{{keyLockboxlabel}}</p>
|
||||
<p>{{#currencyFormatter keylockboxprice}}</p>
|
||||
</div>
|
||||
{{/if}}
|
||||
<p class="fw-bold">One-Time Fees</p>
|
||||
{{#if one-time}}
|
||||
<div class="d-flex justify-content-between">
|
||||
<p>{{one-time}}</p>
|
||||
<p>{{#currencyFormatter pro-one-time }}</p>
|
||||
</div>
|
||||
{{/if}}
|
||||
|
||||
{{#if activationFee}}
|
||||
<div class="d-flex justify-content-between">
|
||||
<p>{{activationFee}}</p>
|
||||
<p>{{#currencyFormatter activation_fee}}</p>
|
||||
</div>
|
||||
{{/if}}
|
||||
<div class="d-flex justify-content-between">
|
||||
<p>{{shippingName}}</p>
|
||||
<p>{{#currencyFormatter defaultShipping}}</p>
|
||||
</div>
|
||||
{{#if shipCouponName}}
|
||||
<div class="d-flex justify-content-between">
|
||||
<p>{{shipCouponName}}</p>
|
||||
<p>-{{#currencyFormatter shipCoupon}}</p>
|
||||
</div>
|
||||
{{/if}}
|
||||
{{#if couponList}}
|
||||
<div class="d-flex justify-content-between">
|
||||
<p>{{couponList}}</p>
|
||||
<p>-{{#currencyFormatter couponTotal}}</p>
|
||||
</div>
|
||||
{{/if}}
|
||||
<hr />
|
||||
<div class="d-flex justify-content-between">
|
||||
<p class="fw-bold">Total due today:</p>
|
||||
<p class="fw-bold">{{#currencyFormatter totalDue }}</p>
|
||||
</div>
|
||||
<p v-html="appliedCoupons"></p>
|
||||
</div>
|
||||
|
||||
{{#if showCheckoutButton}}
|
||||
<a href="/checkout" class="button--primary align-self-end">Continue to Checkout</a>
|
||||
{{/if}}
|
||||
|
||||
<div class="checklist my-5">
|
||||
{{#each checkboxes}}
|
||||
<div class="d-flex flex-row">
|
||||
<i class="bi bi-check"></i>
|
||||
<p class="ms-3 mt-2">{{ text }}</p>
|
||||
</div>
|
||||
{{/each}}
|
||||
</div>
|
||||
</div>
|
||||
@@ -1,73 +0,0 @@
|
||||
<!-- hidden things for promotional tracking -->
|
||||
<div class="visually-hidden" aria-hidden="true">
|
||||
{{{ SESSpromoid }}}
|
||||
{{{ SESSpromotion_description }}}
|
||||
{{{ SESScoupon_code }}}
|
||||
</div>
|
||||
|
||||
<div class="step-1-extras">
|
||||
<p class="consumer-primary fw-bold">1. Subscriber Information</p>
|
||||
<p>Please enter the information for the person who will be using the Lifeline service.</p>
|
||||
<p class="consumer-primary fw-bold">Subscriber (Person using the service)</p>
|
||||
{{{ subscriber_first_name }}}
|
||||
{{{ subscriber_last_name }}}
|
||||
|
||||
<hr />
|
||||
{{{ subscriber_gender }}}
|
||||
{{{ subscriber_birthdate }}}
|
||||
|
||||
<p class="consumer-primary fw-bold pt-4">Subscriber Contact Information</p>
|
||||
{{{ subscriber_address_1 }}}
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
{{{ subscriber_address_2 }}}
|
||||
</div>
|
||||
<div class="col">
|
||||
{{{ subscriber_zip }}}
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
{{{ subscriber_city }}}
|
||||
</div>
|
||||
<div class="col">
|
||||
{{{ subscriber_state }}}
|
||||
</div>
|
||||
</div>
|
||||
{{{ subscriber_email }}}
|
||||
{{{ subscriber_phone }}}
|
||||
|
||||
<p class="consumer-primary fw-bold pt-4">Caregiver Information</p>
|
||||
<p>It's important to enter caregiver information so they are linked to your Lifeline service and can easily become part of your care circle within the Cares app.</p>
|
||||
|
||||
<div class="d-flex justify-content-between" style="font-size: 22px; color: #505050">
|
||||
<div class="d-flex">
|
||||
<input class="mt-2 me-2" type="radio" v-model="show_caregiver_form" id="show_caregiver_form_true" value="true">
|
||||
<label for="show_caregiver_form_true">Add caregiver information</label>
|
||||
</div>
|
||||
<div class="d-flex">
|
||||
<input class="mt-2 me-2" type="radio" v-model="show_caregiver_form" id="show_caregiver_form_false" value="false">
|
||||
<label for="show_caregiver_form_false">Add caregiver information at a later time</label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div v-show="show_caregiver_form === 'true'">
|
||||
{{{ caregiver_relation }}}
|
||||
{{{ caregiver_first_name }}}
|
||||
{{{ caregiver_last_name }}}
|
||||
{{{ caregiver_email }}}
|
||||
{{{ caregiver_phone }}}
|
||||
|
||||
<div class="d-flex">
|
||||
<div class="input-wrapper">
|
||||
<input type="checkbox" v-model="caregiver_authorized_box" />
|
||||
</div>
|
||||
|
||||
<div class="label-wrapper" @click="caregiver_authorized_box = !caregiver_authorized_box">
|
||||
{{{ caregiver_authorized }}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<p class="consumer-primary fw-bold pt-4">Billing details</p>
|
||||
</div>
|
||||
@@ -1,32 +0,0 @@
|
||||
<!-- Col2 Circle Content BEGIN -->
|
||||
<section class="container-fluid col2-circle-content-slice-container bg-color-{{background_color}} padding-top-{{padding_top}} padding-bottom-{{padding_bottom}}">
|
||||
<div class="container">
|
||||
<div class="row gx-5 gy-4">
|
||||
{{#each circle_features}}
|
||||
<div class="col-12 col-xl-6">
|
||||
<div class="row">
|
||||
<div class="col-12 col-md-auto text-center text-md-start">
|
||||
<div class="highlighted-circle">
|
||||
<img class="border-color-{{../border_color}}" src="{{image.url}}" alt="{{image.alt}}" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="col align-content-center text-center text-md-start me-xl-5">
|
||||
<div class="highlighted-circle-title mt-4">
|
||||
<h3>{{title}}</h3>
|
||||
</div>
|
||||
<div class="highlighted-circle-copy">
|
||||
<p>{{copy}}</p>
|
||||
</div>
|
||||
{{#if link}}
|
||||
<div class="highlighted-circle-link">
|
||||
<a href="{{link.url}}">{{link.title}} ></a>
|
||||
</div>
|
||||
{{/if}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{/each}}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- Col2 Circle Content END -->
|
||||
@@ -1,28 +0,0 @@
|
||||
<!-- Col2 Circle CTA List BEGIN -->
|
||||
<section class="col2-circle-cta-list-slice-container bg-color-{{ background_color }} padding-top-{{padding_top}} padding-bottom-{{padding_bottom}}">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-12 col-lg-5 my-auto order-lg-{{ alignment }}">
|
||||
<div class="circle-image ms-4 me-4">
|
||||
<img class="border-color-{{border_color}}" src="{{ image.url }}" alt="{{ image.alt }}">
|
||||
</div>
|
||||
{{#if link}}
|
||||
<div class="circle-link d-flex justify-content-center">
|
||||
<a class="button--primary" href="{{ link.url }}">
|
||||
{{ link.title }}
|
||||
</a>
|
||||
</div>
|
||||
{{/if}}
|
||||
</div>
|
||||
<div class="col-12 col-lg-7 mt-4 order-lg-2">
|
||||
<div class="title">
|
||||
<h3>{{ title }}</h3>
|
||||
</div>
|
||||
<div class="copy">
|
||||
{{{ copy }}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- Col2 Circle CTA List END -->
|
||||
@@ -1,23 +0,0 @@
|
||||
<!-- Col2 Media Highlights BEGIN -->
|
||||
<section class="col2-media-highlights-slice-container bg-color-{{background_color}} padding-top-{{padding_top}} padding-bottom-{{padding_bottom}}">
|
||||
<div class="container">
|
||||
<div class="row row-cols-1 row-cols-lg-2 pb-5 gy-5">
|
||||
<div class="col col-lg-6 order-lg-{{alignment}} border-side-{{alignment}}">
|
||||
<div class="video-aside">
|
||||
<div class="ratio ratio-16x9">
|
||||
<iframe src="https://player.vimeo.com/video/{{video}}" allowfullscreen></iframe>
|
||||
</div>
|
||||
</div>
|
||||
<div class="video-copy mt-4 mb-4">
|
||||
{{{video_copy}}}
|
||||
</div>
|
||||
</div>
|
||||
<div class="col col-lg-6 order-lg-2 my-auto">
|
||||
<div class="copy mt-4">
|
||||
{{{copy}}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- Col2 Media Highlights END -->
|
||||
@@ -1,18 +0,0 @@
|
||||
<!-- Col2 Media WYSIWYG BEGIN -->
|
||||
<section class="col2-media-wysiwyg-slice-container bg-color-{{background_color}} padding-top-{{padding_top}} padding-bottom-{{padding_bottom}}">
|
||||
<div class="container">
|
||||
<div class="row align-items-center gx-5">
|
||||
<div class="col-12 col-lg-auto order-lg-{{alignment}}">
|
||||
<div class="image">
|
||||
<img src="{{image.url}}" alt="{{image.alt}}">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-lg-5">
|
||||
<div class="copy">
|
||||
{{{copy}}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- Col2 Media WYSIWYG END -->
|
||||
@@ -1,22 +0,0 @@
|
||||
<!-- Col3 Card BEGIN -->
|
||||
<section class="container-fluid col3-card-slice-container bg-color-top-{{background_color_top}} bg-color-bottom-{{background_color_bottom}} padding-top-{{padding_top}} padding-bottom-{{padding_bottom}}">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
{{#each image_card}}
|
||||
<div class="col-lg-4 col3-card-wrapper">
|
||||
<div class="mb-3 col3-card-item">
|
||||
<img class="col3-card-img" src="{{image.url}}" alt="{{image.alt}}" />
|
||||
<div class="col3-card-item-inner-wrapper">
|
||||
<h3 class="col3-card-title mb-5">{{title}}</h3>
|
||||
<div class="col3-card-copy">{{{copy}}}</div>
|
||||
{{#if link}}
|
||||
<a class="text-nowrap button--primary col3-card-link" href="{{link.url}}">{{link.title}}</a>
|
||||
{{/if}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{/each}}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- Col3 Card END -->
|
||||
@@ -1,20 +0,0 @@
|
||||
<!-- Color Header Card Grid BEGIN -->
|
||||
<section class="color-header-card-grid-slice-container bg-color-{{background_color}} padding-top-{{padding_top}} padding-bottom-{{padding_bottom}}">
|
||||
<div class="container">
|
||||
<div class="row row-cols-1 row-cols-sm-2 row-cols-lg-4 justify-content-evenly gx-2 gy-3">
|
||||
{{#each color_header_cards}}
|
||||
<div class="col">
|
||||
<div class="color-header-card shadow-sm border">
|
||||
<div class="header text-center p-3 header-color-{{../header_background_color}}">
|
||||
<h4>{{header}}</h4>
|
||||
</div>
|
||||
<div class="copy text-center p-3">
|
||||
<p>{{copy}}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{/each}}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- Color Header Card Grid END -->
|
||||
@@ -1,15 +0,0 @@
|
||||
<!-- CTA Buttons BEGIN -->
|
||||
<section class="cta-buttons-slice-container bg-color-{{background_color}} padding-top-{{padding_top}} padding-bottom-{{padding_bottom}}">
|
||||
<div class="container">
|
||||
<div class="row justify-content-center">
|
||||
{{#each buttons}}
|
||||
<div class="col-auto">
|
||||
<div class="cta-button">
|
||||
<a class="button--primary" href="{{button.url}}">{{button.title}}</a>
|
||||
</div>
|
||||
</div>
|
||||
{{/each}}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- CTA Buttons END -->
|
||||
@@ -1,11 +0,0 @@
|
||||
<section class="empty-cart my-5">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<h1 class="mb-3">{{ headline }}</h1>
|
||||
{{{ content }}}
|
||||
<a href="{{ product-page-url }}" class="button--primary">View Products</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -1,32 +0,0 @@
|
||||
<!-- FAQ Dropdown BEGIN -->
|
||||
<section class="faq-dropdown-slice-container bg-color-{{background_color}} padding-top-{{padding_top}} padding-bottom-{{padding_bottom}}">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<div class="accordion" id="accordionId">
|
||||
{{#each questions}}
|
||||
<div class="accordion-item mb-2">
|
||||
<h3 class="accordion-header" id="heading-{{@index}}">
|
||||
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-{{@index}}" aria-expanded="true" aria-controls="{{@index}}">
|
||||
{{question}}
|
||||
</button>
|
||||
</h3>
|
||||
<div id="collapse-{{@index}}" class="accordion-collapse collapse" aria-labelledby="heading-{{@index}}" data-bs-parent="#accordionId">
|
||||
<div class="accordion-body">
|
||||
{{{answer}}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{/each}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- FAQ Dropdown END -->
|
||||
|
||||
<script type="text/javascript">
|
||||
$(window).on('load', function(){
|
||||
$('#collapse-0').addClass("show");
|
||||
});
|
||||
</script>
|
||||
@@ -1,14 +0,0 @@
|
||||
<!-- Form with Image BEGIN -->
|
||||
<section id="formAnchor" class="form-with-image-slice-container bg-color-{{background_color}} padding-top-{{padding_top}} padding-bottom-{{padding_bottom}}">
|
||||
<div class="container">
|
||||
<div class="row align-{{alignment}}">
|
||||
<div class="col-12 col-md-6">
|
||||
<div>{{#gravityForm form}}</div>
|
||||
</div>
|
||||
<div class="col-12 col-md-6">
|
||||
<img class="img-fluid" src="{{image.url}}" alt="{{image.alt}}" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- Form with Image END -->
|
||||
@@ -1,11 +0,0 @@
|
||||
<!-- Heading BEGIN -->
|
||||
<section class="h1-heading-slice-container bg-color-{{background_color}} padding-top-{{padding_top}} padding-bottom-{{padding_bottom}}">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col text-{{alignment}}">
|
||||
<h1 class="{{heading_color}}">{{h1_text}}</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- Heading END -->
|
||||
@@ -1,11 +0,0 @@
|
||||
<!-- Heading BEGIN -->
|
||||
<section {{#if section_anchor_id}}id="{{section_anchor_id}}"{{/if}} class="h2-heading-slice-container bg-color-{{background_color}} padding-top-{{padding_top}} padding-bottom-{{padding_bottom}}">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col text-{{alignment}}">
|
||||
<h2 class="{{heading_color}}">{{text}}</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- Heading END -->
|
||||
@@ -1,34 +0,0 @@
|
||||
<!-- Mobile Hero BEGIN -->
|
||||
<section class="hero-slice-container d-flex justify-content-start align-content-center flex-wrap d-lg-none padding-top-{{padding_top}} padding-bottom-{{padding_bottom}}">
|
||||
<div class="container my-auto hero-wrapper my-auto">
|
||||
<div class="row mb-4 p-2">
|
||||
<div class="col-md-10 col-lg-4">
|
||||
<h1 class="mb-4 hero-title">{{title}}</h1>
|
||||
<p class="mb-4 hero-copy">{{copy}}</p>
|
||||
{{#if link}}
|
||||
<a class="button--primary" href="{{link.url}}">{{link.title}}</a>
|
||||
{{/if}}
|
||||
</div>
|
||||
</div>
|
||||
<div class="row my-4">
|
||||
<img class="img-fluid p-0" src="{{mobile_image.url}}" alt="{{mobile_image.alt}}" />
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- Mobile Hero END -->
|
||||
|
||||
<!-- Hero BEGIN -->
|
||||
<section class="hero-slice-container d-flex justify-content-start align-content-center d-none d-lg-flex" style="background-image: url('{{background_image.url}}');">
|
||||
<div class="container hero-wrapper my-auto">
|
||||
<div class="row">
|
||||
<div class="col-md-10 col-lg-4">
|
||||
<h1 class="mb-4 hero-title">{{title}}</h1>
|
||||
<p class="mb-4 hero-copy">{{copy}}</p>
|
||||
{{#if link}}
|
||||
<a class="button--primary" href="{{link.url}}">{{link.title}}</a>
|
||||
{{/if}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- Hero END -->
|
||||
@@ -1,26 +0,0 @@
|
||||
<!-- Icon Info Grid BEGIN -->
|
||||
<section class="icon-info-grid-slice-container bg-color-{{background_color}} padding-top-{{padding_top}} padding-bottom-{{padding_bottom}}">
|
||||
<div class="container">
|
||||
<div class="row row-cols-1 row-cols-sm-2 row-cols-lg-{{number_of_columns}} d-flex justify-content-center gx-5 gy-4">
|
||||
{{#each icon_cards}}
|
||||
<div class="col icon-card-wrapper">
|
||||
<div class="icon-card">
|
||||
<img class="img-fluid icon-img mb-2" src="{{icon.url}}" alt="{{icon.alt}}" />
|
||||
<div class="content-wrapper">
|
||||
<h4 class="text-center icon-title ms-4 me-4 mb-2">{{title}}</h4>
|
||||
<div class="text-center icon-copy mb-4">
|
||||
{{{copy}}}
|
||||
</div>
|
||||
{{#if link}}
|
||||
<div class="icon-link">
|
||||
<a href="{{link.url}}" class="text-nowrap button--primary">{{link.title}}</a>
|
||||
</div>
|
||||
{{/if}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{/each}}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- Icon Info Grid END -->
|
||||
@@ -1,45 +0,0 @@
|
||||
<!-- Icon Video Aside BEGIN -->
|
||||
<section class="icon-video-aside-slice-container bg-color-{{background_color}} padding-top-{{padding_top}} padding-bottom-{{padding_bottom}}">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<div class="icon-video-rows">
|
||||
{{#each icon_video_rows}}
|
||||
<div class="row">
|
||||
<div class="col-auto mt-3">
|
||||
<div class="icon">
|
||||
<img src="{{icon.url}}" alt="{{icon.alt}}">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-lg-6 pt-3">
|
||||
<div class="info">
|
||||
<div class="title mb-2">
|
||||
<h4>{{title}}</h4>
|
||||
</div>
|
||||
<div class="copy mb-3">
|
||||
{{{copy}}}
|
||||
</div>
|
||||
<div class="link mb-5">
|
||||
{{#if link}}
|
||||
<a href="{{link.url}}">
|
||||
{{link.title}}
|
||||
</a>
|
||||
{{/if}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-lg-5">
|
||||
<div class="video">
|
||||
<div class="ratio ratio-16x9">
|
||||
<iframe src="https://player.vimeo.com/video/{{video}}" allowfullscreen></iframe>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{/each}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- Icon Video Aside END -->
|
||||
@@ -1,19 +0,0 @@
|
||||
<!-- Image Aside BEGIN -->
|
||||
<section class="image-aside-slice-container bg-color-{{background_color}} padding-top-{{padding_top}} padding-bottom-{{padding_bottom}}">
|
||||
<div class="container">
|
||||
<div class="row row-cols-2 gx-4">
|
||||
<div class="col-12 col-md-6 my-auto order-lg-{{alignment}}">
|
||||
<div class="image-aside-copy">
|
||||
{{{copy}}}
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-md-6 order-lg-2">
|
||||
<div class="image-aside-img-wrapper">
|
||||
<img class="img-fluid image-aside-img" src="{{image.url}}" alt="{{image.alt}}">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- Image Aside END -->
|
||||
|
||||
@@ -1,23 +0,0 @@
|
||||
<!-- Image Card Grid BEGIN -->
|
||||
<section class="image-card-grid-slice-container bg-color-{{background_color}} padding-top-{{padding_top}} padding-bottom-{{padding_bottom}}">
|
||||
<div class="container">
|
||||
<div class="row gx-5 gy-5 justify-content-center">
|
||||
{{#each image_cards}}
|
||||
<div class="col-12 col-sm-10 col-lg-6 col-xl-5 text-center">
|
||||
<div class="image-card border shadow-sm">
|
||||
<div class="image mb-2">
|
||||
<img src="{{image.url}}" alt="{{image.alt}}">
|
||||
</div>
|
||||
<div class="title mb-4 ps-4 pe-4">
|
||||
<h3>{{title}}</h3>
|
||||
</div>
|
||||
<div class="copy ps-4 pe-4">
|
||||
<p>{{copy}}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{/each}}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- Image Card Grid END -->
|
||||
@@ -1,37 +0,0 @@
|
||||
<!-- Image with Checklist BEGIN -->
|
||||
<section class="image-with-checklist-slice-container bg-color-{{background_color}} padding-top-{{padding_top}} padding-bottom-{{padding_bottom}}">
|
||||
<div class="container-fluid image-with-checklist-wrapper">
|
||||
<div class="container">
|
||||
<div class="row justify-content-center align-items-center gx-5">
|
||||
<div class="col-auto mb-4">
|
||||
<img class="img-fluid image-with-checklist-img" src="{{image.url}}" alt="{{image.alt}}" />
|
||||
</div>
|
||||
<div class="col-auto col-lg-6 my-auto">
|
||||
<div class="image-with-checklist-copy">{{{copy}}}</div>
|
||||
<div class="mt-4 mb-4 image-with-checklist-list">
|
||||
{{#each checklist_items}}
|
||||
<div class="row mt-3 mb-3">
|
||||
<div class="col-1">
|
||||
<div class="check">
|
||||
<img src="/wp-content/themes/lifeline/assets/media/images/lifeline__custom-list-image.png" alt="Checkmark">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-11">
|
||||
<div class="checklist-item">
|
||||
<p>{{checklist_item}}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{/each}}
|
||||
</div>
|
||||
{{#if link}}
|
||||
<div class="link mb-5">
|
||||
<a class="button--primary" href="{{link.url}}">{{link.title}}</a>
|
||||
</div>
|
||||
{{/if}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- Image with Checklist END -->
|
||||
@@ -1,40 +0,0 @@
|
||||
<!-- 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="col-12 col-md col-lg-3 order-{{alignment}} align-self-center">
|
||||
<div class="image">
|
||||
<img src="{{image.url}}" alt="{{image.alt}}">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-md col-lg-9 order-2 my-auto">
|
||||
<div class="icon-info-grid">
|
||||
<div class="row row-cols-lg-2 gx-3 gy-5">
|
||||
{{#each icon_info_cards}}
|
||||
<div class="col-12">
|
||||
<div class="row">
|
||||
<div class="col-auto">
|
||||
<div class="icon">
|
||||
<img src="{{icon.url}}" alt="{{icon.alt}}">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="info">
|
||||
<div class="title">
|
||||
<h4>{{title}}</h4>
|
||||
</div>
|
||||
<div class="copy">
|
||||
<p>{{copy}}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{/each}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- Image With Icon Info Grid END -->
|
||||
@@ -1,13 +0,0 @@
|
||||
<!-- Large Image BEGIN -->
|
||||
<section class="large-image-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-12 col-lg-10">
|
||||
<div class="large-image">
|
||||
<img src="{{image.url}}" alt="{{image.alt}}">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- Large Image END -->
|
||||
@@ -1,15 +0,0 @@
|
||||
<!-- Large Video BEGIN -->
|
||||
<section class="large-video-slice-container bg-color-{{background_color}} padding-top-{{padding_top}} padding-bottom-{{padding_bottom}}">
|
||||
<div class="container">
|
||||
<div class="row d-flex justify-content-center">
|
||||
<div class="col col-lg-10">
|
||||
<div class="large-video">
|
||||
<div class="ratio ratio-16x9">
|
||||
<iframe src="https://player.vimeo.com/video/{{video}}" allowfullscreen></iframe>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- Large Video END -->
|
||||
@@ -1,15 +0,0 @@
|
||||
<!-- Logo Grid BEGIN -->
|
||||
<section class="container-fluid logo-grid-slice-container bg-color-{{ background_color }} widely-trusted padding-top-{{padding_top}} padding-bottom-{{padding_bottom}}">
|
||||
<div class="container">
|
||||
<div class="row justify-content-center">
|
||||
{{#each logos}}
|
||||
<div class="col-7 col-lg-3 mb-5">
|
||||
<div class="logo">
|
||||
<img class="img-fluid" src="{{ logo.url }}" alt="{{ logo.alt }}" />
|
||||
</div>
|
||||
</div>
|
||||
{{/each}}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- Logo Grid END -->
|
||||
@@ -1,13 +0,0 @@
|
||||
<!-- Notifiication Bar BEGIN -->
|
||||
<section class="notification-bar-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">
|
||||
<div class="notification-bar">
|
||||
{{{ copy }}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- Notification Bar END -->
|
||||
@@ -1,15 +0,0 @@
|
||||
<div class="container-fluid help-choosing-bar">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<h2>Need help choosing your medical alert system?</h2>
|
||||
{{#if compare }}
|
||||
<a class="button--primary" href="#">Compare Solutions</a>
|
||||
{{/if}}
|
||||
{{#if choose }}
|
||||
<a class="button--primary" href="#">Help Me Choose</a>
|
||||
{{/if}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -1,181 +0,0 @@
|
||||
<!-- Products List BEGIN -->
|
||||
<div class="container-fluid product-list">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-12 product-list__copy">
|
||||
<h2>{{products-list-title}}</h2>
|
||||
<p>{{products_list_copy}}</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
{{#each products_list_products}}
|
||||
<div class="col-lg-4 product-list__product-wrapper">
|
||||
<div class="product-list__product-wrapper__product">
|
||||
<img class="product-list__product-wrapper__product__image" src="{{this.products_list_products_image}}" />
|
||||
<h3 class="product-list__product-wrapper__product__title">{{this.products_list_products_title}}</h3>
|
||||
<p class="product-list__product-wrapper__product__description">{{this.products_list_products_copy}}</p>
|
||||
<a href="{{this.products_list_products_link}}" class="button--primary">See Pricing</a>
|
||||
</div>
|
||||
</div>
|
||||
{{/each}}
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-12 product-list__sales-consultants">
|
||||
<p class="product-list__sales-consultants__copy">{{products_list_cta_copy}}</p>
|
||||
<p class="product-list__sales-consultants__phone-number">{{products_list_cta_phone_number}}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Products List END -->
|
||||
|
||||
<!-- Highlight Circle Features BEGIN -->
|
||||
<div class="container-fluid highlighted-cricle-features">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
{{#each highlighted_features}}
|
||||
<div class="col-lg-6 highlighted-cricle-features__feature">
|
||||
<div class="row">
|
||||
<div class="col-lg-4">
|
||||
<img class="highlighted-cricle-features__feature__image" src="{{highlighted_features_image}}" />
|
||||
</div>
|
||||
<div class="col-lg-8">
|
||||
<h3 class="highlighted-cricle-features__feature__heading">{{highlighted_features_title}}</h3>
|
||||
<p class="highlighted-cricle-features__feature__copy">{{highlighted_features_copy}}</p>
|
||||
<a class="highlighted-cricle-features__feature__link" href="{{highlighted_features_link}}">Learn More ></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{/each}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Highlight Circle Features END -->
|
||||
|
||||
<!-- Philips Cares BEGIN -->
|
||||
<div class="container-fluid philips-cares">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-4">
|
||||
<img class="philips-cares__image" src="{{philips_cares_image}}" />
|
||||
</div>
|
||||
<div class="col-lg-8">
|
||||
<h2 class="philips-cares__heading">{{philips_cares_title}}</h2>
|
||||
<p class="philips-cares__copy">{{philips_cares_copy}}</p>
|
||||
<ul class="philips-cares__list">
|
||||
{{#each philips_cares_bullet_list}}
|
||||
<li>{{philips_cares_bullet_list_item}}</li>
|
||||
{{/each}}
|
||||
</ul>
|
||||
<a href="{{philips_cares_button_link}}" class="button--primary">{{philips_cares_button_text}}</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Philips Cares END -->
|
||||
|
||||
<!-- Philips Lifeline BEGIN -->
|
||||
<div class="container-flui philips-lifeline">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-12 philips-lifeline__header">
|
||||
<h2 class="philips-lifeline__header__heading">{{homepage_--_philips_lifeline_-_title}}</h2>
|
||||
<p class="philips-lifeline__header__copy">{{{homepage_--_philips_lifeline_-_copy}}}</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
{{#each homepage_--_philips_lifeline_-_card}}
|
||||
<div class="col-lg-4 philips-lifeline__card-wrapper">
|
||||
<div class="philips-lifeline__card-wrapper__card">
|
||||
<img class="philips-lifeline__card-wrapper__card__image" src="{{homepage_--_philips_lifeline_-_card_-_image}}"/>
|
||||
<div class="philips-lifeline__card-wrapper__card__content">
|
||||
<h3 class="philips-lifeline__card-wrapper__card__content__heading">{{homepage_--_philips_lifeline_-_card_-_title}}</h3>
|
||||
<p class="philips-lifeline__card-wrapper__card__content__copy">{{{homepage_--_philips_lifeline_-_card_-_copy}}}</p>
|
||||
<a class="button--primary" href="{{homepage_--_philips_lifeline_-_card_-_button_-_link}}">{{homepage_--_philips_lifeline_-_card_-_button_-_text}}</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{/each}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Philips Lifeline END -->
|
||||
|
||||
<!-- Testimonial BEGIN -->
|
||||
<div class="container-fluid testimonial">
|
||||
<div class="container ">
|
||||
<div class="row">
|
||||
<div class="col-lg-3">
|
||||
<img class="testimonial__image" src="{{homepage_--_testimonial_-_image}}"/>
|
||||
</div>
|
||||
<div class="col-lg-9 testimonial__copy my-auto">
|
||||
<p class="testimonial__copy__title">{{homepage_--_testimonial_-_title}}</p>
|
||||
<p class="testimonial__copy__content">{{homepage_--_testimonial_-_copy}}</p>
|
||||
<p class="testimonial__copy__name">{{homepage_--_testimonial_-_name}}</p>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Testimonial END -->
|
||||
|
||||
<!-- Speak With Someone BEGIN -->
|
||||
<div class="container-fluid speak-with-someone">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-12 speak-with-someone__header">
|
||||
<h2 class="speak-with-someone__header__heading">{{homepage_--_speak_with_someone_-_title}}</h2>
|
||||
<p class="speak-with-someone__header__content">{{homepage_--_speak_with_someone_-_copy}}</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-lg-6 speak-with-someone__form-wrapper">
|
||||
<div>{{{homepage_--_speak_with_someone_-_form}}}</div>
|
||||
</div>
|
||||
<div class="col-lg-6 speak-with-someone__image-wrapper">
|
||||
<img class="speak-with-someone__image-wrapper__image" src="{{homepage_--_speak_with_someone_-_image}}" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Speak With Someone END -->
|
||||
|
||||
<!-- Familes Choose BEGIN -->
|
||||
<div class="container-fluid families-choose">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-12 families-choose__header">
|
||||
<h2 class="families-choose__header__heading">{{homepage_--_families_choose_-_title}}</h2>
|
||||
<p class="families-choose__header__copy">{{homepage_--_families_choose_-_copy}}</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-lg-6 families-choose__image-wrapper">
|
||||
<img class="families-choose__image-wrapper__image" src="{{homepage_--_families_choose_-_image}}"/>
|
||||
</div>
|
||||
<div class="col-lg-6 families-choose__copy">
|
||||
<ul class="families-choose__copy__list">
|
||||
{{#each homepage_--_families_choose_-_bullet_list}}
|
||||
<li>{{homepage_--_families_choose_-_bullet_list_-_item}}</li>
|
||||
{{/each}}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Families Choose END -->
|
||||
|
||||
<!-- Widely Trusted BEGIN -->
|
||||
<div class="container-fluid widely-trusted">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<h2 class="widely-trusted__heading">{{homepage_--_widely_trusted_-_title}}</h2>
|
||||
{{#each homepage_--_widely_trusted_-_logo_list}}
|
||||
<div class="col-lg-3 widely-trusted__image-wrapper">
|
||||
<img class="widely-trusted__image-wrapper__image" src="{{homepage_--_widely_trusted_-_logo_list_-_item}}"/>
|
||||
</div>
|
||||
{{/each}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Widely Trusted END -->
|
||||
@@ -1,6 +0,0 @@
|
||||
|
||||
<header>
|
||||
<h1>Be there for
|
||||
the moments
|
||||
that matter.</h1>
|
||||
</header>
|
||||
@@ -1,51 +0,0 @@
|
||||
<div class="container-fluid product-features">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-12 product-features__header">
|
||||
<h2 class="product-features__header__heading">Product Features</h2>
|
||||
</div>
|
||||
<div class="col-lg-6 product-features__video-wrapper">
|
||||
<img class="product-features__video-wrapper__video-thumbnail" src="/wp-content/themes/lifeline/assets/media/images/lifeline__product-page__product-features__video-thumbnail.jpg" alt="" />
|
||||
<p>
|
||||
The first all-in-one system from Lifeline, the GoSafe 2 provides coverage and support wherever you go—whether that’s to the supermarket, or in your home. It also has our automatic fall detection, AutoAlert1, for an additional layer of protection.</p>
|
||||
</div>
|
||||
<div class="col-lg-6 product-features__content">
|
||||
<p>
|
||||
<strong>AutoAlert fall detection:</strong> AutoAlert is designed to detect falls accurately and connect to help in an instant, even if you can’t push the button. Learn more
|
||||
</p>
|
||||
<p>
|
||||
<strong>2-way voice communication:</strong> With the GoSafe 2 system, speak directly with a trained Response Associate through the pendant.
|
||||
</p>
|
||||
<p><strong>5 locating technologies:</strong> GoSafe 2 features 5 location technologies so no matter where you are, we can get you the help you want. Learn more </p>
|
||||
<p><strong>Waterproof help button:</strong> Wear the pendant in the bath or in the shower, where falls are most common.</p>
|
||||
<p><strong>Rechargeable battery:</strong> The battery lasts up to 2-3 days on a single charge and can even charge while you’re wearing it.</p>
|
||||
<p><strong>All-in-one system:</strong> This single piece system provides fast access to help whenever and wherever you need it.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container-fluid service-features">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-12 service-features__header">
|
||||
<h2 class="service-features__header__heading">Product Features</h2>
|
||||
</div>
|
||||
<div class="col-lg-6 service-features__content">
|
||||
<p>
|
||||
<strong>AutoAlert fall detection:</strong> AutoAlert is designed to detect falls accurately and connect to help in an instant, even if you can’t push the button. Learn more
|
||||
</p>
|
||||
<p>
|
||||
<strong>2-way voice communication:</strong> With the GoSafe 2 system, speak directly with a trained Response Associate through the pendant.
|
||||
</p>
|
||||
<p><strong>5 locating technologies:</strong> GoSafe 2 features 5 location technologies so no matter where you are, we can get you the help you want. Learn more </p>
|
||||
<p><strong>Waterproof help button:</strong> Wear the pendant in the bath or in the shower, where falls are most common.</p>
|
||||
<p><strong>Rechargeable battery:</strong> The battery lasts up to 2-3 days on a single charge and can even charge while you’re wearing it.</p>
|
||||
<p><strong>All-in-one system:</strong> This single piece system provides fast access to help whenever and wherever you need it.</p>
|
||||
</div>
|
||||
<div class="col-lg-6 service-features__video-wrapper">
|
||||
<img class="service-features__video-wrapper__video-thumbnail" src="/wp-content/themes/lifeline/assets/media/images/lifeline__product-page__service-features__video-thumbnail.jpg" alt="" />
|
||||
<p>GoSafe 2 is designed to find you wherever and whenever you need help and connect you with a Trained Response Associate 24 hours a day, 7 days a week.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -1,47 +0,0 @@
|
||||
<!-- Be Together BEGIN -->
|
||||
<section class="container-fluid be-together">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-4 be-together__image-wrapper">
|
||||
<img class="be-together__image-wrapper__image" src="/wp-content/themes/lifeline/assets/media/images/lifeline__philips-cares__be-together__image.png" />
|
||||
</div>
|
||||
<div class="col-lg-8 be-together__content-wrapper">
|
||||
<h2 class="be-together__content-wrapper__heading">Be There Even When You Can't Be Together</h2>
|
||||
<p class="be-together__content-wrapper__copy">Philips Cares is the hub for sharing information amongst family and friends. We call it a care circle because you can fill it with people who care about your well-being. You and your care circle can easily share notes and updates about how you're doing. So when life makes it challenging to be physically together, you can all stay on the same page.</p>
|
||||
<ul class="be-together__content-wrapper__list">
|
||||
<li>Easily form and activate a care circle of family and friends</li>
|
||||
<li>Get meaningful insights and notifications about care</li>
|
||||
<li>Manage your Philips Lifeline service when and how you want</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- Be Together END -->
|
||||
<!-- At Your Fingertips START -->
|
||||
<section class="container-fluid at-your-fingertips">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-5 at-your-fingertips__content-wrapper">
|
||||
<h2 class="at-your-fingertips__content-wrapper__heading">Care At Your Fintertips</h2>
|
||||
<p class="at-your-fingertips__content-wrapper__copy">With easy access through your computer or mobile phone, Philips Cares puts important information at your fingertips.</p>
|
||||
<br>
|
||||
<p class="at-your-fingertips__content-wrapper__copy"><strong>Already have a Lifeline System?</strong>
|
||||
Simply download the app or visit the web URL and follow the prompts to connect it to your Lifeline account. You'll need the email address you provided when you ordered Philips Lifeline.</p>
|
||||
<ul class="at-your-fingertips__content-wrapper__app-store-buttons">
|
||||
<li class="at-your-fingertips__content-wrapper__app-store-buttons__apple-app-store-wrapper">
|
||||
<img class="at-your-fingertips__content-wrapper__app-store-buttons__apple-app-store-wrapper__button" src="/wp-content/themes/lifeline/assets/media/images/lifeline__apple-app-store-button.png"/>
|
||||
</li>
|
||||
<li class="at-your-fingertips__content-wrapper__app-store-buttons__google-play-store-wrapper">
|
||||
<img class="at-your-fingertips__content-wrapper__app-store-buttons__google-play-store-wrapper__button" src="/wp-content/themes/lifeline/assets/media/images/lifeline__google-play-button.png"/>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-lg-7 at-your-fingertips__image-wrapper">
|
||||
<img class="at-your-fingertips__image-wrapper__image" src="/wp-content/themes/lifeline/assets/media/images/lifeline__philips-cares__at-your-fingertips__image.png"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- At Your Fingertips END -->
|
||||
@@ -1,38 +0,0 @@
|
||||
<div class="container-fluid product-list">
|
||||
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-4 product-list__product-wrapper">
|
||||
<div class="product-list__product-wrapper__product">
|
||||
<img class="product-list__product-wrapper__product__image" src="/wp-content/themes/lifeline/assets/media/images/lifeline__products__homesafe-standard.png" />
|
||||
<h3 class="product-list__product-wrapper__product__title">Basic System</h3>
|
||||
<p class="product-list__product-wrapper__product__description">Our most affordable press
|
||||
button option. Get access to
|
||||
the help you need 24/7 and uninterrupted support.</p>
|
||||
<a class="button--primary">See Pricing</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="col-lg-4 product-list__product-wrapper">
|
||||
<div class="product-list__product-wrapper__product">
|
||||
<img class="product-list__product-wrapper__product__image" src="/wp-content/themes/lifeline/assets/media/images/lifeline__products__homesafe-with-autoalert.png" />
|
||||
<h3 class="product-list__product-wrapper__product__title">Basic System</h3>
|
||||
<p class="product-list__product-wrapper__product__description">Proven to detect many types
|
||||
of falls and trigger fewer false
|
||||
alarms.</p>
|
||||
<a class="button--primary">See Pricing</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 product-list__product-wrapper">
|
||||
<div class="product-list__product-wrapper__product">
|
||||
<img class="product-list__product-wrapper__product__image" src="/wp-content/themes/lifeline/assets/media/images/lifeline__products__on-the-go.png" />
|
||||
<h3 class="product-list__product-wrapper__product__title">Basic System</h3>
|
||||
<p class="product-list__product-wrapper__product__description">Includes 5 locating technologies
|
||||
to quickly pinpoint your location
|
||||
and dispatch help.</p>
|
||||
<a class="button--primary">See Pricing</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -1,23 +0,0 @@
|
||||
<!-- this closes out the previous meta box column -->
|
||||
</div>
|
||||
</div>
|
||||
<hr class="clear" />
|
||||
|
||||
|
||||
<div class="order_data_column">
|
||||
<h4 style="margin-bottom: 1rem;">Subscriber Information</h4>
|
||||
{{#each subscriber-data}}
|
||||
<p style="margin: 0"><strong>{{#adminOrderLabel label }}:</strong> {{ value }}</p>
|
||||
{{/each}}
|
||||
</div>
|
||||
|
||||
<div class="order_data_column">
|
||||
<h4 style="margin-bottom: 1rem;">Caregiver Information</h4>
|
||||
{{#each caregiver-data}}
|
||||
<p style="margin: 0"><strong>{{#adminOrderLabel label }}:</strong> {{ value }}</p>
|
||||
{{/each}}
|
||||
</div>
|
||||
|
||||
<!-- open these divs back up because of the ones that we closed at the top of this template -->
|
||||
<div>
|
||||
<div>
|
||||
@@ -1,20 +0,0 @@
|
||||
<!-- Phone Contact BEGIN -->
|
||||
<section class="phone-contact-slice-container bg-color-{{background_color}} padding-top-{{padding_top}} padding-bottom-{{padding_bottom}}">
|
||||
<div class="container">
|
||||
<div class="row justify-content-center text-center">
|
||||
<div class="col-auto">
|
||||
<div class="copy mb-3">
|
||||
<h3>{{copy}}</h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row justify-content-center text-center">
|
||||
<div class="col-auto">
|
||||
<div class="bold-copy">
|
||||
<h2 class="text-nowrap">Call: <a href="tel:{{phone_number}}">{{phone_number}}</a></h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- Phone Contact END -->
|
||||
@@ -1,20 +0,0 @@
|
||||
<!-- Phone Contact with Shortcode BEGIN -->
|
||||
<section class="phone-contact-with-shortcode-slice-container bg-color-{{background_color}} padding-top-{{padding_top}} padding-bottom-{{padding_bottom}}">
|
||||
<div class="container">
|
||||
<div class="row justify-content-center text-center">
|
||||
<div class="col-auto">
|
||||
<div class="copy mb-3">
|
||||
<h3>{{copy}}</h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row justify-content-center text-center">
|
||||
<div class="col-auto">
|
||||
<div class="bold-copy">
|
||||
<div class="text-nowrap call-title"><span>Call:</span> <a href="tel:{{{phone_number}}}">{{{phone_number}}}</a></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- Phone Contact with Shortcode END -->
|
||||
@@ -1,50 +0,0 @@
|
||||
<!-- Product Carousel BEGIN -->
|
||||
<section class="product-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="products">
|
||||
{{#each product_slides}}
|
||||
<div class="product-slide">
|
||||
<div class="row row-cols-1 row-cols-lg-2 justify-content-center gx-4">
|
||||
<div class="col-8 col-lg-4">
|
||||
<div class="product-image">
|
||||
<img class="p-3" src="{{image.url}}" alt="{{image.alt}}">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col col-lg-8 my-auto text-center text-lg-start">
|
||||
<div class="title mt-4 mt-lg-0 mb-4">
|
||||
<h3>{{title}}</h3>
|
||||
</div>
|
||||
<div class="copy mb-4">
|
||||
<p>{{copy}}</p>
|
||||
</div>
|
||||
<div class="link mb-4">
|
||||
{{#if link}}
|
||||
<a class="button--primary" href="{{link.url}}">{{link.title}}</a>
|
||||
{{/if}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{/each}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Slick Carousel -->
|
||||
<script type="text/javascript">
|
||||
$(window).on('load', function(){
|
||||
$('.products').slick({
|
||||
slidesToShow: 1,
|
||||
slidesToScroll: 1,
|
||||
arrows: false,
|
||||
dots: true,
|
||||
autoplay: true,
|
||||
arrows: true,
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</section>
|
||||
<!-- Product Carousel END -->
|
||||
@@ -1,29 +0,0 @@
|
||||
<!-- Products List BEGIN -->
|
||||
<section class="products-list-slice-container bg-color-{{background_color}} padding-top-{{padding_top}} padding-bottom-{{padding_bottom}}">
|
||||
<div class="container">
|
||||
<div class="row d-flex justify-content-center">
|
||||
{{#each products}}
|
||||
<div class="col-12 col-lg-4 products-list-wrapper">
|
||||
<div class="mb-3 products-list-item">
|
||||
<img class="products-list-img" src="{{image.url}}" alt="{{image.alt}}" />
|
||||
<div class="products-list-item-inner-wrapper">
|
||||
<h3 class="products-list-title mb-5">{{title}}</h3>
|
||||
<div class="products-list-copy">
|
||||
<p>{{{copy}}}</p>
|
||||
</div>
|
||||
{{#if link}}
|
||||
<a class="text-nowrap button--primary products-list-link" href="{{link.url}}">{{link.title}}</a>
|
||||
{{/if}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{/each}}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- Products List END -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
@@ -1,13 +0,0 @@
|
||||
<!-- Simple Content BEGIN -->
|
||||
<section class="simple-content-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">
|
||||
<div class="simple-content">
|
||||
{{{ copy }}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- Simple Content END -->
|
||||
@@ -1,17 +0,0 @@
|
||||
<div class="single-post-container">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
{{#if thumbnail }}
|
||||
<div class="single-post-img">
|
||||
<img class="img-fluid" src="{{ thumbnail }}" alt="{{ title }}" />
|
||||
</div>
|
||||
{{/if}}
|
||||
<div class="single-post-content">
|
||||
<h1>{{ title }}</h1>
|
||||
{{{ content }}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -1,219 +0,0 @@
|
||||
<section class="woo-commerce mt-5">
|
||||
<div class="product">
|
||||
<div class="container">
|
||||
<div class="row gx-5">
|
||||
<div class="col-12 col-md-5">
|
||||
{{{ gallery }}}
|
||||
</div>
|
||||
<div class="col-12 col-md-7">
|
||||
<h1 class="product-title">{{#productTitleFormatter product.title }}</h1>
|
||||
<p><a href="/resources/reviews/"><img src="/wp-content/uploads/2022/10/reviews_icon.png.webp"> <span style="font-size:16px; font-weight:600;">Read Reviews →</span> </a></p>
|
||||
<div class="product-description mb-4 mt-3">
|
||||
<p>{{{ product.excerpt }}}</p>
|
||||
</div>
|
||||
<div class="connection-types">
|
||||
|
||||
|
||||
{{#if showHomesafeOptions}}
|
||||
<div class="connection-types mt-4">
|
||||
<p class="option-heading">Select Your System Type:</p>
|
||||
{{#if currentProductIsHomeSafe}}
|
||||
{{#each autoAlertProducts}}
|
||||
<a class="me-3" href="{{ permalink }}" data-product-id={{ id }}>
|
||||
{{ _product_attributes.connection-type.value }}
|
||||
</a>
|
||||
{{/each}}
|
||||
{{/if}}
|
||||
</div>
|
||||
{{/if}}
|
||||
|
||||
{{#if showOTGOptions}}
|
||||
<div class="connection-types mt-4">
|
||||
<p class="option-heading">Select Your System Type:</p>
|
||||
{{#each OTGProducts}}
|
||||
<a class="me-3" href="{{ permalink }}" data-product-id={{ id }}>
|
||||
{{ _product_attributes.connection-type.value }}
|
||||
</a>
|
||||
{{/each}}
|
||||
</div>
|
||||
{{/if}}
|
||||
|
||||
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="select-plan container-fluid p-0">
|
||||
<div class="row">
|
||||
<div class="col-8 col-lg-6 col-md-8 p-3">
|
||||
<label for="variation-select">Select a plan:</label>
|
||||
<form class="variations_form" method="post" enctype="multipart/form-data">
|
||||
<div class="custom-select">
|
||||
<select class="select-items select-hide" name="variation_id" id="variation-select">
|
||||
{{#each variation}}
|
||||
<option value="{{{variation_id}}}">{{{attributes.attribute_rate-plan}}} | {{{price_html}}}</option>
|
||||
{{this}}
|
||||
{{/each}}
|
||||
</select>
|
||||
</div>
|
||||
<p id="selected-text"></p>
|
||||
<p class="fee-text">{{product.fee_text}}</p>
|
||||
</div>
|
||||
<div class="col-4 col-lg-6 col-md-4 p-3">
|
||||
<button type="submit" class="button--primary ms-2">Buy Now</button>
|
||||
</form>
|
||||
<p id="selected-price"></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<p class="fw-bold mt-3 fs-6">About the product:</p>
|
||||
<ul class="mb-5 fs-6 about-product">
|
||||
{{#each product.about_product_lines}}
|
||||
<li><strong class="fw-bold">{{ bold_text }}:</strong> {{ regular_text }}</li>
|
||||
{{/each}}
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-12 my-5">
|
||||
<hr />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- WOOCOMMERCE STYLE OVERRIDES! -->
|
||||
<style>
|
||||
.connection-types a {color: #505050;text-decoration: none;font-size: 18px;line-height: 30px;font-weight: 700;text-decoration: none;}
|
||||
@media (max-width: 412px) {.button--primary {font-size: 14px;padding: 15px 15px;line-height: unset;}}
|
||||
@media screen and (max-width: 387px) {.button--primary {font-size: 13px;padding: 17px 15px;line-height: unset;}}
|
||||
@media screen and (min-width: 767px) and (max-width: 991px) {.button--primary {font-size: 1rem;padding: 8px 14px;}}
|
||||
.select-selected.select-arrow-active ~ .select-items .select-hide:first-child {display: none;}
|
||||
.custom-select .select-selected {color: black;}
|
||||
.custom-select .select-items div {color: black;}
|
||||
.custom-select .select-items div:hover {color: white;}
|
||||
.custom-select .select-selected.select-arrow-active {color: black;}
|
||||
#price {display: block;}
|
||||
#selected-text {color: #660037;margin: 5px;font-weight:700;}
|
||||
#selected-price {margin-top: 20px;}
|
||||
#price {margin-top: 20px;}
|
||||
.container {dispaly: table;width: 100%;}
|
||||
.column {display: table-cell;padding: 16px;}
|
||||
.button--primary { margin-top: 25px; }
|
||||
.fee-text {font-size: 15px; margin: 5px; }
|
||||
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price, .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price {color: #660037;font-weight: 700;line-height: 0px;font-size: 1.25em;}
|
||||
.custom-select {position: relative;font-family: Arial;}
|
||||
.custom-select select {display: none;}
|
||||
.select-selected {background-color: #fff;color: #000;}
|
||||
.select-items div,.select-selected {color: #000;padding: 8px 16px;border: 1px solid transparent;border-color: #d3d3d3;cursor: pointer;line-height: 36px;}
|
||||
.select-items {position: absolute;background-color: #fff;top: 100%;left: 0;right: 0;z-index: 99;border: 1px solid transparent;border-color: #d3d3d3;}
|
||||
.select-hide {display: none;}
|
||||
.select-items div:hover, .same-as-selected {background-color: rgba(0, 0, 0, 0.1);}
|
||||
|
||||
.select-items div {color: #fff;padding: 8px 16px;border: 1px solid transparent;border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;cursor: pointer;transition: background-color 0.3s;}
|
||||
.select-items div:hover {background-color: #660037;}
|
||||
.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {width: 100%;float: none;}
|
||||
.woocommerce-product-gallery ol li img {border: 1px solid darkgray;}
|
||||
.woocommerce div.product div.images .flex-control-thumbs {text-align: center;}
|
||||
.woocommerce div.product div.images .flex-control-thumbs li {margin: .5rem;width: 85px;display: inline-block;float: none;}
|
||||
.product-title {margin-bottom: 0;}
|
||||
.option-heading {margin-bottom: 0;font-size: 18px;font-weight: 700;line-height: 40px;color: #505050;}
|
||||
.stars {font-size: 15px;}
|
||||
.stars i {color: #ffbb00;margin-right: 1px;}
|
||||
strong {font-weight: bold;}
|
||||
.about-product li {line-height: 24px;}
|
||||
label {display: block;margin-bottom: 0;font-weight: 700;color: #505050;font-size: 1rem !important;}
|
||||
.select-selected.select-arrow-active:after {border-color: transparent transparent #fff transparent;top: 20px;}
|
||||
.select-selected::after {content: "\f0d7";font-family: 'FontAwesome', Verdana;position: absolute;top: 20px;right: 20px;transform: translateY(-50%);color: #000;pointer-events: none;}
|
||||
.col-select, .col-button {
|
||||
height: 11em !important;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
<script>
|
||||
|
||||
var currentProductID = {{ product.id }};
|
||||
$(".wearing-style a, .connection-types a, .standardVsAutoAlert a").each(function() {
|
||||
var ele = $(this);
|
||||
if (ele.data("product-id") == currentProductID || $("h1").text().trim() === $(this).text().trim()) {
|
||||
ele.html("<i class='bi bi-circle-fill'></i>" + ele.html());
|
||||
} else {
|
||||
ele.html("<i class='bi bi-circle'></i>" + ele.html());
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
var x, i, j, l, ll, selElmnt, a, b, c;
|
||||
x = document.getElementsByClassName("custom-select");
|
||||
l = x.length;
|
||||
for (i = 0; i < l; i++) {
|
||||
selElmnt = x[i].getElementsByTagName("select")[0];
|
||||
ll = selElmnt.length;
|
||||
a = document.createElement("DIV");
|
||||
a.setAttribute("class", "select-selected");
|
||||
a.innerHTML = selElmnt.options[selElmnt.selectedIndex].innerHTML;
|
||||
x[i].appendChild(a);
|
||||
b = document.createElement("DIV");
|
||||
b.setAttribute("class", "select-items select-hide");
|
||||
for (j = 0; j < ll; j++) {
|
||||
|
||||
c = document.createElement("DIV");
|
||||
c.innerHTML = selElmnt.options[j].innerHTML;
|
||||
c.addEventListener("click", function(e) {
|
||||
var y, k, s, h, sl, yl;
|
||||
s = this.parentNode.parentNode.getElementsByTagName("select")[0];
|
||||
sl = s.length;
|
||||
h = this.parentNode.previousSibling;
|
||||
for (k = 0; k < sl; k++) {
|
||||
if (s.options[k].innerHTML == this.innerHTML) {
|
||||
s.selectedIndex = k;
|
||||
h.innerHTML = this.innerHTML;
|
||||
if (this.innerHTML === "Annually | $34.95" || this.innerHTML === "Annually | $27.95" || this.innerHTML === "Annually | $44.95") {
|
||||
document.getElementById("selected-text").innerHTML = "Includes free shipping and lockbox! ";
|
||||
} else if (this.innerHTML === "Semi-Annually | $49.95" || this.innerHTML === "Semi-Annually | $39.95" || this.innerHTML === "Semi-Annually | $29.95") {
|
||||
document.getElementById("selected-text").innerHTML = "Includes free shipping!";
|
||||
} else if (this.innerHTML === "Monthly | $49.95" || this.innerHTML === "Monthly | $39.95" || this.innerHTML === "Monthly | $29.95") {
|
||||
document.getElementById("selected-text").innerHTML = "";
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
h.click();
|
||||
});
|
||||
c.setAttribute("data-price", selElmnt.options[j].getAttribute("data-price"));
|
||||
b.appendChild(c);
|
||||
}
|
||||
x[i].appendChild(b);
|
||||
a.addEventListener("click", function(e) {
|
||||
e.stopPropagation();
|
||||
closeAllSelect(this);
|
||||
this.nextSibling.classList.toggle("select-hide");
|
||||
this.classList.toggle("select-arrow-active");
|
||||
});
|
||||
}
|
||||
|
||||
function closeAllSelect(elmnt) {
|
||||
var x, y, k, xl, yl, arrNo = [];
|
||||
x = document.getElementsByClassName("select-items");
|
||||
y = document.getElementsByClassName("select-selected");
|
||||
xl = x.length;
|
||||
yl = y.length;
|
||||
for (k = 0; k < yl; k++) {
|
||||
if (elmnt == y[k]) {
|
||||
arrNo.push(k)
|
||||
} else {
|
||||
y[k].classList.remove("select-arrow-active");
|
||||
}
|
||||
}
|
||||
for (k = 0; k < xl; k++) {
|
||||
if (arrNo.indexOf(k) < 0) {
|
||||
x[k].classList.add("select-hide");
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
document.addEventListener("click", closeAllSelect);
|
||||
|
||||
|
||||
|
||||
</script>
|
||||
|
||||
{{{ flex-content }}}
|
||||
@@ -1,10 +0,0 @@
|
||||
<section class="main-content my-3">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<h1 class="mb-3">{{ title }}</h1>
|
||||
{{{ content }}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -1,16 +0,0 @@
|
||||
<!-- Testimonial BEGIN -->
|
||||
<section class="testimonial-slice-container bg-color-{{background_color}} padding-top-{{padding_top}} padding-bottom-{{padding_bottom}}">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-4 d-flex justify-content-center mb-4">
|
||||
<img class="testimonial-img border-color-{{border_color}}" src="{{image.url}}" alt="{{image.alt}}" />
|
||||
</div>
|
||||
<div class="col-lg-8 my-auto testimonial-inner-content-wrapper">
|
||||
<h4 class="text-white mb-4 testimonial-title">{{header}}</h4>
|
||||
<div class="testimonial-copy">{{{copy}}}</div>
|
||||
<h5 class="text-white mt-4 testimonial-quote-attribution">{{quote_attribution}}</h5>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- Testimonial END -->
|
||||
@@ -1,48 +0,0 @@
|
||||
<!-- 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>
|
||||
</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>
|
||||
</div>
|
||||
</div>
|
||||
{{/each}}
|
||||
</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>
|
||||
</section>
|
||||
<!-- Testimonial Carousel END -->
|
||||
@@ -1,39 +0,0 @@
|
||||
<!-- 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>
|
||||
{{#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>
|
||||
{{/each}}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- Text Highlights Col END -->
|
||||
@@ -1,78 +0,0 @@
|
||||
<div class="thank-you-info">
|
||||
<p>Please print this page for your records. Once the order is processed, which may take up to 2 business days, you will recieve a confirmation email with your order.</p>
|
||||
<p>For questions about your order, please call customer sales at 1-800-380-3111.</p>
|
||||
<hr />
|
||||
|
||||
<h4></h4>
|
||||
|
||||
{{#each items}}
|
||||
<div class="order-details-review d-flex align-items-center">
|
||||
<div class="image-wrapper">
|
||||
{{{ image }}}
|
||||
</div>
|
||||
|
||||
<div class="content-wrapper">
|
||||
<h4>{{ name }}</h4>
|
||||
</div>
|
||||
</div>
|
||||
{{/each}}
|
||||
|
||||
|
||||
<div class="order-summary row mb-3">
|
||||
<div class="col-2 col-md-3"><p>Service:</p></div>
|
||||
<div class="col-2 col-md-2"><p>{{#currencyFormatter monthlyFee }}</p></div>
|
||||
</div>
|
||||
{{#each fees}}
|
||||
<div class="order-summary row mb-3">
|
||||
<div class="col-2 col-md-3">
|
||||
<p>{{name}}:</p>
|
||||
</div>
|
||||
<div class="col-2 col-md-2">
|
||||
<p>{{#currencyFormatter amount}}</p>
|
||||
</div>
|
||||
</div>
|
||||
{{/each}}
|
||||
|
||||
|
||||
<div class="order-summary row mb-3">
|
||||
{{#if freeshippingCost}}
|
||||
<div class="col-2 col-md-3"><p>{{shippingLabel}}:</p></div>
|
||||
<div class="col-2 col-md-2"><p>{{freeshippingCost}}</p></div>
|
||||
{{else}}
|
||||
<div class="col-2 col-md-3"><p>{{shippingLabel}}:</p></div>
|
||||
<div class="col-2 col-md-2"><p>{{#currencyFormatter shippingCost}}</p></div>
|
||||
{{/if}}
|
||||
</div>
|
||||
|
||||
{{#if couponCode}}
|
||||
<div class="order-summary row mb-3">
|
||||
<div class="col-2 col-md-3"><p>Coupon:</p></div>
|
||||
<div class="col-2 col-md-2"><p>-{{#currencyFormatter couponAmount }}</p></div>
|
||||
</div>
|
||||
{{/if}}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<h3>Total due today: {{#currencyFormatter total }}</h3>
|
||||
|
||||
<hr />
|
||||
|
||||
<div class="row mb-5">
|
||||
<div class="col-12 col-md-6">
|
||||
<h4>Next Steps:</h4>
|
||||
<ol>
|
||||
<li>Lifeline will send you an email confirming your order. If you do not see it in your inbox, please check your spam/junk folder.</li>
|
||||
<li>Your order will be processed within 2 days.</li>
|
||||
<li>For self-installation, your sales consultant will provide an expected delivery date. If you requested professional installation you will receive a phone all to confirm that there is an installer available in your area and to schedule the appointment. If you have any questions, please call us at 1-800-380-3111.</li>
|
||||
</ol>
|
||||
</div>
|
||||
<div class="col-12 col-md-6">
|
||||
<h4>Need Help with Order?</h4>
|
||||
<p>If you have any questions about your order, including shipping, installation, or billing, please call us at: 1-800-380-3111.</p>
|
||||
<p><a href="/contact-us/">Contact Us</a></p>
|
||||
<p><a href="/support/">Return Policy</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -1,18 +0,0 @@
|
||||
<!-- Video Aside BEGIN -->
|
||||
<section class="video-aside-slice-container bg-color-{{background_color}} padding-top-{{padding_top}} padding-bottom-{{padding_bottom}}">
|
||||
<div class="container">
|
||||
<div class="row gx-5">
|
||||
<div class="col-12 col-lg-6 my-auto pb-4 pb-md-0 order-lg-{{alignment}}">
|
||||
<div class="ratio ratio-16x9">
|
||||
<iframe src="https://player.vimeo.com/video/{{video}}" allowfullscreen></iframe>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-lg-6 my-auto order-lg-2">
|
||||
<div class="copy">
|
||||
{{{copy}}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- Video Aside END -->
|
||||
@@ -1,27 +0,0 @@
|
||||
<!-- Video Grid BEGIN -->
|
||||
<section class="video-grid-slice-container bg-color-{{ background_color }} padding-top-{{padding_top}} padding-bottom-{{padding_bottom}}">
|
||||
<div class="container">
|
||||
<div class="row mb-3">
|
||||
<div class="col ps-5">
|
||||
<div class="heading">
|
||||
<h4>{{ heading }}</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row justify-space-betwee mb-5">
|
||||
{{#each videos}}
|
||||
<div class="col-12 col-lg-6 mb-4">
|
||||
<div class="video">
|
||||
<div class="ratio ratio-16x9">
|
||||
<iframe src="https://player.vimeo.com/video/{{video}}" allowfullscreen></iframe>
|
||||
</div>
|
||||
</div>
|
||||
<div class="video-copy">
|
||||
<h4>{{ video_copy }}</h4>
|
||||
</div>
|
||||
</div>
|
||||
{{/each}}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- Video Grid END -->
|
||||
Reference in New Issue
Block a user