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/watchtime/index.html

193 lines
10 KiB

<!DOCTYPE html>
<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
<!--[if lt IE 7]>
<html class="no-js ie6 oldie" lang="en-US" xmlns:og="http://ogp.me/ns#" xmlns:fb="http://ogp.me/ns/fb#" > <![endif]-->
<!--[if IE 7]>
<html class="no-js ie7 oldie" lang="en-US" xmlns:og="http://ogp.me/ns#" xmlns:fb="http://ogp.me/ns/fb#" > <![endif]-->
<!--[if IE 8]>
<html class="no-js ie8 oldie" lang="en-US" xmlns:og="http://ogp.me/ns#" xmlns:fb="http://ogp.me/ns/fb#" "> <![endif]-->
<!-- Consider adding an manifest.appcache: h5bp.com/d/Offline -->
<!--[if gt IE 8]><!-->
<!--<![endif]-->
<head>
<meta charset="UTF-8">
<title>Smartwatch | WatchTime - USA&#039;s No.1 Watch Magazine</title>
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/styles.css"}}" />
</head>
<body class="archive tag tag-smartwatch tag-1636 antialiased">
<div id="page">
<header id="title-bar" class="contain-to-grid">
<div id="header-container" class="row show-for-medium-up" data-equalizer>
<div id="header-logo" class="small-12 medium-12 columns">
<a href="{{.IndexUrl}}" data-equalizer-watch>
<img src="{{replaceImage .Logo}}" />
</a>
</div>
<div id="header-navigation" class="small-12 medium-12 columns">
<ul class="right" data-equalizer-watch>
<li id="menu-item-66630" class="menu-item menu-item-main-menu menu-item-about-us"><a
href="{{.IndexUrl}}">{{ lang "home"}}</a></li>
<li class="divider"></li>
{{if .HasAbout }}
<li id="menu-item-66630" class="menu-item menu-item-main-menu menu-item-about-us"><a
href="{{.AboutUrl}}">{{ lang "about"}}</a></li>
<li class="divider"></li>
{{end}}
{{if .HasContact }}
<li id="menu-item-66630" class="menu-item menu-item-main-menu menu-item-about-us"><a
href="{{.ContactUrl}}">{{ lang "contact"}}</a></li>
<li class="divider"></li>
{{end}}
{{if .HasPolicy }}
<li id="menu-item-66630" class="menu-item menu-item-main-menu menu-item-about-us"><a
href="{{.PolicyUrl}}">{{ lang "policy"}}</a></li>
<li class="divider"></li>
{{end}}
</ul>
</div>
</div>
</header>
<div class="off-canvas-wrap" data-offcanvas>
<div class="inner-wrap">
<nav class="tab-bar show-for-small-only" style="display: flex;text-align: center;">
<a href="{{.IndexUrl}}" style="width: 100%;height: 100%;"><img style="height: 100%;" src="{{replaceImage .Logo}}" alt=""></a>
</nav>
<div id="ad-under-menue">
<!-- Async Tag // Tag for network 1115: Ebner Verlag // Website: watchtime_com_USA // Page: Startseite / Home // Placement: Billboard_970 x 250 (5607514) // created at: Jul 16, 2015 2:02:25 PM -->
<div id="5607514" style="text-align: center;">
</div>
<!-- GPT AdSlot 1 for Ad unit 'WTU_Billboard' ### Size: [[970,250],[940,250],[320,100],[320,75],[300,250]] -->
<div id='div-gpt-ad-6062284-1'>
<script>
googletag.cmd.push(function () { googletag.display('div-gpt-ad-6062284-1'); });
</script>
</div>
</div>
<section class="main-section">
<!-- Start the main container -->
<div class="container" role="document">
<div class="row">
<div class="small-12 medium-8 columns" id="content" role="main">
<div id="thlgrid" data-columns>
{{ range .Articles }}
<div>
<article id="post-141950"
class="index-card shadow_container post-141950 post type-post status-publish format-standard has-post-thumbnail hentry category-wristwatch-industry-news tag-montblanc tag-montblanc-1858 tag-montblanc-1858-geosphere tag-montblanc-summit tag-montblanc-summit-3 tag-smartwatch tag-summit-3">
<a
href="{{.Url}}">
<div class="entry-content clearfix" style="padding: 6px;">
<div class='image_wrap' style="padding: 6px;">
<div class='image_wrap_inner' ><img
src="{{getCover .Cover 300 180}}">
</div>
</div>
<div class="texte">
<header>
<h2>{{.Title}}</h2>
</header>
{{.Summary}}
<p class="more-link">{{.Views}} {{lang "views"}}</p>
<div class="article-meta-info">
{{timeFormat .PublishTime}} </div>
</div>
</div>
</a>
</article>
</div>
{{end}}
</div>
<div class="columns">
<div class="pagination-centered">
<div id="pagination">
{{$pulen := len .PrevUrl}}
{{ if ne $pulen 0 }}
<div style="float:left;">
<a href="{{.PrevUrl}}">{{lang "prev"}}</a>
</div>
{{ end }}
{{$nulen := len .NextUrl}}
{{ if ne $nulen 0 }}
<div style="float:right;">
<a href="{{.NextUrl}}">{{lang "next"}}</a>
</div>
{{ end }}
</div>
</div>
<!--// end .pagination -->
</div>
</div>
<aside id="sidebar" class="small-12 medium-4 columns">
<div id="article-popular-recommend" class="col-lg-4 col-md-12">
{{$plen := len .PopularArticles}}
{{if ne $plen 0}}
<div class="block-title" style="margin-bottom: 20px;">
<div class="text">{{lang "popular"}}</div>
</div>
<div id="article-popular">
<!-- popular article list start -->
{{range .PopularArticles}}
<div class="article d-flex" style="margin-bottom: 20px;">
<a href="{{.Url}}" target="_blank" >
<img class="image" src="{{getCover .Cover 125 75}}" alt="Cover Image" style="margin: 10px 0;"/>
</a>
<div class="content">
<a class="title" href="{{.Url}}" target="_blank" style="margin-bottom: 10px;display: block;width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">{{.Title}}</a>
<div class="info">
<span>{{timeFormat .PublishTime}}</span>
/
<span>{{.Views}} {{lang "views"}}</span>
</div>
</div>
</div>
{{end}}
<!-- popular article list end -->
</div>
{{end}}
</div>
</aside><!-- /#sidebar -->
</div><!-- Row End -->
</div><!-- Container End -->
</section>
</div>
</div>
<footer class="full-width row" role="contentinfo" style="display: flex;justify-content: center;text-align: center;">
<div class="medium-4 large-4 columns footer_div">
{{if .HasAbout }}
<a href="{{.AboutUrl}}">{{lang "about"}}</a>
{{end}}
</br>
{{if .HasContact }}
<a href="{{.ContactUrl}}">{{lang "contact"}}</a>
{{end}}
</br>
{{if .HasPolicy }}
<a href="{{.PolicyUrl}}">{{lang "policy"}}</a>
{{end}}
</br>
</div>
</footer>
</body>
</html>