You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
349 lines
17 KiB
349 lines
17 KiB
<!DOCTYPE HTML>
|
|
<html lang="en-US">
|
|
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<meta name="keywords" content="{{.Keywords}}">
|
|
<meta name="description" content="{{.Description}}">
|
|
<title>{{.Title}}</title>
|
|
<link rel="shortcut icon" type="image/png" href="{{replaceImage .Favicon}}" />
|
|
<link rel="stylesheet" href="{{staticFile "/css/clientlib-base.lc-70267407c54bfd3d524dbb8e5bf56862-lc.min.css"}}"
|
|
type="text/css">
|
|
<link rel="stylesheet" href="{{staticFile "/css/clientlib-site.lc-94ff0c748b871c4d25425e0e120fc751-lc.min.css"}}"
|
|
type="text/css">
|
|
</head>
|
|
|
|
<body class="page basicpage" id="page-7ccad3cb2e" data-cmp-data-layer-enabled>
|
|
<div class="root container responsivegrid">
|
|
<div id="container-29462cec91" class="cmp-container">
|
|
<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 aem-Grid--phone--12 ">
|
|
<header class="experiencefragment aem-GridColumn aem-GridColumn--default--12">
|
|
<div id="experiencefragment-f3b81f7b70" class="cmp-experiencefragment cmp-experiencefragment--header">
|
|
<div id="container-2c64db03c2" class="cmp-container">
|
|
<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
|
|
<div class="pageheader aem-GridColumn aem-GridColumn--default--12">
|
|
<div class="page-header">
|
|
<div class="page-header__container">
|
|
<div class="page-header__logoContainer">
|
|
<div class="page-header__logo">
|
|
<div id="logo" class="cmp-image">
|
|
<a class="cmp-image__link" href="{{.IndexUrl}}">
|
|
<img src="{{replaceImage .Logo}}" class="cmp-image__image" alt="logo" />
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="page-header__content">
|
|
<div class="page-header__nav">
|
|
<div class="page-header__site-nav">
|
|
<div class="header__top">
|
|
<div class="header__mobile-menu">
|
|
<div class="header__mobile-menu-icon">
|
|
<span></span>
|
|
<span></span>
|
|
<span></span>
|
|
<span></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<nav id="navigation-9c635dd177" class="cmp-navigation"
|
|
>
|
|
<ul class="cmp-navigation__group">
|
|
<li class="cmp-navigation__item cmp-navigation__item--level-0">
|
|
<a href="{{.IndexUrl}}">{{ lang "home"}}</a>
|
|
</li>
|
|
{{if .HasAbout }}
|
|
<li class="cmp-navigation__item cmp-navigation__item--level-0">
|
|
<a href="{{.AboutUrl}}">{{ lang "about"}}</a>
|
|
</li>
|
|
{{end}}
|
|
{{if .HasContact }}
|
|
<li class="cmp-navigation__item cmp-navigation__item--level-0">
|
|
<a href="{{.ContactUrl}}">{{ lang "contact"}}</a>
|
|
</li>
|
|
{{end}}
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
<div
|
|
class="breadcrumb aem-GridColumn--phone--hide aem-GridColumn--phone--12 aem-GridColumn aem-GridColumn--default--12 aem-GridColumn--offset--phone--0">
|
|
<nav id="breadcrumb-f0d3a1fd09" class="cmp-breadcrumb" >
|
|
<ol class="cmp-breadcrumb__list" >
|
|
<li class="cmp-breadcrumb__item" >
|
|
<a href="{{.IndexUrl}}" class="cmp-breadcrumb__item-link">
|
|
<span >{{lang "home"}}</span>
|
|
</a>
|
|
</li>
|
|
|
|
|
|
|
|
<li class="cmp-breadcrumb__item cmp-breadcrumb__item--active" >
|
|
|
|
<span >{{.Title}}</span>
|
|
</li>
|
|
</ol>
|
|
</nav>
|
|
|
|
|
|
</div>
|
|
<div class="container responsivegrid cmp-container--widthfixed aem-GridColumn aem-GridColumn--default--12">
|
|
|
|
|
|
<div id="container-546fd9bc37" class="cmp-container">
|
|
|
|
|
|
|
|
<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
|
|
|
|
<div class="image aem-GridColumn aem-GridColumn--default--12">
|
|
<div class="cmp-image" >
|
|
|
|
|
|
|
|
<img
|
|
src="{{getCover .Article.Pictures}}"
|
|
class="cmp-image__image" />
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
<div class="container responsivegrid cmp-container--widthfixed aem-GridColumn aem-GridColumn--default--12">
|
|
|
|
|
|
<div id="container-31b6984ce6" class="cmp-container">
|
|
|
|
|
|
|
|
<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
|
|
|
|
<div class="container responsivegrid aem-GridColumn aem-GridColumn--default--12">
|
|
|
|
|
|
<div id="container-ddd311b7e2" class="cmp-container">
|
|
|
|
|
|
|
|
<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
|
|
|
|
<div
|
|
class="newslettercontentfragment contentfragment cmp-contentfragment--stylenewsletter aem-GridColumn aem-GridColumn--default--12">
|
|
|
|
|
|
<article id="newslettercontentfragment-a27b3a87e6"
|
|
class="cmp-newslettercontentfragment cmp-contentfragment--The-Benefits-of-Adopting-a-Senior-Dog" >
|
|
<h1 class="cmp-contentfragment__title">{{.Title}}</h1>
|
|
|
|
<p class="speakableTextP1">{{.Article.Summary}}</p>
|
|
{{range .Article.Topics}}
|
|
<p><strong>{{.Topic}}</strong></p>
|
|
{{$tlen := len .Pictures}}
|
|
{{if ne $tlen 0}}
|
|
{{range .Pictures}}
|
|
<img width="100%" src="{{replaceImage .}}" />
|
|
{{end}}
|
|
{{end}}
|
|
<p>{{.Content}}</p>
|
|
{{end}}
|
|
|
|
<!-- article content end -->
|
|
<div class="article-page">
|
|
{{ if .Prev }}
|
|
<div class="hidden-text">
|
|
<a href="{{.Prev.Url}}">{{lang "prev_article"}}:{{.Prev.Title}}</a>
|
|
</div>
|
|
{{ end }}
|
|
{{ if .Next }}
|
|
<div class="hidden-text">
|
|
<a href="{{.Next.Url}}">{{lang "next_article"}}:{{.Next.Title}}</a>
|
|
</div>
|
|
{{ end }}
|
|
</div>
|
|
</article>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<footer class="experiencefragment aem-GridColumn aem-GridColumn--default--12">
|
|
<div id="experiencefragment-c6a37f4e11" class="cmp-experiencefragment cmp-experiencefragment--footer">
|
|
<div id="container-09f307d1f8" class="cmp-container">
|
|
<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
|
|
<div
|
|
class="container responsivegrid cmp-container--bgnone cmp-container--paddingxnone aem-GridColumn aem-GridColumn--default--12">
|
|
<div id="footer" class="cmp-container">
|
|
<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
|
|
<div
|
|
class="container responsivegrid cmp-container--paddingtopnone cmp-container--widthfixed aem-GridColumn aem-GridColumn--default--12"
|
|
style="width: 100%;">
|
|
<div id="footer-labels" class="cmp-container" style="width: 100%;">
|
|
<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 aem-Grid--phone--12 ">
|
|
<div
|
|
class="accordion panelcontainer cmp-accordion-expanded aem-GridColumn--default--none aem-GridColumn--phone--none aem-GridColumn--phone--12 aem-GridColumn aem-GridColumn--offset--phone--0 aem-GridColumn--offset--default--0 aem-GridColumn--default--2">
|
|
<div id="accordion-b44f8d1234" class="cmp-accordion" data-cmp-is="accordion"
|
|
data-cmp-data-layer="{"accordion-b44f8d1234":{"shownItems":["accordion-b44f8d1234-item-6cfa014a88"],"@type":"pethealth/components/accordion"}}"
|
|
data-placeholder-text="false">
|
|
<div class="cmp-accordion__item" data-cmp-hook-accordion="item"
|
|
data-cmp-data-layer="{"accordion-b44f8d1234-item-6cfa014a88":{"@type":"pethealth/components/accordion/item","dc:title":"Lost Pet Protection"}}"
|
|
id="accordion-b44f8d1234-item-6cfa014a88" data-cmp-expanded>
|
|
<h3 class="cmp-accordion__header">
|
|
<button id="accordion-b44f8d1234-item-6cfa014a88-button"
|
|
class="cmp-accordion__button cmp-accordion__button--expanded"
|
|
aria-controls="accordion-b44f8d1234-item-6cfa014a88-panel"
|
|
data-cmp-hook-accordion="button">
|
|
<span class="cmp-accordion__title">{{lang "related"}}</span>
|
|
<span class="cmp-accordion__icon"></span>
|
|
</button>
|
|
</h3>
|
|
<div data-cmp-hook-accordion="panel" id="accordion-b44f8d1234-item-6cfa014a88-panel"
|
|
class="cmp-accordion__panel cmp-accordion__panel--expanded" role="region"
|
|
aria-labelledby="accordion-b44f8d1234-item-6cfa014a88-button">
|
|
<div class="container responsivegrid">
|
|
<div id="container-7dbd45491a" class="cmp-container">
|
|
<div class="aem-Grid aem-Grid--2 aem-Grid--default--2 ">
|
|
<div
|
|
class="text cmp-text-email aem-GridColumn--phone--12 aem-GridColumn aem-GridColumn--default--2">
|
|
<div id="text-322cbbbc0f" class="cmp-text">
|
|
<p><a href="{{.IndexUrl}}">{{ lang "home"}}</a></p>
|
|
</div>
|
|
</div>
|
|
{{if .HasAbout }}
|
|
<div
|
|
class="text cmp-text-email aem-GridColumn--phone--12 aem-GridColumn aem-GridColumn--default--2">
|
|
<div id="text-322cbbbc0f" class="cmp-text">
|
|
<p><a href="{{.AboutUrl}}">{{ lang "about"}}</a></p>
|
|
</div>
|
|
</div>
|
|
{{end}}
|
|
{{if .HasContact }}
|
|
<div
|
|
class="text cmp-text-email aem-GridColumn--phone--12 aem-GridColumn aem-GridColumn--default--2">
|
|
<div id="text-322cbbbc0f" class="cmp-text">
|
|
<p><a href="{{.ContactUrl}}">{{ lang "contact"}}</a></p>
|
|
</div>
|
|
</div>
|
|
{{end}}
|
|
{{if .HasPolicy }}
|
|
<div
|
|
class="text cmp-text-email aem-GridColumn--phone--12 aem-GridColumn aem-GridColumn--default--2">
|
|
<div id="text-322cbbbc0f" class="cmp-text">
|
|
<p><a href="{{.PolicyUrl}}">{{ lang "policy"}}</a></p>
|
|
</div>
|
|
</div>
|
|
{{end}}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{{$flen := len .Friendship}}
|
|
{{if ne $flen 0}}
|
|
<div
|
|
class="accordion panelcontainer cmp-accordion-expanded aem-GridColumn--default--none aem-GridColumn--phone--none aem-GridColumn--phone--12 aem-GridColumn aem-GridColumn--offset--phone--0 aem-GridColumn--offset--default--0 aem-GridColumn--default--2">
|
|
<div id="accordion-94cb6a38f5" class="cmp-accordion">
|
|
<div class="cmp-accordion__item" id="accordion-94cb6a38f5-item-1ac053a0eb"
|
|
data-cmp-expanded>
|
|
<h3 class="cmp-accordion__header">
|
|
<button id="accordion-94cb6a38f5-item-1ac053a0eb-button"
|
|
class="cmp-accordion__button cmp-accordion__button--expanded"
|
|
aria-controls="accordion-94cb6a38f5-item-1ac053a0eb-panel"
|
|
data-cmp-hook-accordion="button">
|
|
<span class="cmp-accordion__title">{{lang "friendship"}}</span>
|
|
<span class="cmp-accordion__icon"></span>
|
|
</button>
|
|
</h3>
|
|
<div data-cmp-hook-accordion="panel" id="accordion-94cb6a38f5-item-1ac053a0eb-panel"
|
|
class="cmp-accordion__panel cmp-accordion__panel--expanded" role="region"
|
|
aria-labelledby="accordion-94cb6a38f5-item-1ac053a0eb-button">
|
|
<div class="container responsivegrid">
|
|
<div id="container-4d79c6f1ce" class="cmp-container">
|
|
<div class="aem-Grid aem-Grid--2 aem-Grid--default--2 ">
|
|
<div class="text aem-GridColumn aem-GridColumn--default--2">
|
|
{{range .Friendship}}
|
|
<div id="text-113e4d0526" class="cmp-text">
|
|
<p><a title="All articles" href="{{.Url}}">{{.Name}}</a></p>
|
|
</div>
|
|
{{end}}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{{end}}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="container responsivegrid cmp-container--widthfixed aem-GridColumn aem-GridColumn--default--12">
|
|
<div id="container-content" class="cmp-container">
|
|
<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
|
|
<div class="text cmp-text--size-xsmall aem-GridColumn aem-GridColumn--default--12">
|
|
<div id="footer-notice-global" class="cmp-text">
|
|
<p><span class="cmp-text--whitecolor">{{.Copyright}}</span></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
<script src="{{staticFile "/js/jquery-1.12.4.min.js"}}"></script>
|
|
<script src="{{staticFile "/js/index.js"}}"></script>
|
|
</html> |