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

179 lines
6.5 KiB

<!doctype html>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>{{.Title}}</title>
<!--
<link rel='stylesheet' id='bootstrap-styles-css'
href='../wp-content/themes/happyhiller2021/assets/css/bootstrap.min.css@ver=6.1.1.css' type='text/css'
media='all' />
-->
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/bootstrap.min.css@ver=6.1.1.css"}}" />
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/style.min.css@ver=6.1.1.css"}}" />
<style>
.menus-phone{
display: none;
}
.menus-phone a{
color: #000 !important;
}
@media screen and (max-width:991px) {
.menus-phone{
display: block;
}
.navbar-expand-lg{
flex-direction: column-reverse;
}
}
</style>
</head>
<body class="blog hfeed wpb-js-composer js-comp-ver-6.10.0 vc_responsive">
<!-- Google Tag Manager (noscript) -->
<!-- End Google Tag Manager (noscript) -->
<div id="page" class="site">
<header role="banner" id="pageheader" class="bg-white">
<div class="navbar-wrapper mb-2 mb-md-0">
<nav class="navbar header-nav navbar-expand-lg navbar-light justify-content-center justify-content-md-between">
<a class="navbar-brand order-2 order-xl-1" href="{{.IndexUrl}}"><img
src="{{replaceImage .Logo}}" class="img-fluid"></a>
<div class="collapse navbar-collapse align-items-start justify-content-start order-4 order-lg-2"
id="navbarNav">
<!-- remove 'justify-content-center' for left justified nav or replace with 'justify-content-end' -->
<ul class="navbar-nav">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="{{.IndexUrl}}" id="plumberDropdown" role="button">{{ lang "home"}}</a>
</li>
{{if .HasAbout }}
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="{{.AboutUrl}}" id="plumberDropdown" role="button">{{ lang "about"}}</a>
</li>
{{end}}
{{if .HasContact }}
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="{{.ContactUrl}}" id="plumberDropdown" role="button">{{ lang "contact"}}</a>
</li>
{{end}}
</ul>
</div>
<ul class="menus-phone" style="list-style: none;">
<li class="nav-item">
<a class="nav-link" href="{{.IndexUrl}}">{{ lang "home"}}</a>
</li>
{{if .HasAbout }}
<li class="nav-item">
<a class="nav-link" href="{{.AboutUrl}}">{{ lang "about" }}</a>
</li>
{{end}}
{{if .HasContact }}
<li class="nav-item">
<a class="nav-link" href="{{.ContactUrl}}">{{ lang "contact" }}</a>
</li>
{{end}}
</ul>
</nav>
</div>
</header>
<div id="content" class="site-content">
<main id="maincontent">
<!-- blog cards -->
<div class="blog-cards mt-0">
<div class="container-fluid">
<div class="row">
{{ range .Articles }}
<div class="col-md-6 col-xl-3">
<article>
<div class="card blog-card">
<a href="{{.Url}}"
class="img-link">
<div class="card-img-top"
style="background-image: url({{getCover .Cover 300 180}});"></div>
</a>
<div class="card-body">
<h5 class="card-title"><a
href="{{.Url}}"
class="hdr-link">{{.Title}}</a></h5>
<p class="card-text mb-3">{{.Summary}}</p>
<a href="{{.Url}}"><div class="info">
<span>{{timeFormat .PublishTime}}</span>
/
<span>{{.Views}} {{lang "views"}}</span>
</div></a>
</div>
</div>
</article>
</div>
{{end}}
</div>
<div>
{{$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>
</div>
</main>
<footer>
<div class="footer-wrapper">
<div class="container footer-container">
<div class="row" style="justify-content: center;">
<div class="col-12 col-lg-6">
<div class="row" style="justify-content: center;">
<div class="col-6 col-md-3 d-flex">
<ul class="list-unstyled footer-links">
<li class="footer-links-hdr">{{lang "related"}}</li>
<div class="textwidget">
<ul>
<li><a href="{{.IndexUrl}}">{{ lang "home"}}</a></li>
{{if .HasAbout }}
<li><a href="{{.AboutUrl}}">{{ lang "about"}}</a></li>
{{end}}
{{if .HasContact }}
<li><a href="{{.ContactUrl}}">{{ lang "contact"}}</a></li>
{{end}}
{{if .HasPolicy }}
<li><a href="{{.PolicyUrl}}">{{ lang "policy"}}</a></li>
{{end}}
</ul>
</div>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div style="text-align: center;" class="copyright">{{.Copyright}}</div>
</footer>
</body>
<!-- jQuery first, then Tether, then Bootstrap JS. -->
<!-- NOTE : updated jQuery to full minified version (slim can cause issues with 3rd party and custom js) -->