cms系统的站点模板库
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.
 
 
 
 
cms_templates/24petwatch/details.html

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="{&#34;accordion-b44f8d1234&#34;:{&#34;shownItems&#34;:[&#34;accordion-b44f8d1234-item-6cfa014a88&#34;],&#34;@type&#34;:&#34;pethealth/components/accordion&#34;}}"
data-placeholder-text="false">
<div class="cmp-accordion__item" data-cmp-hook-accordion="item"
data-cmp-data-layer="{&#34;accordion-b44f8d1234-item-6cfa014a88&#34;:{&#34;@type&#34;:&#34;pethealth/components/accordion/item&#34;,&#34;dc:title&#34;:&#34;Lost Pet Protection&#34;}}"
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>