parent
25bf6d0364
commit
3da7d8f032
@ -0,0 +1,87 @@ |
||||
<!DOCTYPE html> |
||||
<html lang="en"> |
||||
|
||||
<head> |
||||
<meta charset="UTF-8" /> |
||||
<title>{{.Title}}</title> |
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
||||
<meta name="referrer" content="unsafe-url"> |
||||
<meta name="keywords" content="{{.Keywords}}"> |
||||
<meta name="description" content="{{.Description}}"> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/main.css"}}" /> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/common.css"}}" /> |
||||
<link rel="shortcut icon" type="image/png" href="{{replaceImage .Favicon}}" /> |
||||
</head> |
||||
|
||||
<body class="blog"> |
||||
<header id="topbar" class="topbar"> |
||||
<nav class="bignav"> |
||||
<a href="{{.IndexUrl}}" class="logo"><img loading="lazy" alt="logo" id="logo" |
||||
src="{{replaceImage .Logo}}" width="300" height="100" /></a> |
||||
<bp-popup-navbar class="navs" data-instance="BpPopupNavbar"> |
||||
<a href="{{.IndexUrl}}">{{ lang "home"}}</a> |
||||
{{if .HasAbout }} |
||||
<a href="{{.AboutUrl}}">{{ lang "about" }}</a> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<a href="{{.ContactUrl}}">{{ lang "contact" }}</a> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<a href="{{.PolicyUrl}}">{{ lang "policy"}}</a> |
||||
{{end}} |
||||
</bp-popup-navbar> |
||||
</nav> |
||||
<nav class="smallnav" id="mobile-menu-nav"> |
||||
<div class="top"> |
||||
<a href="{{.IndexUrl}}" class="logo nohover"><img loading="lazy" |
||||
alt="logo" id="logo" |
||||
src="{{replaceImage .Logo}}" width="140" |
||||
height="46.6" /></a> |
||||
</div> |
||||
</nav> |
||||
</header> |
||||
|
||||
<div class="workspace-grid" id="workspace"> |
||||
|
||||
<section id="content" class="container" style="grid-area: header;"> |
||||
<div id="breadcrumb"> |
||||
<a href="{{.IndexUrl}}">{{ lang "home" }}</a> |
||||
<a href="#">{{ lang "about" }}</a> |
||||
</div> |
||||
<h1 id="page-title">{{ lang "about"}} </h1> |
||||
<div> |
||||
{{.About}} |
||||
</div> |
||||
</section> |
||||
</div> |
||||
|
||||
<footer> |
||||
<div class="wrap"> |
||||
<div class="menu"> |
||||
<div>{{.Copyright}}</div> |
||||
<div class="links"> |
||||
{{if .HasAbout }} |
||||
<a href="{{.AboutUrl}}">{{lang "about"}}</a> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<a href="{{.ContactUrl}}">{{lang "contact"}}</a> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<a href="{{.PolicyUrl}}">{{lang "policy"}}</a> |
||||
{{end}} |
||||
</div> |
||||
{{$flen := len .Friendship}} |
||||
{{if ne $flen 0}} |
||||
<div class="social"> |
||||
{{range .Friendship}} |
||||
<a href="{{.Url}}">{{.Name}}</a> |
||||
{{end}} |
||||
</div> |
||||
{{end}} |
||||
</div> |
||||
</div> |
||||
</footer> |
||||
</body> |
||||
|
||||
</html> |
||||
@ -0,0 +1,5 @@ |
||||
{ |
||||
"creator": "申心远", |
||||
"version": "1.0", |
||||
"origin_website": "https://backpackers.com/blog/" |
||||
} |
||||
@ -0,0 +1,104 @@ |
||||
<!DOCTYPE html> |
||||
<html lang="en"> |
||||
|
||||
<head> |
||||
<meta charset="UTF-8" /> |
||||
<title>{{.Title}}</title> |
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
||||
<meta name="referrer" content="unsafe-url"> |
||||
<meta name="keywords" content="{{.Keywords}}"> |
||||
<meta name="description" content="{{.Description}}"> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/bootstrap.min.css"}}" /> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/main.css"}}" /> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/common.css"}}" /> |
||||
<link rel="shortcut icon" type="image/png" href="{{replaceImage .Favicon}}" /> |
||||
</head> |
||||
|
||||
<body class="blog"> |
||||
<header id="topbar" class="topbar"> |
||||
<nav class="bignav"> |
||||
<a href="{{.IndexUrl}}" class="logo"><img loading="lazy" alt="logo" id="logo" |
||||
src="{{replaceImage .Logo}}" width="300" height="100" /></a> |
||||
<bp-popup-navbar class="navs" data-instance="BpPopupNavbar"> |
||||
<a href="{{.IndexUrl}}">{{ lang "home"}}</a> |
||||
{{if .HasAbout }} |
||||
<a href="{{.AboutUrl}}">{{ lang "about" }}</a> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<a href="{{.ContactUrl}}">{{ lang "contact" }}</a> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<a href="{{.PolicyUrl}}">{{ lang "policy"}}</a> |
||||
{{end}} |
||||
</bp-popup-navbar> |
||||
</nav> |
||||
<nav class="smallnav" id="mobile-menu-nav"> |
||||
<div class="top"> |
||||
<a href="{{.IndexUrl}}" class="logo nohover"><img loading="lazy" |
||||
alt="logo" id="logo" |
||||
src="{{replaceImage .Logo}}" width="140" |
||||
height="46.6" /></a> |
||||
</div> |
||||
</nav> |
||||
</header> |
||||
|
||||
<div class="workspace-grid" id="workspace"> |
||||
|
||||
<section id="content" class="container" style="grid-area: header;"> |
||||
<div id="breadcrumb"> |
||||
<a href="{{.IndexUrl}}">{{lang "home"}}</a> |
||||
<a href="#">{{lang "contact"}}</a> |
||||
</div> |
||||
<h1 id="page-title">{{lang "contact"}}</h1> |
||||
<div> |
||||
{{.Contact}} |
||||
<form class="col-12 col-lg-6" style="padding: 0;"> |
||||
<div class="form-group"> |
||||
<label for="emailInput">{{lang "about_email"}}</label> |
||||
<input type="email" class="form-control" id="emailInput" placeholder="name@example.com"> |
||||
</div> |
||||
<div class="form-group"> |
||||
<label for="nameInput">{{lang "about_name"}}</label> |
||||
<input type="name" class="form-control" id="nameInput" placeholder="your name"> |
||||
</div> |
||||
<div class="form-group"> |
||||
<label for="exampleFormControlTextarea1">{{lang "about_message"}}</label> |
||||
<textarea class="form-control" id="exampleFormControlTextarea1" rows="3" |
||||
placeholder="what do you want to say"></textarea> |
||||
</div> |
||||
<button type="submit" class="btn btn-primary" style="width: 100%;">{{lang "about_send"}}</button> |
||||
</form> |
||||
</div> |
||||
</section> |
||||
</div> |
||||
|
||||
<footer> |
||||
<div class="wrap"> |
||||
<div class="menu"> |
||||
<div>{{.Copyright}}</div> |
||||
<div class="links"> |
||||
{{if .HasAbout }} |
||||
<a href="{{.AboutUrl}}">{{lang "about"}}</a> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<a href="{{.ContactUrl}}">{{lang "contact"}}</a> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<a href="{{.PolicyUrl}}">{{lang "policy"}}</a> |
||||
{{end}} |
||||
</div> |
||||
{{$flen := len .Friendship}} |
||||
{{if ne $flen 0}} |
||||
<div class="social"> |
||||
{{range .Friendship}} |
||||
<a href="{{.Url}}">{{.Name}}</a> |
||||
{{end}} |
||||
</div> |
||||
{{end}} |
||||
</div> |
||||
</div> |
||||
</footer> |
||||
</body> |
||||
|
||||
</html> |
||||
File diff suppressed because one or more lines are too long
@ -0,0 +1,185 @@ |
||||
a { |
||||
color: #3755d6; |
||||
text-decoration: none; |
||||
} |
||||
|
||||
#breadcrumb { |
||||
padding: 20px 0 15px; |
||||
} |
||||
#breadcrumb a { |
||||
color: #666; |
||||
} |
||||
#breadcrumb a:not(:last-of-type)::after { |
||||
content: " / "; |
||||
} |
||||
|
||||
#page-title { |
||||
padding-bottom: 20px; |
||||
} |
||||
|
||||
#content { |
||||
min-height: 50vh; |
||||
margin: 80px auto 20px; |
||||
} |
||||
|
||||
.block-title { |
||||
margin: 20px 0; |
||||
border-bottom: 1px solid #182a75; |
||||
} |
||||
.block-title .text { |
||||
display: inline-block; |
||||
padding: 8px 12px; |
||||
background-color: #182a75; |
||||
color: #fff; |
||||
font-size: 16px; |
||||
} |
||||
|
||||
#header { |
||||
border-bottom: 1px solid #e5e5e5; |
||||
position: fixed; |
||||
top: 0; |
||||
left: 0; |
||||
right: 0; |
||||
z-index: 9999; |
||||
background-color: #fff; |
||||
} |
||||
#header .container { |
||||
padding: 10px 15px; |
||||
display: flex; |
||||
align-items: center; |
||||
justify-content: space-between; |
||||
} |
||||
#header .container .logo { |
||||
display: inline-block; |
||||
height: 100%; |
||||
} |
||||
#header .container .logo-container { |
||||
height: 100%; |
||||
flex-grow: 1; |
||||
} |
||||
#header .container .logo img { |
||||
height: 100%; |
||||
} |
||||
|
||||
#nav { |
||||
width: 100%; |
||||
height: 60px; |
||||
display: flex; |
||||
align-items: center; |
||||
box-sizing: border-box; |
||||
padding: 0; |
||||
} |
||||
#nav .navbar-toggler { |
||||
margin-right: 15px; |
||||
} |
||||
#nav .navbar-collapse { |
||||
flex-grow: 0; |
||||
background-color: #fff; |
||||
} |
||||
#nav .navbar-collapse.show { |
||||
box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1); |
||||
margin-top: 11px; |
||||
} |
||||
#nav .navbar-collapse.collapsing { |
||||
margin-top: 11px; |
||||
} |
||||
#nav .navbar-collapse a { |
||||
font-weight: 700; |
||||
padding: 10px 15px; |
||||
display: inline-flex; |
||||
align-items: center; |
||||
color: #3755d6; |
||||
} |
||||
#nav .navbar-collapse .nav-link { |
||||
display: flex; |
||||
} |
||||
|
||||
#footer { |
||||
background-color: #f5f5f5; |
||||
} |
||||
#footer .container { |
||||
padding: 40px 15px; |
||||
} |
||||
#footer .container .logo { |
||||
height: 50px; |
||||
} |
||||
#footer .container .title { |
||||
font-size: 20px; |
||||
font-weight: 700; |
||||
padding: 10px 0; |
||||
} |
||||
#footer .container .column { |
||||
padding: 10px; |
||||
} |
||||
#footer .container .column .links a { |
||||
padding: 5px 0; |
||||
margin-right: 20px; |
||||
color: #333; |
||||
font-size: 14px; |
||||
} |
||||
#footer .container .copyright { |
||||
font-size: 14px; |
||||
margin-top: 5px; |
||||
} |
||||
|
||||
#article-popular-recommend { |
||||
padding-right: 0; |
||||
} |
||||
#article-popular-recommend .article:not(:last-of-type) { |
||||
margin-bottom: 15px; |
||||
} |
||||
#article-popular-recommend .article .image { |
||||
width: 125px; |
||||
height: 75px; |
||||
-o-object-fit: cover; |
||||
object-fit: cover; |
||||
margin-right: 15px; |
||||
background-color: #f5f5f5; |
||||
box-sizing: border-box; |
||||
} |
||||
#article-popular-recommend .article .content { |
||||
flex: 1; |
||||
} |
||||
#article-popular-recommend .article .content .title { |
||||
font-size: 14px; |
||||
font-weight: 700; |
||||
color: #333; |
||||
} |
||||
#article-popular-recommend .article .content .title:hover { |
||||
color: #3755d6; |
||||
transition: color 0.5s; |
||||
} |
||||
#article-popular-recommend .article .content .info { |
||||
color: #999; |
||||
margin-top: 5px; |
||||
font-size: 14px; |
||||
} |
||||
|
||||
@media screen and (max-width: 540px) { |
||||
body { |
||||
font-size: 14px; |
||||
} |
||||
#footer .container { |
||||
padding: 20px 15px; |
||||
} |
||||
#footer .title { |
||||
font-size: 16px !important; |
||||
} |
||||
#footer .links a { |
||||
font-size: 14px; |
||||
} |
||||
.col-md-12 { |
||||
padding: 0; |
||||
} |
||||
.block-title .text { |
||||
background-color: unset; |
||||
color: #182a75; |
||||
padding-left: 0; |
||||
font-weight: bold; |
||||
} |
||||
} |
||||
@media screen and (max-width: 992px) { |
||||
#article-popular-recommend { |
||||
padding-left: 0; |
||||
} |
||||
}/*# sourceMappingURL=common.css.map */ |
||||
@ -0,0 +1,54 @@ |
||||
#article-head { |
||||
padding: 10px 0; |
||||
color: #999; |
||||
} |
||||
|
||||
#article-container img { |
||||
padding: 20px 0; |
||||
} |
||||
|
||||
#title { |
||||
font-size: 38px; |
||||
line-height: 48px; |
||||
font-weight: 400; |
||||
color: #333; |
||||
} |
||||
|
||||
.hidden-text { |
||||
text-overflow:ellipsis; |
||||
overflow:hidden; |
||||
white-space:nowrap; |
||||
} |
||||
.article-page { |
||||
min-height: 20px; |
||||
} |
||||
.article-page>div{ |
||||
max-width: 300px; |
||||
} |
||||
.article-page div:first-child{ |
||||
float:left; |
||||
} |
||||
.article-page div:last-child{ |
||||
float:right; |
||||
} |
||||
|
||||
@media screen and (max-width: 540px) { |
||||
#title { |
||||
font-size: 22px; |
||||
line-height: 1.5; |
||||
} |
||||
.col-md-12 { |
||||
padding: 0; |
||||
} |
||||
.article-page div:first-child{ |
||||
float:none; |
||||
} |
||||
.article-page div:last-child{ |
||||
float:none; |
||||
} |
||||
} |
||||
@media screen and (min-width: 540px) { |
||||
#article-container { |
||||
padding-left: 0; |
||||
} |
||||
}/*# sourceMappingURL=details.css.map */ |
||||
File diff suppressed because one or more lines are too long
@ -0,0 +1,122 @@ |
||||
<!DOCTYPE html> |
||||
<html lang="en"> |
||||
|
||||
<head> |
||||
<meta charset="UTF-8" /> |
||||
<title>{{.Title}}</title> |
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
||||
<meta name="referrer" content="unsafe-url"> |
||||
<meta name="keywords" content="{{.Keywords}}"> |
||||
<meta name="description" content="{{.Description}}"> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/main.css"}}" /> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/common.css"}}" /> |
||||
<link rel="shortcut icon" type="image/png" href="{{replaceImage .Favicon}}" /> |
||||
</head> |
||||
|
||||
<body class="blog"> |
||||
<header id="topbar" class="topbar"> |
||||
<nav class="bignav"> |
||||
<a href="{{.IndexUrl}}" class="logo"><img loading="lazy" alt="logo" id="logo" |
||||
src="{{replaceImage .Logo}}" width="300" height="100" /></a> |
||||
<bp-popup-navbar class="navs" data-instance="BpPopupNavbar"> |
||||
<a href="{{.IndexUrl}}">{{ lang "home"}}</a> |
||||
{{if .HasAbout }} |
||||
<a href="{{.AboutUrl}}">{{ lang "about" }}</a> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<a href="{{.ContactUrl}}">{{ lang "contact" }}</a> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<a href="{{.PolicyUrl}}">{{ lang "policy"}}</a> |
||||
{{end}} |
||||
</bp-popup-navbar> |
||||
</nav> |
||||
<nav class="smallnav" id="mobile-menu-nav"> |
||||
<div class="top"> |
||||
<a href="{{.IndexUrl}}" class="logo nohover"><img loading="lazy" |
||||
alt="logo" id="logo" |
||||
src="{{replaceImage .Logo}}" width="140" |
||||
height="46.6" /></a> |
||||
</div> |
||||
</nav> |
||||
</header> |
||||
|
||||
<div class="workspace-grid" id="workspace"> |
||||
|
||||
<section id="content" class="container" style="grid-area: header;"> |
||||
<div id="breadcrumb"> |
||||
<a href="{{.IndexUrl}}">{{lang "home"}}</a> |
||||
<a href="#">{{.Title}}</a> |
||||
</div> |
||||
<div id="article-head"> |
||||
<h1 id="title">{{.Title}}</h1> |
||||
<div> |
||||
<span>{{timeFormat .PublishTime}}</span> |
||||
<span> / </span> |
||||
<span>{{.Views}} {{lang "views"}}</span> |
||||
</div> |
||||
</div> |
||||
<div class="d-lg-flex"> |
||||
<div id="article-container" class="col-lg-12 col-md-24"> |
||||
<article id="article"> |
||||
<img width="100%" src="{{getCover .Article.Pictures}}" /> |
||||
<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> |
||||
<!-- 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> |
||||
</div> |
||||
</div> |
||||
</section> |
||||
</div> |
||||
|
||||
<footer> |
||||
<div class="wrap"> |
||||
<div class="menu"> |
||||
<div>{{.Copyright}}</div> |
||||
<div class="links"> |
||||
{{if .HasAbout }} |
||||
<a href="{{.AboutUrl}}">{{lang "about"}}</a> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<a href="{{.ContactUrl}}">{{lang "contact"}}</a> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<a href="{{.PolicyUrl}}">{{lang "policy"}}</a> |
||||
{{end}} |
||||
</div> |
||||
{{$flen := len .Friendship}} |
||||
{{if ne $flen 0}} |
||||
<div class="social"> |
||||
{{range .Friendship}} |
||||
<a href="{{.Url}}">{{.Name}}</a> |
||||
{{end}} |
||||
</div> |
||||
{{end}} |
||||
</div> |
||||
</div> |
||||
</footer> |
||||
</body> |
||||
|
||||
</html> |
||||
@ -0,0 +1,138 @@ |
||||
<!DOCTYPE html> |
||||
<html lang="en"> |
||||
|
||||
<head> |
||||
<meta charset="UTF-8" /> |
||||
<title>{{.Title}}</title> |
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
||||
<meta name="referrer" content="unsafe-url"> |
||||
<meta name="keywords" content="{{.Keywords}}"> |
||||
<meta name="description" content="{{.Description}}"> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/main.css"}}" /> |
||||
<link rel="shortcut icon" type="image/png" href="{{replaceImage .Favicon}}" /> |
||||
</head> |
||||
|
||||
<body class="blog"> |
||||
<header id="topbar" class="topbar"> |
||||
<nav class="bignav"> |
||||
<a href="{{.IndexUrl}}" class="logo"><img loading="lazy" alt="logo" id="logo" |
||||
src="{{replaceImage .Logo}}" width="300" height="100" /></a> |
||||
<bp-popup-navbar class="navs" data-instance="BpPopupNavbar"> |
||||
<a href="{{.IndexUrl}}">{{ lang "home"}}</a> |
||||
{{if .HasAbout }} |
||||
<a href="{{.AboutUrl}}">{{ lang "about" }}</a> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<a href="{{.ContactUrl}}">{{ lang "contact" }}</a> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<a href="{{.PolicyUrl}}">{{ lang "policy"}}</a> |
||||
{{end}} |
||||
</bp-popup-navbar> |
||||
</nav> |
||||
<nav class="smallnav" id="mobile-menu-nav"> |
||||
<div class="top"> |
||||
<a href="{{.IndexUrl}}" class="logo nohover"><img loading="lazy" |
||||
alt="logo" id="logo" |
||||
src="{{replaceImage .Logo}}" width="140" |
||||
height="46.6" /></a> |
||||
</div> |
||||
</nav> |
||||
</header> |
||||
|
||||
<div class="workspace-grid" id="workspace"> |
||||
<div class="header"> |
||||
<h1>{{lang "latest"}}</h1> |
||||
</div> |
||||
<div class="articles" id="content" data-image-attributes="clear"> |
||||
{{ range .Articles }} |
||||
<div class="up3"> |
||||
<div class="artleft"> |
||||
<a href="{{.Url}}"> |
||||
<img src="{{getCover .Cover 300 180}}" alt=""> |
||||
</a> |
||||
</div> |
||||
<div slot="content" class="content"> |
||||
<h3><a |
||||
href="{{.Url}}">{{.Title}}</a></h3> |
||||
<div class="taxonomy"> |
||||
<div></div> |
||||
<div></div> |
||||
<div></div> |
||||
</div> |
||||
<div class="excerpt"> |
||||
<p>{{.Summary}}</p> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
{{end}} |
||||
<style> |
||||
#content { |
||||
display: block; |
||||
} |
||||
#content .up3 { |
||||
padding: 10px 0; |
||||
} |
||||
</style> |
||||
<div class="pagination"> |
||||
<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> |
||||
<div class="sidebar"> |
||||
{{$plen := len .PopularArticles}} |
||||
{{if ne $plen 0}} |
||||
<section class="bp_sidelinks"> |
||||
<h2>{{lang "popular"}}</h2> |
||||
<ul> |
||||
{{range .PopularArticles}} |
||||
<li><a href="{{.Url}}">{{.Title}}</a></li> |
||||
{{end}} |
||||
</ul> |
||||
</section> |
||||
{{end}} |
||||
</div> |
||||
</div> |
||||
|
||||
<footer> |
||||
<div class="wrap"> |
||||
<div class="menu"> |
||||
<div>{{.Copyright}}</div> |
||||
<div class="links"> |
||||
{{if .HasAbout }} |
||||
<a href="{{.AboutUrl}}">{{lang "about"}}</a> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<a href="{{.ContactUrl}}">{{lang "contact"}}</a> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<a href="{{.PolicyUrl}}">{{lang "policy"}}</a> |
||||
{{end}} |
||||
</div> |
||||
{{$flen := len .Friendship}} |
||||
{{if ne $flen 0}} |
||||
<div class="social"> |
||||
{{range .Friendship}} |
||||
<a href="{{.Url}}">{{.Name}}</a> |
||||
{{end}} |
||||
</div> |
||||
{{end}} |
||||
</div> |
||||
</div> |
||||
</footer> |
||||
</body> |
||||
|
||||
</html> |
||||
@ -0,0 +1,87 @@ |
||||
<!DOCTYPE html> |
||||
<html lang="en"> |
||||
|
||||
<head> |
||||
<meta charset="UTF-8" /> |
||||
<title>{{.Title}}</title> |
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
||||
<meta name="referrer" content="unsafe-url"> |
||||
<meta name="keywords" content="{{.Keywords}}"> |
||||
<meta name="description" content="{{.Description}}"> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/main.css"}}" /> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/common.css"}}" /> |
||||
<link rel="shortcut icon" type="image/png" href="{{replaceImage .Favicon}}" /> |
||||
</head> |
||||
|
||||
<body class="blog"> |
||||
<header id="topbar" class="topbar"> |
||||
<nav class="bignav"> |
||||
<a href="{{.IndexUrl}}" class="logo"><img loading="lazy" alt="logo" id="logo" |
||||
src="{{replaceImage .Logo}}" width="300" height="100" /></a> |
||||
<bp-popup-navbar class="navs" data-instance="BpPopupNavbar"> |
||||
<a href="{{.IndexUrl}}">{{ lang "home"}}</a> |
||||
{{if .HasAbout }} |
||||
<a href="{{.AboutUrl}}">{{ lang "about" }}</a> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<a href="{{.ContactUrl}}">{{ lang "contact" }}</a> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<a href="{{.PolicyUrl}}">{{ lang "policy"}}</a> |
||||
{{end}} |
||||
</bp-popup-navbar> |
||||
</nav> |
||||
<nav class="smallnav" id="mobile-menu-nav"> |
||||
<div class="top"> |
||||
<a href="{{.IndexUrl}}" class="logo nohover"><img loading="lazy" |
||||
alt="logo" id="logo" |
||||
src="{{replaceImage .Logo}}" width="140" |
||||
height="46.6" /></a> |
||||
</div> |
||||
</nav> |
||||
</header> |
||||
|
||||
<div class="workspace-grid" id="workspace"> |
||||
|
||||
<section id="content" class="container" style="grid-area: header;"> |
||||
<div id="breadcrumb"> |
||||
<a href="{{.IndexUrl}}">{{lang "home"}}</a> |
||||
<a href="#">{{lang "policy"}}</a> |
||||
</div> |
||||
<h1 id="page-title">{{lang "policy"}}</h1> |
||||
<div> |
||||
{{.Policy}} |
||||
</div> |
||||
</section> |
||||
</div> |
||||
|
||||
<footer> |
||||
<div class="wrap"> |
||||
<div class="menu"> |
||||
<div>{{.Copyright}}</div> |
||||
<div class="links"> |
||||
{{if .HasAbout }} |
||||
<a href="{{.AboutUrl}}">{{lang "about"}}</a> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<a href="{{.ContactUrl}}">{{lang "contact"}}</a> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<a href="{{.PolicyUrl}}">{{lang "policy"}}</a> |
||||
{{end}} |
||||
</div> |
||||
{{$flen := len .Friendship}} |
||||
{{if ne $flen 0}} |
||||
<div class="social"> |
||||
{{range .Friendship}} |
||||
<a href="{{.Url}}">{{.Name}}</a> |
||||
{{end}} |
||||
</div> |
||||
{{end}} |
||||
</div> |
||||
</div> |
||||
</footer> |
||||
</body> |
||||
|
||||
</html> |
||||
@ -0,0 +1,160 @@ |
||||
<!DOCTYPE html> |
||||
<html lang="en"> |
||||
|
||||
<head> |
||||
<meta charset="UTF-8" /> |
||||
<title>{{.Title}}</title> |
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
||||
<meta name="referrer" content="unsafe-url"> |
||||
<meta name="keywords" content="{{.Keywords}}"> |
||||
<meta name="description" content="{{.Description}}"> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/main.css"}}" /> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/styles.css"}}" /> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/footer.css"}}" /> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/common.css"}}" /> |
||||
<link rel="shortcut icon" type="image/png" href="{{replaceImage .Favicon}}" /> |
||||
</head> |
||||
|
||||
<body class="home blog nv-sidebar-right menu_sidebar_slide_left" id="neve_body"> |
||||
<div class="wrapper"> |
||||
<header class="header" role="banner"> |
||||
<div id="header-grid" class="hfg_header site-header"> |
||||
</div> |
||||
<div id="page-header-grid" class="hfg_page_header page-header"> |
||||
</div> |
||||
<div id="cfx-header-root"> |
||||
<header id="cgh_placeholder"> |
||||
<nav aria-label="Navigate car fax products" id="cgh_placeholder_links"> |
||||
<a href="{{.IndexUrl}}">{{ lang "home"}}</a> |
||||
{{if .HasAbout }} |
||||
<a href="{{.AboutUrl}}">{{ lang "about" }}</a> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<a href="{{.ContactUrl}}">{{ lang "contact" }}</a> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<a href="{{.PolicyUrl}}">{{ lang "policy"}}</a> |
||||
{{end}} |
||||
</nav> |
||||
<a href="{{.IndexUrl}}" id="cgh_placeholder_logo"> |
||||
<img width="134px" |
||||
src="{{replaceImage .Logo}}" |
||||
alt="Logo" /> |
||||
</a> |
||||
</header> |
||||
</div> |
||||
</header> |
||||
|
||||
|
||||
|
||||
<main id="content" class="neve-main" role="main"> |
||||
|
||||
<div class="container archive-container"> |
||||
<div class="row"> |
||||
<section id="content" class="container"> |
||||
<div id="breadcrumb"> |
||||
<a href="{{.IndexUrl}}">{{ lang "home" }}</a> |
||||
<a href="#">{{ lang "about" }}</a> |
||||
</div> |
||||
<h1 id="page-title">{{ lang "about"}} </h1> |
||||
<div> |
||||
{{.About}} |
||||
</div> |
||||
</section> |
||||
</div> |
||||
</div> |
||||
|
||||
</main> |
||||
<!--/.neve-main--> |
||||
|
||||
<footer class="site-footer" id="site-footer"> |
||||
<div class="hfg_footer"> |
||||
<div class="footer--row footer-top layout-full-contained" id="cb-row--footer-top" data-row-id="top" |
||||
data-show-on="desktop"> |
||||
<div class="footer--row-inner footer-top-inner footer-content-wrap"> |
||||
<div class="container"> |
||||
<div class="hfg-grid nv-footer-content hfg-grid-top row--wrapper row " |
||||
data-section="hfg_footer_layout_top"> |
||||
<div |
||||
class="builder-item hfg-item-last hfg-item-first col-12 desktop-left tablet-left mobile-left hfg-item-v-middle"> |
||||
<div class="item--inner builder-item--footer-one-widgets" |
||||
data-section="sidebar-widgets-footer-one-widgets" |
||||
data-item-id="footer-one-widgets"> |
||||
<div class="widget-area"> |
||||
<div id="custom_html-12" class="widget_text widget widget_custom_html"> |
||||
<div class="textwidget custom-html-widget"> |
||||
<footer class="footer"> |
||||
<div id="cfxFooter" key="cfx-footer-placeholder"> |
||||
<div id="carfax-global-footer" data-desktop="true"> |
||||
<div class="cgf-inner"> |
||||
<div class="cgf-inner-top"> |
||||
<div class="cgf-logo"><img |
||||
class="cgf-logo-img" |
||||
src="{{replaceImage .Logo}}" |
||||
alt="Logo"><span |
||||
class="cgf-date">{{.Copyright}}</span></div> |
||||
<div class="cgf-linkColumns"> |
||||
<div class="cgf-linkSet"><span |
||||
class="cgf-linkSet-title">{{lang "related"}}</span> |
||||
<ul class="cgf-linkList "> |
||||
{{if .HasAbout }} |
||||
<li class="cgf-linkList-item"><a |
||||
class="cgf-linkList-link" |
||||
href="{{.AboutUrl}}" |
||||
target="_self">{{lang "about"}}</a></li> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<li class="cgf-linkList-item"><a |
||||
class="cgf-linkList-link" |
||||
href="{{.ContactUrl}}" |
||||
target="_self">{{lang "contact"}}</a></li> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<li class="cgf-linkList-item"><a |
||||
class="cgf-linkList-link" |
||||
href="{{.PolicyUrl}}" |
||||
target="_self">{{lang "policy"}}</a></li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
{{$flen := len .Friendship}} |
||||
{{if ne $flen 0}} |
||||
<div class="cgf-linkSet"><span |
||||
class="cgf-linkSet-title">{{lang "friendship"}}</span> |
||||
<ul class="cgf-linkList "> |
||||
{{range .Friendship}} |
||||
<li class="cgf-linkList-item"><a |
||||
class="cgf-linkList-link" |
||||
href="{{.Url}}" |
||||
target="_self">{{.Name}}</a></li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
{{end}} |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</footer> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
</div> |
||||
</footer> |
||||
|
||||
</div> |
||||
|
||||
|
||||
</body> |
||||
|
||||
</html> |
||||
@ -0,0 +1,5 @@ |
||||
{ |
||||
"creator": "申心远", |
||||
"version": "1.0", |
||||
"origin_website": "https://www.carfax.com/blog/" |
||||
} |
||||
@ -0,0 +1,177 @@ |
||||
<!DOCTYPE html> |
||||
<html lang="en"> |
||||
|
||||
<head> |
||||
<meta charset="UTF-8" /> |
||||
<title>{{.Title}}</title> |
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
||||
<meta name="referrer" content="unsafe-url"> |
||||
<meta name="keywords" content="{{.Keywords}}"> |
||||
<meta name="description" content="{{.Description}}"> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/bootstrap.min.css"}}" /> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/main.css"}}" /> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/styles.css"}}" /> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/footer.css"}}" /> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/common.css"}}" /> |
||||
<link rel="shortcut icon" type="image/png" href="{{replaceImage .Favicon}}" /> |
||||
</head> |
||||
|
||||
<body class="home blog nv-sidebar-right menu_sidebar_slide_left" id="neve_body"> |
||||
<div class="wrapper"> |
||||
<header class="header" role="banner"> |
||||
<div id="header-grid" class="hfg_header site-header"> |
||||
</div> |
||||
<div id="page-header-grid" class="hfg_page_header page-header"> |
||||
</div> |
||||
<div id="cfx-header-root"> |
||||
<header id="cgh_placeholder"> |
||||
<nav aria-label="Navigate car fax products" id="cgh_placeholder_links"> |
||||
<a href="{{.IndexUrl}}">{{ lang "home"}}</a> |
||||
{{if .HasAbout }} |
||||
<a href="{{.AboutUrl}}">{{ lang "about" }}</a> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<a href="{{.ContactUrl}}">{{ lang "contact" }}</a> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<a href="{{.PolicyUrl}}">{{ lang "policy"}}</a> |
||||
{{end}} |
||||
</nav> |
||||
<a href="{{.IndexUrl}}" id="cgh_placeholder_logo"> |
||||
<img width="134px" |
||||
src="{{replaceImage .Logo}}" |
||||
alt="Logo" /> |
||||
</a> |
||||
</header> |
||||
</div> |
||||
</header> |
||||
|
||||
|
||||
|
||||
<main id="content" class="neve-main" role="main"> |
||||
|
||||
<div class="container archive-container"> |
||||
<div class="row"> |
||||
<section id="content" class="container"> |
||||
<div id="breadcrumb"> |
||||
<a href="{{.IndexUrl}}">{{lang "home"}}</a> |
||||
<a href="#">{{lang "contact"}}</a> |
||||
</div> |
||||
<h1 id="page-title">{{lang "contact"}}</h1> |
||||
<div> |
||||
{{.Contact}} |
||||
<form class="col-12 col-lg-6" style="padding: 0;"> |
||||
<div class="form-group"> |
||||
<label for="emailInput">{{lang "about_email"}}</label> |
||||
<input type="email" class="form-control" id="emailInput" placeholder="name@example.com"> |
||||
</div> |
||||
<div class="form-group"> |
||||
<label for="nameInput">{{lang "about_name"}}</label> |
||||
<input type="name" class="form-control" id="nameInput" placeholder="your name"> |
||||
</div> |
||||
<div class="form-group"> |
||||
<label for="exampleFormControlTextarea1">{{lang "about_message"}}</label> |
||||
<textarea class="form-control" id="exampleFormControlTextarea1" rows="3" |
||||
placeholder="what do you want to say"></textarea> |
||||
</div> |
||||
<button type="submit" class="btn btn-primary" style="width: 100%;">{{lang "about_send"}}</button> |
||||
</form> |
||||
</div> |
||||
</section> |
||||
</div> |
||||
</div> |
||||
|
||||
</main> |
||||
<!--/.neve-main--> |
||||
|
||||
<footer class="site-footer" id="site-footer"> |
||||
<div class="hfg_footer"> |
||||
<div class="footer--row footer-top layout-full-contained" id="cb-row--footer-top" data-row-id="top" |
||||
data-show-on="desktop"> |
||||
<div class="footer--row-inner footer-top-inner footer-content-wrap"> |
||||
<div class="container"> |
||||
<div class="hfg-grid nv-footer-content hfg-grid-top row--wrapper row " |
||||
data-section="hfg_footer_layout_top"> |
||||
<div |
||||
class="builder-item hfg-item-last hfg-item-first col-12 desktop-left tablet-left mobile-left hfg-item-v-middle"> |
||||
<div class="item--inner builder-item--footer-one-widgets" |
||||
data-section="sidebar-widgets-footer-one-widgets" |
||||
data-item-id="footer-one-widgets"> |
||||
<div class="widget-area"> |
||||
<div id="custom_html-12" class="widget_text widget widget_custom_html"> |
||||
<div class="textwidget custom-html-widget"> |
||||
<footer class="footer"> |
||||
<div id="cfxFooter" key="cfx-footer-placeholder"> |
||||
<div id="carfax-global-footer" data-desktop="true"> |
||||
<div class="cgf-inner"> |
||||
<div class="cgf-inner-top"> |
||||
<div class="cgf-logo"><img |
||||
class="cgf-logo-img" |
||||
src="{{replaceImage .Logo}}" |
||||
alt="Logo"><span |
||||
class="cgf-date">{{.Copyright}}</span></div> |
||||
<div class="cgf-linkColumns"> |
||||
<div class="cgf-linkSet"><span |
||||
class="cgf-linkSet-title">{{lang "related"}}</span> |
||||
<ul class="cgf-linkList "> |
||||
{{if .HasAbout }} |
||||
<li class="cgf-linkList-item"><a |
||||
class="cgf-linkList-link" |
||||
href="{{.AboutUrl}}" |
||||
target="_self">{{lang "about"}}</a></li> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<li class="cgf-linkList-item"><a |
||||
class="cgf-linkList-link" |
||||
href="{{.ContactUrl}}" |
||||
target="_self">{{lang "contact"}}</a></li> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<li class="cgf-linkList-item"><a |
||||
class="cgf-linkList-link" |
||||
href="{{.PolicyUrl}}" |
||||
target="_self">{{lang "policy"}}</a></li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
{{$flen := len .Friendship}} |
||||
{{if ne $flen 0}} |
||||
<div class="cgf-linkSet"><span |
||||
class="cgf-linkSet-title">{{lang "friendship"}}</span> |
||||
<ul class="cgf-linkList "> |
||||
{{range .Friendship}} |
||||
<li class="cgf-linkList-item"><a |
||||
class="cgf-linkList-link" |
||||
href="{{.Url}}" |
||||
target="_self">{{.Name}}</a></li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
{{end}} |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</footer> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
</div> |
||||
</footer> |
||||
|
||||
</div> |
||||
|
||||
|
||||
</body> |
||||
|
||||
</html> |
||||
File diff suppressed because one or more lines are too long
@ -0,0 +1,185 @@ |
||||
a { |
||||
color: #3755d6; |
||||
text-decoration: none; |
||||
} |
||||
|
||||
#breadcrumb { |
||||
padding: 20px 0 15px; |
||||
} |
||||
#breadcrumb a { |
||||
color: #666; |
||||
} |
||||
#breadcrumb a:not(:last-of-type)::after { |
||||
content: " / "; |
||||
} |
||||
|
||||
#page-title { |
||||
padding-bottom: 20px; |
||||
} |
||||
|
||||
#content { |
||||
min-height: 50vh; |
||||
margin: 80px auto 20px; |
||||
} |
||||
|
||||
.block-title { |
||||
margin: 20px 0; |
||||
border-bottom: 1px solid #182a75; |
||||
} |
||||
.block-title .text { |
||||
display: inline-block; |
||||
padding: 8px 12px; |
||||
background-color: #182a75; |
||||
color: #fff; |
||||
font-size: 16px; |
||||
} |
||||
|
||||
#header { |
||||
border-bottom: 1px solid #e5e5e5; |
||||
position: fixed; |
||||
top: 0; |
||||
left: 0; |
||||
right: 0; |
||||
z-index: 9999; |
||||
background-color: #fff; |
||||
} |
||||
#header .container { |
||||
padding: 10px 15px; |
||||
display: flex; |
||||
align-items: center; |
||||
justify-content: space-between; |
||||
} |
||||
#header .container .logo { |
||||
display: inline-block; |
||||
height: 100%; |
||||
} |
||||
#header .container .logo-container { |
||||
height: 100%; |
||||
flex-grow: 1; |
||||
} |
||||
#header .container .logo img { |
||||
height: 100%; |
||||
} |
||||
|
||||
#nav { |
||||
width: 100%; |
||||
height: 60px; |
||||
display: flex; |
||||
align-items: center; |
||||
box-sizing: border-box; |
||||
padding: 0; |
||||
} |
||||
#nav .navbar-toggler { |
||||
margin-right: 15px; |
||||
} |
||||
#nav .navbar-collapse { |
||||
flex-grow: 0; |
||||
background-color: #fff; |
||||
} |
||||
#nav .navbar-collapse.show { |
||||
box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1); |
||||
margin-top: 11px; |
||||
} |
||||
#nav .navbar-collapse.collapsing { |
||||
margin-top: 11px; |
||||
} |
||||
#nav .navbar-collapse a { |
||||
font-weight: 700; |
||||
padding: 10px 15px; |
||||
display: inline-flex; |
||||
align-items: center; |
||||
color: #3755d6; |
||||
} |
||||
#nav .navbar-collapse .nav-link { |
||||
display: flex; |
||||
} |
||||
|
||||
#footer { |
||||
background-color: #f5f5f5; |
||||
} |
||||
#footer .container { |
||||
padding: 40px 15px; |
||||
} |
||||
#footer .container .logo { |
||||
height: 50px; |
||||
} |
||||
#footer .container .title { |
||||
font-size: 20px; |
||||
font-weight: 700; |
||||
padding: 10px 0; |
||||
} |
||||
#footer .container .column { |
||||
padding: 10px; |
||||
} |
||||
#footer .container .column .links a { |
||||
padding: 5px 0; |
||||
margin-right: 20px; |
||||
color: #333; |
||||
font-size: 14px; |
||||
} |
||||
#footer .container .copyright { |
||||
font-size: 14px; |
||||
margin-top: 5px; |
||||
} |
||||
|
||||
#article-popular-recommend { |
||||
padding-right: 0; |
||||
} |
||||
#article-popular-recommend .article:not(:last-of-type) { |
||||
margin-bottom: 15px; |
||||
} |
||||
#article-popular-recommend .article .image { |
||||
width: 125px; |
||||
height: 75px; |
||||
-o-object-fit: cover; |
||||
object-fit: cover; |
||||
margin-right: 15px; |
||||
background-color: #f5f5f5; |
||||
box-sizing: border-box; |
||||
} |
||||
#article-popular-recommend .article .content { |
||||
flex: 1; |
||||
} |
||||
#article-popular-recommend .article .content .title { |
||||
font-size: 14px; |
||||
font-weight: 700; |
||||
color: #333; |
||||
} |
||||
#article-popular-recommend .article .content .title:hover { |
||||
color: #3755d6; |
||||
transition: color 0.5s; |
||||
} |
||||
#article-popular-recommend .article .content .info { |
||||
color: #999; |
||||
margin-top: 5px; |
||||
font-size: 14px; |
||||
} |
||||
|
||||
@media screen and (max-width: 540px) { |
||||
body { |
||||
font-size: 14px; |
||||
} |
||||
#footer .container { |
||||
padding: 20px 15px; |
||||
} |
||||
#footer .title { |
||||
font-size: 16px !important; |
||||
} |
||||
#footer .links a { |
||||
font-size: 14px; |
||||
} |
||||
.col-md-12 { |
||||
padding: 0; |
||||
} |
||||
.block-title .text { |
||||
background-color: unset; |
||||
color: #182a75; |
||||
padding-left: 0; |
||||
font-weight: bold; |
||||
} |
||||
} |
||||
@media screen and (max-width: 992px) { |
||||
#article-popular-recommend { |
||||
padding-left: 0; |
||||
} |
||||
}/*# sourceMappingURL=common.css.map */ |
||||
@ -0,0 +1,54 @@ |
||||
#article-head { |
||||
padding: 10px 0; |
||||
color: #999; |
||||
} |
||||
|
||||
#article-container img { |
||||
padding: 20px 0; |
||||
} |
||||
|
||||
#title { |
||||
font-size: 38px; |
||||
line-height: 48px; |
||||
font-weight: 400; |
||||
color: #333; |
||||
} |
||||
|
||||
.hidden-text { |
||||
text-overflow:ellipsis; |
||||
overflow:hidden; |
||||
white-space:nowrap; |
||||
} |
||||
.article-page { |
||||
min-height: 20px; |
||||
} |
||||
.article-page>div{ |
||||
max-width: 300px; |
||||
} |
||||
.article-page div:first-child{ |
||||
float:left; |
||||
} |
||||
.article-page div:last-child{ |
||||
float:right; |
||||
} |
||||
|
||||
@media screen and (max-width: 540px) { |
||||
#title { |
||||
font-size: 22px; |
||||
line-height: 1.5; |
||||
} |
||||
.col-md-12 { |
||||
padding: 0; |
||||
} |
||||
.article-page div:first-child{ |
||||
float:none; |
||||
} |
||||
.article-page div:last-child{ |
||||
float:none; |
||||
} |
||||
} |
||||
@media screen and (min-width: 540px) { |
||||
#article-container { |
||||
padding-left: 0; |
||||
} |
||||
}/*# sourceMappingURL=details.css.map */ |
||||
@ -0,0 +1,518 @@ |
||||
#carfax-global-footer { |
||||
font-size: 1rem; |
||||
line-height: 1.5rem |
||||
} |
||||
|
||||
#carfax-global-footer .cgf-linkList-link, |
||||
#carfax-global-footer .cgf-linkSet-title { |
||||
font-size: .875rem; |
||||
line-height: 1.5rem |
||||
} |
||||
|
||||
#carfax-global-footer .cgf-date, |
||||
.cgf-disclaimer { |
||||
font-size: .75rem; |
||||
line-height: 1.125rem |
||||
} |
||||
|
||||
*, |
||||
ol, |
||||
ul { |
||||
margin: 0; |
||||
padding: 0; |
||||
outline: none; |
||||
box-sizing: border-box |
||||
} |
||||
|
||||
li, |
||||
ol { |
||||
list-style-type: none |
||||
} |
||||
|
||||
article, |
||||
aside, |
||||
details, |
||||
figcaption, |
||||
figure, |
||||
footer, |
||||
header, |
||||
hgroup, |
||||
main, |
||||
menu, |
||||
nav, |
||||
section { |
||||
display: block |
||||
} |
||||
|
||||
summary { |
||||
display: list-item |
||||
} |
||||
|
||||
[hidden], |
||||
template { |
||||
display: none |
||||
} |
||||
|
||||
*, |
||||
:after, |
||||
:before { |
||||
box-sizing: border-box |
||||
} |
||||
|
||||
html { |
||||
height: 100%; |
||||
font-size: 16px; |
||||
line-height: 24px; |
||||
text-rendering: optimizeSpeed; |
||||
-moz-osx-font-smoothing: grayscale; |
||||
font-smoothing: antialiased; |
||||
-webkit-font-smoothing: antialiased; |
||||
-ms-text-size-adjust: 100% |
||||
} |
||||
|
||||
body { |
||||
min-height: 100%; |
||||
font-family: Roboto, Helvetica, Arial, sans-serif; |
||||
font-weight: 400; |
||||
margin: 0 |
||||
} |
||||
|
||||
::-moz-selection, |
||||
::selection { |
||||
background-color: #6ab7ff; |
||||
color: #fff |
||||
} |
||||
|
||||
button, |
||||
input, |
||||
optgroup, |
||||
select, |
||||
textarea { |
||||
color: inherit; |
||||
font: inherit; |
||||
margin: 0 |
||||
} |
||||
|
||||
button, |
||||
select { |
||||
text-transform: none |
||||
} |
||||
|
||||
button, |
||||
html input[type=button], |
||||
input[type=reset], |
||||
input[type=submit] { |
||||
-webkit-appearance: button; |
||||
cursor: pointer |
||||
} |
||||
|
||||
button[disabled], |
||||
html input[disabled] { |
||||
cursor: not-allowed |
||||
} |
||||
|
||||
button::-moz-focus-inner, |
||||
input::-moz-focus-inner { |
||||
border: 0; |
||||
padding: 0 |
||||
} |
||||
|
||||
input { |
||||
line-height: normal |
||||
} |
||||
|
||||
input[type=checkbox], |
||||
input[type=radio] { |
||||
box-sizing: border-box; |
||||
padding: 0 |
||||
} |
||||
|
||||
input[type=number]::-webkit-inner-spin-button, |
||||
input[type=number]::-webkit-outer-spin-button { |
||||
height: auto |
||||
} |
||||
|
||||
input[type=search] { |
||||
-webkit-appearance: textfield; |
||||
outline-offset: -2px |
||||
} |
||||
|
||||
input[type=search]::-webkit-search-cancel-button, |
||||
input[type=search]::-webkit-search-decoration { |
||||
-webkit-appearance: none |
||||
} |
||||
|
||||
legend { |
||||
border: 0; |
||||
box-sizing: border-box; |
||||
color: inherit; |
||||
display: table; |
||||
max-width: 100%; |
||||
padding: 0; |
||||
white-space: normal |
||||
} |
||||
|
||||
textarea { |
||||
overflow: auto |
||||
} |
||||
|
||||
optgroup { |
||||
font-weight: 700 |
||||
} |
||||
|
||||
img { |
||||
border: 0; |
||||
border-style: none |
||||
} |
||||
|
||||
svg:not(:root) { |
||||
overflow: hidden |
||||
} |
||||
|
||||
svg { |
||||
font-size: 16px |
||||
} |
||||
|
||||
table { |
||||
border-collapse: collapse; |
||||
border-spacing: 0 |
||||
} |
||||
|
||||
td, |
||||
th { |
||||
padding: 0 |
||||
} |
||||
|
||||
iframe, |
||||
img, |
||||
video { |
||||
max-width: 100% |
||||
} |
||||
|
||||
audio, |
||||
canvas, |
||||
progress, |
||||
video { |
||||
display: inline-block; |
||||
vertical-align: baseline |
||||
} |
||||
|
||||
audio:not([controls]) { |
||||
display: none; |
||||
height: 0 |
||||
} |
||||
|
||||
dfn { |
||||
font-style: italic |
||||
} |
||||
|
||||
small { |
||||
font-size: 80% |
||||
} |
||||
|
||||
pre { |
||||
overflow: auto |
||||
} |
||||
|
||||
abbr[title] { |
||||
border-bottom: none; |
||||
text-decoration: underline; |
||||
text-decoration: underline dotted |
||||
} |
||||
|
||||
a { |
||||
text-decoration: none; |
||||
cursor: pointer; |
||||
background-color: transparent; |
||||
-webkit-text-decoration-skip: objects; |
||||
color: #1976d2 |
||||
} |
||||
|
||||
a:focus { |
||||
outline: none |
||||
} |
||||
|
||||
a:active, |
||||
a:hover { |
||||
outline: 0 |
||||
} |
||||
|
||||
b, |
||||
strong { |
||||
font-weight: 700 |
||||
} |
||||
|
||||
mark { |
||||
background: #ffc400; |
||||
color: #212121 |
||||
} |
||||
|
||||
sub, |
||||
sup { |
||||
font-size: 75%; |
||||
line-height: 0; |
||||
position: relative; |
||||
vertical-align: baseline |
||||
} |
||||
|
||||
sup { |
||||
top: -.5em |
||||
} |
||||
|
||||
sub { |
||||
bottom: -.25em |
||||
} |
||||
|
||||
hr { |
||||
box-sizing: content-box; |
||||
height: 0; |
||||
overflow: visible |
||||
} |
||||
|
||||
code, |
||||
kbd, |
||||
pre, |
||||
samp { |
||||
font-family: monospace, monospace; |
||||
font-size: 1em |
||||
} |
||||
|
||||
::-webkit-file-upload-button { |
||||
-webkit-appearance: button; |
||||
font: inherit |
||||
} |
||||
|
||||
.cfx-icon { |
||||
vertical-align: middle |
||||
} |
||||
|
||||
.sr-only { |
||||
position: absolute; |
||||
width: 1px; |
||||
height: 1px; |
||||
padding: 0; |
||||
margin: -1px; |
||||
overflow: hidden; |
||||
clip: rect(0, 0, 0, 0); |
||||
border: 0 |
||||
} |
||||
|
||||
#carfax-global-footer { |
||||
font-family: Roboto, Helvetica, "sans-serif"; |
||||
background-color: #212121; |
||||
color: #fff; |
||||
clear: both; |
||||
width: 100%; |
||||
min-width: 100%; |
||||
font-weight: 400; |
||||
-webkit-font-smoothing: antialiased; |
||||
z-index: 399 |
||||
} |
||||
|
||||
#carfax-global-footer .cgf-logo { |
||||
display: flex; |
||||
flex-direction: column; |
||||
flex-grow: 1; |
||||
margin-top: 4px |
||||
} |
||||
|
||||
#carfax-global-footer .cgf-logo img { |
||||
height: 34px; |
||||
width: 180px |
||||
} |
||||
|
||||
#carfax-global-footer .cgf-date { |
||||
margin-top: 8px |
||||
} |
||||
|
||||
#carfax-global-footer .cgf-linkSet-title { |
||||
padding-bottom: 12px; |
||||
display: inline-block; |
||||
font-weight: 700 |
||||
} |
||||
|
||||
#carfax-global-footer .cgf-linkList-link { |
||||
padding: 12px 0; |
||||
width: 100%; |
||||
display: inline-block; |
||||
color: #fff |
||||
} |
||||
|
||||
#carfax-global-footer .cgf-linkColumns-stacked .cgf-linkSet:last-child .cgf-linkSet-title { |
||||
margin-top: 16px |
||||
} |
||||
|
||||
#carfax-global-footer .cgf-linkSet--accordion { |
||||
text-align: left; |
||||
width: 100%; |
||||
margin: 0 auto; |
||||
position: relative |
||||
} |
||||
|
||||
#carfax-global-footer .cgf-linkSet--accordion[aria-expanded=true] .cgf-linkList { |
||||
display: block; |
||||
height: auto |
||||
} |
||||
|
||||
#carfax-global-footer .cgf-linkSet--accordion .cgf-linkSet-title { |
||||
padding: 16px 0; |
||||
display: inline-block; |
||||
cursor: pointer; |
||||
user-select: none |
||||
} |
||||
|
||||
#carfax-global-footer .cgf-linkSet--accordion .cgf-linkList { |
||||
display: none; |
||||
height: 0 |
||||
} |
||||
|
||||
#carfax-global-footer .cgf-linkSet--accordion .cfx-icon { |
||||
fill: #fff; |
||||
position: absolute; |
||||
right: 0; |
||||
height: 24px; |
||||
width: 24px; |
||||
margin-left: 4px |
||||
} |
||||
|
||||
#carfax-global-footer .cgf-linkList-tag { |
||||
font-size: .75rem; |
||||
background-color: #1976d2; |
||||
color: #fff; |
||||
padding: 3px 8px; |
||||
text-align: center; |
||||
border-radius: 2px; |
||||
margin-left: 4px |
||||
} |
||||
|
||||
#carfax-global-footer .cgf-inner-bottom-legal .cgf-linkList-link { |
||||
font-size: .75rem; |
||||
line-height: 48px; |
||||
padding: 0 8px |
||||
} |
||||
|
||||
#carfax-global-footer .cgf-socialLinks { |
||||
position: relative |
||||
} |
||||
|
||||
#carfax-global-footer .cgf-socialLinks-link { |
||||
display: inline-block; |
||||
padding: 12px; |
||||
height: 48px |
||||
} |
||||
|
||||
#carfax-global-footer .cgf-socialLinks-link img { |
||||
width: 24px; |
||||
height: 24px |
||||
} |
||||
|
||||
#carfax-global-footer .cgf-inner-bottom-container-legalSocial { |
||||
display: flex; |
||||
flex-direction: column; |
||||
align-items: flex-end; |
||||
position: relative; |
||||
right: -8px |
||||
} |
||||
|
||||
#carfax-global-footer .cgf-linkList-link:focus, |
||||
#carfax-global-footer .cgf-linkList-link:hover, |
||||
#carfax-global-footer .cgf-linkSet--accordion:focus .cgf-linkSet-title { |
||||
text-decoration: underline |
||||
} |
||||
|
||||
#carfax-global-footer .cgf-socialLinks-link:focus:not(:hover) { |
||||
outline: 1px dotted #fff |
||||
} |
||||
|
||||
#carfax-global-footer .optanon-toggle-display { |
||||
cursor: pointer |
||||
} |
||||
|
||||
#carfax-global-footer[data-desktop] .cgf-inner { |
||||
max-width: 1280px; |
||||
margin: 0 auto |
||||
} |
||||
|
||||
#carfax-global-footer[data-desktop] .cgf-inner-bottom, |
||||
#carfax-global-footer[data-desktop] .cgf-inner-top { |
||||
display: flex |
||||
} |
||||
|
||||
#carfax-global-footer[data-desktop] .cgf-inner-top .cgf-linkList { |
||||
width: 187px |
||||
} |
||||
|
||||
#carfax-global-footer[data-desktop] .cgf-disclaimer--left { |
||||
padding-top: 12px; |
||||
flex: 3 0 |
||||
} |
||||
|
||||
#carfax-global-footer[data-desktop] .cgf-inner-bottom-container { |
||||
flex: 2 0 |
||||
} |
||||
|
||||
#carfax-global-footer[data-tablet] .cgf-inner-top .cgf-linkSet, |
||||
#carfax-global-footer[data-tablet] .cgf-linkColumns-stacked { |
||||
flex: 1 0 |
||||
} |
||||
|
||||
#carfax-global-footer[data-tablet] .cgf-logo { |
||||
margin-top: 10px |
||||
} |
||||
|
||||
#carfax-global-footer[data-tablet] .cgf-inner-bottom { |
||||
display: flex; |
||||
flex-direction: column |
||||
} |
||||
|
||||
#carfax-global-footer[data-tablet] .cgf-inner-bottom-container { |
||||
display: flex |
||||
} |
||||
|
||||
#carfax-global-footer[data-phone] .cgf-inner-top { |
||||
display: flex; |
||||
flex-direction: column |
||||
} |
||||
|
||||
#carfax-global-footer[data-phone] .cgf-inner-bottom { |
||||
align-items: center |
||||
} |
||||
|
||||
#carfax-global-footer[data-phone] .cgf-inner-bottom-social { |
||||
margin-top: 12px |
||||
} |
||||
|
||||
#carfax-global-footer[data-phone] .cgf-inner-bottom-legal { |
||||
display: flex; |
||||
flex-wrap: wrap; |
||||
text-align: center; |
||||
width: 100% |
||||
} |
||||
|
||||
#carfax-global-footer[data-phone] .cgf-inner-bottom-legal .cgf-linkList-item { |
||||
width: 50% |
||||
} |
||||
|
||||
.cgf-inner { |
||||
display: flex; |
||||
flex-direction: column; |
||||
padding: 24px |
||||
} |
||||
|
||||
.cgf-inner-bottom { |
||||
border-top: 1px solid #fff; |
||||
margin-top: 12px; |
||||
padding-top: 12px |
||||
} |
||||
|
||||
.cgf-inner-bottom-legal, |
||||
.cgf-linkColumns { |
||||
display: flex |
||||
} |
||||
|
||||
@media (-ms-high-contrast:none), |
||||
screen and (-ms-high-contrast:active) { |
||||
#carfax-global-footer[data-phone] .cgf-inner-top { |
||||
display: block |
||||
} |
||||
} |
||||
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,197 @@ |
||||
<!DOCTYPE html> |
||||
<html lang="en"> |
||||
|
||||
<head> |
||||
<meta charset="UTF-8" /> |
||||
<title>{{.Title}}</title> |
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
||||
<meta name="referrer" content="unsafe-url"> |
||||
<meta name="keywords" content="{{.Keywords}}"> |
||||
<meta name="description" content="{{.Description}}"> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/bootstrap.min.css"}}" /> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/main.css"}}" /> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/styles.css"}}" /> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/footer.css"}}" /> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/common.css"}}" /> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/details.css"}}" /> |
||||
<link rel="shortcut icon" type="image/png" href="{{replaceImage .Favicon}}" /> |
||||
</head> |
||||
|
||||
<body class="home blog nv-sidebar-right menu_sidebar_slide_left" id="neve_body"> |
||||
<div class="wrapper"> |
||||
<header class="header" role="banner"> |
||||
<div id="header-grid" class="hfg_header site-header"> |
||||
</div> |
||||
<div id="page-header-grid" class="hfg_page_header page-header"> |
||||
</div> |
||||
<div id="cfx-header-root"> |
||||
<header id="cgh_placeholder"> |
||||
<nav aria-label="Navigate car fax products" id="cgh_placeholder_links"> |
||||
<a href="{{.IndexUrl}}">{{ lang "home"}}</a> |
||||
{{if .HasAbout }} |
||||
<a href="{{.AboutUrl}}">{{ lang "about" }}</a> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<a href="{{.ContactUrl}}">{{ lang "contact" }}</a> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<a href="{{.PolicyUrl}}">{{ lang "policy"}}</a> |
||||
{{end}} |
||||
</nav> |
||||
<a href="{{.IndexUrl}}" id="cgh_placeholder_logo"> |
||||
<img width="134px" |
||||
src="{{replaceImage .Logo}}" |
||||
alt="Logo" /> |
||||
</a> |
||||
</header> |
||||
</div> |
||||
</header> |
||||
|
||||
|
||||
|
||||
<main id="content" class="neve-main" role="main"> |
||||
|
||||
<div class="container archive-container"> |
||||
<div class="row"> |
||||
<section id="content" class="container"> |
||||
<div id="breadcrumb"> |
||||
<a href="{{.IndexUrl}}">{{lang "home"}}</a> |
||||
<a href="#">{{.Title}}</a> |
||||
</div> |
||||
<div id="article-head"> |
||||
<h1 id="title">{{.Title}}</h1> |
||||
<div> |
||||
<span>{{timeFormat .PublishTime}}</span> |
||||
<span> / </span> |
||||
<span>{{.Views}} {{lang "views"}}</span> |
||||
</div> |
||||
</div> |
||||
<div class="d-lg-flex"> |
||||
<div id="article-container" class="col-lg-12 col-md-24"> |
||||
<article id="article"> |
||||
<img width="100%" src="{{getCover .Article.Pictures}}" /> |
||||
<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> |
||||
<!-- 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> |
||||
</div> |
||||
</div> |
||||
</section> |
||||
</div> |
||||
</div> |
||||
|
||||
</main> |
||||
<!--/.neve-main--> |
||||
|
||||
<footer class="site-footer" id="site-footer"> |
||||
<div class="hfg_footer"> |
||||
<div class="footer--row footer-top layout-full-contained" id="cb-row--footer-top" data-row-id="top" |
||||
data-show-on="desktop"> |
||||
<div class="footer--row-inner footer-top-inner footer-content-wrap"> |
||||
<div class="container"> |
||||
<div class="hfg-grid nv-footer-content hfg-grid-top row--wrapper row " |
||||
data-section="hfg_footer_layout_top"> |
||||
<div |
||||
class="builder-item hfg-item-last hfg-item-first col-12 desktop-left tablet-left mobile-left hfg-item-v-middle"> |
||||
<div class="item--inner builder-item--footer-one-widgets" |
||||
data-section="sidebar-widgets-footer-one-widgets" |
||||
data-item-id="footer-one-widgets"> |
||||
<div class="widget-area"> |
||||
<div id="custom_html-12" class="widget_text widget widget_custom_html"> |
||||
<div class="textwidget custom-html-widget"> |
||||
<footer class="footer"> |
||||
<div id="cfxFooter" key="cfx-footer-placeholder"> |
||||
<div id="carfax-global-footer" data-desktop="true"> |
||||
<div class="cgf-inner"> |
||||
<div class="cgf-inner-top"> |
||||
<div class="cgf-logo"><img |
||||
class="cgf-logo-img" |
||||
src="{{replaceImage .Logo}}" |
||||
alt="Logo"><span |
||||
class="cgf-date">{{.Copyright}}</span></div> |
||||
<div class="cgf-linkColumns"> |
||||
<div class="cgf-linkSet"><span |
||||
class="cgf-linkSet-title">{{lang "related"}}</span> |
||||
<ul class="cgf-linkList "> |
||||
{{if .HasAbout }} |
||||
<li class="cgf-linkList-item"><a |
||||
class="cgf-linkList-link" |
||||
href="{{.AboutUrl}}" |
||||
target="_self">{{lang "about"}}</a></li> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<li class="cgf-linkList-item"><a |
||||
class="cgf-linkList-link" |
||||
href="{{.ContactUrl}}" |
||||
target="_self">{{lang "contact"}}</a></li> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<li class="cgf-linkList-item"><a |
||||
class="cgf-linkList-link" |
||||
href="{{.PolicyUrl}}" |
||||
target="_self">{{lang "policy"}}</a></li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
{{$flen := len .Friendship}} |
||||
{{if ne $flen 0}} |
||||
<div class="cgf-linkSet"><span |
||||
class="cgf-linkSet-title">{{lang "friendship"}}</span> |
||||
<ul class="cgf-linkList "> |
||||
{{range .Friendship}} |
||||
<li class="cgf-linkList-item"><a |
||||
class="cgf-linkList-link" |
||||
href="{{.Url}}" |
||||
target="_self">{{.Name}}</a></li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
{{end}} |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</footer> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
</div> |
||||
</footer> |
||||
|
||||
</div> |
||||
|
||||
|
||||
</body> |
||||
|
||||
</html> |
||||
@ -0,0 +1,228 @@ |
||||
<!DOCTYPE html> |
||||
<html lang="en"> |
||||
|
||||
<head> |
||||
<meta charset="UTF-8" /> |
||||
<title>{{.Title}}</title> |
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
||||
<meta name="referrer" content="unsafe-url"> |
||||
<meta name="keywords" content="{{.Keywords}}"> |
||||
<meta name="description" content="{{.Description}}"> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/main.css"}}" /> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/styles.css"}}" /> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/footer.css"}}" /> |
||||
<link rel="shortcut icon" type="image/png" href="{{replaceImage .Favicon}}" /> |
||||
</head> |
||||
|
||||
<body class="home blog nv-sidebar-right menu_sidebar_slide_left" id="neve_body"> |
||||
<div class="wrapper"> |
||||
<header class="header" role="banner"> |
||||
<div id="header-grid" class="hfg_header site-header"> |
||||
</div> |
||||
<div id="page-header-grid" class="hfg_page_header page-header"> |
||||
</div> |
||||
<div id="cfx-header-root"> |
||||
<header id="cgh_placeholder"> |
||||
<nav aria-label="Navigate car fax products" id="cgh_placeholder_links"> |
||||
<a href="{{.IndexUrl}}">{{ lang "home"}}</a> |
||||
{{if .HasAbout }} |
||||
<a href="{{.AboutUrl}}">{{ lang "about" }}</a> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<a href="{{.ContactUrl}}">{{ lang "contact" }}</a> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<a href="{{.PolicyUrl}}">{{ lang "policy"}}</a> |
||||
{{end}} |
||||
</nav> |
||||
<a href="{{.IndexUrl}}" id="cgh_placeholder_logo"> |
||||
<img width="134px" |
||||
src="{{replaceImage .Logo}}" |
||||
alt="Logo" /> |
||||
</a> |
||||
</header> |
||||
</div> |
||||
</header> |
||||
|
||||
|
||||
|
||||
<main id="content" class="neve-main" role="main"> |
||||
|
||||
<div class="container archive-container"> |
||||
<div class="row"> |
||||
<div class="nv-index-posts blog col"> |
||||
|
||||
<div class="nv-page-title-wrap nv-big-title"> |
||||
<div class="nv-page-title "> |
||||
<h1>{{lang "latest"}}</h1> |
||||
</div> |
||||
</div> |
||||
<div class="posts-wrapper row"> |
||||
{{ range .Articles }} |
||||
<article |
||||
class="post-74131 post type-post status-publish format-standard has-post-thumbnail sticky hentry category-car-buying layout-default col-12 nv-non-grid-article"> |
||||
<div class="article-content-col"> |
||||
<div class="content" style="align-items: flex-start;"> |
||||
<div class="nv-post-thumbnail-wrap"><a |
||||
href="{{.Url}}" rel="bookmark"><img |
||||
width="930" height="620" |
||||
src="{{getCover .Cover 300 180}}" |
||||
class=" wp-post-image"></a> |
||||
</div> |
||||
<div class="non-grid-content default-layout-content"> |
||||
<h2 class="blog-entry-title entry-title"><a |
||||
href="{{.Url}}" |
||||
rel="bookmark">{{.Title}}</a></h2> |
||||
<ul class="nv-meta-list"> |
||||
<li class="meta author vcard"><span class="author-name fn"><a |
||||
href="{{.Url}}" rel="author">{{timeFormat .PublishTime}}</a></span></li> |
||||
<li class="meta date posted-on"> |
||||
<time class="updated" >{{.Views}} {{lang "views"}}</time> |
||||
</li> |
||||
</ul> |
||||
<div class="excerpt-wrap entry-summary"> |
||||
<p>{{.Summary}}</p> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</article> |
||||
{{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 class="nv-sidebar-wrap col-sm-12 nv-right blog-sidebar"> |
||||
<aside id="secondary" role="complementary"> |
||||
{{$plen := len .PopularArticles}} |
||||
{{if ne $plen 0}} |
||||
<div id="custom_html-6" class="widget_text widget widget_custom_html"> |
||||
<div class="textwidget custom-html-widget"> |
||||
|
||||
|
||||
<div class="mod-tips-and-advice__container"> |
||||
|
||||
<h2 class="mod-tips-and-advice__header">{{lang "popular"}}</h2> |
||||
|
||||
<ul class="mod-tips-and-advice__list"> |
||||
{{range .PopularArticles}} |
||||
<li class="mod-tips-and-advice__item"><a |
||||
class="mod-tips-and-advice__link" |
||||
href="{{.Url}}">{{.Title}}</a></li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
{{end}} |
||||
</aside> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
</main> |
||||
<!--/.neve-main--> |
||||
|
||||
<footer class="site-footer" id="site-footer"> |
||||
<div class="hfg_footer"> |
||||
<div class="footer--row footer-top layout-full-contained" id="cb-row--footer-top" data-row-id="top" |
||||
data-show-on="desktop"> |
||||
<div class="footer--row-inner footer-top-inner footer-content-wrap"> |
||||
<div class="container"> |
||||
<div class="hfg-grid nv-footer-content hfg-grid-top row--wrapper row " |
||||
data-section="hfg_footer_layout_top"> |
||||
<div |
||||
class="builder-item hfg-item-last hfg-item-first col-12 desktop-left tablet-left mobile-left hfg-item-v-middle"> |
||||
<div class="item--inner builder-item--footer-one-widgets" |
||||
data-section="sidebar-widgets-footer-one-widgets" |
||||
data-item-id="footer-one-widgets"> |
||||
<div class="widget-area"> |
||||
<div id="custom_html-12" class="widget_text widget widget_custom_html"> |
||||
<div class="textwidget custom-html-widget"> |
||||
<footer class="footer"> |
||||
<div id="cfxFooter" key="cfx-footer-placeholder"> |
||||
<div id="carfax-global-footer" data-desktop="true"> |
||||
<div class="cgf-inner"> |
||||
<div class="cgf-inner-top"> |
||||
<div class="cgf-logo"><img |
||||
class="cgf-logo-img" |
||||
src="{{replaceImage .Logo}}" |
||||
alt="Logo"><span |
||||
class="cgf-date">{{.Copyright}}</span></div> |
||||
<div class="cgf-linkColumns"> |
||||
<div class="cgf-linkSet"><span |
||||
class="cgf-linkSet-title">{{lang "related"}}</span> |
||||
<ul class="cgf-linkList "> |
||||
{{if .HasAbout }} |
||||
<li class="cgf-linkList-item"><a |
||||
class="cgf-linkList-link" |
||||
href="{{.AboutUrl}}" |
||||
target="_self">{{lang "about"}}</a></li> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<li class="cgf-linkList-item"><a |
||||
class="cgf-linkList-link" |
||||
href="{{.ContactUrl}}" |
||||
target="_self">{{lang "contact"}}</a></li> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<li class="cgf-linkList-item"><a |
||||
class="cgf-linkList-link" |
||||
href="{{.PolicyUrl}}" |
||||
target="_self">{{lang "policy"}}</a></li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
{{$flen := len .Friendship}} |
||||
{{if ne $flen 0}} |
||||
<div class="cgf-linkSet"><span |
||||
class="cgf-linkSet-title">{{lang "friendship"}}</span> |
||||
<ul class="cgf-linkList "> |
||||
{{range .Friendship}} |
||||
<li class="cgf-linkList-item"><a |
||||
class="cgf-linkList-link" |
||||
href="{{.Url}}" |
||||
target="_self">{{.Name}}</a></li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
{{end}} |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</footer> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
</div> |
||||
</footer> |
||||
|
||||
</div> |
||||
|
||||
|
||||
</body> |
||||
|
||||
</html> |
||||
@ -0,0 +1,160 @@ |
||||
<!DOCTYPE html> |
||||
<html lang="en"> |
||||
|
||||
<head> |
||||
<meta charset="UTF-8" /> |
||||
<title>{{.Title}}</title> |
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
||||
<meta name="referrer" content="unsafe-url"> |
||||
<meta name="keywords" content="{{.Keywords}}"> |
||||
<meta name="description" content="{{.Description}}"> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/main.css"}}" /> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/styles.css"}}" /> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/footer.css"}}" /> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/common.css"}}" /> |
||||
<link rel="shortcut icon" type="image/png" href="{{replaceImage .Favicon}}" /> |
||||
</head> |
||||
|
||||
<body class="home blog nv-sidebar-right menu_sidebar_slide_left" id="neve_body"> |
||||
<div class="wrapper"> |
||||
<header class="header" role="banner"> |
||||
<div id="header-grid" class="hfg_header site-header"> |
||||
</div> |
||||
<div id="page-header-grid" class="hfg_page_header page-header"> |
||||
</div> |
||||
<div id="cfx-header-root"> |
||||
<header id="cgh_placeholder"> |
||||
<nav aria-label="Navigate car fax products" id="cgh_placeholder_links"> |
||||
<a href="{{.IndexUrl}}">{{ lang "home"}}</a> |
||||
{{if .HasAbout }} |
||||
<a href="{{.AboutUrl}}">{{ lang "about" }}</a> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<a href="{{.ContactUrl}}">{{ lang "contact" }}</a> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<a href="{{.PolicyUrl}}">{{ lang "policy"}}</a> |
||||
{{end}} |
||||
</nav> |
||||
<a href="{{.IndexUrl}}" id="cgh_placeholder_logo"> |
||||
<img width="134px" |
||||
src="{{replaceImage .Logo}}" |
||||
alt="Logo" /> |
||||
</a> |
||||
</header> |
||||
</div> |
||||
</header> |
||||
|
||||
|
||||
|
||||
<main id="content" class="neve-main" role="main"> |
||||
|
||||
<div class="container archive-container"> |
||||
<div class="row"> |
||||
<section id="content" class="container"> |
||||
<div id="breadcrumb"> |
||||
<a href="{{.IndexUrl}}">{{lang "home"}}</a> |
||||
<a href="#">{{lang "policy"}}</a> |
||||
</div> |
||||
<h1 id="page-title">{{lang "policy"}}</h1> |
||||
<div> |
||||
{{.Policy}} |
||||
</div> |
||||
</section> |
||||
</div> |
||||
</div> |
||||
|
||||
</main> |
||||
<!--/.neve-main--> |
||||
|
||||
<footer class="site-footer" id="site-footer"> |
||||
<div class="hfg_footer"> |
||||
<div class="footer--row footer-top layout-full-contained" id="cb-row--footer-top" data-row-id="top" |
||||
data-show-on="desktop"> |
||||
<div class="footer--row-inner footer-top-inner footer-content-wrap"> |
||||
<div class="container"> |
||||
<div class="hfg-grid nv-footer-content hfg-grid-top row--wrapper row " |
||||
data-section="hfg_footer_layout_top"> |
||||
<div |
||||
class="builder-item hfg-item-last hfg-item-first col-12 desktop-left tablet-left mobile-left hfg-item-v-middle"> |
||||
<div class="item--inner builder-item--footer-one-widgets" |
||||
data-section="sidebar-widgets-footer-one-widgets" |
||||
data-item-id="footer-one-widgets"> |
||||
<div class="widget-area"> |
||||
<div id="custom_html-12" class="widget_text widget widget_custom_html"> |
||||
<div class="textwidget custom-html-widget"> |
||||
<footer class="footer"> |
||||
<div id="cfxFooter" key="cfx-footer-placeholder"> |
||||
<div id="carfax-global-footer" data-desktop="true"> |
||||
<div class="cgf-inner"> |
||||
<div class="cgf-inner-top"> |
||||
<div class="cgf-logo"><img |
||||
class="cgf-logo-img" |
||||
src="{{replaceImage .Logo}}" |
||||
alt="Logo"><span |
||||
class="cgf-date">{{.Copyright}}</span></div> |
||||
<div class="cgf-linkColumns"> |
||||
<div class="cgf-linkSet"><span |
||||
class="cgf-linkSet-title">{{lang "related"}}</span> |
||||
<ul class="cgf-linkList "> |
||||
{{if .HasAbout }} |
||||
<li class="cgf-linkList-item"><a |
||||
class="cgf-linkList-link" |
||||
href="{{.AboutUrl}}" |
||||
target="_self">{{lang "about"}}</a></li> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<li class="cgf-linkList-item"><a |
||||
class="cgf-linkList-link" |
||||
href="{{.ContactUrl}}" |
||||
target="_self">{{lang "contact"}}</a></li> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<li class="cgf-linkList-item"><a |
||||
class="cgf-linkList-link" |
||||
href="{{.PolicyUrl}}" |
||||
target="_self">{{lang "policy"}}</a></li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
{{$flen := len .Friendship}} |
||||
{{if ne $flen 0}} |
||||
<div class="cgf-linkSet"><span |
||||
class="cgf-linkSet-title">{{lang "friendship"}}</span> |
||||
<ul class="cgf-linkList "> |
||||
{{range .Friendship}} |
||||
<li class="cgf-linkList-item"><a |
||||
class="cgf-linkList-link" |
||||
href="{{.Url}}" |
||||
target="_self">{{.Name}}</a></li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
{{end}} |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</footer> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
</div> |
||||
</footer> |
||||
|
||||
</div> |
||||
|
||||
|
||||
</body> |
||||
|
||||
</html> |
||||
@ -0,0 +1,111 @@ |
||||
<!DOCTYPE html> |
||||
<html lang="en"> |
||||
|
||||
<head> |
||||
<meta charset="UTF-8" /> |
||||
<title>{{.Title}}</title> |
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
||||
<meta name="referrer" content="unsafe-url"> |
||||
<meta name="keywords" content="{{.Keywords}}"> |
||||
<meta name="description" content="{{.Description}}"> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/styles.css"}}" /> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/common.css"}}" /> |
||||
<link rel="shortcut icon" type="image/png" href="{{replaceImage .Favicon}}" /> |
||||
</head> |
||||
|
||||
<body data-rsssl=1 class="blog wp-embed-responsive preload is_chrome desktop paged-1"> |
||||
|
||||
<div id="page" class="site"> |
||||
<header id="masthead" class="site-header"> |
||||
<div class="container"> |
||||
<div class="site-branding"> |
||||
<a href="{{.IndexUrl}}" rel="home"> |
||||
<img src="{{replaceImage .Logo}}" height="343" width="474"></a> |
||||
</div> |
||||
<nav class="main-navigation"> |
||||
<ul id="primary-menu" class="primary-menu"> |
||||
<li id="menu-item-44" |
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-44"> |
||||
<a href="{{.IndexUrl}}">{{ lang "home"}}</a></li> |
||||
{{if .HasAbout }} |
||||
<li id="menu-item-46" |
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-46"> |
||||
<a href="{{.AboutUrl}}">{{ lang "about" }}</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<li id="menu-item-65" |
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-65"><a |
||||
href="{{.ContactUrl}}">{{ lang "contact" }}</a></li> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<li id="menu-item-45" |
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-45"> |
||||
<a href="{{.PolicyUrl}}">{{ lang "policy"}}</a> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
</nav> |
||||
</div> |
||||
</header> |
||||
|
||||
<div id="content" class="site-content"> |
||||
<section id="content" class="container"> |
||||
<div id="breadcrumb"> |
||||
<a href="{{.IndexUrl}}">{{ lang "home" }}</a> |
||||
<a href="#">{{ lang "about" }}</a> |
||||
</div> |
||||
<h1 id="page-title">{{ lang "about"}} </h1> |
||||
<div> |
||||
{{.About}} |
||||
</div> |
||||
</section> |
||||
</div> |
||||
<footer id="columnophon" class="site-footer"> |
||||
<div class="site-info container"> |
||||
<div class="row"> |
||||
<section id="text-3" class="column widget widget_text"> |
||||
<h3 class="widget-title">{{lang "related"}}</h3> |
||||
<div class="textwidget"> |
||||
<ul class="footer-locations"> |
||||
{{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> |
||||
</section> |
||||
{{$flen := len .Friendship}} |
||||
{{if ne $flen 0}} |
||||
<section id="nav_menu-2" class="column widget widget_nav_menu"> |
||||
<h3 class="widget-title">{{lang "friendship"}}</h3> |
||||
<div class="menu-footer-menu-container"> |
||||
<ul id="menu-footer-menu" class="menu"> |
||||
{{range .Friendship}} |
||||
<li id="menu-item-58" |
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-58"> |
||||
<a href="{{.Url}}">{{.Name}}</a></li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
</section> |
||||
{{end}} |
||||
</div> |
||||
</div> |
||||
<div class="footer-info"> |
||||
<div class="container"> |
||||
{{.Copyright}} |
||||
</div> |
||||
</div> |
||||
</footer> |
||||
</div> |
||||
|
||||
</body> |
||||
|
||||
</html> |
||||
@ -0,0 +1,5 @@ |
||||
{ |
||||
"creator": "申心远", |
||||
"version": "1.0", |
||||
"origin_website": "https://www.cascadepest.com/blog/" |
||||
} |
||||
@ -0,0 +1,127 @@ |
||||
<!DOCTYPE html> |
||||
<html lang="en"> |
||||
|
||||
<head> |
||||
<meta charset="UTF-8" /> |
||||
<title>{{.Title}}</title> |
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
||||
<meta name="referrer" content="unsafe-url"> |
||||
<meta name="keywords" content="{{.Keywords}}"> |
||||
<meta name="description" content="{{.Description}}"> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/styles.css"}}" /> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/common.css"}}" /> |
||||
<link rel="shortcut icon" type="image/png" href="{{replaceImage .Favicon}}" /> |
||||
</head> |
||||
|
||||
<body data-rsssl=1 class="blog wp-embed-responsive preload is_chrome desktop paged-1"> |
||||
|
||||
<div id="page" class="site"> |
||||
<header id="masthead" class="site-header"> |
||||
<div class="container"> |
||||
<div class="site-branding"> |
||||
<a href="{{.IndexUrl}}" rel="home"> |
||||
<img src="{{replaceImage .Logo}}" height="343" width="474"></a> |
||||
</div> |
||||
<nav class="main-navigation"> |
||||
<ul id="primary-menu" class="primary-menu"> |
||||
<li id="menu-item-44" |
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-44"> |
||||
<a href="{{.IndexUrl}}">{{ lang "home"}}</a></li> |
||||
{{if .HasAbout }} |
||||
<li id="menu-item-46" |
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-46"> |
||||
<a href="{{.AboutUrl}}">{{ lang "about" }}</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<li id="menu-item-65" |
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-65"><a |
||||
href="{{.ContactUrl}}">{{ lang "contact" }}</a></li> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<li id="menu-item-45" |
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-45"> |
||||
<a href="{{.PolicyUrl}}">{{ lang "policy"}}</a> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
</nav> |
||||
</div> |
||||
</header> |
||||
|
||||
<div id="content" class="site-content"> |
||||
<section class="container"> |
||||
<div id="breadcrumb"> |
||||
<a href="{{.IndexUrl}}">{{lang "home"}}</a> |
||||
<a href="#">{{lang "contact"}}</a> |
||||
</div> |
||||
<h1 id="page-title">{{lang "contact"}}</h1> |
||||
<div> |
||||
{{.Contact}} |
||||
<form class="col-12 col-lg-6" style="padding: 0;"> |
||||
<div class="form-group"> |
||||
<label for="emailInput">{{lang "about_email"}}</label> |
||||
<input type="email" class="form-control" id="emailInput" placeholder="name@example.com"> |
||||
</div> |
||||
<div class="form-group"> |
||||
<label for="nameInput">{{lang "about_name"}}</label> |
||||
<input type="name" class="form-control" id="nameInput" placeholder="your name"> |
||||
</div> |
||||
<div class="form-group"> |
||||
<label for="exampleFormControlTextarea1">{{lang "about_message"}}</label> |
||||
<textarea class="form-control" id="exampleFormControlTextarea1" rows="3" |
||||
placeholder="what do you want to say"></textarea> |
||||
</div> |
||||
<button type="submit" class="btn btn-primary">{{lang "about_send"}}</button> |
||||
</form> |
||||
</div> |
||||
</section> |
||||
</div> |
||||
<footer id="columnophon" class="site-footer"> |
||||
<div class="site-info container"> |
||||
<div class="row"> |
||||
<section id="text-3" class="column widget widget_text"> |
||||
<h3 class="widget-title">{{lang "related"}}</h3> |
||||
<div class="textwidget"> |
||||
<ul class="footer-locations"> |
||||
{{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> |
||||
</section> |
||||
{{$flen := len .Friendship}} |
||||
{{if ne $flen 0}} |
||||
<section id="nav_menu-2" class="column widget widget_nav_menu"> |
||||
<h3 class="widget-title">{{lang "friendship"}}</h3> |
||||
<div class="menu-footer-menu-container"> |
||||
<ul id="menu-footer-menu" class="menu"> |
||||
{{range .Friendship}} |
||||
<li id="menu-item-58" |
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-58"> |
||||
<a href="{{.Url}}">{{.Name}}</a></li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
</section> |
||||
{{end}} |
||||
</div> |
||||
</div> |
||||
<div class="footer-info"> |
||||
<div class="container"> |
||||
{{.Copyright}} |
||||
</div> |
||||
</div> |
||||
</footer> |
||||
</div> |
||||
|
||||
</body> |
||||
|
||||
</html> |
||||
File diff suppressed because one or more lines are too long
@ -0,0 +1,196 @@ |
||||
html, |
||||
body { |
||||
margin: 0; |
||||
padding: 0; |
||||
width: 100%; |
||||
} |
||||
|
||||
body { |
||||
background-color: #fff; |
||||
} |
||||
|
||||
a { |
||||
color: #3755d6; |
||||
text-decoration: none; |
||||
} |
||||
|
||||
#breadcrumb { |
||||
padding: 20px 0 15px; |
||||
} |
||||
#breadcrumb a { |
||||
color: #666; |
||||
} |
||||
#breadcrumb a:not(:last-of-type)::after { |
||||
content: " / "; |
||||
} |
||||
|
||||
#page-title { |
||||
padding-bottom: 20px; |
||||
} |
||||
|
||||
#content { |
||||
min-height: 50vh; |
||||
margin: 80px auto 20px; |
||||
} |
||||
|
||||
.block-title { |
||||
margin: 20px 0; |
||||
border-bottom: 1px solid #182a75; |
||||
} |
||||
.block-title .text { |
||||
display: inline-block; |
||||
padding: 8px 12px; |
||||
background-color: #182a75; |
||||
color: #fff; |
||||
font-size: 16px; |
||||
} |
||||
|
||||
#header { |
||||
border-bottom: 1px solid #e5e5e5; |
||||
position: fixed; |
||||
top: 0; |
||||
left: 0; |
||||
right: 0; |
||||
z-index: 9999; |
||||
background-color: #fff; |
||||
} |
||||
#header .container { |
||||
padding: 10px 15px; |
||||
display: flex; |
||||
align-items: center; |
||||
justify-content: space-between; |
||||
} |
||||
#header .container .logo { |
||||
display: inline-block; |
||||
height: 100%; |
||||
} |
||||
#header .container .logo-container { |
||||
height: 100%; |
||||
flex-grow: 1; |
||||
} |
||||
#header .container .logo img { |
||||
height: 100%; |
||||
} |
||||
|
||||
#nav { |
||||
width: 100%; |
||||
height: 60px; |
||||
display: flex; |
||||
align-items: center; |
||||
box-sizing: border-box; |
||||
padding: 0; |
||||
} |
||||
#nav .navbar-toggler { |
||||
margin-right: 15px; |
||||
} |
||||
#nav .navbar-collapse { |
||||
flex-grow: 0; |
||||
background-color: #fff; |
||||
} |
||||
#nav .navbar-collapse.show { |
||||
box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1); |
||||
margin-top: 11px; |
||||
} |
||||
#nav .navbar-collapse.collapsing { |
||||
margin-top: 11px; |
||||
} |
||||
#nav .navbar-collapse a { |
||||
font-weight: 700; |
||||
padding: 10px 15px; |
||||
display: inline-flex; |
||||
align-items: center; |
||||
color: #3755d6; |
||||
} |
||||
#nav .navbar-collapse .nav-link { |
||||
display: flex; |
||||
} |
||||
|
||||
#footer { |
||||
background-color: #f5f5f5; |
||||
} |
||||
#footer .container { |
||||
padding: 40px 15px; |
||||
} |
||||
#footer .container .logo { |
||||
height: 50px; |
||||
} |
||||
#footer .container .title { |
||||
font-size: 20px; |
||||
font-weight: 700; |
||||
padding: 10px 0; |
||||
} |
||||
#footer .container .column { |
||||
padding: 10px; |
||||
} |
||||
#footer .container .column .links a { |
||||
padding: 5px 0; |
||||
margin-right: 20px; |
||||
color: #333; |
||||
font-size: 14px; |
||||
} |
||||
#footer .container .copyright { |
||||
font-size: 14px; |
||||
margin-top: 5px; |
||||
} |
||||
|
||||
#article-popular-recommend { |
||||
padding-right: 0; |
||||
} |
||||
#article-popular-recommend .article:not(:last-of-type) { |
||||
margin-bottom: 15px; |
||||
} |
||||
#article-popular-recommend .article .image { |
||||
width: 125px; |
||||
height: 75px; |
||||
-o-object-fit: cover; |
||||
object-fit: cover; |
||||
margin-right: 15px; |
||||
background-color: #f5f5f5; |
||||
box-sizing: border-box; |
||||
} |
||||
#article-popular-recommend .article .content { |
||||
flex: 1; |
||||
} |
||||
#article-popular-recommend .article .content .title { |
||||
font-size: 14px; |
||||
font-weight: 700; |
||||
color: #333; |
||||
} |
||||
#article-popular-recommend .article .content .title:hover { |
||||
color: #3755d6; |
||||
transition: color 0.5s; |
||||
} |
||||
#article-popular-recommend .article .content .info { |
||||
color: #999; |
||||
margin-top: 5px; |
||||
font-size: 14px; |
||||
} |
||||
|
||||
@media screen and (max-width: 540px) { |
||||
body { |
||||
font-size: 14px; |
||||
} |
||||
#footer .container { |
||||
padding: 20px 15px; |
||||
} |
||||
#footer .title { |
||||
font-size: 16px !important; |
||||
} |
||||
#footer .links a { |
||||
font-size: 14px; |
||||
} |
||||
.col-md-12 { |
||||
padding: 0; |
||||
} |
||||
.block-title .text { |
||||
background-color: unset; |
||||
color: #182a75; |
||||
padding-left: 0; |
||||
font-weight: bold; |
||||
} |
||||
} |
||||
@media screen and (max-width: 992px) { |
||||
#article-popular-recommend { |
||||
padding-left: 0; |
||||
} |
||||
}/*# sourceMappingURL=common.css.map */ |
||||
@ -0,0 +1,54 @@ |
||||
#article-head { |
||||
padding: 10px 0; |
||||
color: #999; |
||||
} |
||||
|
||||
#article-container img { |
||||
padding: 20px 0; |
||||
} |
||||
|
||||
#title { |
||||
font-size: 38px; |
||||
line-height: 48px; |
||||
font-weight: 400; |
||||
color: #333; |
||||
} |
||||
|
||||
.hidden-text { |
||||
text-overflow:ellipsis; |
||||
overflow:hidden; |
||||
white-space:nowrap; |
||||
} |
||||
.article-page { |
||||
min-height: 20px; |
||||
} |
||||
.article-page>div{ |
||||
max-width: 300px; |
||||
} |
||||
.article-page div:first-child{ |
||||
float:left; |
||||
} |
||||
.article-page div:last-child{ |
||||
float:right; |
||||
} |
||||
|
||||
@media screen and (max-width: 540px) { |
||||
#title { |
||||
font-size: 22px; |
||||
line-height: 1.5; |
||||
} |
||||
.col-md-12 { |
||||
padding: 0; |
||||
} |
||||
.article-page div:first-child{ |
||||
float:none; |
||||
} |
||||
.article-page div:last-child{ |
||||
float:none; |
||||
} |
||||
} |
||||
@media screen and (min-width: 540px) { |
||||
#article-container { |
||||
padding-left: 0; |
||||
} |
||||
}/*# sourceMappingURL=details.css.map */ |
||||
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,151 @@ |
||||
<!DOCTYPE html> |
||||
<html lang="en"> |
||||
|
||||
<head> |
||||
<meta charset="UTF-8" /> |
||||
<title>{{.Title}}</title> |
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
||||
<meta name="referrer" content="unsafe-url"> |
||||
<meta name="keywords" content="{{.Keywords}}"> |
||||
<meta name="description" content="{{.Description}}"> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/styles.css"}}" /> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/common.css"}}" /> |
||||
<link rel="shortcut icon" type="image/png" href="{{replaceImage .Favicon}}" /> |
||||
</head> |
||||
|
||||
<body data-rsssl=1 class="blog wp-embed-responsive preload is_chrome desktop paged-1"> |
||||
|
||||
<div id="page" class="site"> |
||||
<header id="masthead" class="site-header"> |
||||
<div class="container"> |
||||
<div class="site-branding"> |
||||
<a href="{{.IndexUrl}}" rel="home"> |
||||
<img src="{{replaceImage .Logo}}" height="343" width="474"></a> |
||||
</div> |
||||
<nav class="main-navigation"> |
||||
<ul id="primary-menu" class="primary-menu"> |
||||
<li id="menu-item-44" |
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-44"> |
||||
<a href="{{.IndexUrl}}">{{ lang "home"}}</a></li> |
||||
{{if .HasAbout }} |
||||
<li id="menu-item-46" |
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-46"> |
||||
<a href="{{.AboutUrl}}">{{ lang "about" }}</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<li id="menu-item-65" |
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-65"><a |
||||
href="{{.ContactUrl}}">{{ lang "contact" }}</a></li> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<li id="menu-item-45" |
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-45"> |
||||
<a href="{{.PolicyUrl}}">{{ lang "policy"}}</a> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
</nav> |
||||
</div> |
||||
</header> |
||||
|
||||
<div id="content" class="site-content"> |
||||
<section class="container"> |
||||
<div id="breadcrumb"> |
||||
<a href="{{.IndexUrl}}">{{lang "home"}}</a> |
||||
<a href="#">{{.Title}}</a> |
||||
</div> |
||||
<div id="article-head"> |
||||
<h1 id="title">{{.Title}}</h1> |
||||
<div> |
||||
<span>{{timeFormat .PublishTime}}</span> |
||||
<span> / </span> |
||||
<span>{{.Views}} {{lang "views"}}</span> |
||||
</div> |
||||
</div> |
||||
<div class="d-lg-flex"> |
||||
<div id="article-container" class="col-lg-12 col-md-24"> |
||||
<article id="article"> |
||||
<img width="100%" src="{{getCover .Article.Pictures}}" /> |
||||
<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> |
||||
<!-- 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> |
||||
</div> |
||||
</div> |
||||
</section> |
||||
<style> |
||||
#article{ |
||||
display: block; |
||||
} |
||||
</style> |
||||
</div> |
||||
<footer id="columnophon" class="site-footer"> |
||||
<div class="site-info container"> |
||||
<div class="row"> |
||||
<section id="text-3" class="column widget widget_text"> |
||||
<h3 class="widget-title">{{lang "related"}}</h3> |
||||
<div class="textwidget"> |
||||
<ul class="footer-locations"> |
||||
{{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> |
||||
</section> |
||||
{{$flen := len .Friendship}} |
||||
{{if ne $flen 0}} |
||||
<section id="nav_menu-2" class="column widget widget_nav_menu"> |
||||
<h3 class="widget-title">{{lang "friendship"}}</h3> |
||||
<div class="menu-footer-menu-container"> |
||||
<ul id="menu-footer-menu" class="menu"> |
||||
{{range .Friendship}} |
||||
<li id="menu-item-58" |
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-58"> |
||||
<a href="{{.Url}}">{{.Name}}</a></li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
</section> |
||||
{{end}} |
||||
</div> |
||||
</div> |
||||
<div class="footer-info"> |
||||
<div class="container"> |
||||
{{.Copyright}} |
||||
</div> |
||||
</div> |
||||
</footer> |
||||
</div> |
||||
|
||||
</body> |
||||
|
||||
</html> |
||||
@ -0,0 +1,157 @@ |
||||
<!DOCTYPE html> |
||||
<html lang="en"> |
||||
|
||||
<head> |
||||
<meta charset="UTF-8" /> |
||||
<title>{{.Title}}</title> |
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
||||
<meta name="referrer" content="unsafe-url"> |
||||
<meta name="keywords" content="{{.Keywords}}"> |
||||
<meta name="description" content="{{.Description}}"> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/styles.css"}}" /> |
||||
<link rel="shortcut icon" type="image/png" href="{{replaceImage .Favicon}}" /> |
||||
</head> |
||||
|
||||
<body data-rsssl=1 class="blog wp-embed-responsive preload is_chrome desktop paged-1"> |
||||
|
||||
<div id="page" class="site"> |
||||
<header id="masthead" class="site-header"> |
||||
<div class="container"> |
||||
<div class="site-branding"> |
||||
<a href="{{.IndexUrl}}" rel="home"> |
||||
<img src="{{replaceImage .Logo}}" height="343" width="474"></a> |
||||
</div> |
||||
<nav class="main-navigation"> |
||||
<ul id="primary-menu" class="primary-menu"> |
||||
<li id="menu-item-44" |
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-44"> |
||||
<a href="{{.IndexUrl}}">{{ lang "home"}}</a></li> |
||||
{{if .HasAbout }} |
||||
<li id="menu-item-46" |
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-46"> |
||||
<a href="{{.AboutUrl}}">{{ lang "about" }}</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<li id="menu-item-65" |
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-65"><a |
||||
href="{{.ContactUrl}}">{{ lang "contact" }}</a></li> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<li id="menu-item-45" |
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-45"> |
||||
<a href="{{.PolicyUrl}}">{{ lang "policy"}}</a> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
</nav> |
||||
</div> |
||||
</header> |
||||
|
||||
<div id="content" class="site-content"> |
||||
<div id="primary" class="content-area"> |
||||
<main id="main" class="site-main"> |
||||
{{ range .Articles }} |
||||
<article class="post-2665 post type-post status-publish format-standard has-post-thumbnail hentry category-spiders"> |
||||
<div class="entry-thumb"> |
||||
<a href="{{.Url}}"> |
||||
<picture class="attachment-thumbnail size-thumbnail wp-post-image"> |
||||
<source type="image/webp" data-lazy-sizes="(max-width: 400px) 100vw, 400px" /> |
||||
<img width="400" height="400" src="{{getCover .Cover 300 180}}"/> |
||||
</picture> |
||||
</a> |
||||
</div> |
||||
<div class="entry-container"> |
||||
<header class="entry-header"> |
||||
<h2><a href="{{.Url}}">{{timeFormat .PublishTime}}</a></h2> |
||||
<div class="entry-meta"> |
||||
<a href="{{.Url}}" rel="tag">{{.Title}}</a> |
||||
</div> |
||||
</header> |
||||
<div class="entry-content"> |
||||
<p>{{.Summary}}</p> |
||||
</div> |
||||
</div> |
||||
</article> |
||||
{{end}} |
||||
<nav class="navigation pagination" aria-label="Posts"> |
||||
<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> |
||||
</nav> |
||||
</main> |
||||
</div> |
||||
<aside id="secondary" class="widget-area"> |
||||
{{$plen := len .PopularArticles}} |
||||
{{if ne $plen 0}} |
||||
<section id="categories-2" class="widget widget_categories"> |
||||
<h3 class="widget-title">{{lang "popular"}}</h3> |
||||
<ul> |
||||
{{range .PopularArticles}} |
||||
<li class="cat-item cat-item-6"><a href="{{.Url}}">{{.Title}}</a> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
</section> |
||||
{{end}} |
||||
</aside> |
||||
</div> |
||||
<footer id="columnophon" class="site-footer"> |
||||
<div class="site-info container"> |
||||
<div class="row"> |
||||
<section id="text-3" class="column widget widget_text"> |
||||
<h3 class="widget-title">{{lang "related"}}</h3> |
||||
<div class="textwidget"> |
||||
<ul class="footer-locations"> |
||||
{{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> |
||||
</section> |
||||
{{$flen := len .Friendship}} |
||||
{{if ne $flen 0}} |
||||
<section id="nav_menu-2" class="column widget widget_nav_menu"> |
||||
<h3 class="widget-title">{{lang "friendship"}}</h3> |
||||
<div class="menu-footer-menu-container"> |
||||
<ul id="menu-footer-menu" class="menu"> |
||||
{{range .Friendship}} |
||||
<li id="menu-item-58" |
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-58"> |
||||
<a href="{{.Url}}">{{.Name}}</a></li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
</section> |
||||
{{end}} |
||||
</div> |
||||
</div> |
||||
<div class="footer-info"> |
||||
<div class="container"> |
||||
{{.Copyright}} |
||||
</div> |
||||
</div> |
||||
</footer> |
||||
</div> |
||||
|
||||
</body> |
||||
|
||||
</html> |
||||
@ -0,0 +1,111 @@ |
||||
<!DOCTYPE html> |
||||
<html lang="en"> |
||||
|
||||
<head> |
||||
<meta charset="UTF-8" /> |
||||
<title>{{.Title}}</title> |
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
||||
<meta name="referrer" content="unsafe-url"> |
||||
<meta name="keywords" content="{{.Keywords}}"> |
||||
<meta name="description" content="{{.Description}}"> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/styles.css"}}" /> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/common.css"}}" /> |
||||
<link rel="shortcut icon" type="image/png" href="{{replaceImage .Favicon}}" /> |
||||
</head> |
||||
|
||||
<body data-rsssl=1 class="blog wp-embed-responsive preload is_chrome desktop paged-1"> |
||||
|
||||
<div id="page" class="site"> |
||||
<header id="masthead" class="site-header"> |
||||
<div class="container"> |
||||
<div class="site-branding"> |
||||
<a href="{{.IndexUrl}}" rel="home"> |
||||
<img src="{{replaceImage .Logo}}" height="343" width="474"></a> |
||||
</div> |
||||
<nav class="main-navigation"> |
||||
<ul id="primary-menu" class="primary-menu"> |
||||
<li id="menu-item-44" |
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-44"> |
||||
<a href="{{.IndexUrl}}">{{ lang "home"}}</a></li> |
||||
{{if .HasAbout }} |
||||
<li id="menu-item-46" |
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-46"> |
||||
<a href="{{.AboutUrl}}">{{ lang "about" }}</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<li id="menu-item-65" |
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-65"><a |
||||
href="{{.ContactUrl}}">{{ lang "contact" }}</a></li> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<li id="menu-item-45" |
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-45"> |
||||
<a href="{{.PolicyUrl}}">{{ lang "policy"}}</a> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
</nav> |
||||
</div> |
||||
</header> |
||||
|
||||
<div id="content" class="site-content"> |
||||
<section id="content" class="container"> |
||||
<div id="breadcrumb"> |
||||
<a href="{{.IndexUrl}}">{{lang "home"}}</a> |
||||
<a href="#">{{lang "policy"}}</a> |
||||
</div> |
||||
<h1 id="page-title">{{lang "policy"}}</h1> |
||||
<div> |
||||
{{.Policy}} |
||||
</div> |
||||
</section> |
||||
</div> |
||||
<footer id="columnophon" class="site-footer"> |
||||
<div class="site-info container"> |
||||
<div class="row"> |
||||
<section id="text-3" class="column widget widget_text"> |
||||
<h3 class="widget-title">{{lang "related"}}</h3> |
||||
<div class="textwidget"> |
||||
<ul class="footer-locations"> |
||||
{{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> |
||||
</section> |
||||
{{$flen := len .Friendship}} |
||||
{{if ne $flen 0}} |
||||
<section id="nav_menu-2" class="column widget widget_nav_menu"> |
||||
<h3 class="widget-title">{{lang "friendship"}}</h3> |
||||
<div class="menu-footer-menu-container"> |
||||
<ul id="menu-footer-menu" class="menu"> |
||||
{{range .Friendship}} |
||||
<li id="menu-item-58" |
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-58"> |
||||
<a href="{{.Url}}">{{.Name}}</a></li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
</section> |
||||
{{end}} |
||||
</div> |
||||
</div> |
||||
<div class="footer-info"> |
||||
<div class="container"> |
||||
{{.Copyright}} |
||||
</div> |
||||
</div> |
||||
</footer> |
||||
</div> |
||||
|
||||
</body> |
||||
|
||||
</html> |
||||
@ -0,0 +1,137 @@ |
||||
<!DOCTYPE html> |
||||
<html lang="en"> |
||||
|
||||
<head> |
||||
<meta charset="UTF-8" /> |
||||
<title>{{.Title}}</title> |
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
||||
<meta name="referrer" content="unsafe-url"> |
||||
<meta name="keywords" content="{{.Keywords}}"> |
||||
<meta name="description" content="{{.Description}}"> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/main.css"}}" /> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/common.css"}}" /> |
||||
<link rel="shortcut icon" type="image/png" href="{{replaceImage .Favicon}}" /> |
||||
</head> |
||||
|
||||
<body class="sub blog-page media-center-branch" x-ms-format-detection="none" |
||||
data-config="b66gvem6.kpe\0uaxr1n6.ouy"> |
||||
|
||||
<header class="icobalt ilayout" id="HeaderZone"> |
||||
<div class="header v2 full" id="Header" universal_="true" data-showhide="true" data-header="true" |
||||
data-class-name="menu-open" data-html-class="true" data-phone=""> |
||||
<div class="left-side"> |
||||
<a class="logo-container" href="{{.IndexUrl}}"> |
||||
<div class="holder"> |
||||
<div class="wrapper"> |
||||
<img class="logo-v2" alt="logo" |
||||
title="logo" |
||||
src="{{replaceImage .Logo}}"> |
||||
</div> |
||||
</div> |
||||
</a> |
||||
<a href="{{.IndexUrl}}" class="mob-logo"><img |
||||
alt="logo" title="logo" |
||||
src="{{replaceImage .Logo}}"></a> |
||||
</div> |
||||
<div class="right-side"> |
||||
<div class="nav-bar"> |
||||
<nav class="top-nav"> |
||||
<ul class="desktop-nav el-tab-box" id="TopNavigation" data-role="panel" data-closing="true"> |
||||
<li class="home child0 " aria-label="home" tab-index="0"> |
||||
<a href="{{.IndexUrl}}" target="" aria-label="home"> |
||||
<span>{{ lang "home"}}</span> |
||||
</a> |
||||
|
||||
</li> |
||||
{{if .HasAbout }} |
||||
<li class="our-services child25 nav-hover" aria-label="our-services" tab-index="0"> |
||||
<a href="{{.AboutUrl}}" target="" aria-label="our-services"> |
||||
<span>{{ lang "about" }}</span> |
||||
</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<li class="about-us child14 nav-hover" aria-label="about-us" tab-index="0"> |
||||
<a href="{{.ContactUrl}}" target="" aria-label="about-us"> |
||||
<span>{{ lang "contact" }}</span> |
||||
</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<li class="locations child0 " aria-label="locations" tab-index="0"> |
||||
<a href="{{.PolicyUrl}}" target="" aria-label="locations"> |
||||
<span>{{ lang "policy"}}</span> |
||||
</a> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
</nav> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
</header> |
||||
|
||||
<main> |
||||
<div class="column-content main"> |
||||
<section id="content" class="container"> |
||||
<div id="breadcrumb"> |
||||
<a href="{{.IndexUrl}}">{{ lang "home" }}</a> |
||||
<a href="#">{{ lang "about" }}</a> |
||||
</div> |
||||
<h1 id="page-title">{{ lang "about"}} </h1> |
||||
<div> |
||||
{{.About}} |
||||
</div> |
||||
</section> |
||||
</div> |
||||
</main> |
||||
|
||||
<footer class="icobalt ilayout" id="FooterZone"> |
||||
<div class="footer pg-sd-hide" id="Footer" itemscope=""> |
||||
<div class="full"> |
||||
<div class="footer-top"> |
||||
<div class="ft-left"> |
||||
<img itemprop="image" loading="lazy" class="logo" |
||||
src="{{replaceImage .Logo}}"> |
||||
<nav class="footer-nav"> |
||||
<div id="FooterLinks"> |
||||
<ul> |
||||
<li><a href="{{.AboutUrl}}">{{lang "about"}}</a></li> |
||||
<li><a href="{{.ContactUrl}}">{{lang "contact"}}</a> |
||||
</li> |
||||
<li><a href="{{.PolicyUrl}}">{{lang "policy"}}</a></li> |
||||
</ul> |
||||
</div> |
||||
{{$flen := len .Friendship}} |
||||
{{if ne $flen 0}} |
||||
<div id="FooterLinks2"> |
||||
<ul> |
||||
{{range .Friendship}} |
||||
<li><a href="{{.Url}}">{{.Name}}</a></li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
{{end}} |
||||
</nav> |
||||
</div> |
||||
<div class="ft-right"> |
||||
|
||||
</div> |
||||
</div> |
||||
<div class="footer-bottom" id="AssociationLogos"> |
||||
|
||||
<div class="footer-disclaimer"> |
||||
<span>{{.Copyright}}</span> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
</footer> |
||||
|
||||
|
||||
</body> |
||||
|
||||
</html> |
||||
@ -0,0 +1,5 @@ |
||||
{ |
||||
"creator": "申心远", |
||||
"version": "1.0", |
||||
"origin_website": "https://www.cbac.com/media-center/blog/" |
||||
} |
||||
@ -0,0 +1,154 @@ |
||||
<!DOCTYPE html> |
||||
<html lang="en"> |
||||
|
||||
<head> |
||||
<meta charset="UTF-8" /> |
||||
<title>{{.Title}}</title> |
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
||||
<meta name="referrer" content="unsafe-url"> |
||||
<meta name="keywords" content="{{.Keywords}}"> |
||||
<meta name="description" content="{{.Description}}"> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/bootstrap.min.css"}}" /> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/main.css"}}" /> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/common.css"}}" /> |
||||
<link rel="shortcut icon" type="image/png" href="{{replaceImage .Favicon}}" /> |
||||
</head> |
||||
|
||||
<body class="sub blog-page media-center-branch" x-ms-format-detection="none" |
||||
data-config="b66gvem6.kpe\0uaxr1n6.ouy"> |
||||
|
||||
<header class="icobalt ilayout" id="HeaderZone"> |
||||
<div class="header v2 full" id="Header" universal_="true" data-showhide="true" data-header="true" |
||||
data-class-name="menu-open" data-html-class="true" data-phone=""> |
||||
<div class="left-side"> |
||||
<a class="logo-container" href="{{.IndexUrl}}"> |
||||
<div class="holder"> |
||||
<div class="wrapper"> |
||||
<img class="logo-v2" alt="logo" |
||||
title="logo" |
||||
src="{{replaceImage .Logo}}"> |
||||
</div> |
||||
</div> |
||||
</a> |
||||
<a href="{{.IndexUrl}}" class="mob-logo"><img |
||||
alt="logo" title="logo" |
||||
src="{{replaceImage .Logo}}"></a> |
||||
</div> |
||||
<div class="right-side"> |
||||
<div class="nav-bar"> |
||||
<nav class="top-nav"> |
||||
<ul class="desktop-nav el-tab-box" id="TopNavigation" data-role="panel" data-closing="true"> |
||||
<li class="home child0 " aria-label="home" tab-index="0"> |
||||
<a href="{{.IndexUrl}}" target="" aria-label="home"> |
||||
<span>{{ lang "home"}}</span> |
||||
</a> |
||||
|
||||
</li> |
||||
{{if .HasAbout }} |
||||
<li class="our-services child25 nav-hover" aria-label="our-services" tab-index="0"> |
||||
<a href="{{.AboutUrl}}" target="" aria-label="our-services"> |
||||
<span>{{ lang "about" }}</span> |
||||
</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<li class="about-us child14 nav-hover" aria-label="about-us" tab-index="0"> |
||||
<a href="{{.ContactUrl}}" target="" aria-label="about-us"> |
||||
<span>{{ lang "contact" }}</span> |
||||
</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<li class="locations child0 " aria-label="locations" tab-index="0"> |
||||
<a href="{{.PolicyUrl}}" target="" aria-label="locations"> |
||||
<span>{{ lang "policy"}}</span> |
||||
</a> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
</nav> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
</header> |
||||
|
||||
<main> |
||||
<div class="column-content main"> |
||||
<section id="content" class="container"> |
||||
<div id="breadcrumb"> |
||||
<a href="{{.IndexUrl}}">{{lang "home"}}</a> |
||||
<a href="#">{{lang "contact"}}</a> |
||||
</div> |
||||
<h1 id="page-title">{{lang "contact"}}</h1> |
||||
<div> |
||||
{{.Contact}} |
||||
<form class="col-12 col-lg-6" style="padding: 0;"> |
||||
<div class="form-group"> |
||||
<label for="emailInput">{{lang "about_email"}}</label> |
||||
<input type="email" class="form-control" id="emailInput" placeholder="name@example.com"> |
||||
</div> |
||||
<div class="form-group"> |
||||
<label for="nameInput">{{lang "about_name"}}</label> |
||||
<input type="name" class="form-control" id="nameInput" placeholder="your name"> |
||||
</div> |
||||
<div class="form-group"> |
||||
<label for="exampleFormControlTextarea1">{{lang "about_message"}}</label> |
||||
<textarea class="form-control" id="exampleFormControlTextarea1" rows="3" |
||||
placeholder="what do you want to say"></textarea> |
||||
</div> |
||||
<button type="submit" class="btn btn-primary" style="width: 100%;">{{lang "about_send"}}</button> |
||||
</form> |
||||
</div> |
||||
</section> |
||||
</div> |
||||
</main> |
||||
|
||||
<footer class="icobalt ilayout" id="FooterZone"> |
||||
<div class="footer pg-sd-hide" id="Footer" itemscope=""> |
||||
<div class="full"> |
||||
<div class="footer-top"> |
||||
<div class="ft-left"> |
||||
<img itemprop="image" loading="lazy" class="logo" |
||||
src="{{replaceImage .Logo}}"> |
||||
<nav class="footer-nav"> |
||||
<div id="FooterLinks"> |
||||
<ul> |
||||
<li><a href="{{.AboutUrl}}">{{lang "about"}}</a></li> |
||||
<li><a href="{{.ContactUrl}}">{{lang "contact"}}</a> |
||||
</li> |
||||
<li><a href="{{.PolicyUrl}}">{{lang "policy"}}</a></li> |
||||
</ul> |
||||
</div> |
||||
{{$flen := len .Friendship}} |
||||
{{if ne $flen 0}} |
||||
<div id="FooterLinks2"> |
||||
<ul> |
||||
{{range .Friendship}} |
||||
<li><a href="{{.Url}}">{{.Name}}</a></li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
{{end}} |
||||
</nav> |
||||
</div> |
||||
<div class="ft-right"> |
||||
|
||||
</div> |
||||
</div> |
||||
<div class="footer-bottom" id="AssociationLogos"> |
||||
|
||||
<div class="footer-disclaimer"> |
||||
<span>{{.Copyright}}</span> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
</footer> |
||||
|
||||
|
||||
</body> |
||||
|
||||
</html> |
||||
File diff suppressed because one or more lines are too long
@ -0,0 +1,185 @@ |
||||
a { |
||||
color: #3755d6; |
||||
text-decoration: none; |
||||
} |
||||
|
||||
#breadcrumb { |
||||
padding: 20px 0 15px; |
||||
} |
||||
#breadcrumb a { |
||||
color: #666; |
||||
} |
||||
#breadcrumb a:not(:last-of-type)::after { |
||||
content: " / "; |
||||
} |
||||
|
||||
#page-title { |
||||
padding-bottom: 20px; |
||||
} |
||||
|
||||
#content { |
||||
min-height: 50vh; |
||||
margin: 80px auto 20px; |
||||
} |
||||
|
||||
.block-title { |
||||
margin: 20px 0; |
||||
border-bottom: 1px solid #182a75; |
||||
} |
||||
.block-title .text { |
||||
display: inline-block; |
||||
padding: 8px 12px; |
||||
background-color: #182a75; |
||||
color: #fff; |
||||
font-size: 16px; |
||||
} |
||||
|
||||
#header { |
||||
border-bottom: 1px solid #e5e5e5; |
||||
position: fixed; |
||||
top: 0; |
||||
left: 0; |
||||
right: 0; |
||||
z-index: 9999; |
||||
background-color: #fff; |
||||
} |
||||
#header .container { |
||||
padding: 10px 15px; |
||||
display: flex; |
||||
align-items: center; |
||||
justify-content: space-between; |
||||
} |
||||
#header .container .logo { |
||||
display: inline-block; |
||||
height: 100%; |
||||
} |
||||
#header .container .logo-container { |
||||
height: 100%; |
||||
flex-grow: 1; |
||||
} |
||||
#header .container .logo img { |
||||
height: 100%; |
||||
} |
||||
|
||||
#nav { |
||||
width: 100%; |
||||
height: 60px; |
||||
display: flex; |
||||
align-items: center; |
||||
box-sizing: border-box; |
||||
padding: 0; |
||||
} |
||||
#nav .navbar-toggler { |
||||
margin-right: 15px; |
||||
} |
||||
#nav .navbar-collapse { |
||||
flex-grow: 0; |
||||
background-color: #fff; |
||||
} |
||||
#nav .navbar-collapse.show { |
||||
box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1); |
||||
margin-top: 11px; |
||||
} |
||||
#nav .navbar-collapse.collapsing { |
||||
margin-top: 11px; |
||||
} |
||||
#nav .navbar-collapse a { |
||||
font-weight: 700; |
||||
padding: 10px 15px; |
||||
display: inline-flex; |
||||
align-items: center; |
||||
color: #3755d6; |
||||
} |
||||
#nav .navbar-collapse .nav-link { |
||||
display: flex; |
||||
} |
||||
|
||||
#footer { |
||||
background-color: #f5f5f5; |
||||
} |
||||
#footer .container { |
||||
padding: 40px 15px; |
||||
} |
||||
#footer .container .logo { |
||||
height: 50px; |
||||
} |
||||
#footer .container .title { |
||||
font-size: 20px; |
||||
font-weight: 700; |
||||
padding: 10px 0; |
||||
} |
||||
#footer .container .column { |
||||
padding: 10px; |
||||
} |
||||
#footer .container .column .links a { |
||||
padding: 5px 0; |
||||
margin-right: 20px; |
||||
color: #333; |
||||
font-size: 14px; |
||||
} |
||||
#footer .container .copyright { |
||||
font-size: 14px; |
||||
margin-top: 5px; |
||||
} |
||||
|
||||
#article-popular-recommend { |
||||
padding-right: 0; |
||||
} |
||||
#article-popular-recommend .article:not(:last-of-type) { |
||||
margin-bottom: 15px; |
||||
} |
||||
#article-popular-recommend .article .image { |
||||
width: 125px; |
||||
height: 75px; |
||||
-o-object-fit: cover; |
||||
object-fit: cover; |
||||
margin-right: 15px; |
||||
background-color: #f5f5f5; |
||||
box-sizing: border-box; |
||||
} |
||||
#article-popular-recommend .article .content { |
||||
flex: 1; |
||||
} |
||||
#article-popular-recommend .article .content .title { |
||||
font-size: 14px; |
||||
font-weight: 700; |
||||
color: #333; |
||||
} |
||||
#article-popular-recommend .article .content .title:hover { |
||||
color: #3755d6; |
||||
transition: color 0.5s; |
||||
} |
||||
#article-popular-recommend .article .content .info { |
||||
color: #999; |
||||
margin-top: 5px; |
||||
font-size: 14px; |
||||
} |
||||
|
||||
@media screen and (max-width: 540px) { |
||||
body { |
||||
font-size: 14px; |
||||
} |
||||
#footer .container { |
||||
padding: 20px 15px; |
||||
} |
||||
#footer .title { |
||||
font-size: 16px !important; |
||||
} |
||||
#footer .links a { |
||||
font-size: 14px; |
||||
} |
||||
.col-md-12 { |
||||
padding: 0; |
||||
} |
||||
.block-title .text { |
||||
background-color: unset; |
||||
color: #182a75; |
||||
padding-left: 0; |
||||
font-weight: bold; |
||||
} |
||||
} |
||||
@media screen and (max-width: 992px) { |
||||
#article-popular-recommend { |
||||
padding-left: 0; |
||||
} |
||||
}/*# sourceMappingURL=common.css.map */ |
||||
@ -0,0 +1,54 @@ |
||||
#article-head { |
||||
padding: 10px 0; |
||||
color: #999; |
||||
} |
||||
|
||||
#article-container img { |
||||
padding: 20px 0; |
||||
} |
||||
|
||||
#title { |
||||
font-size: 38px; |
||||
line-height: 48px; |
||||
font-weight: 400; |
||||
color: #333; |
||||
} |
||||
|
||||
.hidden-text { |
||||
text-overflow:ellipsis; |
||||
overflow:hidden; |
||||
white-space:nowrap; |
||||
} |
||||
.article-page { |
||||
min-height: 20px; |
||||
} |
||||
.article-page>div{ |
||||
max-width: 300px; |
||||
} |
||||
.article-page div:first-child{ |
||||
float:left; |
||||
} |
||||
.article-page div:last-child{ |
||||
float:right; |
||||
} |
||||
|
||||
@media screen and (max-width: 540px) { |
||||
#title { |
||||
font-size: 22px; |
||||
line-height: 1.5; |
||||
} |
||||
.col-md-12 { |
||||
padding: 0; |
||||
} |
||||
.article-page div:first-child{ |
||||
float:none; |
||||
} |
||||
.article-page div:last-child{ |
||||
float:none; |
||||
} |
||||
} |
||||
@media screen and (min-width: 540px) { |
||||
#article-container { |
||||
padding-left: 0; |
||||
} |
||||
}/*# sourceMappingURL=details.css.map */ |
||||
File diff suppressed because one or more lines are too long
@ -0,0 +1,173 @@ |
||||
<!DOCTYPE html> |
||||
<html lang="en"> |
||||
|
||||
<head> |
||||
<meta charset="UTF-8" /> |
||||
<title>{{.Title}}</title> |
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
||||
<meta name="referrer" content="unsafe-url"> |
||||
<meta name="keywords" content="{{.Keywords}}"> |
||||
<meta name="description" content="{{.Description}}"> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/main.css"}}" /> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/common.css"}}" /> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/details.css"}}" /> |
||||
<link rel="shortcut icon" type="image/png" href="{{replaceImage .Favicon}}" /> |
||||
</head> |
||||
|
||||
<body class="sub blog-page media-center-branch" x-ms-format-detection="none" |
||||
data-config="b66gvem6.kpe\0uaxr1n6.ouy"> |
||||
|
||||
<header class="icobalt ilayout" id="HeaderZone"> |
||||
<div class="header v2 full" id="Header" universal_="true" data-showhide="true" data-header="true" |
||||
data-class-name="menu-open" data-html-class="true" data-phone=""> |
||||
<div class="left-side"> |
||||
<a class="logo-container" href="{{.IndexUrl}}"> |
||||
<div class="holder"> |
||||
<div class="wrapper"> |
||||
<img class="logo-v2" alt="logo" |
||||
title="logo" |
||||
src="{{replaceImage .Logo}}"> |
||||
</div> |
||||
</div> |
||||
</a> |
||||
<a href="{{.IndexUrl}}" class="mob-logo"><img |
||||
alt="logo" title="logo" |
||||
src="{{replaceImage .Logo}}"></a> |
||||
</div> |
||||
<div class="right-side"> |
||||
<div class="nav-bar"> |
||||
<nav class="top-nav"> |
||||
<ul class="desktop-nav el-tab-box" id="TopNavigation" data-role="panel" data-closing="true"> |
||||
<li class="home child0 " aria-label="home" tab-index="0"> |
||||
<a href="{{.IndexUrl}}" target="" aria-label="home"> |
||||
<span>{{ lang "home"}}</span> |
||||
</a> |
||||
|
||||
</li> |
||||
{{if .HasAbout }} |
||||
<li class="our-services child25 nav-hover" aria-label="our-services" tab-index="0"> |
||||
<a href="{{.AboutUrl}}" target="" aria-label="our-services"> |
||||
<span>{{ lang "about" }}</span> |
||||
</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<li class="about-us child14 nav-hover" aria-label="about-us" tab-index="0"> |
||||
<a href="{{.ContactUrl}}" target="" aria-label="about-us"> |
||||
<span>{{ lang "contact" }}</span> |
||||
</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<li class="locations child0 " aria-label="locations" tab-index="0"> |
||||
<a href="{{.PolicyUrl}}" target="" aria-label="locations"> |
||||
<span>{{ lang "policy"}}</span> |
||||
</a> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
</nav> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
</header> |
||||
|
||||
<main> |
||||
<div class="column-content main"> |
||||
<section id="content" class="container"> |
||||
<div id="breadcrumb"> |
||||
<a href="{{.IndexUrl}}">{{lang "home"}}</a> |
||||
<a href="#">{{.Title}}</a> |
||||
</div> |
||||
<div id="article-head"> |
||||
<h1 id="title">{{.Title}}</h1> |
||||
<div> |
||||
<span>{{timeFormat .PublishTime}}</span> |
||||
<span> / </span> |
||||
<span>{{.Views}} {{lang "views"}}</span> |
||||
</div> |
||||
</div> |
||||
<div class="d-lg-flex"> |
||||
<div id="article-container" class="col-lg-12 col-md-24"> |
||||
<article id="article"> |
||||
<img width="100%" src="{{getCover .Article.Pictures}}" /> |
||||
<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> |
||||
<!-- 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> |
||||
</div> |
||||
</div> |
||||
</section> |
||||
</div> |
||||
</main> |
||||
|
||||
<footer class="icobalt ilayout" id="FooterZone"> |
||||
<div class="footer pg-sd-hide" id="Footer" itemscope=""> |
||||
<div class="full"> |
||||
<div class="footer-top"> |
||||
<div class="ft-left"> |
||||
<img itemprop="image" loading="lazy" class="logo" |
||||
src="{{replaceImage .Logo}}"> |
||||
<nav class="footer-nav"> |
||||
<div id="FooterLinks"> |
||||
<ul> |
||||
<li><a href="{{.AboutUrl}}">{{lang "about"}}</a></li> |
||||
<li><a href="{{.ContactUrl}}">{{lang "contact"}}</a> |
||||
</li> |
||||
<li><a href="{{.PolicyUrl}}">{{lang "policy"}}</a></li> |
||||
</ul> |
||||
</div> |
||||
{{$flen := len .Friendship}} |
||||
{{if ne $flen 0}} |
||||
<div id="FooterLinks2"> |
||||
<ul> |
||||
{{range .Friendship}} |
||||
<li><a href="{{.Url}}">{{.Name}}</a></li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
{{end}} |
||||
</nav> |
||||
</div> |
||||
<div class="ft-right"> |
||||
|
||||
</div> |
||||
</div> |
||||
<div class="footer-bottom" id="AssociationLogos"> |
||||
|
||||
<div class="footer-disclaimer"> |
||||
<span>{{.Copyright}}</span> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
</footer> |
||||
|
||||
|
||||
</body> |
||||
|
||||
</html> |
||||
@ -0,0 +1,187 @@ |
||||
<!DOCTYPE html> |
||||
<html lang="en"> |
||||
|
||||
<head> |
||||
<meta charset="UTF-8" /> |
||||
<title>{{.Title}}</title> |
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
||||
<meta name="referrer" content="unsafe-url"> |
||||
<meta name="keywords" content="{{.Keywords}}"> |
||||
<meta name="description" content="{{.Description}}"> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/main.css"}}" /> |
||||
<link rel="shortcut icon" type="image/png" href="{{replaceImage .Favicon}}" /> |
||||
</head> |
||||
|
||||
<body class="sub blog-page media-center-branch" x-ms-format-detection="none" |
||||
data-config="b66gvem6.kpe\0uaxr1n6.ouy"> |
||||
|
||||
<header class="icobalt ilayout" id="HeaderZone"> |
||||
<div class="header v2 full" id="Header" universal_="true" data-showhide="true" data-header="true" |
||||
data-class-name="menu-open" data-html-class="true" data-phone=""> |
||||
<div class="left-side"> |
||||
<a class="logo-container" href="{{.IndexUrl}}"> |
||||
<div class="holder"> |
||||
<div class="wrapper"> |
||||
<img class="logo-v2" alt="logo" |
||||
title="logo" |
||||
src="{{replaceImage .Logo}}"> |
||||
</div> |
||||
</div> |
||||
</a> |
||||
<a href="{{.IndexUrl}}" class="mob-logo"><img |
||||
alt="logo" title="logo" |
||||
src="{{replaceImage .Logo}}"></a> |
||||
</div> |
||||
<div class="right-side"> |
||||
<div class="nav-bar"> |
||||
<nav class="top-nav"> |
||||
<ul class="desktop-nav el-tab-box" id="TopNavigation" data-role="panel" data-closing="true"> |
||||
<li class="home child0 " aria-label="home" tab-index="0"> |
||||
<a href="{{.IndexUrl}}" target="" aria-label="home"> |
||||
<span>{{ lang "home"}}</span> |
||||
</a> |
||||
|
||||
</li> |
||||
{{if .HasAbout }} |
||||
<li class="our-services child25 nav-hover" aria-label="our-services" tab-index="0"> |
||||
<a href="{{.AboutUrl}}" target="" aria-label="our-services"> |
||||
<span>{{ lang "about" }}</span> |
||||
</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<li class="about-us child14 nav-hover" aria-label="about-us" tab-index="0"> |
||||
<a href="{{.ContactUrl}}" target="" aria-label="about-us"> |
||||
<span>{{ lang "contact" }}</span> |
||||
</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<li class="locations child0 " aria-label="locations" tab-index="0"> |
||||
<a href="{{.PolicyUrl}}" target="" aria-label="locations"> |
||||
<span>{{ lang "policy"}}</span> |
||||
</a> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
</nav> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
</header> |
||||
|
||||
<main> |
||||
<div class="column-content main"> |
||||
<article class="icobalt ilayout main-zone" id="MainZone"> |
||||
<form id="Form_BlogSystemHome" method="post" enctype="multipart/form-data" action="index.html" |
||||
data-search="1"> |
||||
<div class="blog-system home ui-repeater ui-ajax" id="BlogSystemHome"> |
||||
<h1>{{lang "latest"}}</h1> |
||||
<ul class="post-list"> |
||||
{{ range .Articles }} |
||||
<li itemscope="" data-item="i" |
||||
data-key="1385374"> |
||||
<h2><a href="{{.Url}}">{{.Title}}</a></h2> |
||||
<div class="info-box"> |
||||
<img src="{{getCover .Cover 300 180}}"> |
||||
</div> |
||||
<div class="content-box"> |
||||
<span itemprop="description">{{.Summary}}</span> |
||||
</div> |
||||
<address style="display:none" rel="author" itemprop="author"> |
||||
{{timeFormat .PublishTime}} |
||||
<span itemprop="name">{{.Views}} {{lang "views"}}</span> |
||||
</address> |
||||
</li> |
||||
{{end}} |
||||
|
||||
</ul> |
||||
<div class="paging"> |
||||
<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> |
||||
</form> |
||||
</article> |
||||
<div class="icobalt ilayout side-zone" id="SideZone"> |
||||
{{$plen := len .PopularArticles}} |
||||
{{if ne $plen 0}} |
||||
<nav id="BlogCategoryList" class="side-nav sys-nav categories ui-repeater" universal_="true"> |
||||
<header class="more-btn"> |
||||
{{lang "popular"}} |
||||
</header> |
||||
<ul> |
||||
{{range .PopularArticles}} |
||||
<li class="level-1" data-item="i"> |
||||
<a href="{{.Url}}">{{.Title}}</a> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
</nav> |
||||
{{end}} |
||||
</div> |
||||
</div> |
||||
</main> |
||||
|
||||
<footer class="icobalt ilayout" id="FooterZone"> |
||||
<div class="footer pg-sd-hide" id="Footer" itemscope=""> |
||||
<div class="full"> |
||||
<div class="footer-top"> |
||||
<div class="ft-left"> |
||||
<img itemprop="image" loading="lazy" class="logo" |
||||
src="{{replaceImage .Logo}}"> |
||||
<nav class="footer-nav"> |
||||
<div id="FooterLinks"> |
||||
<ul> |
||||
<li><a href="{{.AboutUrl}}">{{lang "about"}}</a></li> |
||||
<li><a href="{{.ContactUrl}}">{{lang "contact"}}</a> |
||||
</li> |
||||
<li><a href="{{.PolicyUrl}}">{{lang "policy"}}</a></li> |
||||
</ul> |
||||
</div> |
||||
{{$flen := len .Friendship}} |
||||
{{if ne $flen 0}} |
||||
<div id="FooterLinks2"> |
||||
<ul> |
||||
{{range .Friendship}} |
||||
<li><a href="{{.Url}}">{{.Name}}</a></li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
{{end}} |
||||
</nav> |
||||
</div> |
||||
<div class="ft-right"> |
||||
|
||||
</div> |
||||
</div> |
||||
<div class="footer-bottom" id="AssociationLogos"> |
||||
|
||||
<div class="footer-disclaimer"> |
||||
<span>{{.Copyright}}</span> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
</footer> |
||||
|
||||
|
||||
</body> |
||||
|
||||
</html> |
||||
@ -0,0 +1,137 @@ |
||||
<!DOCTYPE html> |
||||
<html lang="en"> |
||||
|
||||
<head> |
||||
<meta charset="UTF-8" /> |
||||
<title>{{.Title}}</title> |
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
||||
<meta name="referrer" content="unsafe-url"> |
||||
<meta name="keywords" content="{{.Keywords}}"> |
||||
<meta name="description" content="{{.Description}}"> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/main.css"}}" /> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/common.css"}}" /> |
||||
<link rel="shortcut icon" type="image/png" href="{{replaceImage .Favicon}}" /> |
||||
</head> |
||||
|
||||
<body class="sub blog-page media-center-branch" x-ms-format-detection="none" |
||||
data-config="b66gvem6.kpe\0uaxr1n6.ouy"> |
||||
|
||||
<header class="icobalt ilayout" id="HeaderZone"> |
||||
<div class="header v2 full" id="Header" universal_="true" data-showhide="true" data-header="true" |
||||
data-class-name="menu-open" data-html-class="true" data-phone=""> |
||||
<div class="left-side"> |
||||
<a class="logo-container" href="{{.IndexUrl}}"> |
||||
<div class="holder"> |
||||
<div class="wrapper"> |
||||
<img class="logo-v2" alt="logo" |
||||
title="logo" |
||||
src="{{replaceImage .Logo}}"> |
||||
</div> |
||||
</div> |
||||
</a> |
||||
<a href="{{.IndexUrl}}" class="mob-logo"><img |
||||
alt="logo" title="logo" |
||||
src="{{replaceImage .Logo}}"></a> |
||||
</div> |
||||
<div class="right-side"> |
||||
<div class="nav-bar"> |
||||
<nav class="top-nav"> |
||||
<ul class="desktop-nav el-tab-box" id="TopNavigation" data-role="panel" data-closing="true"> |
||||
<li class="home child0 " aria-label="home" tab-index="0"> |
||||
<a href="{{.IndexUrl}}" target="" aria-label="home"> |
||||
<span>{{ lang "home"}}</span> |
||||
</a> |
||||
|
||||
</li> |
||||
{{if .HasAbout }} |
||||
<li class="our-services child25 nav-hover" aria-label="our-services" tab-index="0"> |
||||
<a href="{{.AboutUrl}}" target="" aria-label="our-services"> |
||||
<span>{{ lang "about" }}</span> |
||||
</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<li class="about-us child14 nav-hover" aria-label="about-us" tab-index="0"> |
||||
<a href="{{.ContactUrl}}" target="" aria-label="about-us"> |
||||
<span>{{ lang "contact" }}</span> |
||||
</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<li class="locations child0 " aria-label="locations" tab-index="0"> |
||||
<a href="{{.PolicyUrl}}" target="" aria-label="locations"> |
||||
<span>{{ lang "policy"}}</span> |
||||
</a> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
</nav> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
</header> |
||||
|
||||
<main> |
||||
<div class="column-content main"> |
||||
<section id="content" class="container"> |
||||
<div id="breadcrumb"> |
||||
<a href="{{.IndexUrl}}">{{lang "home"}}</a> |
||||
<a href="#">{{lang "policy"}}</a> |
||||
</div> |
||||
<h1 id="page-title">{{lang "policy"}}</h1> |
||||
<div> |
||||
{{.Policy}} |
||||
</div> |
||||
</section> |
||||
</div> |
||||
</main> |
||||
|
||||
<footer class="icobalt ilayout" id="FooterZone"> |
||||
<div class="footer pg-sd-hide" id="Footer" itemscope=""> |
||||
<div class="full"> |
||||
<div class="footer-top"> |
||||
<div class="ft-left"> |
||||
<img itemprop="image" loading="lazy" class="logo" |
||||
src="{{replaceImage .Logo}}"> |
||||
<nav class="footer-nav"> |
||||
<div id="FooterLinks"> |
||||
<ul> |
||||
<li><a href="{{.AboutUrl}}">{{lang "about"}}</a></li> |
||||
<li><a href="{{.ContactUrl}}">{{lang "contact"}}</a> |
||||
</li> |
||||
<li><a href="{{.PolicyUrl}}">{{lang "policy"}}</a></li> |
||||
</ul> |
||||
</div> |
||||
{{$flen := len .Friendship}} |
||||
{{if ne $flen 0}} |
||||
<div id="FooterLinks2"> |
||||
<ul> |
||||
{{range .Friendship}} |
||||
<li><a href="{{.Url}}">{{.Name}}</a></li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
{{end}} |
||||
</nav> |
||||
</div> |
||||
<div class="ft-right"> |
||||
|
||||
</div> |
||||
</div> |
||||
<div class="footer-bottom" id="AssociationLogos"> |
||||
|
||||
<div class="footer-disclaimer"> |
||||
<span>{{.Copyright}}</span> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
</footer> |
||||
|
||||
|
||||
</body> |
||||
|
||||
</html> |
||||
@ -0,0 +1,123 @@ |
||||
<!DOCTYPE html> |
||||
<html lang="en"> |
||||
|
||||
<head> |
||||
<meta charset="UTF-8" /> |
||||
<title>{{.Title}}</title> |
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
||||
<meta name="referrer" content="unsafe-url"> |
||||
<meta name="keywords" content="{{.Keywords}}"> |
||||
<meta name="description" content="{{.Description}}"> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/styles.css"}}" /> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/common.css"}}" /> |
||||
<link rel="shortcut icon" type="image/png" href="{{replaceImage .Favicon}}" /> |
||||
</head> |
||||
|
||||
<body |
||||
class="page-template page-template-template-education template-education page page-id-7356 blog app-data index-data singular-data page-data page-7356-data page-blog-data template-education-data"> |
||||
<header id="headerContainer"> |
||||
<nav> |
||||
<div class="container"> |
||||
<a href="{{.IndexUrl}}" class="brand"> |
||||
<img src="{{replaceImage .Logo}}" width="190" height="75"/> |
||||
</a> |
||||
|
||||
<ul id="menu-main-menu" class="menu"> |
||||
<li id="menu-item-10546" |
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10546"> |
||||
<a href="{{.IndexUrl}}">{{ lang "home"}}</a> |
||||
</li> |
||||
{{if .HasAbout }} |
||||
<li id="menu-item-257" |
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-257"> |
||||
<a href="{{.AboutUrl}}">{{ lang "about" }}</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<li id="menu-item-7435" |
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7435"> |
||||
<a href="{{.ContactUrl}}">{{ lang "contact" }}</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<li id="menu-item-8" |
||||
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-8"> |
||||
<a href="{{.PolicyUrl}}">{{ lang "policy"}}</a> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
</nav> |
||||
</header> |
||||
|
||||
<section class="block-standard-content" id="standardcontent"> |
||||
<div class="container"> |
||||
<section id="content" class="container"> |
||||
<div id="breadcrumb"> |
||||
<a href="{{.IndexUrl}}">{{ lang "home" }}</a> |
||||
<a href="#">{{ lang "about" }}</a> |
||||
</div> |
||||
<h1 id="page-title">{{ lang "about"}} </h1> |
||||
<div> |
||||
{{.About}} |
||||
</div> |
||||
</section> |
||||
</div> |
||||
</section> |
||||
|
||||
<footer> |
||||
<nav> |
||||
<div class="container"> |
||||
|
||||
<div class="block"> |
||||
<ul id="menu-footer-navigation" class="menu"> |
||||
<li id="menu-item-148" |
||||
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-148">{{lang "related"}} |
||||
</li> |
||||
{{if .HasAbout }} |
||||
<li id="menu-item-10649" |
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10649"> |
||||
<a href="{{.AboutUrl}}">{{lang "about"}}</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<li id="menu-item-144" |
||||
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-144"> |
||||
<a href="{{.ContactUrl}}">{{lang "contact"}}</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<li id="menu-item-147" |
||||
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-147"> |
||||
<a href="{{.PolicyUrl}}">{{lang "policy"}}</a> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
{{$flen := len .Friendship}} |
||||
{{if ne $flen 0}} |
||||
<div class="block"> |
||||
<ul id="menu-test-menu" class="menu"> |
||||
<li id="menu-item-9845" |
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9845">{{lang "friendship"}}</li> |
||||
{{range .Friendship}} |
||||
<li id="menu-item-9844" |
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9844"><a |
||||
href="{{.Url}}">{{.Name}}</a></li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
{{end}} |
||||
</div> |
||||
</nav> |
||||
<div class="copyright"> |
||||
<div class="container"> |
||||
<p>{{.Copyright}}</p> |
||||
</div> |
||||
</div> |
||||
</footer> |
||||
|
||||
</body> |
||||
|
||||
</html> |
||||
@ -0,0 +1,5 @@ |
||||
{ |
||||
"creator": "申心远", |
||||
"version": "1.0", |
||||
"origin_website": "https://www.pest-ex.com.au/blog/" |
||||
} |
||||
@ -0,0 +1,140 @@ |
||||
<!DOCTYPE html> |
||||
<html lang="en"> |
||||
|
||||
<head> |
||||
<meta charset="UTF-8" /> |
||||
<title>{{.Title}}</title> |
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
||||
<meta name="referrer" content="unsafe-url"> |
||||
<meta name="keywords" content="{{.Keywords}}"> |
||||
<meta name="description" content="{{.Description}}"> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/bootstrap.min.css"}}" /> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/styles.css"}}" /> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/common.css"}}" /> |
||||
<link rel="shortcut icon" type="image/png" href="{{replaceImage .Favicon}}" /> |
||||
</head> |
||||
|
||||
<body |
||||
class="page-template page-template-template-education template-education page page-id-7356 blog app-data index-data singular-data page-data page-7356-data page-blog-data template-education-data"> |
||||
<header id="headerContainer"> |
||||
<nav> |
||||
<div class="container"> |
||||
<a href="{{.IndexUrl}}" class="brand"> |
||||
<img src="{{replaceImage .Logo}}" width="190" height="75"/> |
||||
</a> |
||||
|
||||
<ul id="menu-main-menu" class="menu"> |
||||
<li id="menu-item-10546" |
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10546"> |
||||
<a href="{{.IndexUrl}}">{{ lang "home"}}</a> |
||||
</li> |
||||
{{if .HasAbout }} |
||||
<li id="menu-item-257" |
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-257"> |
||||
<a href="{{.AboutUrl}}">{{ lang "about" }}</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<li id="menu-item-7435" |
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7435"> |
||||
<a href="{{.ContactUrl}}">{{ lang "contact" }}</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<li id="menu-item-8" |
||||
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-8"> |
||||
<a href="{{.PolicyUrl}}">{{ lang "policy"}}</a> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
</nav> |
||||
</header> |
||||
|
||||
<section class="block-standard-content" id="standardcontent"> |
||||
<div class="container"> |
||||
<section id="content" class="container"> |
||||
<div id="breadcrumb"> |
||||
<a href="{{.IndexUrl}}">{{lang "home"}}</a> |
||||
<a href="#">{{lang "contact"}}</a> |
||||
</div> |
||||
<h1 id="page-title">{{lang "contact"}}</h1> |
||||
<div> |
||||
{{.Contact}} |
||||
<form class="col-12 col-lg-6" style="padding: 0;"> |
||||
<div class="form-group"> |
||||
<label for="emailInput">{{lang "about_email"}}</label> |
||||
<input type="email" class="form-control" id="emailInput" placeholder="name@example.com"> |
||||
</div> |
||||
<div class="form-group"> |
||||
<label for="nameInput">{{lang "about_name"}}</label> |
||||
<input type="name" class="form-control" id="nameInput" placeholder="your name"> |
||||
</div> |
||||
<div class="form-group"> |
||||
<label for="exampleFormControlTextarea1">{{lang "about_message"}}</label> |
||||
<textarea class="form-control" id="exampleFormControlTextarea1" rows="3" |
||||
placeholder="what do you want to say"></textarea> |
||||
</div> |
||||
<button type="submit" class="btn btn-primary" style="width: 100%;">{{lang "about_send"}}</button> |
||||
</form> |
||||
</div> |
||||
</section> |
||||
</div> |
||||
</section> |
||||
|
||||
<footer> |
||||
<nav> |
||||
<div class="container"> |
||||
|
||||
<div class="block"> |
||||
<ul id="menu-footer-navigation" class="menu"> |
||||
<li id="menu-item-148" |
||||
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-148">{{lang "related"}} |
||||
</li> |
||||
{{if .HasAbout }} |
||||
<li id="menu-item-10649" |
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10649"> |
||||
<a href="{{.AboutUrl}}">{{lang "about"}}</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<li id="menu-item-144" |
||||
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-144"> |
||||
<a href="{{.ContactUrl}}">{{lang "contact"}}</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<li id="menu-item-147" |
||||
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-147"> |
||||
<a href="{{.PolicyUrl}}">{{lang "policy"}}</a> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
{{$flen := len .Friendship}} |
||||
{{if ne $flen 0}} |
||||
<div class="block"> |
||||
<ul id="menu-test-menu" class="menu"> |
||||
<li id="menu-item-9845" |
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9845">{{lang "friendship"}}</li> |
||||
{{range .Friendship}} |
||||
<li id="menu-item-9844" |
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9844"><a |
||||
href="{{.Url}}">{{.Name}}</a></li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
{{end}} |
||||
</div> |
||||
</nav> |
||||
<div class="copyright"> |
||||
<div class="container"> |
||||
<p>{{.Copyright}}</p> |
||||
</div> |
||||
</div> |
||||
</footer> |
||||
|
||||
</body> |
||||
|
||||
</html> |
||||
File diff suppressed because one or more lines are too long
@ -0,0 +1,196 @@ |
||||
html, |
||||
body { |
||||
margin: 0; |
||||
padding: 0; |
||||
width: 100%; |
||||
} |
||||
|
||||
body { |
||||
background-color: #fff; |
||||
} |
||||
|
||||
a { |
||||
color: #3755d6; |
||||
text-decoration: none; |
||||
} |
||||
|
||||
#breadcrumb { |
||||
padding: 20px 0 15px; |
||||
} |
||||
#breadcrumb a { |
||||
color: #666; |
||||
} |
||||
#breadcrumb a:not(:last-of-type)::after { |
||||
content: " / "; |
||||
} |
||||
|
||||
#page-title { |
||||
padding-bottom: 20px; |
||||
} |
||||
|
||||
#content { |
||||
min-height: 50vh; |
||||
margin: 80px auto 20px; |
||||
} |
||||
|
||||
.block-title { |
||||
margin: 20px 0; |
||||
border-bottom: 1px solid #182a75; |
||||
} |
||||
.block-title .text { |
||||
display: inline-block; |
||||
padding: 8px 12px; |
||||
background-color: #182a75; |
||||
color: #fff; |
||||
font-size: 16px; |
||||
} |
||||
|
||||
#header { |
||||
border-bottom: 1px solid #e5e5e5; |
||||
position: fixed; |
||||
top: 0; |
||||
left: 0; |
||||
right: 0; |
||||
z-index: 9999; |
||||
background-color: #fff; |
||||
} |
||||
#header .container { |
||||
padding: 10px 15px; |
||||
display: flex; |
||||
align-items: center; |
||||
justify-content: space-between; |
||||
} |
||||
#header .container .logo { |
||||
display: inline-block; |
||||
height: 100%; |
||||
} |
||||
#header .container .logo-container { |
||||
height: 100%; |
||||
flex-grow: 1; |
||||
} |
||||
#header .container .logo img { |
||||
height: 100%; |
||||
} |
||||
|
||||
#nav { |
||||
width: 100%; |
||||
height: 60px; |
||||
display: flex; |
||||
align-items: center; |
||||
box-sizing: border-box; |
||||
padding: 0; |
||||
} |
||||
#nav .navbar-toggler { |
||||
margin-right: 15px; |
||||
} |
||||
#nav .navbar-collapse { |
||||
flex-grow: 0; |
||||
background-color: #fff; |
||||
} |
||||
#nav .navbar-collapse.show { |
||||
box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1); |
||||
margin-top: 11px; |
||||
} |
||||
#nav .navbar-collapse.collapsing { |
||||
margin-top: 11px; |
||||
} |
||||
#nav .navbar-collapse a { |
||||
font-weight: 700; |
||||
padding: 10px 15px; |
||||
display: inline-flex; |
||||
align-items: center; |
||||
color: #3755d6; |
||||
} |
||||
#nav .navbar-collapse .nav-link { |
||||
display: flex; |
||||
} |
||||
|
||||
#footer { |
||||
background-color: #f5f5f5; |
||||
} |
||||
#footer .container { |
||||
padding: 40px 15px; |
||||
} |
||||
#footer .container .logo { |
||||
height: 50px; |
||||
} |
||||
#footer .container .title { |
||||
font-size: 20px; |
||||
font-weight: 700; |
||||
padding: 10px 0; |
||||
} |
||||
#footer .container .column { |
||||
padding: 10px; |
||||
} |
||||
#footer .container .column .links a { |
||||
padding: 5px 0; |
||||
margin-right: 20px; |
||||
color: #333; |
||||
font-size: 14px; |
||||
} |
||||
#footer .container .copyright { |
||||
font-size: 14px; |
||||
margin-top: 5px; |
||||
} |
||||
|
||||
#article-popular-recommend { |
||||
padding-right: 0; |
||||
} |
||||
#article-popular-recommend .article:not(:last-of-type) { |
||||
margin-bottom: 15px; |
||||
} |
||||
#article-popular-recommend .article .image { |
||||
width: 125px; |
||||
height: 75px; |
||||
-o-object-fit: cover; |
||||
object-fit: cover; |
||||
margin-right: 15px; |
||||
background-color: #f5f5f5; |
||||
box-sizing: border-box; |
||||
} |
||||
#article-popular-recommend .article .content { |
||||
flex: 1; |
||||
} |
||||
#article-popular-recommend .article .content .title { |
||||
font-size: 14px; |
||||
font-weight: 700; |
||||
color: #333; |
||||
} |
||||
#article-popular-recommend .article .content .title:hover { |
||||
color: #3755d6; |
||||
transition: color 0.5s; |
||||
} |
||||
#article-popular-recommend .article .content .info { |
||||
color: #999; |
||||
margin-top: 5px; |
||||
font-size: 14px; |
||||
} |
||||
|
||||
@media screen and (max-width: 540px) { |
||||
body { |
||||
font-size: 14px; |
||||
} |
||||
#footer .container { |
||||
padding: 20px 15px; |
||||
} |
||||
#footer .title { |
||||
font-size: 16px !important; |
||||
} |
||||
#footer .links a { |
||||
font-size: 14px; |
||||
} |
||||
.col-md-12 { |
||||
padding: 0; |
||||
} |
||||
.block-title .text { |
||||
background-color: unset; |
||||
color: #182a75; |
||||
padding-left: 0; |
||||
font-weight: bold; |
||||
} |
||||
} |
||||
@media screen and (max-width: 992px) { |
||||
#article-popular-recommend { |
||||
padding-left: 0; |
||||
} |
||||
}/*# sourceMappingURL=common.css.map */ |
||||
@ -0,0 +1,54 @@ |
||||
#article-head { |
||||
padding: 10px 0; |
||||
color: #999; |
||||
} |
||||
|
||||
#article-container img { |
||||
padding: 20px 0; |
||||
} |
||||
|
||||
#title { |
||||
font-size: 38px; |
||||
line-height: 48px; |
||||
font-weight: 400; |
||||
color: #333; |
||||
} |
||||
|
||||
.hidden-text { |
||||
text-overflow:ellipsis; |
||||
overflow:hidden; |
||||
white-space:nowrap; |
||||
} |
||||
.article-page { |
||||
min-height: 20px; |
||||
} |
||||
.article-page>div{ |
||||
max-width: 300px; |
||||
} |
||||
.article-page div:first-child{ |
||||
float:left; |
||||
} |
||||
.article-page div:last-child{ |
||||
float:right; |
||||
} |
||||
|
||||
@media screen and (max-width: 540px) { |
||||
#title { |
||||
font-size: 22px; |
||||
line-height: 1.5; |
||||
} |
||||
.col-md-12 { |
||||
padding: 0; |
||||
} |
||||
.article-page div:first-child{ |
||||
float:none; |
||||
} |
||||
.article-page div:last-child{ |
||||
float:none; |
||||
} |
||||
} |
||||
@media screen and (min-width: 540px) { |
||||
#article-container { |
||||
padding-left: 0; |
||||
} |
||||
}/*# sourceMappingURL=details.css.map */ |
||||
File diff suppressed because one or more lines are too long
@ -0,0 +1,217 @@ |
||||
<!DOCTYPE html> |
||||
<html lang="en"> |
||||
|
||||
<head> |
||||
<meta charset="UTF-8" /> |
||||
<title>{{.Title}}</title> |
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
||||
<meta name="referrer" content="unsafe-url"> |
||||
<meta name="keywords" content="{{.Keywords}}"> |
||||
<meta name="description" content="{{.Description}}"> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/bootstrap.min.css"}}" /> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/styles.css"}}" /> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/common.css"}}" /> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/details.css"}}" /> |
||||
<link rel="shortcut icon" type="image/png" href="{{replaceImage .Favicon}}" /> |
||||
</head> |
||||
|
||||
<body |
||||
class="page-template page-template-template-education template-education page page-id-7356 blog app-data index-data singular-data page-data page-7356-data page-blog-data template-education-data"> |
||||
<header id="headerContainer"> |
||||
<nav> |
||||
<div class="container"> |
||||
<a href="{{.IndexUrl}}" class="brand"> |
||||
<img src="{{replaceImage .Logo}}" width="190" height="75"/> |
||||
</a> |
||||
|
||||
<ul id="menu-main-menu" class="menu"> |
||||
<li id="menu-item-10546" |
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10546"> |
||||
<a href="{{.IndexUrl}}">{{ lang "home"}}</a> |
||||
</li> |
||||
{{if .HasAbout }} |
||||
<li id="menu-item-257" |
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-257"> |
||||
<a href="{{.AboutUrl}}">{{ lang "about" }}</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<li id="menu-item-7435" |
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7435"> |
||||
<a href="{{.ContactUrl}}">{{ lang "contact" }}</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<li id="menu-item-8" |
||||
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-8"> |
||||
<a href="{{.PolicyUrl}}">{{ lang "policy"}}</a> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
</nav> |
||||
</header> |
||||
|
||||
<section class="block-standard-content" id="standardcontent"> |
||||
<div class="container"> |
||||
<section id="content" class="container"> |
||||
<div id="breadcrumb"> |
||||
<a href="{{.IndexUrl}}">{{lang "home"}}</a> |
||||
<a href="#">{{.Title}}</a> |
||||
</div> |
||||
<div id="article-head"> |
||||
<h1 id="title">{{.Title}}</h1> |
||||
<div> |
||||
<span>{{timeFormat .PublishTime}}</span> |
||||
<span> / </span> |
||||
<span>{{.Views}} {{lang "views"}}</span> |
||||
</div> |
||||
</div> |
||||
<div class="d-lg-flex"> |
||||
<div id="article-container" class="col-lg-8 col-md-12"> |
||||
<!-- article content start --> |
||||
<!-- span class="link" |
||||
section="shortcodeLink"><a |
||||
href="/tech/mobile/the-next-iphone-moment-will-arrive-eventually-hurry-up-already/">the |
||||
iPhone</a></span> --> |
||||
<article id="article"> |
||||
<img width="100%" src="{{getCover .Article.Pictures}}" /> |
||||
<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> |
||||
<!-- 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> |
||||
</div> |
||||
<div id="article-popular-recommend" class="col-lg-4 col-md-12"> |
||||
{{$plen := len .PopularArticles}} |
||||
{{if ne $plen 0}} |
||||
<div class="block-title"> |
||||
<div class="text">{{lang "popular"}}</div> |
||||
</div> |
||||
<div id="article-popular"> |
||||
<!-- popular article list start --> |
||||
{{range .PopularArticles}} |
||||
<div class="article d-flex"> |
||||
<a href="{{.Url}}" target="_blank"> |
||||
<img class="image" src="{{getCover .Cover 125 75}}" alt="Cover Image" /> |
||||
</a> |
||||
<div class="content"> |
||||
<a class="title" href="{{.Url}}" target="_blank">{{.Title}}</a> |
||||
<div class="info"> |
||||
<span>{{timeFormat .PublishTime}}</span> |
||||
/ |
||||
<span>{{.Views}} {{lang "views"}}</span> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
{{end}} |
||||
<!-- popular article list end --> |
||||
</div> |
||||
{{end}} |
||||
{{$rlen := len .RecommendArticles}} |
||||
{{if ne $rlen 0}} |
||||
<div class="block-title"> |
||||
<div class="text">{{lang "recommend"}}</div> |
||||
</div> |
||||
<div id="article-recommend"> |
||||
<!-- recommend article list start --> |
||||
{{range .RecommendArticles}} |
||||
<div class="article d-flex"> |
||||
<a href="{{.Url}}" target="_blank"> |
||||
<img class="image" src="{{getCover .Cover 125 75}}" alt="Cover Image" /> |
||||
</a> |
||||
<div class="content"> |
||||
<a class="title" href="{{.Url}}" target="_blank">{{.Title}}</a> |
||||
<div class="info"> |
||||
<span>{{timeFormat .PublishTime}}</span> |
||||
/ |
||||
<span>{{.Views}} {{lang "views"}}</span> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
{{end}} |
||||
<!-- recommend article list end --> |
||||
</div> |
||||
{{end}} |
||||
</div> |
||||
</div> |
||||
</section> |
||||
</div> |
||||
</section> |
||||
|
||||
<footer> |
||||
<nav> |
||||
<div class="container"> |
||||
|
||||
<div class="block"> |
||||
<ul id="menu-footer-navigation" class="menu"> |
||||
<li id="menu-item-148" |
||||
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-148">{{lang "related"}} |
||||
</li> |
||||
{{if .HasAbout }} |
||||
<li id="menu-item-10649" |
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10649"> |
||||
<a href="{{.AboutUrl}}">{{lang "about"}}</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<li id="menu-item-144" |
||||
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-144"> |
||||
<a href="{{.ContactUrl}}">{{lang "contact"}}</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<li id="menu-item-147" |
||||
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-147"> |
||||
<a href="{{.PolicyUrl}}">{{lang "policy"}}</a> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
{{$flen := len .Friendship}} |
||||
{{if ne $flen 0}} |
||||
<div class="block"> |
||||
<ul id="menu-test-menu" class="menu"> |
||||
<li id="menu-item-9845" |
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9845">{{lang "friendship"}}</li> |
||||
{{range .Friendship}} |
||||
<li id="menu-item-9844" |
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9844"><a |
||||
href="{{.Url}}">{{.Name}}</a></li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
{{end}} |
||||
</div> |
||||
</nav> |
||||
<div class="copyright"> |
||||
<div class="container"> |
||||
<p>{{.Copyright}}</p> |
||||
</div> |
||||
</div> |
||||
</footer> |
||||
|
||||
</body> |
||||
|
||||
</html> |
||||
@ -0,0 +1,173 @@ |
||||
<!DOCTYPE html> |
||||
<html lang="en"> |
||||
|
||||
<head> |
||||
<meta charset="UTF-8" /> |
||||
<title>{{.Title}}</title> |
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
||||
<meta name="referrer" content="unsafe-url"> |
||||
<meta name="keywords" content="{{.Keywords}}"> |
||||
<meta name="description" content="{{.Description}}"> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/styles.css"}}" /> |
||||
<link rel="shortcut icon" type="image/png" href="{{replaceImage .Favicon}}" /> |
||||
</head> |
||||
|
||||
<body |
||||
class="page-template page-template-template-education template-education page page-id-7356 blog app-data index-data singular-data page-data page-7356-data page-blog-data template-education-data"> |
||||
<header id="headerContainer"> |
||||
<nav> |
||||
<div class="container"> |
||||
<a href="{{.IndexUrl}}" class="brand"> |
||||
<img src="{{replaceImage .Logo}}" width="190" height="75"/> |
||||
</a> |
||||
|
||||
<ul id="menu-main-menu" class="menu"> |
||||
<li id="menu-item-10546" |
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10546"> |
||||
<a href="{{.IndexUrl}}">{{ lang "home"}}</a> |
||||
</li> |
||||
{{if .HasAbout }} |
||||
<li id="menu-item-257" |
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-257"> |
||||
<a href="{{.AboutUrl}}">{{ lang "about" }}</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<li id="menu-item-7435" |
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7435"> |
||||
<a href="{{.ContactUrl}}">{{ lang "contact" }}</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<li id="menu-item-8" |
||||
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-8"> |
||||
<a href="{{.PolicyUrl}}">{{ lang "policy"}}</a> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
</nav> |
||||
</header> |
||||
|
||||
<section class="block-standard-content" id="standardcontent"> |
||||
<div class="container"> |
||||
<div class="container-columns"> |
||||
<div class="column content"> |
||||
<h2 class="title">{{lang "latest"}}</h2> |
||||
{{ range .Articles }} |
||||
<article> |
||||
<a href="{{.Url}}"> |
||||
<div class="image"> |
||||
<img width="180" height="113" |
||||
src="{{getCover .Cover 300 180}}" |
||||
class="attachment-popular-articles size-popular-articles wp-post-image" |
||||
sizes="(max-width: 180px) 100vw, 180px" /> |
||||
</div> |
||||
|
||||
<div class="content"> |
||||
<span>{{timeFormat .PublishTime}}</span> |
||||
<h3>{{.Title}}</h3> |
||||
</div> |
||||
</a> |
||||
</article> |
||||
{{end}} |
||||
<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> |
||||
{{$pulen := len .PopularArticles}} |
||||
{{ if ne $pulen 0 }} |
||||
<div class="column sidebar"> |
||||
<div class="sidebar-book-an-expert"> |
||||
<p class="title">{{lang "popular"}}</p> |
||||
</div> |
||||
|
||||
<div class="features"> |
||||
<ul> |
||||
{{range .PopularArticles}} |
||||
<li> |
||||
<div class="image"> |
||||
<img width="37" height="37" |
||||
src="{{getCover .Cover 125 75}}" |
||||
class="attachment-thumbnail size-thumbnail" |
||||
decoding="async" loading="lazy" /> |
||||
</div> |
||||
|
||||
<a href="{{.Url}}">{{.Title}}</a> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
{{end}} |
||||
</div> |
||||
</div> |
||||
</section> |
||||
|
||||
<footer> |
||||
<nav> |
||||
<div class="container"> |
||||
|
||||
<div class="block"> |
||||
<ul id="menu-footer-navigation" class="menu"> |
||||
<li id="menu-item-148" |
||||
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-148">{{lang "related"}} |
||||
</li> |
||||
{{if .HasAbout }} |
||||
<li id="menu-item-10649" |
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10649"> |
||||
<a href="{{.AboutUrl}}">{{lang "about"}}</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<li id="menu-item-144" |
||||
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-144"> |
||||
<a href="{{.ContactUrl}}">{{lang "contact"}}</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<li id="menu-item-147" |
||||
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-147"> |
||||
<a href="{{.PolicyUrl}}">{{lang "policy"}}</a> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
{{$flen := len .Friendship}} |
||||
{{if ne $flen 0}} |
||||
<div class="block"> |
||||
<ul id="menu-test-menu" class="menu"> |
||||
<li id="menu-item-9845" |
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9845">{{lang "friendship"}}</li> |
||||
{{range .Friendship}} |
||||
<li id="menu-item-9844" |
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9844"><a |
||||
href="{{.Url}}">{{.Name}}</a></li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
{{end}} |
||||
</div> |
||||
</nav> |
||||
<div class="copyright"> |
||||
<div class="container"> |
||||
<p>{{.Copyright}}</p> |
||||
</div> |
||||
</div> |
||||
</footer> |
||||
|
||||
</body> |
||||
|
||||
</html> |
||||
@ -0,0 +1,123 @@ |
||||
<!DOCTYPE html> |
||||
<html lang="en"> |
||||
|
||||
<head> |
||||
<meta charset="UTF-8" /> |
||||
<title>{{.Title}}</title> |
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
||||
<meta name="referrer" content="unsafe-url"> |
||||
<meta name="keywords" content="{{.Keywords}}"> |
||||
<meta name="description" content="{{.Description}}"> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/styles.css"}}" /> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/common.css"}}" /> |
||||
<link rel="shortcut icon" type="image/png" href="{{replaceImage .Favicon}}" /> |
||||
</head> |
||||
|
||||
<body |
||||
class="page-template page-template-template-education template-education page page-id-7356 blog app-data index-data singular-data page-data page-7356-data page-blog-data template-education-data"> |
||||
<header id="headerContainer"> |
||||
<nav> |
||||
<div class="container"> |
||||
<a href="{{.IndexUrl}}" class="brand"> |
||||
<img src="{{replaceImage .Logo}}" width="190" height="75"/> |
||||
</a> |
||||
|
||||
<ul id="menu-main-menu" class="menu"> |
||||
<li id="menu-item-10546" |
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10546"> |
||||
<a href="{{.IndexUrl}}">{{ lang "home"}}</a> |
||||
</li> |
||||
{{if .HasAbout }} |
||||
<li id="menu-item-257" |
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-257"> |
||||
<a href="{{.AboutUrl}}">{{ lang "about" }}</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<li id="menu-item-7435" |
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7435"> |
||||
<a href="{{.ContactUrl}}">{{ lang "contact" }}</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<li id="menu-item-8" |
||||
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-8"> |
||||
<a href="{{.PolicyUrl}}">{{ lang "policy"}}</a> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
</nav> |
||||
</header> |
||||
|
||||
<section class="block-standard-content" id="standardcontent"> |
||||
<div class="container"> |
||||
<section id="content" class="container"> |
||||
<div id="breadcrumb"> |
||||
<a href="{{.IndexUrl}}">{{lang "home"}}</a> |
||||
<a href="#">{{lang "policy"}}</a> |
||||
</div> |
||||
<h1 id="page-title">{{lang "policy"}}</h1> |
||||
<div> |
||||
{{.Policy}} |
||||
</div> |
||||
</section> |
||||
</div> |
||||
</section> |
||||
|
||||
<footer> |
||||
<nav> |
||||
<div class="container"> |
||||
|
||||
<div class="block"> |
||||
<ul id="menu-footer-navigation" class="menu"> |
||||
<li id="menu-item-148" |
||||
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-148">{{lang "related"}} |
||||
</li> |
||||
{{if .HasAbout }} |
||||
<li id="menu-item-10649" |
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10649"> |
||||
<a href="{{.AboutUrl}}">{{lang "about"}}</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<li id="menu-item-144" |
||||
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-144"> |
||||
<a href="{{.ContactUrl}}">{{lang "contact"}}</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<li id="menu-item-147" |
||||
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-147"> |
||||
<a href="{{.PolicyUrl}}">{{lang "policy"}}</a> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
{{$flen := len .Friendship}} |
||||
{{if ne $flen 0}} |
||||
<div class="block"> |
||||
<ul id="menu-test-menu" class="menu"> |
||||
<li id="menu-item-9845" |
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9845">{{lang "friendship"}}</li> |
||||
{{range .Friendship}} |
||||
<li id="menu-item-9844" |
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9844"><a |
||||
href="{{.Url}}">{{.Name}}</a></li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
{{end}} |
||||
</div> |
||||
</nav> |
||||
<div class="copyright"> |
||||
<div class="container"> |
||||
<p>{{.Copyright}}</p> |
||||
</div> |
||||
</div> |
||||
</footer> |
||||
|
||||
</body> |
||||
|
||||
</html> |
||||
@ -0,0 +1,141 @@ |
||||
<!DOCTYPE html> |
||||
<html lang="en"> |
||||
|
||||
<head> |
||||
<meta charset="UTF-8" /> |
||||
<title>{{.Title}}</title> |
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
||||
<meta name="referrer" content="unsafe-url"> |
||||
<meta name="keywords" content="{{.Keywords}}"> |
||||
<meta name="description" content="{{.Description}}"> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/main.css"}}" /> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/common.css"}}" /> |
||||
<link rel="shortcut icon" type="image/png" href="{{replaceImage .Favicon}}" /> |
||||
</head> |
||||
|
||||
<body> |
||||
<div class="main-wrapper"> |
||||
<div class="content-wrapper"> |
||||
<header class="" role="banner"> |
||||
|
||||
<div class="header-container fields"> |
||||
<a class="logo" href="{{.IndexUrl}}"> |
||||
<img src="{{replaceImage .Logo}}" alt=""> |
||||
</a> |
||||
|
||||
<div class="nav-panel old"> |
||||
|
||||
<nav class="nav-main" id="nav-main" role="navigation"> |
||||
<ul> |
||||
<li> |
||||
<a class="nav-item " href="{{.IndexUrl}}"> |
||||
{{ lang "home"}} |
||||
</a> |
||||
</li> |
||||
{{if .HasAbout }} |
||||
<li> |
||||
<a class="nav-item " href="{{.AboutUrl}}"> |
||||
{{ lang "about" }} |
||||
</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<li> |
||||
<a class="nav-item " href="{{.ContactUrl}}"> |
||||
{{ lang "contact" }} |
||||
</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<li> |
||||
<a class="nav-item " href="{{.PolicyUrl}}"> |
||||
{{ lang "policy"}} |
||||
</a> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
</nav> |
||||
|
||||
</div> |
||||
</div> |
||||
</header> |
||||
|
||||
<main role="main"> |
||||
|
||||
<div class="knowledge-center region fields"> |
||||
<section id="content" class="container"> |
||||
<div id="breadcrumb"> |
||||
<a href="{{.IndexUrl}}">{{ lang "home" }}</a> |
||||
<a href="#">{{ lang "about" }}</a> |
||||
</div> |
||||
<h1 id="page-title">{{ lang "about"}} </h1> |
||||
<div> |
||||
{{.About}} |
||||
</div> |
||||
</section> |
||||
|
||||
</div> |
||||
|
||||
</main> |
||||
|
||||
|
||||
</div> |
||||
<footer role="contentinfo"> |
||||
<div class="footer-utilities fields region"> |
||||
<div class="footer-links footer-links-common region"> |
||||
<h2> |
||||
{{lang "related"}} |
||||
</h2> |
||||
<ul> |
||||
{{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> |
||||
{{$flen := len .Friendship}} |
||||
{{if ne $flen 0}} |
||||
<div class="footer-metro-areas region"> |
||||
<h2> |
||||
{{lang "friendship"}} |
||||
</h2> |
||||
<div class="fields"> |
||||
<ul> |
||||
{{range .Friendship}} |
||||
<li> |
||||
<a href="{{.Url}}">{{.Name}}</a> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
{{end}} |
||||
</div> |
||||
<div class="footer-legal"> |
||||
<div class="fields"> |
||||
|
||||
<p class="footer-copyright region" style="text-align: center; width: 100%; margin-top: 10px;"> |
||||
{{.Copyright}} |
||||
</p> |
||||
</div> |
||||
</div> |
||||
</footer> |
||||
|
||||
</div> |
||||
|
||||
|
||||
</body> |
||||
|
||||
</html> |
||||
@ -0,0 +1,5 @@ |
||||
{ |
||||
"creator": "申心远", |
||||
"version": "1.0", |
||||
"origin_website": "https://www.searshomeservices.com/blog/" |
||||
} |
||||
@ -0,0 +1,157 @@ |
||||
<!DOCTYPE html> |
||||
<html lang="en"> |
||||
|
||||
<head> |
||||
<meta charset="UTF-8" /> |
||||
<title>{{.Title}}</title> |
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
||||
<meta name="referrer" content="unsafe-url"> |
||||
<meta name="keywords" content="{{.Keywords}}"> |
||||
<meta name="description" content="{{.Description}}"> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/main.css"}}" /> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/common.css"}}" /> |
||||
<link rel="shortcut icon" type="image/png" href="{{replaceImage .Favicon}}" /> |
||||
</head> |
||||
|
||||
<body> |
||||
<div class="main-wrapper"> |
||||
<div class="content-wrapper"> |
||||
<header class="" role="banner"> |
||||
|
||||
<div class="header-container fields"> |
||||
<a class="logo" href="{{.IndexUrl}}"> |
||||
<img src="{{replaceImage .Logo}}" alt=""> |
||||
</a> |
||||
|
||||
<div class="nav-panel old"> |
||||
|
||||
<nav class="nav-main" id="nav-main" role="navigation"> |
||||
<ul> |
||||
<li> |
||||
<a class="nav-item " href="{{.IndexUrl}}"> |
||||
{{ lang "home"}} |
||||
</a> |
||||
</li> |
||||
{{if .HasAbout }} |
||||
<li> |
||||
<a class="nav-item " href="{{.AboutUrl}}"> |
||||
{{ lang "about" }} |
||||
</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<li> |
||||
<a class="nav-item " href="{{.ContactUrl}}"> |
||||
{{ lang "contact" }} |
||||
</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<li> |
||||
<a class="nav-item " href="{{.PolicyUrl}}"> |
||||
{{ lang "policy"}} |
||||
</a> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
</nav> |
||||
|
||||
</div> |
||||
</div> |
||||
</header> |
||||
|
||||
<main role="main"> |
||||
|
||||
<div class="knowledge-center region fields"> |
||||
<section id="content" class="container"> |
||||
<div id="breadcrumb"> |
||||
<a href="{{.IndexUrl}}">{{lang "home"}}</a> |
||||
<a href="#">{{lang "contact"}}</a> |
||||
</div> |
||||
<h1 id="page-title">{{lang "contact"}}</h1> |
||||
<div> |
||||
{{.Contact}} |
||||
<form class="col-12 col-lg-6" style="padding: 0;"> |
||||
<div class="form-group"> |
||||
<label for="emailInput">{{lang "about_email"}}</label> |
||||
<input type="email" class="form-control" id="emailInput" placeholder="name@example.com"> |
||||
</div> |
||||
<div class="form-group"> |
||||
<label for="nameInput">{{lang "about_name"}}</label> |
||||
<input type="name" class="form-control" id="nameInput" placeholder="your name"> |
||||
</div> |
||||
<div class="form-group"> |
||||
<label for="exampleFormControlTextarea1">{{lang "about_message"}}</label> |
||||
<textarea class="form-control" id="exampleFormControlTextarea1" rows="3" |
||||
placeholder="what do you want to say"></textarea> |
||||
</div> |
||||
<button type="submit" class="btn btn-primary" style="width: 100%;">{{lang "about_send"}}</button> |
||||
</form> |
||||
</div> |
||||
</section> |
||||
|
||||
</div> |
||||
|
||||
</main> |
||||
|
||||
|
||||
</div> |
||||
<footer role="contentinfo"> |
||||
<div class="footer-utilities fields region"> |
||||
<div class="footer-links footer-links-common region"> |
||||
<h2> |
||||
{{lang "related"}} |
||||
</h2> |
||||
<ul> |
||||
{{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> |
||||
{{$flen := len .Friendship}} |
||||
{{if ne $flen 0}} |
||||
<div class="footer-metro-areas region"> |
||||
<h2> |
||||
{{lang "friendship"}} |
||||
</h2> |
||||
<div class="fields"> |
||||
<ul> |
||||
{{range .Friendship}} |
||||
<li> |
||||
<a href="{{.Url}}">{{.Name}}</a> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
{{end}} |
||||
</div> |
||||
<div class="footer-legal"> |
||||
<div class="fields"> |
||||
|
||||
<p class="footer-copyright region" style="text-align: center; width: 100%; margin-top: 10px;"> |
||||
{{.Copyright}} |
||||
</p> |
||||
</div> |
||||
</div> |
||||
</footer> |
||||
|
||||
</div> |
||||
|
||||
|
||||
</body> |
||||
|
||||
</html> |
||||
File diff suppressed because one or more lines are too long
@ -0,0 +1,185 @@ |
||||
a { |
||||
color: #3755d6; |
||||
text-decoration: none; |
||||
} |
||||
|
||||
#breadcrumb { |
||||
padding: 20px 0 15px; |
||||
} |
||||
#breadcrumb a { |
||||
color: #666; |
||||
} |
||||
#breadcrumb a:not(:last-of-type)::after { |
||||
content: " / "; |
||||
} |
||||
|
||||
#page-title { |
||||
padding-bottom: 20px; |
||||
} |
||||
|
||||
#content { |
||||
min-height: 50vh; |
||||
margin: 80px auto 20px; |
||||
} |
||||
|
||||
.block-title { |
||||
margin: 20px 0; |
||||
border-bottom: 1px solid #182a75; |
||||
} |
||||
.block-title .text { |
||||
display: inline-block; |
||||
padding: 8px 12px; |
||||
background-color: #182a75; |
||||
color: #fff; |
||||
font-size: 16px; |
||||
} |
||||
|
||||
#header { |
||||
border-bottom: 1px solid #e5e5e5; |
||||
position: fixed; |
||||
top: 0; |
||||
left: 0; |
||||
right: 0; |
||||
z-index: 9999; |
||||
background-color: #fff; |
||||
} |
||||
#header .container { |
||||
padding: 10px 15px; |
||||
display: flex; |
||||
align-items: center; |
||||
justify-content: space-between; |
||||
} |
||||
#header .container .logo { |
||||
display: inline-block; |
||||
height: 100%; |
||||
} |
||||
#header .container .logo-container { |
||||
height: 100%; |
||||
flex-grow: 1; |
||||
} |
||||
#header .container .logo img { |
||||
height: 100%; |
||||
} |
||||
|
||||
#nav { |
||||
width: 100%; |
||||
height: 60px; |
||||
display: flex; |
||||
align-items: center; |
||||
box-sizing: border-box; |
||||
padding: 0; |
||||
} |
||||
#nav .navbar-toggler { |
||||
margin-right: 15px; |
||||
} |
||||
#nav .navbar-collapse { |
||||
flex-grow: 0; |
||||
background-color: #fff; |
||||
} |
||||
#nav .navbar-collapse.show { |
||||
box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1); |
||||
margin-top: 11px; |
||||
} |
||||
#nav .navbar-collapse.collapsing { |
||||
margin-top: 11px; |
||||
} |
||||
#nav .navbar-collapse a { |
||||
font-weight: 700; |
||||
padding: 10px 15px; |
||||
display: inline-flex; |
||||
align-items: center; |
||||
color: #3755d6; |
||||
} |
||||
#nav .navbar-collapse .nav-link { |
||||
display: flex; |
||||
} |
||||
|
||||
#footer { |
||||
background-color: #f5f5f5; |
||||
} |
||||
#footer .container { |
||||
padding: 40px 15px; |
||||
} |
||||
#footer .container .logo { |
||||
height: 50px; |
||||
} |
||||
#footer .container .title { |
||||
font-size: 20px; |
||||
font-weight: 700; |
||||
padding: 10px 0; |
||||
} |
||||
#footer .container .column { |
||||
padding: 10px; |
||||
} |
||||
#footer .container .column .links a { |
||||
padding: 5px 0; |
||||
margin-right: 20px; |
||||
color: #333; |
||||
font-size: 14px; |
||||
} |
||||
#footer .container .copyright { |
||||
font-size: 14px; |
||||
margin-top: 5px; |
||||
} |
||||
|
||||
#article-popular-recommend { |
||||
padding-right: 0; |
||||
} |
||||
#article-popular-recommend .article:not(:last-of-type) { |
||||
margin-bottom: 15px; |
||||
} |
||||
#article-popular-recommend .article .image { |
||||
width: 125px; |
||||
height: 75px; |
||||
-o-object-fit: cover; |
||||
object-fit: cover; |
||||
margin-right: 15px; |
||||
background-color: #f5f5f5; |
||||
box-sizing: border-box; |
||||
} |
||||
#article-popular-recommend .article .content { |
||||
flex: 1; |
||||
} |
||||
#article-popular-recommend .article .content .title { |
||||
font-size: 14px; |
||||
font-weight: 700; |
||||
color: #333; |
||||
} |
||||
#article-popular-recommend .article .content .title:hover { |
||||
color: #3755d6; |
||||
transition: color 0.5s; |
||||
} |
||||
#article-popular-recommend .article .content .info { |
||||
color: #999; |
||||
margin-top: 5px; |
||||
font-size: 14px; |
||||
} |
||||
|
||||
@media screen and (max-width: 540px) { |
||||
body { |
||||
font-size: 14px; |
||||
} |
||||
#footer .container { |
||||
padding: 20px 15px; |
||||
} |
||||
#footer .title { |
||||
font-size: 16px !important; |
||||
} |
||||
#footer .links a { |
||||
font-size: 14px; |
||||
} |
||||
.col-md-12 { |
||||
padding: 0; |
||||
} |
||||
.block-title .text { |
||||
background-color: unset; |
||||
color: #182a75; |
||||
padding-left: 0; |
||||
font-weight: bold; |
||||
} |
||||
} |
||||
@media screen and (max-width: 992px) { |
||||
#article-popular-recommend { |
||||
padding-left: 0; |
||||
} |
||||
}/*# sourceMappingURL=common.css.map */ |
||||
@ -0,0 +1,54 @@ |
||||
#article-head { |
||||
padding: 10px 0; |
||||
color: #999; |
||||
} |
||||
|
||||
#article-container img { |
||||
padding: 20px 0; |
||||
} |
||||
|
||||
#title { |
||||
font-size: 38px; |
||||
line-height: 48px; |
||||
font-weight: 400; |
||||
color: #333; |
||||
} |
||||
|
||||
.hidden-text { |
||||
text-overflow:ellipsis; |
||||
overflow:hidden; |
||||
white-space:nowrap; |
||||
} |
||||
.article-page { |
||||
min-height: 20px; |
||||
} |
||||
.article-page>div{ |
||||
max-width: 300px; |
||||
} |
||||
.article-page div:first-child{ |
||||
float:left; |
||||
} |
||||
.article-page div:last-child{ |
||||
float:right; |
||||
} |
||||
|
||||
@media screen and (max-width: 540px) { |
||||
#title { |
||||
font-size: 22px; |
||||
line-height: 1.5; |
||||
} |
||||
.col-md-12 { |
||||
padding: 0; |
||||
} |
||||
.article-page div:first-child{ |
||||
float:none; |
||||
} |
||||
.article-page div:last-child{ |
||||
float:none; |
||||
} |
||||
} |
||||
@media screen and (min-width: 540px) { |
||||
#article-container { |
||||
padding-left: 0; |
||||
} |
||||
}/*# sourceMappingURL=details.css.map */ |
||||
File diff suppressed because one or more lines are too long
@ -0,0 +1,176 @@ |
||||
<!DOCTYPE html> |
||||
<html lang="en"> |
||||
|
||||
<head> |
||||
<meta charset="UTF-8" /> |
||||
<title>{{.Title}}</title> |
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
||||
<meta name="referrer" content="unsafe-url"> |
||||
<meta name="keywords" content="{{.Keywords}}"> |
||||
<meta name="description" content="{{.Description}}"> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/main.css"}}" /> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/common.css"}}" /> |
||||
<link rel="shortcut icon" type="image/png" href="{{replaceImage .Favicon}}" /> |
||||
</head> |
||||
|
||||
<body> |
||||
<div class="main-wrapper"> |
||||
<div class="content-wrapper"> |
||||
<header class="" role="banner"> |
||||
|
||||
<div class="header-container fields"> |
||||
<a class="logo" href="{{.IndexUrl}}"> |
||||
<img src="{{replaceImage .Logo}}" alt=""> |
||||
</a> |
||||
|
||||
<div class="nav-panel old"> |
||||
|
||||
<nav class="nav-main" id="nav-main" role="navigation"> |
||||
<ul> |
||||
<li> |
||||
<a class="nav-item " href="{{.IndexUrl}}"> |
||||
{{ lang "home"}} |
||||
</a> |
||||
</li> |
||||
{{if .HasAbout }} |
||||
<li> |
||||
<a class="nav-item " href="{{.AboutUrl}}"> |
||||
{{ lang "about" }} |
||||
</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<li> |
||||
<a class="nav-item " href="{{.ContactUrl}}"> |
||||
{{ lang "contact" }} |
||||
</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<li> |
||||
<a class="nav-item " href="{{.PolicyUrl}}"> |
||||
{{ lang "policy"}} |
||||
</a> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
</nav> |
||||
|
||||
</div> |
||||
</div> |
||||
</header> |
||||
|
||||
<main role="main"> |
||||
|
||||
<div class="knowledge-center region fields"> |
||||
<section id="content" class="container"> |
||||
<div id="breadcrumb"> |
||||
<a href="{{.IndexUrl}}">{{lang "home"}}</a> |
||||
<a href="#">{{.Title}}</a> |
||||
</div> |
||||
<div id="article-head"> |
||||
<h1 id="title">{{.Title}}</h1> |
||||
<div> |
||||
<span>{{timeFormat .PublishTime}}</span> |
||||
<span> / </span> |
||||
<span>{{.Views}} {{lang "views"}}</span> |
||||
</div> |
||||
</div> |
||||
<div class="d-lg-flex"> |
||||
<div id="article-container" class="col-lg-12 col-md-24"> |
||||
<article id="article"> |
||||
<img width="100%" src="{{getCover .Article.Pictures}}" /> |
||||
<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> |
||||
<!-- 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> |
||||
</div> |
||||
</div> |
||||
</section> |
||||
|
||||
</div> |
||||
|
||||
</main> |
||||
|
||||
|
||||
</div> |
||||
<footer role="contentinfo"> |
||||
<div class="footer-utilities fields region"> |
||||
<div class="footer-links footer-links-common region"> |
||||
<h2> |
||||
{{lang "related"}} |
||||
</h2> |
||||
<ul> |
||||
{{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> |
||||
{{$flen := len .Friendship}} |
||||
{{if ne $flen 0}} |
||||
<div class="footer-metro-areas region"> |
||||
<h2> |
||||
{{lang "friendship"}} |
||||
</h2> |
||||
<div class="fields"> |
||||
<ul> |
||||
{{range .Friendship}} |
||||
<li> |
||||
<a href="{{.Url}}">{{.Name}}</a> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
{{end}} |
||||
</div> |
||||
<div class="footer-legal"> |
||||
<div class="fields"> |
||||
|
||||
<p class="footer-copyright region" style="text-align: center; width: 100%; margin-top: 10px;"> |
||||
{{.Copyright}} |
||||
</p> |
||||
</div> |
||||
</div> |
||||
</footer> |
||||
|
||||
</div> |
||||
|
||||
|
||||
</body> |
||||
|
||||
</html> |
||||
@ -0,0 +1,198 @@ |
||||
<!DOCTYPE html> |
||||
<html lang="en"> |
||||
|
||||
<head> |
||||
<meta charset="UTF-8" /> |
||||
<title>{{.Title}}</title> |
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
||||
<meta name="referrer" content="unsafe-url"> |
||||
<meta name="keywords" content="{{.Keywords}}"> |
||||
<meta name="description" content="{{.Description}}"> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/main.css"}}" /> |
||||
<link rel="shortcut icon" type="image/png" href="{{replaceImage .Favicon}}" /> |
||||
</head> |
||||
|
||||
<body> |
||||
<div class="main-wrapper"> |
||||
<div class="content-wrapper"> |
||||
<header class="" role="banner"> |
||||
|
||||
<div class="header-container fields"> |
||||
<a class="logo" href="{{.IndexUrl}}"> |
||||
<img src="{{replaceImage .Logo}}" alt=""> |
||||
</a> |
||||
|
||||
<div class="nav-panel old"> |
||||
|
||||
<nav class="nav-main" id="nav-main" role="navigation"> |
||||
<ul> |
||||
<li> |
||||
<a class="nav-item " href="{{.IndexUrl}}"> |
||||
{{ lang "home"}} |
||||
</a> |
||||
</li> |
||||
{{if .HasAbout }} |
||||
<li> |
||||
<a class="nav-item " href="{{.AboutUrl}}"> |
||||
{{ lang "about" }} |
||||
</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<li> |
||||
<a class="nav-item " href="{{.ContactUrl}}"> |
||||
{{ lang "contact" }} |
||||
</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<li> |
||||
<a class="nav-item " href="{{.PolicyUrl}}"> |
||||
{{ lang "policy"}} |
||||
</a> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
</nav> |
||||
|
||||
</div> |
||||
</div> |
||||
</header> |
||||
|
||||
<main role="main"> |
||||
|
||||
<div class="knowledge-center region fields"> |
||||
<div class="fields"> |
||||
<div class="list"> |
||||
<section> |
||||
<h1 class="heading-a"> |
||||
{{lang "latest"}} |
||||
</h1> |
||||
</section> |
||||
{{ range .Articles }} |
||||
<section class="knowledge-article-widget widget"> |
||||
<div class="fields"> |
||||
<div class="image"> |
||||
<a href="{{.Url}}"> |
||||
<img |
||||
src="{{getCover .Cover 300 180}}" /> |
||||
</a> |
||||
<a class="heading" |
||||
href="{{.Url}}"> |
||||
{{.Title}} |
||||
</a> |
||||
</div> |
||||
<div class="details"> |
||||
<p> |
||||
{{.Summary}} |
||||
</p> |
||||
</div> |
||||
</div> |
||||
</section> |
||||
{{end}} |
||||
</div> |
||||
<div class="right-part"> |
||||
{{$plen := len .PopularArticles}} |
||||
{{if ne $plen 0}} |
||||
<section class="widget rss-style fields"> |
||||
<h3> |
||||
{{lang "popular"}} |
||||
</h3> |
||||
<div class="articles"> |
||||
{{range .PopularArticles}} |
||||
<a class="article" |
||||
href="{{.Url}}"><img |
||||
alt="" class="rss-image" |
||||
src="{{getCover .Cover 125 75}}" /> |
||||
{{.Title}} |
||||
</a> |
||||
{{end}} |
||||
</div> |
||||
</section> |
||||
{{end}} |
||||
|
||||
</div> |
||||
</div> |
||||
<div class="pagination"> |
||||
<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> |
||||
|
||||
|
||||
</div> |
||||
<footer role="contentinfo"> |
||||
<div class="footer-utilities fields region"> |
||||
<div class="footer-links footer-links-common region"> |
||||
<h2> |
||||
{{lang "related"}} |
||||
</h2> |
||||
<ul> |
||||
{{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> |
||||
{{$flen := len .Friendship}} |
||||
{{if ne $flen 0}} |
||||
<div class="footer-metro-areas region"> |
||||
<h2> |
||||
{{lang "friendship"}} |
||||
</h2> |
||||
<div class="fields"> |
||||
<ul> |
||||
{{range .Friendship}} |
||||
<li> |
||||
<a href="{{.Url}}">{{.Name}}</a> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
{{end}} |
||||
</div> |
||||
<div class="footer-legal"> |
||||
<div class="fields"> |
||||
|
||||
<p class="footer-copyright region" style="text-align: center; width: 100%; margin-top: 10px;"> |
||||
{{.Copyright}} |
||||
</p> |
||||
</div> |
||||
</div> |
||||
</footer> |
||||
|
||||
</div> |
||||
|
||||
|
||||
</body> |
||||
|
||||
</html> |
||||
@ -0,0 +1,141 @@ |
||||
<!DOCTYPE html> |
||||
<html lang="en"> |
||||
|
||||
<head> |
||||
<meta charset="UTF-8" /> |
||||
<title>{{.Title}}</title> |
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
||||
<meta name="referrer" content="unsafe-url"> |
||||
<meta name="keywords" content="{{.Keywords}}"> |
||||
<meta name="description" content="{{.Description}}"> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/main.css"}}" /> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/common.css"}}" /> |
||||
<link rel="shortcut icon" type="image/png" href="{{replaceImage .Favicon}}" /> |
||||
</head> |
||||
|
||||
<body> |
||||
<div class="main-wrapper"> |
||||
<div class="content-wrapper"> |
||||
<header class="" role="banner"> |
||||
|
||||
<div class="header-container fields"> |
||||
<a class="logo" href="{{.IndexUrl}}"> |
||||
<img src="{{replaceImage .Logo}}" alt=""> |
||||
</a> |
||||
|
||||
<div class="nav-panel old"> |
||||
|
||||
<nav class="nav-main" id="nav-main" role="navigation"> |
||||
<ul> |
||||
<li> |
||||
<a class="nav-item " href="{{.IndexUrl}}"> |
||||
{{ lang "home"}} |
||||
</a> |
||||
</li> |
||||
{{if .HasAbout }} |
||||
<li> |
||||
<a class="nav-item " href="{{.AboutUrl}}"> |
||||
{{ lang "about" }} |
||||
</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<li> |
||||
<a class="nav-item " href="{{.ContactUrl}}"> |
||||
{{ lang "contact" }} |
||||
</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<li> |
||||
<a class="nav-item " href="{{.PolicyUrl}}"> |
||||
{{ lang "policy"}} |
||||
</a> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
</nav> |
||||
|
||||
</div> |
||||
</div> |
||||
</header> |
||||
|
||||
<main role="main"> |
||||
|
||||
<div class="knowledge-center region fields"> |
||||
<section id="content" class="container"> |
||||
<div id="breadcrumb"> |
||||
<a href="{{.IndexUrl}}">{{lang "home"}}</a> |
||||
<a href="#">{{lang "policy"}}</a> |
||||
</div> |
||||
<h1 id="page-title">{{lang "policy"}}</h1> |
||||
<div> |
||||
{{.Policy}} |
||||
</div> |
||||
</section> |
||||
|
||||
</div> |
||||
|
||||
</main> |
||||
|
||||
|
||||
</div> |
||||
<footer role="contentinfo"> |
||||
<div class="footer-utilities fields region"> |
||||
<div class="footer-links footer-links-common region"> |
||||
<h2> |
||||
{{lang "related"}} |
||||
</h2> |
||||
<ul> |
||||
{{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> |
||||
{{$flen := len .Friendship}} |
||||
{{if ne $flen 0}} |
||||
<div class="footer-metro-areas region"> |
||||
<h2> |
||||
{{lang "friendship"}} |
||||
</h2> |
||||
<div class="fields"> |
||||
<ul> |
||||
{{range .Friendship}} |
||||
<li> |
||||
<a href="{{.Url}}">{{.Name}}</a> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
{{end}} |
||||
</div> |
||||
<div class="footer-legal"> |
||||
<div class="fields"> |
||||
|
||||
<p class="footer-copyright region" style="text-align: center; width: 100%; margin-top: 10px;"> |
||||
{{.Copyright}} |
||||
</p> |
||||
</div> |
||||
</div> |
||||
</footer> |
||||
|
||||
</div> |
||||
|
||||
|
||||
</body> |
||||
|
||||
</html> |
||||
@ -0,0 +1,132 @@ |
||||
<!DOCTYPE html> |
||||
<html lang="en"> |
||||
|
||||
<head> |
||||
<meta charset="UTF-8" /> |
||||
<title>{{.Title}}</title> |
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
||||
<meta name="referrer" content="unsafe-url"> |
||||
<meta name="keywords" content="{{.Keywords}}"> |
||||
<meta name="description" content="{{.Description}}"> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/styles.css"}}" /> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/main.css"}}" /> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/common.css"}}" /> |
||||
<link rel="shortcut icon" type="image/png" href="{{replaceImage .Favicon}}" /> |
||||
</head> |
||||
|
||||
<body class="home blog blog-id-5"> |
||||
|
||||
<div id="wrapper"> |
||||
<div class="sstk-main-nav"> |
||||
<div class="sstk-main-nav--menu sstk-main-nav--desktop"> |
||||
<a href="{{.IndexUrl}}" class="sstk-logo" title="Logo"> |
||||
<img src="{{replaceImage .Logo}}" alt="Logo" style="height: 48px;"> |
||||
</a> |
||||
<ul id="menu-header-top-nav-main" class="sstk-main-menu"> |
||||
<li id="menu-item-58641" |
||||
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-58641"> |
||||
<a href="{{.IndexUrl}}">{{ lang "home"}}</a> |
||||
</li> |
||||
{{if .HasAbout }} |
||||
<li id="menu-item-58642" |
||||
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-58642"> |
||||
<a href="{{.AboutUrl}}">{{ lang "about" }}</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<li id="menu-item-158781" |
||||
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-158781"> |
||||
<a href="{{.ContactUrl}}">{{ lang "contact" }}</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<li id="menu-item-158807" |
||||
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-158807"> |
||||
<a href="{{.PolicyUrl}}">{{ lang "policy"}}</a> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
<div role="main"> |
||||
<div class="row"> |
||||
<div class="small-12 columns"> |
||||
|
||||
<div class="homepage-section"> |
||||
<section id="content" class="container"> |
||||
<div id="breadcrumb"> |
||||
<a href="{{.IndexUrl}}">{{ lang "home" }}</a> |
||||
<a href="#">{{ lang "about" }}</a> |
||||
</div> |
||||
<h1 id="page-title">{{ lang "about"}} </h1> |
||||
<div> |
||||
{{.About}} |
||||
</div> |
||||
</section> |
||||
</div> |
||||
|
||||
</div> |
||||
</div> |
||||
</div> <!-- End Main --> |
||||
<footer class="footer"> |
||||
<div class="row"> |
||||
<div class="small-12 medium-4 large-3 columns"> |
||||
<div id="nav_menu-2" class="widget widget_nav_menu"> |
||||
<div class="sstk-widget-title">{{lang "related"}}</div> |
||||
<div class="sstk-widget-content"> |
||||
<div class="menu-header-blog-primary-main-container"> |
||||
<ul id="menu-header-blog-primary-main-1" class="menu"> |
||||
{{if .HasAbout }} |
||||
<li |
||||
class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-55558"> |
||||
<a href="{{.AboutUrl}}">{{lang "about"}}</a></li> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<li |
||||
class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-55325"> |
||||
<a href="{{.ContactUrl}}">{{lang "contact"}}</a></li> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<li |
||||
class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-60752"> |
||||
<a href="{{.PolicyUrl}}">{{lang "policy"}}</a></li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
{{$flen := len .Friendship}} |
||||
{{if ne $flen 0}} |
||||
<div class="small-12 medium-4 large-3 columns"> |
||||
<div id="sstk_widget_social-2" class="widget sstk_widget_social widget_nav_menu"> |
||||
<div class="sstk-widget-title">{{lang "friendship"}}</div> |
||||
<div class="sstk-widget-content"> |
||||
<ul> |
||||
{{range .Friendship}} |
||||
<li> |
||||
<a href="{{.Url}}" target="_blank">{{.Name}}</a> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
{{end}} |
||||
<div class="small-12 medium-4 columns"> |
||||
<div id="sstk_widget_responsys-2" class="widget sstk_widget_responsys"> |
||||
<div class="responsys-title">{{.Copyright}}</div> |
||||
<div class="email-signup-container"> |
||||
<img src="{{replaceImage .Logo}}" alt=""> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</footer> |
||||
</div> |
||||
|
||||
|
||||
</body> |
||||
|
||||
</html> |
||||
@ -0,0 +1,5 @@ |
||||
{ |
||||
"creator": "申心远", |
||||
"version": "1.0", |
||||
"origin_website": "www.shutterstock.com/blog/" |
||||
} |
||||
@ -0,0 +1,149 @@ |
||||
<!DOCTYPE html> |
||||
<html lang="en"> |
||||
|
||||
<head> |
||||
<meta charset="UTF-8" /> |
||||
<title>{{.Title}}</title> |
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
||||
<meta name="referrer" content="unsafe-url"> |
||||
<meta name="keywords" content="{{.Keywords}}"> |
||||
<meta name="description" content="{{.Description}}"> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/bootstrap.min.css"}}" /> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/styles.css"}}" /> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/main.css"}}" /> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/common.css"}}" /> |
||||
<link rel="shortcut icon" type="image/png" href="{{replaceImage .Favicon}}" /> |
||||
</head> |
||||
|
||||
<body class="home blog blog-id-5"> |
||||
|
||||
<div id="wrapper"> |
||||
<div class="sstk-main-nav"> |
||||
<div class="sstk-main-nav--menu sstk-main-nav--desktop"> |
||||
<a href="{{.IndexUrl}}" class="sstk-logo" title="Logo"> |
||||
<img src="{{replaceImage .Logo}}" alt="Logo" style="height: 48px;"> |
||||
</a> |
||||
<ul id="menu-header-top-nav-main" class="sstk-main-menu"> |
||||
<li id="menu-item-58641" |
||||
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-58641"> |
||||
<a href="{{.IndexUrl}}">{{ lang "home"}}</a> |
||||
</li> |
||||
{{if .HasAbout }} |
||||
<li id="menu-item-58642" |
||||
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-58642"> |
||||
<a href="{{.AboutUrl}}">{{ lang "about" }}</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<li id="menu-item-158781" |
||||
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-158781"> |
||||
<a href="{{.ContactUrl}}">{{ lang "contact" }}</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<li id="menu-item-158807" |
||||
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-158807"> |
||||
<a href="{{.PolicyUrl}}">{{ lang "policy"}}</a> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
<div role="main"> |
||||
<div class="row"> |
||||
<div class="small-12 columns"> |
||||
|
||||
<div class="homepage-section"> |
||||
<section id="content" class="container"> |
||||
<div id="breadcrumb"> |
||||
<a href="{{.IndexUrl}}">{{lang "home"}}</a> |
||||
<a href="#">{{lang "contact"}}</a> |
||||
</div> |
||||
<h1 id="page-title">{{lang "contact"}}</h1> |
||||
<div> |
||||
{{.Contact}} |
||||
<form class="col-12 col-lg-6" style="padding: 0;"> |
||||
<div class="form-group"> |
||||
<label for="emailInput">{{lang "about_email"}}</label> |
||||
<input type="email" class="form-control" id="emailInput" placeholder="name@example.com"> |
||||
</div> |
||||
<div class="form-group"> |
||||
<label for="nameInput">{{lang "about_name"}}</label> |
||||
<input type="name" class="form-control" id="nameInput" placeholder="your name"> |
||||
</div> |
||||
<div class="form-group"> |
||||
<label for="exampleFormControlTextarea1">{{lang "about_message"}}</label> |
||||
<textarea class="form-control" id="exampleFormControlTextarea1" rows="3" |
||||
placeholder="what do you want to say"></textarea> |
||||
</div> |
||||
<button type="submit" class="btn btn-primary" style="width: 100%;">{{lang "about_send"}}</button> |
||||
</form> |
||||
</div> |
||||
</section> |
||||
</div> |
||||
|
||||
</div> |
||||
</div> |
||||
</div> <!-- End Main --> |
||||
<footer class="footer"> |
||||
<div class="row"> |
||||
<div class="small-12 medium-4 large-3 columns"> |
||||
<div id="nav_menu-2" class="widget widget_nav_menu"> |
||||
<div class="sstk-widget-title">{{lang "related"}}</div> |
||||
<div class="sstk-widget-content"> |
||||
<div class="menu-header-blog-primary-main-container"> |
||||
<ul id="menu-header-blog-primary-main-1" class="menu"> |
||||
{{if .HasAbout }} |
||||
<li |
||||
class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-55558"> |
||||
<a href="{{.AboutUrl}}">{{lang "about"}}</a></li> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<li |
||||
class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-55325"> |
||||
<a href="{{.ContactUrl}}">{{lang "contact"}}</a></li> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<li |
||||
class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-60752"> |
||||
<a href="{{.PolicyUrl}}">{{lang "policy"}}</a></li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
{{$flen := len .Friendship}} |
||||
{{if ne $flen 0}} |
||||
<div class="small-12 medium-4 large-3 columns"> |
||||
<div id="sstk_widget_social-2" class="widget sstk_widget_social widget_nav_menu"> |
||||
<div class="sstk-widget-title">{{lang "friendship"}}</div> |
||||
<div class="sstk-widget-content"> |
||||
<ul> |
||||
{{range .Friendship}} |
||||
<li> |
||||
<a href="{{.Url}}" target="_blank">{{.Name}}</a> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
{{end}} |
||||
<div class="small-12 medium-4 columns"> |
||||
<div id="sstk_widget_responsys-2" class="widget sstk_widget_responsys"> |
||||
<div class="responsys-title">{{.Copyright}}</div> |
||||
<div class="email-signup-container"> |
||||
<img src="{{replaceImage .Logo}}" alt=""> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</footer> |
||||
</div> |
||||
|
||||
|
||||
</body> |
||||
|
||||
</html> |
||||
File diff suppressed because one or more lines are too long
@ -0,0 +1,185 @@ |
||||
a { |
||||
color: #3755d6; |
||||
text-decoration: none; |
||||
} |
||||
|
||||
#breadcrumb { |
||||
padding: 20px 0 15px; |
||||
} |
||||
#breadcrumb a { |
||||
color: #666; |
||||
} |
||||
#breadcrumb a:not(:last-of-type)::after { |
||||
content: " / "; |
||||
} |
||||
|
||||
#page-title { |
||||
padding-bottom: 20px; |
||||
} |
||||
|
||||
#content { |
||||
min-height: 50vh; |
||||
margin: 80px auto 20px; |
||||
} |
||||
|
||||
.block-title { |
||||
margin: 20px 0; |
||||
border-bottom: 1px solid #182a75; |
||||
} |
||||
.block-title .text { |
||||
display: inline-block; |
||||
padding: 8px 12px; |
||||
background-color: #182a75; |
||||
color: #fff; |
||||
font-size: 16px; |
||||
} |
||||
|
||||
#header { |
||||
border-bottom: 1px solid #e5e5e5; |
||||
position: fixed; |
||||
top: 0; |
||||
left: 0; |
||||
right: 0; |
||||
z-index: 9999; |
||||
background-color: #fff; |
||||
} |
||||
#header .container { |
||||
padding: 10px 15px; |
||||
display: flex; |
||||
align-items: center; |
||||
justify-content: space-between; |
||||
} |
||||
#header .container .logo { |
||||
display: inline-block; |
||||
height: 100%; |
||||
} |
||||
#header .container .logo-container { |
||||
height: 100%; |
||||
flex-grow: 1; |
||||
} |
||||
#header .container .logo img { |
||||
height: 100%; |
||||
} |
||||
|
||||
#nav { |
||||
width: 100%; |
||||
height: 60px; |
||||
display: flex; |
||||
align-items: center; |
||||
box-sizing: border-box; |
||||
padding: 0; |
||||
} |
||||
#nav .navbar-toggler { |
||||
margin-right: 15px; |
||||
} |
||||
#nav .navbar-collapse { |
||||
flex-grow: 0; |
||||
background-color: #fff; |
||||
} |
||||
#nav .navbar-collapse.show { |
||||
box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1); |
||||
margin-top: 11px; |
||||
} |
||||
#nav .navbar-collapse.collapsing { |
||||
margin-top: 11px; |
||||
} |
||||
#nav .navbar-collapse a { |
||||
font-weight: 700; |
||||
padding: 10px 15px; |
||||
display: inline-flex; |
||||
align-items: center; |
||||
color: #3755d6; |
||||
} |
||||
#nav .navbar-collapse .nav-link { |
||||
display: flex; |
||||
} |
||||
|
||||
#footer { |
||||
background-color: #f5f5f5; |
||||
} |
||||
#footer .container { |
||||
padding: 40px 15px; |
||||
} |
||||
#footer .container .logo { |
||||
height: 50px; |
||||
} |
||||
#footer .container .title { |
||||
font-size: 20px; |
||||
font-weight: 700; |
||||
padding: 10px 0; |
||||
} |
||||
#footer .container .column { |
||||
padding: 10px; |
||||
} |
||||
#footer .container .column .links a { |
||||
padding: 5px 0; |
||||
margin-right: 20px; |
||||
color: #333; |
||||
font-size: 14px; |
||||
} |
||||
#footer .container .copyright { |
||||
font-size: 14px; |
||||
margin-top: 5px; |
||||
} |
||||
|
||||
#article-popular-recommend { |
||||
padding-right: 0; |
||||
} |
||||
#article-popular-recommend .article:not(:last-of-type) { |
||||
margin-bottom: 15px; |
||||
} |
||||
#article-popular-recommend .article .image { |
||||
width: 125px; |
||||
height: 75px; |
||||
-o-object-fit: cover; |
||||
object-fit: cover; |
||||
margin-right: 15px; |
||||
background-color: #f5f5f5; |
||||
box-sizing: border-box; |
||||
} |
||||
#article-popular-recommend .article .content { |
||||
flex: 1; |
||||
} |
||||
#article-popular-recommend .article .content .title { |
||||
font-size: 14px; |
||||
font-weight: 700; |
||||
color: #333; |
||||
} |
||||
#article-popular-recommend .article .content .title:hover { |
||||
color: #3755d6; |
||||
transition: color 0.5s; |
||||
} |
||||
#article-popular-recommend .article .content .info { |
||||
color: #999; |
||||
margin-top: 5px; |
||||
font-size: 14px; |
||||
} |
||||
|
||||
@media screen and (max-width: 540px) { |
||||
body { |
||||
font-size: 14px; |
||||
} |
||||
#footer .container { |
||||
padding: 20px 15px; |
||||
} |
||||
#footer .title { |
||||
font-size: 16px !important; |
||||
} |
||||
#footer .links a { |
||||
font-size: 14px; |
||||
} |
||||
.col-md-12 { |
||||
padding: 0; |
||||
} |
||||
.block-title .text { |
||||
background-color: unset; |
||||
color: #182a75; |
||||
padding-left: 0; |
||||
font-weight: bold; |
||||
} |
||||
} |
||||
@media screen and (max-width: 992px) { |
||||
#article-popular-recommend { |
||||
padding-left: 0; |
||||
} |
||||
}/*# sourceMappingURL=common.css.map */ |
||||
@ -0,0 +1,54 @@ |
||||
#article-head { |
||||
padding: 10px 0; |
||||
color: #999; |
||||
} |
||||
|
||||
#article-container img { |
||||
padding: 20px 0; |
||||
} |
||||
|
||||
#title { |
||||
font-size: 38px; |
||||
line-height: 48px; |
||||
font-weight: 400; |
||||
color: #333; |
||||
} |
||||
|
||||
.hidden-text { |
||||
text-overflow:ellipsis; |
||||
overflow:hidden; |
||||
white-space:nowrap; |
||||
} |
||||
.article-page { |
||||
min-height: 20px; |
||||
} |
||||
.article-page>div{ |
||||
max-width: 300px; |
||||
} |
||||
.article-page div:first-child{ |
||||
float:left; |
||||
} |
||||
.article-page div:last-child{ |
||||
float:right; |
||||
} |
||||
|
||||
@media screen and (max-width: 540px) { |
||||
#title { |
||||
font-size: 22px; |
||||
line-height: 1.5; |
||||
} |
||||
.col-md-12 { |
||||
padding: 0; |
||||
} |
||||
.article-page div:first-child{ |
||||
float:none; |
||||
} |
||||
.article-page div:last-child{ |
||||
float:none; |
||||
} |
||||
} |
||||
@media screen and (min-width: 540px) { |
||||
#article-container { |
||||
padding-left: 0; |
||||
} |
||||
}/*# sourceMappingURL=details.css.map */ |
||||
File diff suppressed because one or more lines are too long
@ -0,0 +1,331 @@ |
||||
body { |
||||
--wp--preset--color--black: #000000; |
||||
--wp--preset--color--cyan-bluish-gray: #abb8c3; |
||||
--wp--preset--color--white: #ffffff; |
||||
--wp--preset--color--pale-pink: #f78da7; |
||||
--wp--preset--color--vivid-red: #cf2e2e; |
||||
--wp--preset--color--luminous-vivid-orange: #ff6900; |
||||
--wp--preset--color--luminous-vivid-amber: #fcb900; |
||||
--wp--preset--color--light-green-cyan: #7bdcb5; |
||||
--wp--preset--color--vivid-green-cyan: #00d084; |
||||
--wp--preset--color--pale-cyan-blue: #8ed1fc; |
||||
--wp--preset--color--vivid-cyan-blue: #0693e3; |
||||
--wp--preset--color--vivid-purple: #9b51e0; |
||||
--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg, rgba(6, 147, 227, 1) 0%, rgb(155, 81, 224) 100%); |
||||
--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg, rgb(122, 220, 180) 0%, rgb(0, 208, 130) 100%); |
||||
--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg, rgba(252, 185, 0, 1) 0%, rgba(255, 105, 0, 1) 100%); |
||||
--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg, rgba(255, 105, 0, 1) 0%, rgb(207, 46, 46) 100%); |
||||
--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg, rgb(238, 238, 238) 0%, rgb(169, 184, 195) 100%); |
||||
--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg, rgb(74, 234, 220) 0%, rgb(151, 120, 209) 20%, rgb(207, 42, 186) 40%, rgb(238, 44, 130) 60%, rgb(251, 105, 98) 80%, rgb(254, 248, 76) 100%); |
||||
--wp--preset--gradient--blush-light-purple: linear-gradient(135deg, rgb(255, 206, 236) 0%, rgb(152, 150, 240) 100%); |
||||
--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg, rgb(254, 205, 165) 0%, rgb(254, 45, 45) 50%, rgb(107, 0, 62) 100%); |
||||
--wp--preset--gradient--luminous-dusk: linear-gradient(135deg, rgb(255, 203, 112) 0%, rgb(199, 81, 192) 50%, rgb(65, 88, 208) 100%); |
||||
--wp--preset--gradient--pale-ocean: linear-gradient(135deg, rgb(255, 245, 203) 0%, rgb(182, 227, 212) 50%, rgb(51, 167, 181) 100%); |
||||
--wp--preset--gradient--electric-grass: linear-gradient(135deg, rgb(202, 248, 128) 0%, rgb(113, 206, 126) 100%); |
||||
--wp--preset--gradient--midnight: linear-gradient(135deg, rgb(2, 3, 129) 0%, rgb(40, 116, 252) 100%); |
||||
--wp--preset--duotone--dark-grayscale: url('index.html'); |
||||
--wp--preset--duotone--grayscale: url('index.html'); |
||||
--wp--preset--duotone--purple-yellow: url('index.html'); |
||||
--wp--preset--duotone--blue-red: url('index.html'); |
||||
--wp--preset--duotone--midnight: url('index.html'); |
||||
--wp--preset--duotone--magenta-yellow: url('index.html'); |
||||
--wp--preset--duotone--purple-green: url('index.html'); |
||||
--wp--preset--duotone--blue-orange: url('index.html'); |
||||
--wp--preset--font-size--small: 13px; |
||||
--wp--preset--font-size--medium: 20px; |
||||
--wp--preset--font-size--large: 36px; |
||||
--wp--preset--font-size--x-large: 42px; |
||||
--wp--preset--spacing--20: 0.44rem; |
||||
--wp--preset--spacing--30: 0.67rem; |
||||
--wp--preset--spacing--40: 1rem; |
||||
--wp--preset--spacing--50: 1.5rem; |
||||
--wp--preset--spacing--60: 2.25rem; |
||||
--wp--preset--spacing--70: 3.38rem; |
||||
--wp--preset--spacing--80: 5.06rem; |
||||
} |
||||
|
||||
:where(.is-layout-flex) { |
||||
gap: 0.5em; |
||||
} |
||||
|
||||
body .is-layout-flow>.alignleft { |
||||
float: left; |
||||
margin-inline-start: 0; |
||||
margin-inline-end: 2em; |
||||
} |
||||
|
||||
body .is-layout-flow>.alignright { |
||||
float: right; |
||||
margin-inline-start: 2em; |
||||
margin-inline-end: 0; |
||||
} |
||||
|
||||
body .is-layout-flow>.aligncenter { |
||||
margin-left: auto !important; |
||||
margin-right: auto !important; |
||||
} |
||||
|
||||
body .is-layout-constrained>.alignleft { |
||||
float: left; |
||||
margin-inline-start: 0; |
||||
margin-inline-end: 2em; |
||||
} |
||||
|
||||
body .is-layout-constrained>.alignright { |
||||
float: right; |
||||
margin-inline-start: 2em; |
||||
margin-inline-end: 0; |
||||
} |
||||
|
||||
body .is-layout-constrained>.aligncenter { |
||||
margin-left: auto !important; |
||||
margin-right: auto !important; |
||||
} |
||||
|
||||
body .is-layout-constrained> :where(:not(.alignleft):not(.alignright):not(.alignfull)) { |
||||
max-width: var(--wp--style--global--content-size); |
||||
margin-left: auto !important; |
||||
margin-right: auto !important; |
||||
} |
||||
|
||||
body .is-layout-constrained>.alignwide { |
||||
max-width: var(--wp--style--global--wide-size); |
||||
} |
||||
|
||||
body .is-layout-flex { |
||||
display: flex; |
||||
} |
||||
|
||||
body .is-layout-flex { |
||||
flex-wrap: wrap; |
||||
align-items: center; |
||||
} |
||||
|
||||
body .is-layout-flex>* { |
||||
margin: 0; |
||||
} |
||||
|
||||
:where(.wp-block-columns.is-layout-flex) { |
||||
gap: 2em; |
||||
} |
||||
|
||||
.has-black-color { |
||||
color: var(--wp--preset--color--black) !important; |
||||
} |
||||
|
||||
.has-cyan-bluish-gray-color { |
||||
color: var(--wp--preset--color--cyan-bluish-gray) !important; |
||||
} |
||||
|
||||
.has-white-color { |
||||
color: var(--wp--preset--color--white) !important; |
||||
} |
||||
|
||||
.has-pale-pink-color { |
||||
color: var(--wp--preset--color--pale-pink) !important; |
||||
} |
||||
|
||||
.has-vivid-red-color { |
||||
color: var(--wp--preset--color--vivid-red) !important; |
||||
} |
||||
|
||||
.has-luminous-vivid-orange-color { |
||||
color: var(--wp--preset--color--luminous-vivid-orange) !important; |
||||
} |
||||
|
||||
.has-luminous-vivid-amber-color { |
||||
color: var(--wp--preset--color--luminous-vivid-amber) !important; |
||||
} |
||||
|
||||
.has-light-green-cyan-color { |
||||
color: var(--wp--preset--color--light-green-cyan) !important; |
||||
} |
||||
|
||||
.has-vivid-green-cyan-color { |
||||
color: var(--wp--preset--color--vivid-green-cyan) !important; |
||||
} |
||||
|
||||
.has-pale-cyan-blue-color { |
||||
color: var(--wp--preset--color--pale-cyan-blue) !important; |
||||
} |
||||
|
||||
.has-vivid-cyan-blue-color { |
||||
color: var(--wp--preset--color--vivid-cyan-blue) !important; |
||||
} |
||||
|
||||
.has-vivid-purple-color { |
||||
color: var(--wp--preset--color--vivid-purple) !important; |
||||
} |
||||
|
||||
.has-black-background-color { |
||||
background-color: var(--wp--preset--color--black) !important; |
||||
} |
||||
|
||||
.has-cyan-bluish-gray-background-color { |
||||
background-color: var(--wp--preset--color--cyan-bluish-gray) !important; |
||||
} |
||||
|
||||
.has-white-background-color { |
||||
background-color: var(--wp--preset--color--white) !important; |
||||
} |
||||
|
||||
.has-pale-pink-background-color { |
||||
background-color: var(--wp--preset--color--pale-pink) !important; |
||||
} |
||||
|
||||
.has-vivid-red-background-color { |
||||
background-color: var(--wp--preset--color--vivid-red) !important; |
||||
} |
||||
|
||||
.has-luminous-vivid-orange-background-color { |
||||
background-color: var(--wp--preset--color--luminous-vivid-orange) !important; |
||||
} |
||||
|
||||
.has-luminous-vivid-amber-background-color { |
||||
background-color: var(--wp--preset--color--luminous-vivid-amber) !important; |
||||
} |
||||
|
||||
.has-light-green-cyan-background-color { |
||||
background-color: var(--wp--preset--color--light-green-cyan) !important; |
||||
} |
||||
|
||||
.has-vivid-green-cyan-background-color { |
||||
background-color: var(--wp--preset--color--vivid-green-cyan) !important; |
||||
} |
||||
|
||||
.has-pale-cyan-blue-background-color { |
||||
background-color: var(--wp--preset--color--pale-cyan-blue) !important; |
||||
} |
||||
|
||||
.has-vivid-cyan-blue-background-color { |
||||
background-color: var(--wp--preset--color--vivid-cyan-blue) !important; |
||||
} |
||||
|
||||
.has-vivid-purple-background-color { |
||||
background-color: var(--wp--preset--color--vivid-purple) !important; |
||||
} |
||||
|
||||
.has-black-border-color { |
||||
border-color: var(--wp--preset--color--black) !important; |
||||
} |
||||
|
||||
.has-cyan-bluish-gray-border-color { |
||||
border-color: var(--wp--preset--color--cyan-bluish-gray) !important; |
||||
} |
||||
|
||||
.has-white-border-color { |
||||
border-color: var(--wp--preset--color--white) !important; |
||||
} |
||||
|
||||
.has-pale-pink-border-color { |
||||
border-color: var(--wp--preset--color--pale-pink) !important; |
||||
} |
||||
|
||||
.has-vivid-red-border-color { |
||||
border-color: var(--wp--preset--color--vivid-red) !important; |
||||
} |
||||
|
||||
.has-luminous-vivid-orange-border-color { |
||||
border-color: var(--wp--preset--color--luminous-vivid-orange) !important; |
||||
} |
||||
|
||||
.has-luminous-vivid-amber-border-color { |
||||
border-color: var(--wp--preset--color--luminous-vivid-amber) !important; |
||||
} |
||||
|
||||
.has-light-green-cyan-border-color { |
||||
border-color: var(--wp--preset--color--light-green-cyan) !important; |
||||
} |
||||
|
||||
.has-vivid-green-cyan-border-color { |
||||
border-color: var(--wp--preset--color--vivid-green-cyan) !important; |
||||
} |
||||
|
||||
.has-pale-cyan-blue-border-color { |
||||
border-color: var(--wp--preset--color--pale-cyan-blue) !important; |
||||
} |
||||
|
||||
.has-vivid-cyan-blue-border-color { |
||||
border-color: var(--wp--preset--color--vivid-cyan-blue) !important; |
||||
} |
||||
|
||||
.has-vivid-purple-border-color { |
||||
border-color: var(--wp--preset--color--vivid-purple) !important; |
||||
} |
||||
|
||||
.has-vivid-cyan-blue-to-vivid-purple-gradient-background { |
||||
background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important; |
||||
} |
||||
|
||||
.has-light-green-cyan-to-vivid-green-cyan-gradient-background { |
||||
background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important; |
||||
} |
||||
|
||||
.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background { |
||||
background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important; |
||||
} |
||||
|
||||
.has-luminous-vivid-orange-to-vivid-red-gradient-background { |
||||
background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important; |
||||
} |
||||
|
||||
.has-very-light-gray-to-cyan-bluish-gray-gradient-background { |
||||
background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important; |
||||
} |
||||
|
||||
.has-cool-to-warm-spectrum-gradient-background { |
||||
background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important; |
||||
} |
||||
|
||||
.has-blush-light-purple-gradient-background { |
||||
background: var(--wp--preset--gradient--blush-light-purple) !important; |
||||
} |
||||
|
||||
.has-blush-bordeaux-gradient-background { |
||||
background: var(--wp--preset--gradient--blush-bordeaux) !important; |
||||
} |
||||
|
||||
.has-luminous-dusk-gradient-background { |
||||
background: var(--wp--preset--gradient--luminous-dusk) !important; |
||||
} |
||||
|
||||
.has-pale-ocean-gradient-background { |
||||
background: var(--wp--preset--gradient--pale-ocean) !important; |
||||
} |
||||
|
||||
.has-electric-grass-gradient-background { |
||||
background: var(--wp--preset--gradient--electric-grass) !important; |
||||
} |
||||
|
||||
.has-midnight-gradient-background { |
||||
background: var(--wp--preset--gradient--midnight) !important; |
||||
} |
||||
|
||||
.has-small-font-size { |
||||
font-size: var(--wp--preset--font-size--small) !important; |
||||
} |
||||
|
||||
.has-medium-font-size { |
||||
font-size: var(--wp--preset--font-size--medium) !important; |
||||
} |
||||
|
||||
.has-large-font-size { |
||||
font-size: var(--wp--preset--font-size--large) !important; |
||||
} |
||||
|
||||
.has-x-large-font-size { |
||||
font-size: var(--wp--preset--font-size--x-large) !important; |
||||
} |
||||
|
||||
.wp-block-navigation a:where(:not(.wp-element-button)) { |
||||
color: inherit; |
||||
} |
||||
|
||||
:where(.wp-block-columns.is-layout-flex) { |
||||
gap: 2em; |
||||
} |
||||
|
||||
.wp-block-pullquote { |
||||
font-size: 1.5em; |
||||
line-height: 1.6; |
||||
} |
||||
@ -0,0 +1,168 @@ |
||||
<!DOCTYPE html> |
||||
<html lang="en"> |
||||
|
||||
<head> |
||||
<meta charset="UTF-8" /> |
||||
<title>{{.Title}}</title> |
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
||||
<meta name="referrer" content="unsafe-url"> |
||||
<meta name="keywords" content="{{.Keywords}}"> |
||||
<meta name="description" content="{{.Description}}"> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/styles.css"}}" /> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/main.css"}}" /> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/common.css"}}" /> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/details.css"}}" /> |
||||
<link rel="shortcut icon" type="image/png" href="{{replaceImage .Favicon}}" /> |
||||
</head> |
||||
|
||||
<body class="home blog blog-id-5"> |
||||
|
||||
<div id="wrapper"> |
||||
<div class="sstk-main-nav"> |
||||
<div class="sstk-main-nav--menu sstk-main-nav--desktop"> |
||||
<a href="{{.IndexUrl}}" class="sstk-logo" title="Logo"> |
||||
<img src="{{replaceImage .Logo}}" alt="Logo" style="height: 48px;"> |
||||
</a> |
||||
<ul id="menu-header-top-nav-main" class="sstk-main-menu"> |
||||
<li id="menu-item-58641" |
||||
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-58641"> |
||||
<a href="{{.IndexUrl}}">{{ lang "home"}}</a> |
||||
</li> |
||||
{{if .HasAbout }} |
||||
<li id="menu-item-58642" |
||||
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-58642"> |
||||
<a href="{{.AboutUrl}}">{{ lang "about" }}</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<li id="menu-item-158781" |
||||
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-158781"> |
||||
<a href="{{.ContactUrl}}">{{ lang "contact" }}</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<li id="menu-item-158807" |
||||
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-158807"> |
||||
<a href="{{.PolicyUrl}}">{{ lang "policy"}}</a> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
<div role="main"> |
||||
<div class="row"> |
||||
<div class="small-12 columns"> |
||||
|
||||
<div class="homepage-section"> |
||||
<section id="content" class="container"> |
||||
<div id="breadcrumb"> |
||||
<a href="{{.IndexUrl}}">{{lang "home"}}</a> |
||||
<a href="#">{{.Title}}</a> |
||||
</div> |
||||
<div id="article-head"> |
||||
<h1 id="title">{{.Title}}</h1> |
||||
<div> |
||||
<span>{{timeFormat .PublishTime}}</span> |
||||
<span> / </span> |
||||
<span>{{.Views}} {{lang "views"}}</span> |
||||
</div> |
||||
</div> |
||||
<div class="d-lg-flex"> |
||||
<div id="article-container" class="col-lg-12 col-md-24"> |
||||
<article id="article"> |
||||
<img width="100%" src="{{getCover .Article.Pictures}}" /> |
||||
<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> |
||||
<!-- 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> |
||||
</div> |
||||
</div> |
||||
</section> |
||||
</div> |
||||
|
||||
</div> |
||||
</div> |
||||
</div> <!-- End Main --> |
||||
<footer class="footer"> |
||||
<div class="row"> |
||||
<div class="small-12 medium-4 large-3 columns"> |
||||
<div id="nav_menu-2" class="widget widget_nav_menu"> |
||||
<div class="sstk-widget-title">{{lang "related"}}</div> |
||||
<div class="sstk-widget-content"> |
||||
<div class="menu-header-blog-primary-main-container"> |
||||
<ul id="menu-header-blog-primary-main-1" class="menu"> |
||||
{{if .HasAbout }} |
||||
<li |
||||
class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-55558"> |
||||
<a href="{{.AboutUrl}}">{{lang "about"}}</a></li> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<li |
||||
class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-55325"> |
||||
<a href="{{.ContactUrl}}">{{lang "contact"}}</a></li> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<li |
||||
class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-60752"> |
||||
<a href="{{.PolicyUrl}}">{{lang "policy"}}</a></li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
{{$flen := len .Friendship}} |
||||
{{if ne $flen 0}} |
||||
<div class="small-12 medium-4 large-3 columns"> |
||||
<div id="sstk_widget_social-2" class="widget sstk_widget_social widget_nav_menu"> |
||||
<div class="sstk-widget-title">{{lang "friendship"}}</div> |
||||
<div class="sstk-widget-content"> |
||||
<ul> |
||||
{{range .Friendship}} |
||||
<li> |
||||
<a href="{{.Url}}" target="_blank">{{.Name}}</a> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
{{end}} |
||||
<div class="small-12 medium-4 columns"> |
||||
<div id="sstk_widget_responsys-2" class="widget sstk_widget_responsys"> |
||||
<div class="responsys-title">{{.Copyright}}</div> |
||||
<div class="email-signup-container"> |
||||
<img src="{{replaceImage .Logo}}" alt=""> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</footer> |
||||
</div> |
||||
|
||||
|
||||
</body> |
||||
|
||||
</html> |
||||
@ -0,0 +1,164 @@ |
||||
<!DOCTYPE html> |
||||
<html lang="en"> |
||||
|
||||
<head> |
||||
<meta charset="UTF-8" /> |
||||
<title>{{.Title}}</title> |
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
||||
<meta name="referrer" content="unsafe-url"> |
||||
<meta name="keywords" content="{{.Keywords}}"> |
||||
<meta name="description" content="{{.Description}}"> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/styles.css"}}" /> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/main.css"}}" /> |
||||
<link rel="shortcut icon" type="image/png" href="{{replaceImage .Favicon}}" /> |
||||
</head> |
||||
|
||||
<body class="home blog blog-id-5"> |
||||
|
||||
<div id="wrapper"> |
||||
<div class="sstk-main-nav"> |
||||
<div class="sstk-main-nav--menu sstk-main-nav--desktop"> |
||||
<a href="{{.IndexUrl}}" class="sstk-logo" title="Logo"> |
||||
<img src="{{replaceImage .Logo}}" alt="Logo" style="height: 48px;"> |
||||
</a> |
||||
<ul id="menu-header-top-nav-main" class="sstk-main-menu"> |
||||
<li id="menu-item-58641" |
||||
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-58641"> |
||||
<a href="{{.IndexUrl}}">{{ lang "home"}}</a> |
||||
</li> |
||||
{{if .HasAbout }} |
||||
<li id="menu-item-58642" |
||||
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-58642"> |
||||
<a href="{{.AboutUrl}}">{{ lang "about" }}</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<li id="menu-item-158781" |
||||
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-158781"> |
||||
<a href="{{.ContactUrl}}">{{ lang "contact" }}</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<li id="menu-item-158807" |
||||
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-158807"> |
||||
<a href="{{.PolicyUrl}}">{{ lang "policy"}}</a> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
<div role="main"> |
||||
<div class="row"> |
||||
<div class="small-12 columns"> |
||||
|
||||
<div class="homepage-section"> |
||||
<div class="sstk-section-title sstk-make-it"> |
||||
<h2>{{lang "latest"}}</h2> |
||||
</div> |
||||
<div class="row"> |
||||
{{ range .Articles }} |
||||
<div class="small-12 medium-4 large-3 columns"> |
||||
<div |
||||
class="post post-style post-style-style1 post-266381 type-post status-publish format-standard has-post-thumbnail hentry category-contributors category-creative-tips category-learn-photography category-photo-inspiration category-photo-tips promotion_status-make-it"> |
||||
<figure class="post-gallery"> |
||||
<a href="{{.Url}}"><img |
||||
width="580" height="580" |
||||
src="{{getCover .Cover 300 180}}" |
||||
class="attachment-sstk-style1 size-sstk-style1 wp-post-image" |
||||
sizes="(max-width: 580px) 100vw, 580px" /></a> |
||||
</figure> |
||||
<div class="sstk-post-category"> |
||||
<a href="{{.Url}}" |
||||
rel="category tag">{{timeFormat .PublishTime}}</a> |
||||
</div> |
||||
<div class="post-title"> |
||||
<h3><a href="{{.Url}}" ><span>{{.Title}}</span></a></h3> |
||||
</div> |
||||
<div class="post-excerpt"> |
||||
<p>{{.Summary}}</p> |
||||
</div> |
||||
</div> |
||||
</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> |
||||
</div> |
||||
</div> <!-- End Main --> |
||||
<footer class="footer"> |
||||
<div class="row"> |
||||
<div class="small-12 medium-4 large-3 columns"> |
||||
<div id="nav_menu-2" class="widget widget_nav_menu"> |
||||
<div class="sstk-widget-title">{{lang "related"}}</div> |
||||
<div class="sstk-widget-content"> |
||||
<div class="menu-header-blog-primary-main-container"> |
||||
<ul id="menu-header-blog-primary-main-1" class="menu"> |
||||
{{if .HasAbout }} |
||||
<li |
||||
class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-55558"> |
||||
<a href="{{.AboutUrl}}">{{lang "about"}}</a></li> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<li |
||||
class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-55325"> |
||||
<a href="{{.ContactUrl}}">{{lang "contact"}}</a></li> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<li |
||||
class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-60752"> |
||||
<a href="{{.PolicyUrl}}">{{lang "policy"}}</a></li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
{{$flen := len .Friendship}} |
||||
{{if ne $flen 0}} |
||||
<div class="small-12 medium-4 large-3 columns"> |
||||
<div id="sstk_widget_social-2" class="widget sstk_widget_social widget_nav_menu"> |
||||
<div class="sstk-widget-title">{{lang "friendship"}}</div> |
||||
<div class="sstk-widget-content"> |
||||
<ul> |
||||
{{range .Friendship}} |
||||
<li> |
||||
<a href="{{.Url}}" target="_blank">{{.Name}}</a> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
{{end}} |
||||
<div class="small-12 medium-4 columns"> |
||||
<div id="sstk_widget_responsys-2" class="widget sstk_widget_responsys"> |
||||
<div class="responsys-title">{{.Copyright}}</div> |
||||
<div class="email-signup-container"> |
||||
<img src="{{replaceImage .Logo}}" alt=""> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</footer> |
||||
</div> |
||||
|
||||
|
||||
</body> |
||||
|
||||
</html> |
||||
@ -0,0 +1,132 @@ |
||||
<!DOCTYPE html> |
||||
<html lang="en"> |
||||
|
||||
<head> |
||||
<meta charset="UTF-8" /> |
||||
<title>{{.Title}}</title> |
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
||||
<meta name="referrer" content="unsafe-url"> |
||||
<meta name="keywords" content="{{.Keywords}}"> |
||||
<meta name="description" content="{{.Description}}"> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/styles.css"}}" /> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/main.css"}}" /> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/common.css"}}" /> |
||||
<link rel="shortcut icon" type="image/png" href="{{replaceImage .Favicon}}" /> |
||||
</head> |
||||
|
||||
<body class="home blog blog-id-5"> |
||||
|
||||
<div id="wrapper"> |
||||
<div class="sstk-main-nav"> |
||||
<div class="sstk-main-nav--menu sstk-main-nav--desktop"> |
||||
<a href="{{.IndexUrl}}" class="sstk-logo" title="Logo"> |
||||
<img src="{{replaceImage .Logo}}" alt="Logo" style="height: 48px;"> |
||||
</a> |
||||
<ul id="menu-header-top-nav-main" class="sstk-main-menu"> |
||||
<li id="menu-item-58641" |
||||
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-58641"> |
||||
<a href="{{.IndexUrl}}">{{ lang "home"}}</a> |
||||
</li> |
||||
{{if .HasAbout }} |
||||
<li id="menu-item-58642" |
||||
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-58642"> |
||||
<a href="{{.AboutUrl}}">{{ lang "about" }}</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<li id="menu-item-158781" |
||||
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-158781"> |
||||
<a href="{{.ContactUrl}}">{{ lang "contact" }}</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<li id="menu-item-158807" |
||||
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-158807"> |
||||
<a href="{{.PolicyUrl}}">{{ lang "policy"}}</a> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
<div role="main"> |
||||
<div class="row"> |
||||
<div class="small-12 columns"> |
||||
|
||||
<div class="homepage-section"> |
||||
<section id="content" class="container"> |
||||
<div id="breadcrumb"> |
||||
<a href="{{.IndexUrl}}">{{lang "home"}}</a> |
||||
<a href="#">{{lang "policy"}}</a> |
||||
</div> |
||||
<h1 id="page-title">{{lang "policy"}}</h1> |
||||
<div> |
||||
{{.Policy}} |
||||
</div> |
||||
</section> |
||||
</div> |
||||
|
||||
</div> |
||||
</div> |
||||
</div> <!-- End Main --> |
||||
<footer class="footer"> |
||||
<div class="row"> |
||||
<div class="small-12 medium-4 large-3 columns"> |
||||
<div id="nav_menu-2" class="widget widget_nav_menu"> |
||||
<div class="sstk-widget-title">{{lang "related"}}</div> |
||||
<div class="sstk-widget-content"> |
||||
<div class="menu-header-blog-primary-main-container"> |
||||
<ul id="menu-header-blog-primary-main-1" class="menu"> |
||||
{{if .HasAbout }} |
||||
<li |
||||
class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-55558"> |
||||
<a href="{{.AboutUrl}}">{{lang "about"}}</a></li> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<li |
||||
class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-55325"> |
||||
<a href="{{.ContactUrl}}">{{lang "contact"}}</a></li> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<li |
||||
class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-60752"> |
||||
<a href="{{.PolicyUrl}}">{{lang "policy"}}</a></li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
{{$flen := len .Friendship}} |
||||
{{if ne $flen 0}} |
||||
<div class="small-12 medium-4 large-3 columns"> |
||||
<div id="sstk_widget_social-2" class="widget sstk_widget_social widget_nav_menu"> |
||||
<div class="sstk-widget-title">{{lang "friendship"}}</div> |
||||
<div class="sstk-widget-content"> |
||||
<ul> |
||||
{{range .Friendship}} |
||||
<li> |
||||
<a href="{{.Url}}" target="_blank">{{.Name}}</a> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
{{end}} |
||||
<div class="small-12 medium-4 columns"> |
||||
<div id="sstk_widget_responsys-2" class="widget sstk_widget_responsys"> |
||||
<div class="responsys-title">{{.Copyright}}</div> |
||||
<div class="email-signup-container"> |
||||
<img src="{{replaceImage .Logo}}" alt=""> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</footer> |
||||
</div> |
||||
|
||||
|
||||
</body> |
||||
|
||||
</html> |
||||
@ -0,0 +1,270 @@ |
||||
<!DOCTYPE html> |
||||
<html lang="en"> |
||||
|
||||
<head> |
||||
<meta charset="UTF-8" /> |
||||
<title>{{.Title}}</title> |
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
||||
<meta name="referrer" content="unsafe-url"> |
||||
<meta name="keywords" content="{{.Keywords}}"> |
||||
<meta name="description" content="{{.Description}}"> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/styles.css"}}" /> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/common.css"}}" /> |
||||
<link rel="shortcut icon" type="image/png" href="{{replaceImage .Favicon}}" /> |
||||
</head> |
||||
|
||||
<body class="blog no-js theme-jupiterx woocommerce-no-js elementor-page-682 elementor-default elementor-template-full-width elementor-kit-8"> |
||||
|
||||
<div class="jupiterx-site"> |
||||
<header class="jupiterx-header jupiterx-header-custom"> |
||||
<div data-elementor-type="header" data-elementor-id="94" class="elementor elementor-94"> |
||||
<header |
||||
class="elementor-section elementor-top-section elementor-element elementor-element-16c7919b elementor-section-full_width elementor-section-height-min-height elementor-section-height-default elementor-section-items-middle" |
||||
data-id="16c7919b" data-element_type="section"> |
||||
<div class="elementor-container elementor-column-gap-default"> |
||||
<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-78f4208b" |
||||
data-id="78f4208b" data-element_type="column"> |
||||
<div class="elementor-widget-wrap elementor-element-populated"> |
||||
<section |
||||
class="elementor-section elementor-inner-section elementor-element elementor-element-a24c394 elementor-section-height-min-height elementor-section-boxed elementor-section-height-default" |
||||
data-id="a24c394" data-element_type="section"> |
||||
<div class="elementor-container elementor-column-gap-default"> |
||||
<div class="elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-57ee66e0 raven-column-flex-horizontal" |
||||
data-id="57ee66e0" data-element_type="column"> |
||||
<div class="elementor-widget-wrap elementor-element-populated"> |
||||
<div class="elementor-element elementor-element-4a5567f8 logo elementor-widget-mobile__width-auto elementor-widget elementor-widget-raven-site-logo" |
||||
data-id="4a5567f8" data-element_type="widget" |
||||
data-widget_type="raven-site-logo.default"> |
||||
<div class="elementor-widget-container"> |
||||
<div class="raven-widget-wrapper"> |
||||
<div class="raven-site-logo"> |
||||
<a class="raven-site-logo-link" |
||||
href="{{.IndexUrl}}"> |
||||
<picture> |
||||
<img class="raven-site-logo-desktop raven-site-logo-tablet raven-site-logo-mobile" |
||||
data-no-lazy="1" |
||||
src='{{replaceImage .Logo}}'> |
||||
</picture> |
||||
</a> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="elementor-element elementor-element-b45eec2 elementor-widget elementor-widget-raven-flex-spacer" |
||||
data-id="b45eec2" data-element_type="widget" |
||||
data-widget_type="raven-flex-spacer.default"> |
||||
<div class="elementor-widget-container"> |
||||
<div class="raven-spacer"> </div> |
||||
</div> |
||||
</div> |
||||
<div class="elementor-element elementor-element-df0ce4c elementor-widget__width-auto elementor-hidden-tablet elementor-hidden-phone elementor-nav-menu--dropdown-tablet elementor-nav-menu__text-align-aside elementor-nav-menu--toggle elementor-nav-menu--burger elementor-widget elementor-widget-nav-menu" |
||||
data-id="df0ce4c" data-element_type="widget" |
||||
data-settings="{"layout":"horizontal","submenu_icon":{"value":"<i class=\"fas fa-caret-down\"><\/i>","library":"fa-solid"},"toggle":"burger"}" |
||||
data-widget_type="nav-menu.default"> |
||||
<div class="elementor-widget-container"> |
||||
<nav migration_allowed="1" migrated="0" |
||||
class="elementor-nav-menu--main elementor-nav-menu__container elementor-nav-menu--layout-horizontal e--pointer-none"> |
||||
<ul id="menu-1-df0ce4c" class="elementor-nav-menu"> |
||||
<li |
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-355"> |
||||
<a href="{{.IndexUrl}}" |
||||
class="elementor-item">{{ lang "home"}}</a> |
||||
</li> |
||||
{{if .HasAbout }} |
||||
<li |
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-357"> |
||||
<a href="{{.AboutUrl}}" |
||||
class="elementor-item elementor-item-active">{{ lang "about" }}</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<li |
||||
class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-353 current_page_item current_page_parent menu-item-356"> |
||||
<a href="{{.ContactUrl}}" aria-current="page" |
||||
class="elementor-item">{{ lang "contact" }}</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<li |
||||
class="emphasis menu-item menu-item-type-post_type menu-item-object-page menu-item-513"> |
||||
<a href="{{.PolicyUrl}}" |
||||
class="elementor-item">{{ lang "policy"}}</a> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
</nav> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</section> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</header> |
||||
</div> |
||||
</header> |
||||
<main id="jupiterx-main" class="jupiterx-main"> |
||||
<div data-elementor-type="archive" data-elementor-id="682" |
||||
class="elementor elementor-682 elementor-location-archive"> |
||||
<section |
||||
class="elementor-section elementor-top-section elementor-element elementor-element-97c00fc elementor-section-boxed elementor-section-height-default elementor-section-height-default" |
||||
data-id="97c00fc" data-element_type="section"> |
||||
<div class="elementor-container elementor-column-gap-default"> |
||||
<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-d331b6e" |
||||
data-id="d331b6e" data-element_type="column"> |
||||
<div class="elementor-widget-wrap elementor-element-populated"> |
||||
<section id="content" class="container"> |
||||
<div id="breadcrumb"> |
||||
<a href="{{.IndexUrl}}">{{ lang "home" }}</a> |
||||
<a href="#">{{ lang "about" }}</a> |
||||
</div> |
||||
<h1 id="page-title">{{ lang "about"}} </h1> |
||||
<div> |
||||
{{.About}} |
||||
</div> |
||||
</section> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</section> |
||||
</div> |
||||
</main> |
||||
<footer class="jupiterx-footer" role="contentinfo"> |
||||
<div data-elementor-type="footer" data-elementor-id="239" class="elementor elementor-239"> |
||||
<section |
||||
class="elementor-section elementor-top-section elementor-element elementor-element-6ce3ecc6 elementor-section-boxed elementor-section-height-default elementor-section-height-default" |
||||
data-id="6ce3ecc6" data-element_type="section" |
||||
data-settings="{"background_background":"classic"}"> |
||||
<div class="elementor-container elementor-column-gap-default"> |
||||
<div class="elementor-column elementor-col-25 elementor-top-column elementor-element elementor-element-3e948bc8" |
||||
data-id="3e948bc8" data-element_type="column"> |
||||
<div class="elementor-widget-wrap elementor-element-populated"> |
||||
<div class="elementor-element elementor-element-5064772c elementor-widget elementor-widget-raven-site-logo" |
||||
data-id="5064772c" data-element_type="widget" |
||||
data-widget_type="raven-site-logo.default"> |
||||
<div class="elementor-widget-container"> |
||||
<div class="raven-widget-wrapper"> |
||||
<div class="raven-site-logo raven-site-logo-customizer"> |
||||
<a class="raven-site-logo-link" href="{{.IndexUrl}}"> |
||||
<img width="365" height="109" |
||||
src="{{replaceImage .Logo}}" |
||||
class="raven-site-logo-desktop raven-site-logo-tablet raven-site-logo-mobile"/> </a> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="elementor-column elementor-col-25 elementor-top-column elementor-element elementor-element-115a4eed" |
||||
data-id="115a4eed" data-element_type="column"> |
||||
<div class="elementor-widget-wrap elementor-element-populated"> |
||||
<div class="elementor-element elementor-element-4ea1dc0a elementor-widget elementor-widget-heading" |
||||
data-id="4ea1dc0a" data-element_type="widget" |
||||
data-widget_type="heading.default"> |
||||
<div class="elementor-widget-container"> |
||||
<h2 class="elementor-heading-title elementor-size-default">{{lang "related"}}</h2> |
||||
</div> |
||||
</div> |
||||
<div class="elementor-element elementor-element-2dc5c22a elementor-align-left elementor-mobile-align-left elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" |
||||
data-id="2dc5c22a" data-element_type="widget" |
||||
data-widget_type="icon-list.default"> |
||||
<div class="elementor-widget-container"> |
||||
<ul class="elementor-icon-list-items"> |
||||
{{if .HasAbout }} |
||||
<li class="elementor-icon-list-item"> |
||||
<a href="{{.AboutUrl}}"> |
||||
|
||||
<span class="elementor-icon-list-text">{{lang "about"}}</span> |
||||
</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<li class="elementor-icon-list-item"> |
||||
<a href="{{.ContactUrl}}"> |
||||
|
||||
<span class="elementor-icon-list-text">{{lang "contact"}}</span> |
||||
</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<li class="elementor-icon-list-item"> |
||||
<a href="{{.PolicyUrl}}"> |
||||
|
||||
<span class="elementor-icon-list-text">{{lang "policy"}}</span> |
||||
</a> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
{{$flen := len .Friendship}} |
||||
{{if ne $flen 0}} |
||||
<div class="elementor-column elementor-col-25 elementor-top-column elementor-element elementor-element-7452ed4" |
||||
data-id="7452ed4" data-element_type="column"> |
||||
<div class="elementor-widget-wrap elementor-element-populated"> |
||||
<div class="elementor-element elementor-element-535230cd elementor-widget elementor-widget-heading" |
||||
data-id="535230cd" data-element_type="widget" |
||||
data-widget_type="heading.default"> |
||||
<div class="elementor-widget-container"> |
||||
<h2 class="elementor-heading-title elementor-size-default">{{lang "friendship"}}</h2> |
||||
</div> |
||||
</div> |
||||
<div class="elementor-element elementor-element-331369d4 elementor-align-left elementor-mobile-align-left elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" |
||||
data-id="331369d4" data-element_type="widget" |
||||
data-widget_type="icon-list.default"> |
||||
<div class="elementor-widget-container"> |
||||
<ul class="elementor-icon-list-items"> |
||||
{{range .Friendship}} |
||||
<li class="elementor-icon-list-item"> |
||||
<a href="{{.Url}}"> |
||||
|
||||
<span class="elementor-icon-list-icon"> |
||||
<i aria-hidden="true" class="fas fa-check"></i> </span> |
||||
<span class="elementor-icon-list-text">{{.Name}}</span> |
||||
</a> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
{{end}} |
||||
</div> |
||||
</section> |
||||
<section |
||||
class="elementor-section elementor-top-section elementor-element elementor-element-1b7618d0 elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default" |
||||
data-id="1b7618d0" data-element_type="section" |
||||
data-settings="{"background_background":"classic"}"> |
||||
<div class="elementor-container elementor-column-gap-default"> |
||||
<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-5bb7ea4" |
||||
data-id="5bb7ea4" data-element_type="column"> |
||||
<div class="elementor-widget-wrap elementor-element-populated"> |
||||
<div class="elementor-element elementor-element-43f43a43 elementor-widget elementor-widget-heading" |
||||
data-id="43f43a43" data-element_type="widget" |
||||
data-widget_type="heading.default"> |
||||
<div class="elementor-widget-container"> |
||||
<h3 class="elementor-heading-title elementor-size-default"> |
||||
<div class="subfooter"> |
||||
{{.Copyright}} |
||||
</div> |
||||
</h3> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</section> |
||||
</div> |
||||
</footer> |
||||
|
||||
</div> |
||||
|
||||
</body> |
||||
|
||||
</html> |
||||
@ -0,0 +1,5 @@ |
||||
{ |
||||
"creator": "申心远", |
||||
"version": "1.0", |
||||
"origin_website": "https://vanportmech.com/blog/" |
||||
} |
||||
@ -0,0 +1,287 @@ |
||||
<!DOCTYPE html> |
||||
<html lang="en"> |
||||
|
||||
<head> |
||||
<meta charset="UTF-8" /> |
||||
<title>{{.Title}}</title> |
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
||||
<meta name="referrer" content="unsafe-url"> |
||||
<meta name="keywords" content="{{.Keywords}}"> |
||||
<meta name="description" content="{{.Description}}"> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/bootstrap.min.css"}}" /> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/styles.css"}}" /> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/common.css"}}" /> |
||||
<link rel="shortcut icon" type="image/png" href="{{replaceImage .Favicon}}" /> |
||||
</head> |
||||
|
||||
<body class="blog no-js theme-jupiterx woocommerce-no-js elementor-page-682 elementor-default elementor-template-full-width elementor-kit-8"> |
||||
|
||||
<div class="jupiterx-site"> |
||||
<header class="jupiterx-header jupiterx-header-custom"> |
||||
<div data-elementor-type="header" data-elementor-id="94" class="elementor elementor-94"> |
||||
<header |
||||
class="elementor-section elementor-top-section elementor-element elementor-element-16c7919b elementor-section-full_width elementor-section-height-min-height elementor-section-height-default elementor-section-items-middle" |
||||
data-id="16c7919b" data-element_type="section"> |
||||
<div class="elementor-container elementor-column-gap-default"> |
||||
<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-78f4208b" |
||||
data-id="78f4208b" data-element_type="column"> |
||||
<div class="elementor-widget-wrap elementor-element-populated"> |
||||
<section |
||||
class="elementor-section elementor-inner-section elementor-element elementor-element-a24c394 elementor-section-height-min-height elementor-section-boxed elementor-section-height-default" |
||||
data-id="a24c394" data-element_type="section"> |
||||
<div class="elementor-container elementor-column-gap-default"> |
||||
<div class="elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-57ee66e0 raven-column-flex-horizontal" |
||||
data-id="57ee66e0" data-element_type="column"> |
||||
<div class="elementor-widget-wrap elementor-element-populated"> |
||||
<div class="elementor-element elementor-element-4a5567f8 logo elementor-widget-mobile__width-auto elementor-widget elementor-widget-raven-site-logo" |
||||
data-id="4a5567f8" data-element_type="widget" |
||||
data-widget_type="raven-site-logo.default"> |
||||
<div class="elementor-widget-container"> |
||||
<div class="raven-widget-wrapper"> |
||||
<div class="raven-site-logo"> |
||||
<a class="raven-site-logo-link" |
||||
href="{{.IndexUrl}}"> |
||||
<picture> |
||||
<img class="raven-site-logo-desktop raven-site-logo-tablet raven-site-logo-mobile" |
||||
data-no-lazy="1" |
||||
src='{{replaceImage .Logo}}'> |
||||
</picture> |
||||
</a> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="elementor-element elementor-element-b45eec2 elementor-widget elementor-widget-raven-flex-spacer" |
||||
data-id="b45eec2" data-element_type="widget" |
||||
data-widget_type="raven-flex-spacer.default"> |
||||
<div class="elementor-widget-container"> |
||||
<div class="raven-spacer"> </div> |
||||
</div> |
||||
</div> |
||||
<div class="elementor-element elementor-element-df0ce4c elementor-widget__width-auto elementor-hidden-tablet elementor-hidden-phone elementor-nav-menu--dropdown-tablet elementor-nav-menu__text-align-aside elementor-nav-menu--toggle elementor-nav-menu--burger elementor-widget elementor-widget-nav-menu" |
||||
data-id="df0ce4c" data-element_type="widget" |
||||
data-settings="{"layout":"horizontal","submenu_icon":{"value":"<i class=\"fas fa-caret-down\"><\/i>","library":"fa-solid"},"toggle":"burger"}" |
||||
data-widget_type="nav-menu.default"> |
||||
<div class="elementor-widget-container"> |
||||
<nav migration_allowed="1" migrated="0" |
||||
class="elementor-nav-menu--main elementor-nav-menu__container elementor-nav-menu--layout-horizontal e--pointer-none"> |
||||
<ul id="menu-1-df0ce4c" class="elementor-nav-menu"> |
||||
<li |
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-355"> |
||||
<a href="{{.IndexUrl}}" |
||||
class="elementor-item">{{ lang "home"}}</a> |
||||
</li> |
||||
{{if .HasAbout }} |
||||
<li |
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-357"> |
||||
<a href="{{.AboutUrl}}" |
||||
class="elementor-item">{{ lang "about" }}</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<li |
||||
class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-353 current_page_item current_page_parent menu-item-356"> |
||||
<a href="{{.ContactUrl}}" aria-current="page" |
||||
class="elementor-item elementor-item-active">{{ lang "contact" }}</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<li |
||||
class="emphasis menu-item menu-item-type-post_type menu-item-object-page menu-item-513"> |
||||
<a href="{{.PolicyUrl}}" |
||||
class="elementor-item">{{ lang "policy"}}</a> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
</nav> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</section> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</header> |
||||
</div> |
||||
</header> |
||||
<main id="jupiterx-main" class="jupiterx-main"> |
||||
<div data-elementor-type="archive" data-elementor-id="682" |
||||
class="elementor elementor-682 elementor-location-archive"> |
||||
<section |
||||
class="elementor-section elementor-top-section elementor-element elementor-element-97c00fc elementor-section-boxed elementor-section-height-default elementor-section-height-default" |
||||
data-id="97c00fc" data-element_type="section"> |
||||
<div class="elementor-container elementor-column-gap-default"> |
||||
<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-d331b6e" |
||||
data-id="d331b6e" data-element_type="column"> |
||||
<div class="elementor-widget-wrap elementor-element-populated"> |
||||
<section id="content" class="container"> |
||||
<div id="breadcrumb"> |
||||
<a href="{{.IndexUrl}}">{{lang "home"}}</a> |
||||
<a href="#">{{lang "contact"}}</a> |
||||
</div> |
||||
<h1 id="page-title">{{lang "contact"}}</h1> |
||||
<div> |
||||
{{.Contact}} |
||||
<form class="col-12 col-lg-6" style="padding: 0;"> |
||||
<div class="form-group"> |
||||
<label for="emailInput">{{lang "about_email"}}</label> |
||||
<input type="email" class="form-control" id="emailInput" placeholder="name@example.com"> |
||||
</div> |
||||
<div class="form-group"> |
||||
<label for="nameInput">{{lang "about_name"}}</label> |
||||
<input type="name" class="form-control" id="nameInput" placeholder="your name"> |
||||
</div> |
||||
<div class="form-group"> |
||||
<label for="exampleFormControlTextarea1">{{lang "about_message"}}</label> |
||||
<textarea class="form-control" id="exampleFormControlTextarea1" rows="3" |
||||
placeholder="what do you want to say"></textarea> |
||||
</div> |
||||
<button type="submit" class="btn btn-primary" style="width: 100%;">{{lang "about_send"}}</button> |
||||
</form> |
||||
</div> |
||||
</section> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</section> |
||||
</div> |
||||
</main> |
||||
<footer class="jupiterx-footer" role="contentinfo"> |
||||
<div data-elementor-type="footer" data-elementor-id="239" class="elementor elementor-239"> |
||||
<section |
||||
class="elementor-section elementor-top-section elementor-element elementor-element-6ce3ecc6 elementor-section-boxed elementor-section-height-default elementor-section-height-default" |
||||
data-id="6ce3ecc6" data-element_type="section" |
||||
data-settings="{"background_background":"classic"}"> |
||||
<div class="elementor-container elementor-column-gap-default"> |
||||
<div class="elementor-column elementor-col-25 elementor-top-column elementor-element elementor-element-3e948bc8" |
||||
data-id="3e948bc8" data-element_type="column"> |
||||
<div class="elementor-widget-wrap elementor-element-populated"> |
||||
<div class="elementor-element elementor-element-5064772c elementor-widget elementor-widget-raven-site-logo" |
||||
data-id="5064772c" data-element_type="widget" |
||||
data-widget_type="raven-site-logo.default"> |
||||
<div class="elementor-widget-container"> |
||||
<div class="raven-widget-wrapper"> |
||||
<div class="raven-site-logo raven-site-logo-customizer"> |
||||
<a class="raven-site-logo-link" href="{{.IndexUrl}}"> |
||||
<img width="365" height="109" |
||||
src="{{replaceImage .Logo}}" |
||||
class="raven-site-logo-desktop raven-site-logo-tablet raven-site-logo-mobile"/> </a> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="elementor-column elementor-col-25 elementor-top-column elementor-element elementor-element-115a4eed" |
||||
data-id="115a4eed" data-element_type="column"> |
||||
<div class="elementor-widget-wrap elementor-element-populated"> |
||||
<div class="elementor-element elementor-element-4ea1dc0a elementor-widget elementor-widget-heading" |
||||
data-id="4ea1dc0a" data-element_type="widget" |
||||
data-widget_type="heading.default"> |
||||
<div class="elementor-widget-container"> |
||||
<h2 class="elementor-heading-title elementor-size-default">{{lang "related"}}</h2> |
||||
</div> |
||||
</div> |
||||
<div class="elementor-element elementor-element-2dc5c22a elementor-align-left elementor-mobile-align-left elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" |
||||
data-id="2dc5c22a" data-element_type="widget" |
||||
data-widget_type="icon-list.default"> |
||||
<div class="elementor-widget-container"> |
||||
<ul class="elementor-icon-list-items"> |
||||
{{if .HasAbout }} |
||||
<li class="elementor-icon-list-item"> |
||||
<a href="{{.AboutUrl}}"> |
||||
|
||||
<span class="elementor-icon-list-text">{{lang "about"}}</span> |
||||
</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<li class="elementor-icon-list-item"> |
||||
<a href="{{.ContactUrl}}"> |
||||
|
||||
<span class="elementor-icon-list-text">{{lang "contact"}}</span> |
||||
</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<li class="elementor-icon-list-item"> |
||||
<a href="{{.PolicyUrl}}"> |
||||
|
||||
<span class="elementor-icon-list-text">{{lang "policy"}}</span> |
||||
</a> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
{{$flen := len .Friendship}} |
||||
{{if ne $flen 0}} |
||||
<div class="elementor-column elementor-col-25 elementor-top-column elementor-element elementor-element-7452ed4" |
||||
data-id="7452ed4" data-element_type="column"> |
||||
<div class="elementor-widget-wrap elementor-element-populated"> |
||||
<div class="elementor-element elementor-element-535230cd elementor-widget elementor-widget-heading" |
||||
data-id="535230cd" data-element_type="widget" |
||||
data-widget_type="heading.default"> |
||||
<div class="elementor-widget-container"> |
||||
<h2 class="elementor-heading-title elementor-size-default">{{lang "friendship"}}</h2> |
||||
</div> |
||||
</div> |
||||
<div class="elementor-element elementor-element-331369d4 elementor-align-left elementor-mobile-align-left elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" |
||||
data-id="331369d4" data-element_type="widget" |
||||
data-widget_type="icon-list.default"> |
||||
<div class="elementor-widget-container"> |
||||
<ul class="elementor-icon-list-items"> |
||||
{{range .Friendship}} |
||||
<li class="elementor-icon-list-item"> |
||||
<a href="{{.Url}}"> |
||||
|
||||
<span class="elementor-icon-list-icon"> |
||||
<i aria-hidden="true" class="fas fa-check"></i> </span> |
||||
<span class="elementor-icon-list-text">{{.Name}}</span> |
||||
</a> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
{{end}} |
||||
</div> |
||||
</section> |
||||
<section |
||||
class="elementor-section elementor-top-section elementor-element elementor-element-1b7618d0 elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default" |
||||
data-id="1b7618d0" data-element_type="section" |
||||
data-settings="{"background_background":"classic"}"> |
||||
<div class="elementor-container elementor-column-gap-default"> |
||||
<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-5bb7ea4" |
||||
data-id="5bb7ea4" data-element_type="column"> |
||||
<div class="elementor-widget-wrap elementor-element-populated"> |
||||
<div class="elementor-element elementor-element-43f43a43 elementor-widget elementor-widget-heading" |
||||
data-id="43f43a43" data-element_type="widget" |
||||
data-widget_type="heading.default"> |
||||
<div class="elementor-widget-container"> |
||||
<h3 class="elementor-heading-title elementor-size-default"> |
||||
<div class="subfooter"> |
||||
{{.Copyright}} |
||||
</div> |
||||
</h3> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</section> |
||||
</div> |
||||
</footer> |
||||
|
||||
</div> |
||||
|
||||
</body> |
||||
|
||||
</html> |
||||
File diff suppressed because one or more lines are too long
@ -0,0 +1,196 @@ |
||||
html, |
||||
body { |
||||
margin: 0; |
||||
padding: 0; |
||||
width: 100%; |
||||
} |
||||
|
||||
body { |
||||
background-color: #fff; |
||||
} |
||||
|
||||
a { |
||||
color: #3755d6; |
||||
text-decoration: none; |
||||
} |
||||
|
||||
#breadcrumb { |
||||
padding: 20px 0 15px; |
||||
} |
||||
#breadcrumb a { |
||||
color: #666; |
||||
} |
||||
#breadcrumb a:not(:last-of-type)::after { |
||||
content: " / "; |
||||
} |
||||
|
||||
#page-title { |
||||
padding-bottom: 20px; |
||||
} |
||||
|
||||
#content { |
||||
min-height: 50vh; |
||||
margin: 80px auto 20px; |
||||
} |
||||
|
||||
.block-title { |
||||
margin: 20px 0; |
||||
border-bottom: 1px solid #182a75; |
||||
} |
||||
.block-title .text { |
||||
display: inline-block; |
||||
padding: 8px 12px; |
||||
background-color: #182a75; |
||||
color: #fff; |
||||
font-size: 16px; |
||||
} |
||||
|
||||
#header { |
||||
border-bottom: 1px solid #e5e5e5; |
||||
position: fixed; |
||||
top: 0; |
||||
left: 0; |
||||
right: 0; |
||||
z-index: 9999; |
||||
background-color: #fff; |
||||
} |
||||
#header .container { |
||||
padding: 10px 15px; |
||||
display: flex; |
||||
align-items: center; |
||||
justify-content: space-between; |
||||
} |
||||
#header .container .logo { |
||||
display: inline-block; |
||||
height: 100%; |
||||
} |
||||
#header .container .logo-container { |
||||
height: 100%; |
||||
flex-grow: 1; |
||||
} |
||||
#header .container .logo img { |
||||
height: 100%; |
||||
} |
||||
|
||||
#nav { |
||||
width: 100%; |
||||
height: 60px; |
||||
display: flex; |
||||
align-items: center; |
||||
box-sizing: border-box; |
||||
padding: 0; |
||||
} |
||||
#nav .navbar-toggler { |
||||
margin-right: 15px; |
||||
} |
||||
#nav .navbar-collapse { |
||||
flex-grow: 0; |
||||
background-color: #fff; |
||||
} |
||||
#nav .navbar-collapse.show { |
||||
box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1); |
||||
margin-top: 11px; |
||||
} |
||||
#nav .navbar-collapse.collapsing { |
||||
margin-top: 11px; |
||||
} |
||||
#nav .navbar-collapse a { |
||||
font-weight: 700; |
||||
padding: 10px 15px; |
||||
display: inline-flex; |
||||
align-items: center; |
||||
color: #3755d6; |
||||
} |
||||
#nav .navbar-collapse .nav-link { |
||||
display: flex; |
||||
} |
||||
|
||||
#footer { |
||||
background-color: #f5f5f5; |
||||
} |
||||
#footer .container { |
||||
padding: 40px 15px; |
||||
} |
||||
#footer .container .logo { |
||||
height: 50px; |
||||
} |
||||
#footer .container .title { |
||||
font-size: 20px; |
||||
font-weight: 700; |
||||
padding: 10px 0; |
||||
} |
||||
#footer .container .column { |
||||
padding: 10px; |
||||
} |
||||
#footer .container .column .links a { |
||||
padding: 5px 0; |
||||
margin-right: 20px; |
||||
color: #333; |
||||
font-size: 14px; |
||||
} |
||||
#footer .container .copyright { |
||||
font-size: 14px; |
||||
margin-top: 5px; |
||||
} |
||||
|
||||
#article-popular-recommend { |
||||
padding-right: 0; |
||||
} |
||||
#article-popular-recommend .article:not(:last-of-type) { |
||||
margin-bottom: 15px; |
||||
} |
||||
#article-popular-recommend .article .image { |
||||
width: 125px; |
||||
height: 75px; |
||||
-o-object-fit: cover; |
||||
object-fit: cover; |
||||
margin-right: 15px; |
||||
background-color: #f5f5f5; |
||||
box-sizing: border-box; |
||||
} |
||||
#article-popular-recommend .article .content { |
||||
flex: 1; |
||||
} |
||||
#article-popular-recommend .article .content .title { |
||||
font-size: 14px; |
||||
font-weight: 700; |
||||
color: #333; |
||||
} |
||||
#article-popular-recommend .article .content .title:hover { |
||||
color: #3755d6; |
||||
transition: color 0.5s; |
||||
} |
||||
#article-popular-recommend .article .content .info { |
||||
color: #999; |
||||
margin-top: 5px; |
||||
font-size: 14px; |
||||
} |
||||
|
||||
@media screen and (max-width: 540px) { |
||||
body { |
||||
font-size: 14px; |
||||
} |
||||
#footer .container { |
||||
padding: 20px 15px; |
||||
} |
||||
#footer .title { |
||||
font-size: 16px !important; |
||||
} |
||||
#footer .links a { |
||||
font-size: 14px; |
||||
} |
||||
.col-md-12 { |
||||
padding: 0; |
||||
} |
||||
.block-title .text { |
||||
background-color: unset; |
||||
color: #182a75; |
||||
padding-left: 0; |
||||
font-weight: bold; |
||||
} |
||||
} |
||||
@media screen and (max-width: 992px) { |
||||
#article-popular-recommend { |
||||
padding-left: 0; |
||||
} |
||||
}/*# sourceMappingURL=common.css.map */ |
||||
@ -0,0 +1,54 @@ |
||||
#article-head { |
||||
padding: 10px 0; |
||||
color: #999; |
||||
} |
||||
|
||||
#article-container img { |
||||
padding: 20px 0; |
||||
} |
||||
|
||||
#title { |
||||
font-size: 38px; |
||||
line-height: 48px; |
||||
font-weight: 400; |
||||
color: #333; |
||||
} |
||||
|
||||
.hidden-text { |
||||
text-overflow:ellipsis; |
||||
overflow:hidden; |
||||
white-space:nowrap; |
||||
} |
||||
.article-page { |
||||
min-height: 20px; |
||||
} |
||||
.article-page>div{ |
||||
max-width: 300px; |
||||
} |
||||
.article-page div:first-child{ |
||||
float:left; |
||||
} |
||||
.article-page div:last-child{ |
||||
float:right; |
||||
} |
||||
|
||||
@media screen and (max-width: 540px) { |
||||
#title { |
||||
font-size: 22px; |
||||
line-height: 1.5; |
||||
} |
||||
.col-md-12 { |
||||
padding: 0; |
||||
} |
||||
.article-page div:first-child{ |
||||
float:none; |
||||
} |
||||
.article-page div:last-child{ |
||||
float:none; |
||||
} |
||||
} |
||||
@media screen and (min-width: 540px) { |
||||
#article-container { |
||||
padding-left: 0; |
||||
} |
||||
}/*# sourceMappingURL=details.css.map */ |
||||
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,364 @@ |
||||
<!DOCTYPE html> |
||||
<html lang="en"> |
||||
|
||||
<head> |
||||
<meta charset="UTF-8" /> |
||||
<title>{{.Title}}</title> |
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
||||
<meta name="referrer" content="unsafe-url"> |
||||
<meta name="keywords" content="{{.Keywords}}"> |
||||
<meta name="description" content="{{.Description}}"> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/bootstrap.min.css"}}" /> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/styles.css"}}" /> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/common.css"}}" /> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/details.css"}}" /> |
||||
<link rel="shortcut icon" type="image/png" href="{{replaceImage .Favicon}}" /> |
||||
</head> |
||||
|
||||
<body class="blog no-js theme-jupiterx woocommerce-no-js elementor-page-682 elementor-default elementor-template-full-width elementor-kit-8"> |
||||
|
||||
<div class="jupiterx-site"> |
||||
<header class="jupiterx-header jupiterx-header-custom"> |
||||
<div data-elementor-type="header" data-elementor-id="94" class="elementor elementor-94"> |
||||
<header |
||||
class="elementor-section elementor-top-section elementor-element elementor-element-16c7919b elementor-section-full_width elementor-section-height-min-height elementor-section-height-default elementor-section-items-middle" |
||||
data-id="16c7919b" data-element_type="section"> |
||||
<div class="elementor-container elementor-column-gap-default"> |
||||
<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-78f4208b" |
||||
data-id="78f4208b" data-element_type="column"> |
||||
<div class="elementor-widget-wrap elementor-element-populated"> |
||||
<section |
||||
class="elementor-section elementor-inner-section elementor-element elementor-element-a24c394 elementor-section-height-min-height elementor-section-boxed elementor-section-height-default" |
||||
data-id="a24c394" data-element_type="section"> |
||||
<div class="elementor-container elementor-column-gap-default"> |
||||
<div class="elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-57ee66e0 raven-column-flex-horizontal" |
||||
data-id="57ee66e0" data-element_type="column"> |
||||
<div class="elementor-widget-wrap elementor-element-populated"> |
||||
<div class="elementor-element elementor-element-4a5567f8 logo elementor-widget-mobile__width-auto elementor-widget elementor-widget-raven-site-logo" |
||||
data-id="4a5567f8" data-element_type="widget" |
||||
data-widget_type="raven-site-logo.default"> |
||||
<div class="elementor-widget-container"> |
||||
<div class="raven-widget-wrapper"> |
||||
<div class="raven-site-logo"> |
||||
<a class="raven-site-logo-link" |
||||
href="{{.IndexUrl}}"> |
||||
<picture> |
||||
<img class="raven-site-logo-desktop raven-site-logo-tablet raven-site-logo-mobile" |
||||
data-no-lazy="1" |
||||
src='{{replaceImage .Logo}}'> |
||||
</picture> |
||||
</a> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="elementor-element elementor-element-b45eec2 elementor-widget elementor-widget-raven-flex-spacer" |
||||
data-id="b45eec2" data-element_type="widget" |
||||
data-widget_type="raven-flex-spacer.default"> |
||||
<div class="elementor-widget-container"> |
||||
<div class="raven-spacer"> </div> |
||||
</div> |
||||
</div> |
||||
<div class="elementor-element elementor-element-df0ce4c elementor-widget__width-auto elementor-hidden-tablet elementor-hidden-phone elementor-nav-menu--dropdown-tablet elementor-nav-menu__text-align-aside elementor-nav-menu--toggle elementor-nav-menu--burger elementor-widget elementor-widget-nav-menu" |
||||
data-id="df0ce4c" data-element_type="widget" |
||||
data-settings="{"layout":"horizontal","submenu_icon":{"value":"<i class=\"fas fa-caret-down\"><\/i>","library":"fa-solid"},"toggle":"burger"}" |
||||
data-widget_type="nav-menu.default"> |
||||
<div class="elementor-widget-container"> |
||||
<nav migration_allowed="1" migrated="0" |
||||
class="elementor-nav-menu--main elementor-nav-menu__container elementor-nav-menu--layout-horizontal e--pointer-none"> |
||||
<ul id="menu-1-df0ce4c" class="elementor-nav-menu"> |
||||
<li |
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-355"> |
||||
<a href="{{.IndexUrl}}" |
||||
class="elementor-item">{{ lang "home"}}</a> |
||||
</li> |
||||
{{if .HasAbout }} |
||||
<li |
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-357"> |
||||
<a href="{{.AboutUrl}}" |
||||
class="elementor-item">{{ lang "about" }}</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<li |
||||
class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-353 current_page_item current_page_parent menu-item-356"> |
||||
<a href="{{.ContactUrl}}" aria-current="page" |
||||
class="elementor-item">{{ lang "contact" }}</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<li |
||||
class="emphasis menu-item menu-item-type-post_type menu-item-object-page menu-item-513"> |
||||
<a href="{{.PolicyUrl}}" |
||||
class="elementor-item">{{ lang "policy"}}</a> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
</nav> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</section> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</header> |
||||
</div> |
||||
</header> |
||||
<main id="jupiterx-main" class="jupiterx-main"> |
||||
<div data-elementor-type="archive" data-elementor-id="682" |
||||
class="elementor elementor-682 elementor-location-archive"> |
||||
<section |
||||
class="elementor-section elementor-top-section elementor-element elementor-element-97c00fc elementor-section-boxed elementor-section-height-default elementor-section-height-default" |
||||
data-id="97c00fc" data-element_type="section"> |
||||
<div class="elementor-container elementor-column-gap-default"> |
||||
<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-d331b6e" |
||||
data-id="d331b6e" data-element_type="column"> |
||||
<div class="elementor-widget-wrap elementor-element-populated"> |
||||
<section id="content" class="container"> |
||||
<div id="breadcrumb"> |
||||
<a href="{{.IndexUrl}}">{{lang "home"}}</a> |
||||
<a href="#">{{.Title}}</a> |
||||
</div> |
||||
<div id="article-head"> |
||||
<h1 id="title">{{.Title}}</h1> |
||||
<div> |
||||
<span>{{timeFormat .PublishTime}}</span> |
||||
<span> / </span> |
||||
<span>{{.Views}} {{lang "views"}}</span> |
||||
</div> |
||||
</div> |
||||
<div class="d-lg-flex"> |
||||
<div id="article-container" class="col-lg-8 col-md-12"> |
||||
<!-- article content start --> |
||||
<!-- span class="link" |
||||
section="shortcodeLink"><a |
||||
href="/tech/mobile/the-next-iphone-moment-will-arrive-eventually-hurry-up-already/">the |
||||
iPhone</a></span> --> |
||||
<article id="article"> |
||||
<img width="100%" src="{{getCover .Article.Pictures}}" /> |
||||
<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> |
||||
<!-- 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> |
||||
</div> |
||||
<div id="article-popular-recommend" class="col-lg-4 col-md-12"> |
||||
{{$plen := len .PopularArticles}} |
||||
{{if ne $plen 0}} |
||||
<div class="block-title"> |
||||
<div class="text">{{lang "popular"}}</div> |
||||
</div> |
||||
<div id="article-popular"> |
||||
<!-- popular article list start --> |
||||
{{range .PopularArticles}} |
||||
<div class="article d-flex"> |
||||
<a href="{{.Url}}" target="_blank"> |
||||
<img class="image" src="{{getCover .Cover 125 75}}" alt="Cover Image" /> |
||||
</a> |
||||
<div class="content"> |
||||
<a class="title" href="{{.Url}}" target="_blank">{{.Title}}</a> |
||||
<div class="info"> |
||||
<span>{{timeFormat .PublishTime}}</span> |
||||
/ |
||||
<span>{{.Views}} {{lang "views"}}</span> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
{{end}} |
||||
<!-- popular article list end --> |
||||
</div> |
||||
{{end}} |
||||
{{$rlen := len .RecommendArticles}} |
||||
{{if ne $rlen 0}} |
||||
<div class="block-title"> |
||||
<div class="text">{{lang "recommend"}}</div> |
||||
</div> |
||||
<div id="article-recommend"> |
||||
<!-- recommend article list start --> |
||||
{{range .RecommendArticles}} |
||||
<div class="article d-flex"> |
||||
<a href="{{.Url}}" target="_blank"> |
||||
<img class="image" src="{{getCover .Cover 125 75}}" alt="Cover Image" /> |
||||
</a> |
||||
<div class="content"> |
||||
<a class="title" href="{{.Url}}" target="_blank">{{.Title}}</a> |
||||
<div class="info"> |
||||
<span>{{timeFormat .PublishTime}}</span> |
||||
/ |
||||
<span>{{.Views}} {{lang "views"}}</span> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
{{end}} |
||||
<!-- recommend article list end --> |
||||
</div> |
||||
{{end}} |
||||
</div> |
||||
</div> |
||||
</section> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</section> |
||||
</div> |
||||
</main> |
||||
<footer class="jupiterx-footer" role="contentinfo"> |
||||
<div data-elementor-type="footer" data-elementor-id="239" class="elementor elementor-239"> |
||||
<section |
||||
class="elementor-section elementor-top-section elementor-element elementor-element-6ce3ecc6 elementor-section-boxed elementor-section-height-default elementor-section-height-default" |
||||
data-id="6ce3ecc6" data-element_type="section" |
||||
data-settings="{"background_background":"classic"}"> |
||||
<div class="elementor-container elementor-column-gap-default"> |
||||
<div class="elementor-column elementor-col-25 elementor-top-column elementor-element elementor-element-3e948bc8" |
||||
data-id="3e948bc8" data-element_type="column"> |
||||
<div class="elementor-widget-wrap elementor-element-populated"> |
||||
<div class="elementor-element elementor-element-5064772c elementor-widget elementor-widget-raven-site-logo" |
||||
data-id="5064772c" data-element_type="widget" |
||||
data-widget_type="raven-site-logo.default"> |
||||
<div class="elementor-widget-container"> |
||||
<div class="raven-widget-wrapper"> |
||||
<div class="raven-site-logo raven-site-logo-customizer"> |
||||
<a class="raven-site-logo-link" href="{{.IndexUrl}}"> |
||||
<img width="365" height="109" |
||||
src="{{replaceImage .Logo}}" |
||||
class="raven-site-logo-desktop raven-site-logo-tablet raven-site-logo-mobile"/> </a> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="elementor-column elementor-col-25 elementor-top-column elementor-element elementor-element-115a4eed" |
||||
data-id="115a4eed" data-element_type="column"> |
||||
<div class="elementor-widget-wrap elementor-element-populated"> |
||||
<div class="elementor-element elementor-element-4ea1dc0a elementor-widget elementor-widget-heading" |
||||
data-id="4ea1dc0a" data-element_type="widget" |
||||
data-widget_type="heading.default"> |
||||
<div class="elementor-widget-container"> |
||||
<h2 class="elementor-heading-title elementor-size-default">{{lang "related"}}</h2> |
||||
</div> |
||||
</div> |
||||
<div class="elementor-element elementor-element-2dc5c22a elementor-align-left elementor-mobile-align-left elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" |
||||
data-id="2dc5c22a" data-element_type="widget" |
||||
data-widget_type="icon-list.default"> |
||||
<div class="elementor-widget-container"> |
||||
<ul class="elementor-icon-list-items"> |
||||
{{if .HasAbout }} |
||||
<li class="elementor-icon-list-item"> |
||||
<a href="{{.AboutUrl}}"> |
||||
|
||||
<span class="elementor-icon-list-text">{{lang "about"}}</span> |
||||
</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<li class="elementor-icon-list-item"> |
||||
<a href="{{.ContactUrl}}"> |
||||
|
||||
<span class="elementor-icon-list-text">{{lang "contact"}}</span> |
||||
</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<li class="elementor-icon-list-item"> |
||||
<a href="{{.PolicyUrl}}"> |
||||
|
||||
<span class="elementor-icon-list-text">{{lang "policy"}}</span> |
||||
</a> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
{{$flen := len .Friendship}} |
||||
{{if ne $flen 0}} |
||||
<div class="elementor-column elementor-col-25 elementor-top-column elementor-element elementor-element-7452ed4" |
||||
data-id="7452ed4" data-element_type="column"> |
||||
<div class="elementor-widget-wrap elementor-element-populated"> |
||||
<div class="elementor-element elementor-element-535230cd elementor-widget elementor-widget-heading" |
||||
data-id="535230cd" data-element_type="widget" |
||||
data-widget_type="heading.default"> |
||||
<div class="elementor-widget-container"> |
||||
<h2 class="elementor-heading-title elementor-size-default">{{lang "friendship"}}</h2> |
||||
</div> |
||||
</div> |
||||
<div class="elementor-element elementor-element-331369d4 elementor-align-left elementor-mobile-align-left elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" |
||||
data-id="331369d4" data-element_type="widget" |
||||
data-widget_type="icon-list.default"> |
||||
<div class="elementor-widget-container"> |
||||
<ul class="elementor-icon-list-items"> |
||||
{{range .Friendship}} |
||||
<li class="elementor-icon-list-item"> |
||||
<a href="{{.Url}}"> |
||||
|
||||
<span class="elementor-icon-list-icon"> |
||||
<i aria-hidden="true" class="fas fa-check"></i> </span> |
||||
<span class="elementor-icon-list-text">{{.Name}}</span> |
||||
</a> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
{{end}} |
||||
</div> |
||||
</section> |
||||
<section |
||||
class="elementor-section elementor-top-section elementor-element elementor-element-1b7618d0 elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default" |
||||
data-id="1b7618d0" data-element_type="section" |
||||
data-settings="{"background_background":"classic"}"> |
||||
<div class="elementor-container elementor-column-gap-default"> |
||||
<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-5bb7ea4" |
||||
data-id="5bb7ea4" data-element_type="column"> |
||||
<div class="elementor-widget-wrap elementor-element-populated"> |
||||
<div class="elementor-element elementor-element-43f43a43 elementor-widget elementor-widget-heading" |
||||
data-id="43f43a43" data-element_type="widget" |
||||
data-widget_type="heading.default"> |
||||
<div class="elementor-widget-container"> |
||||
<h3 class="elementor-heading-title elementor-size-default"> |
||||
<div class="subfooter"> |
||||
{{.Copyright}} |
||||
</div> |
||||
</h3> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</section> |
||||
</div> |
||||
</footer> |
||||
|
||||
</div> |
||||
|
||||
</body> |
||||
|
||||
</html> |
||||
@ -0,0 +1,317 @@ |
||||
<!DOCTYPE html> |
||||
<html lang="en"> |
||||
|
||||
<head> |
||||
<meta charset="UTF-8" /> |
||||
<title>{{.Title}}</title> |
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
||||
<meta name="referrer" content="unsafe-url"> |
||||
<meta name="keywords" content="{{.Keywords}}"> |
||||
<meta name="description" content="{{.Description}}"> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/styles.css"}}" /> |
||||
<link rel="shortcut icon" type="image/png" href="{{replaceImage .Favicon}}" /> |
||||
</head> |
||||
|
||||
<body class="blog no-js theme-jupiterx woocommerce-no-js elementor-page-682 elementor-default elementor-template-full-width elementor-kit-8"> |
||||
|
||||
<div class="jupiterx-site"> |
||||
<header class="jupiterx-header jupiterx-header-custom"> |
||||
<div data-elementor-type="header" data-elementor-id="94" class="elementor elementor-94"> |
||||
<header |
||||
class="elementor-section elementor-top-section elementor-element elementor-element-16c7919b elementor-section-full_width elementor-section-height-min-height elementor-section-height-default elementor-section-items-middle" |
||||
data-id="16c7919b" data-element_type="section"> |
||||
<div class="elementor-container elementor-column-gap-default"> |
||||
<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-78f4208b" |
||||
data-id="78f4208b" data-element_type="column"> |
||||
<div class="elementor-widget-wrap elementor-element-populated"> |
||||
<section |
||||
class="elementor-section elementor-inner-section elementor-element elementor-element-a24c394 elementor-section-height-min-height elementor-section-boxed elementor-section-height-default" |
||||
data-id="a24c394" data-element_type="section"> |
||||
<div class="elementor-container elementor-column-gap-default"> |
||||
<div class="elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-57ee66e0 raven-column-flex-horizontal" |
||||
data-id="57ee66e0" data-element_type="column"> |
||||
<div class="elementor-widget-wrap elementor-element-populated"> |
||||
<div class="elementor-element elementor-element-4a5567f8 logo elementor-widget-mobile__width-auto elementor-widget elementor-widget-raven-site-logo" |
||||
data-id="4a5567f8" data-element_type="widget" |
||||
data-widget_type="raven-site-logo.default"> |
||||
<div class="elementor-widget-container"> |
||||
<div class="raven-widget-wrapper"> |
||||
<div class="raven-site-logo"> |
||||
<a class="raven-site-logo-link" |
||||
href="{{.IndexUrl}}"> |
||||
<picture> |
||||
<img class="raven-site-logo-desktop raven-site-logo-tablet raven-site-logo-mobile" |
||||
data-no-lazy="1" |
||||
src='{{replaceImage .Logo}}'> |
||||
</picture> |
||||
</a> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="elementor-element elementor-element-b45eec2 elementor-widget elementor-widget-raven-flex-spacer" |
||||
data-id="b45eec2" data-element_type="widget" |
||||
data-widget_type="raven-flex-spacer.default"> |
||||
<div class="elementor-widget-container"> |
||||
<div class="raven-spacer"> </div> |
||||
</div> |
||||
</div> |
||||
<div class="elementor-element elementor-element-df0ce4c elementor-widget__width-auto elementor-hidden-tablet elementor-hidden-phone elementor-nav-menu--dropdown-tablet elementor-nav-menu__text-align-aside elementor-nav-menu--toggle elementor-nav-menu--burger elementor-widget elementor-widget-nav-menu" |
||||
data-id="df0ce4c" data-element_type="widget" |
||||
data-settings="{"layout":"horizontal","submenu_icon":{"value":"<i class=\"fas fa-caret-down\"><\/i>","library":"fa-solid"},"toggle":"burger"}" |
||||
data-widget_type="nav-menu.default"> |
||||
<div class="elementor-widget-container"> |
||||
<nav migration_allowed="1" migrated="0" |
||||
class="elementor-nav-menu--main elementor-nav-menu__container elementor-nav-menu--layout-horizontal e--pointer-none"> |
||||
<ul id="menu-1-df0ce4c" class="elementor-nav-menu"> |
||||
<li |
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-355"> |
||||
<a href="{{.IndexUrl}}" |
||||
class="elementor-item elementor-item-active">{{ lang "home"}}</a> |
||||
</li> |
||||
{{if .HasAbout }} |
||||
<li |
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-357"> |
||||
<a href="{{.AboutUrl}}" |
||||
class="elementor-item">{{ lang "about" }}</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<li |
||||
class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-353 current_page_item current_page_parent menu-item-356"> |
||||
<a href="{{.ContactUrl}}" aria-current="page" |
||||
class="elementor-item">{{ lang "contact" }}</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<li |
||||
class="emphasis menu-item menu-item-type-post_type menu-item-object-page menu-item-513"> |
||||
<a href="{{.PolicyUrl}}" |
||||
class="elementor-item">{{ lang "policy"}}</a> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
</nav> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</section> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</header> |
||||
</div> |
||||
</header> |
||||
<main id="jupiterx-main" class="jupiterx-main"> |
||||
<div data-elementor-type="archive" data-elementor-id="682" |
||||
class="elementor elementor-682 elementor-location-archive"> |
||||
<section |
||||
class="elementor-section elementor-top-section elementor-element elementor-element-97c00fc elementor-section-boxed elementor-section-height-default elementor-section-height-default" |
||||
data-id="97c00fc" data-element_type="section"> |
||||
<div class="elementor-container elementor-column-gap-default"> |
||||
<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-d331b6e" |
||||
data-id="d331b6e" data-element_type="column"> |
||||
<div class="elementor-widget-wrap elementor-element-populated"> |
||||
<div class="elementor-element elementor-element-af596f5 elementor-widget elementor-widget-heading" |
||||
data-id="af596f5" data-element_type="widget" data-widget_type="heading.default"> |
||||
<div class="elementor-widget-container"> |
||||
<h1 class="elementor-heading-title elementor-size-default">{{lang "latest"}}</h1> |
||||
</div> |
||||
</div> |
||||
<div class="elementor-element elementor-element-102dcea elementor-grid-2 elementor-grid-tablet-2 elementor-grid-mobile-1 elementor-posts--thumbnail-top elementor-widget elementor-widget-archive-posts"> |
||||
<div class="elementor-widget-container"> |
||||
<div |
||||
class="elementor-posts-container elementor-posts elementor-posts--skin-classic elementor-grid"> |
||||
{{ range .Articles }} |
||||
<article |
||||
class="elementor-post elementor-grid-item post-2058 post type-post status-publish format-standard has-post-thumbnail hentry category-heating tag-heating-and-cooling tag-smart-thermostats"> |
||||
<a class="elementor-post__thumbnail__link" |
||||
href="{{.Url}}"> |
||||
<div class="elementor-post__thumbnail"><img width="500" |
||||
height="333" |
||||
src="{{getCover .Cover 300 180}}" |
||||
class="attachment-medium_large size-medium_large"/> |
||||
</div> |
||||
</a> |
||||
<div class="elementor-post__text"> |
||||
<h3 class="elementor-post__title"> |
||||
<a href="{{.Url}}">{{.Title}}</a> |
||||
</h3> |
||||
<div class="elementor-post__meta-data"> |
||||
<span class="elementor-post-date"> |
||||
{{timeFormat .PublishTime}} </span> |
||||
<span class="elementor-post-avatar"> |
||||
{{.Views}} {{lang "views"}} </span> |
||||
</div> |
||||
<div class="elementor-post__excerpt"> |
||||
<p>{{.Summary}}</p> |
||||
</div> |
||||
</div> |
||||
</article> |
||||
{{end}} |
||||
</div> |
||||
|
||||
<div class="e-load-more-anchor"></div> |
||||
<nav class="elementor-pagination" aria-label="Pagination"> |
||||
<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> |
||||
</nav> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</section> |
||||
</div> |
||||
</main> |
||||
<footer class="jupiterx-footer" role="contentinfo"> |
||||
<div data-elementor-type="footer" data-elementor-id="239" class="elementor elementor-239"> |
||||
<section |
||||
class="elementor-section elementor-top-section elementor-element elementor-element-6ce3ecc6 elementor-section-boxed elementor-section-height-default elementor-section-height-default" |
||||
data-id="6ce3ecc6" data-element_type="section" |
||||
data-settings="{"background_background":"classic"}"> |
||||
<div class="elementor-container elementor-column-gap-default"> |
||||
<div class="elementor-column elementor-col-25 elementor-top-column elementor-element elementor-element-3e948bc8" |
||||
data-id="3e948bc8" data-element_type="column"> |
||||
<div class="elementor-widget-wrap elementor-element-populated"> |
||||
<div class="elementor-element elementor-element-5064772c elementor-widget elementor-widget-raven-site-logo" |
||||
data-id="5064772c" data-element_type="widget" |
||||
data-widget_type="raven-site-logo.default"> |
||||
<div class="elementor-widget-container"> |
||||
<div class="raven-widget-wrapper"> |
||||
<div class="raven-site-logo raven-site-logo-customizer"> |
||||
<a class="raven-site-logo-link" href="{{.IndexUrl}}"> |
||||
<img width="365" height="109" |
||||
src="{{replaceImage .Logo}}" |
||||
class="raven-site-logo-desktop raven-site-logo-tablet raven-site-logo-mobile"/> </a> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="elementor-column elementor-col-25 elementor-top-column elementor-element elementor-element-115a4eed" |
||||
data-id="115a4eed" data-element_type="column"> |
||||
<div class="elementor-widget-wrap elementor-element-populated"> |
||||
<div class="elementor-element elementor-element-4ea1dc0a elementor-widget elementor-widget-heading" |
||||
data-id="4ea1dc0a" data-element_type="widget" |
||||
data-widget_type="heading.default"> |
||||
<div class="elementor-widget-container"> |
||||
<h2 class="elementor-heading-title elementor-size-default">{{lang "related"}}</h2> |
||||
</div> |
||||
</div> |
||||
<div class="elementor-element elementor-element-2dc5c22a elementor-align-left elementor-mobile-align-left elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" |
||||
data-id="2dc5c22a" data-element_type="widget" |
||||
data-widget_type="icon-list.default"> |
||||
<div class="elementor-widget-container"> |
||||
<ul class="elementor-icon-list-items"> |
||||
{{if .HasAbout }} |
||||
<li class="elementor-icon-list-item"> |
||||
<a href="{{.AboutUrl}}"> |
||||
|
||||
<span class="elementor-icon-list-text">{{lang "about"}}</span> |
||||
</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<li class="elementor-icon-list-item"> |
||||
<a href="{{.ContactUrl}}"> |
||||
|
||||
<span class="elementor-icon-list-text">{{lang "contact"}}</span> |
||||
</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<li class="elementor-icon-list-item"> |
||||
<a href="{{.PolicyUrl}}"> |
||||
|
||||
<span class="elementor-icon-list-text">{{lang "policy"}}</span> |
||||
</a> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
{{$flen := len .Friendship}} |
||||
{{if ne $flen 0}} |
||||
<div class="elementor-column elementor-col-25 elementor-top-column elementor-element elementor-element-7452ed4" |
||||
data-id="7452ed4" data-element_type="column"> |
||||
<div class="elementor-widget-wrap elementor-element-populated"> |
||||
<div class="elementor-element elementor-element-535230cd elementor-widget elementor-widget-heading" |
||||
data-id="535230cd" data-element_type="widget" |
||||
data-widget_type="heading.default"> |
||||
<div class="elementor-widget-container"> |
||||
<h2 class="elementor-heading-title elementor-size-default">{{lang "friendship"}}</h2> |
||||
</div> |
||||
</div> |
||||
<div class="elementor-element elementor-element-331369d4 elementor-align-left elementor-mobile-align-left elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" |
||||
data-id="331369d4" data-element_type="widget" |
||||
data-widget_type="icon-list.default"> |
||||
<div class="elementor-widget-container"> |
||||
<ul class="elementor-icon-list-items"> |
||||
{{range .Friendship}} |
||||
<li class="elementor-icon-list-item"> |
||||
<a href="{{.Url}}"> |
||||
|
||||
<span class="elementor-icon-list-icon"> |
||||
<i aria-hidden="true" class="fas fa-check"></i> </span> |
||||
<span class="elementor-icon-list-text">{{.Name}}</span> |
||||
</a> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
{{end}} |
||||
</div> |
||||
</section> |
||||
<section |
||||
class="elementor-section elementor-top-section elementor-element elementor-element-1b7618d0 elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default" |
||||
data-id="1b7618d0" data-element_type="section" |
||||
data-settings="{"background_background":"classic"}"> |
||||
<div class="elementor-container elementor-column-gap-default"> |
||||
<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-5bb7ea4" |
||||
data-id="5bb7ea4" data-element_type="column"> |
||||
<div class="elementor-widget-wrap elementor-element-populated"> |
||||
<div class="elementor-element elementor-element-43f43a43 elementor-widget elementor-widget-heading" |
||||
data-id="43f43a43" data-element_type="widget" |
||||
data-widget_type="heading.default"> |
||||
<div class="elementor-widget-container"> |
||||
<h3 class="elementor-heading-title elementor-size-default"> |
||||
<div class="subfooter"> |
||||
{{.Copyright}} |
||||
</div> |
||||
</h3> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</section> |
||||
</div> |
||||
</footer> |
||||
|
||||
</div> |
||||
|
||||
</body> |
||||
|
||||
</html> |
||||
@ -0,0 +1,270 @@ |
||||
<!DOCTYPE html> |
||||
<html lang="en"> |
||||
|
||||
<head> |
||||
<meta charset="UTF-8" /> |
||||
<title>{{.Title}}</title> |
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
||||
<meta name="referrer" content="unsafe-url"> |
||||
<meta name="keywords" content="{{.Keywords}}"> |
||||
<meta name="description" content="{{.Description}}"> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/styles.css"}}" /> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/common.css"}}" /> |
||||
<link rel="shortcut icon" type="image/png" href="{{replaceImage .Favicon}}" /> |
||||
</head> |
||||
|
||||
<body class="blog no-js theme-jupiterx woocommerce-no-js elementor-page-682 elementor-default elementor-template-full-width elementor-kit-8"> |
||||
|
||||
<div class="jupiterx-site"> |
||||
<header class="jupiterx-header jupiterx-header-custom"> |
||||
<div data-elementor-type="header" data-elementor-id="94" class="elementor elementor-94"> |
||||
<header |
||||
class="elementor-section elementor-top-section elementor-element elementor-element-16c7919b elementor-section-full_width elementor-section-height-min-height elementor-section-height-default elementor-section-items-middle" |
||||
data-id="16c7919b" data-element_type="section"> |
||||
<div class="elementor-container elementor-column-gap-default"> |
||||
<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-78f4208b" |
||||
data-id="78f4208b" data-element_type="column"> |
||||
<div class="elementor-widget-wrap elementor-element-populated"> |
||||
<section |
||||
class="elementor-section elementor-inner-section elementor-element elementor-element-a24c394 elementor-section-height-min-height elementor-section-boxed elementor-section-height-default" |
||||
data-id="a24c394" data-element_type="section"> |
||||
<div class="elementor-container elementor-column-gap-default"> |
||||
<div class="elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-57ee66e0 raven-column-flex-horizontal" |
||||
data-id="57ee66e0" data-element_type="column"> |
||||
<div class="elementor-widget-wrap elementor-element-populated"> |
||||
<div class="elementor-element elementor-element-4a5567f8 logo elementor-widget-mobile__width-auto elementor-widget elementor-widget-raven-site-logo" |
||||
data-id="4a5567f8" data-element_type="widget" |
||||
data-widget_type="raven-site-logo.default"> |
||||
<div class="elementor-widget-container"> |
||||
<div class="raven-widget-wrapper"> |
||||
<div class="raven-site-logo"> |
||||
<a class="raven-site-logo-link" |
||||
href="{{.IndexUrl}}"> |
||||
<picture> |
||||
<img class="raven-site-logo-desktop raven-site-logo-tablet raven-site-logo-mobile" |
||||
data-no-lazy="1" |
||||
src='{{replaceImage .Logo}}'> |
||||
</picture> |
||||
</a> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="elementor-element elementor-element-b45eec2 elementor-widget elementor-widget-raven-flex-spacer" |
||||
data-id="b45eec2" data-element_type="widget" |
||||
data-widget_type="raven-flex-spacer.default"> |
||||
<div class="elementor-widget-container"> |
||||
<div class="raven-spacer"> </div> |
||||
</div> |
||||
</div> |
||||
<div class="elementor-element elementor-element-df0ce4c elementor-widget__width-auto elementor-hidden-tablet elementor-hidden-phone elementor-nav-menu--dropdown-tablet elementor-nav-menu__text-align-aside elementor-nav-menu--toggle elementor-nav-menu--burger elementor-widget elementor-widget-nav-menu" |
||||
data-id="df0ce4c" data-element_type="widget" |
||||
data-settings="{"layout":"horizontal","submenu_icon":{"value":"<i class=\"fas fa-caret-down\"><\/i>","library":"fa-solid"},"toggle":"burger"}" |
||||
data-widget_type="nav-menu.default"> |
||||
<div class="elementor-widget-container"> |
||||
<nav migration_allowed="1" migrated="0" |
||||
class="elementor-nav-menu--main elementor-nav-menu__container elementor-nav-menu--layout-horizontal e--pointer-none"> |
||||
<ul id="menu-1-df0ce4c" class="elementor-nav-menu"> |
||||
<li |
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-355"> |
||||
<a href="{{.IndexUrl}}" |
||||
class="elementor-item">{{ lang "home"}}</a> |
||||
</li> |
||||
{{if .HasAbout }} |
||||
<li |
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-357"> |
||||
<a href="{{.AboutUrl}}" |
||||
class="elementor-item">{{ lang "about" }}</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<li |
||||
class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-353 current_page_item current_page_parent menu-item-356"> |
||||
<a href="{{.ContactUrl}}" aria-current="page" |
||||
class="elementor-item">{{ lang "contact" }}</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<li |
||||
class="emphasis menu-item menu-item-type-post_type menu-item-object-page menu-item-513"> |
||||
<a href="{{.PolicyUrl}}" |
||||
class="elementor-item elementor-item-active">{{ lang "policy"}}</a> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
</nav> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</section> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</header> |
||||
</div> |
||||
</header> |
||||
<main id="jupiterx-main" class="jupiterx-main"> |
||||
<div data-elementor-type="archive" data-elementor-id="682" |
||||
class="elementor elementor-682 elementor-location-archive"> |
||||
<section |
||||
class="elementor-section elementor-top-section elementor-element elementor-element-97c00fc elementor-section-boxed elementor-section-height-default elementor-section-height-default" |
||||
data-id="97c00fc" data-element_type="section"> |
||||
<div class="elementor-container elementor-column-gap-default"> |
||||
<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-d331b6e" |
||||
data-id="d331b6e" data-element_type="column"> |
||||
<div class="elementor-widget-wrap elementor-element-populated"> |
||||
<section id="content" class="container"> |
||||
<div id="breadcrumb"> |
||||
<a href="{{.IndexUrl}}">{{lang "home"}}</a> |
||||
<a href="#">{{lang "policy"}}</a> |
||||
</div> |
||||
<h1 id="page-title">{{lang "policy"}}</h1> |
||||
<div> |
||||
{{.Policy}} |
||||
</div> |
||||
</section> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</section> |
||||
</div> |
||||
</main> |
||||
<footer class="jupiterx-footer" role="contentinfo"> |
||||
<div data-elementor-type="footer" data-elementor-id="239" class="elementor elementor-239"> |
||||
<section |
||||
class="elementor-section elementor-top-section elementor-element elementor-element-6ce3ecc6 elementor-section-boxed elementor-section-height-default elementor-section-height-default" |
||||
data-id="6ce3ecc6" data-element_type="section" |
||||
data-settings="{"background_background":"classic"}"> |
||||
<div class="elementor-container elementor-column-gap-default"> |
||||
<div class="elementor-column elementor-col-25 elementor-top-column elementor-element elementor-element-3e948bc8" |
||||
data-id="3e948bc8" data-element_type="column"> |
||||
<div class="elementor-widget-wrap elementor-element-populated"> |
||||
<div class="elementor-element elementor-element-5064772c elementor-widget elementor-widget-raven-site-logo" |
||||
data-id="5064772c" data-element_type="widget" |
||||
data-widget_type="raven-site-logo.default"> |
||||
<div class="elementor-widget-container"> |
||||
<div class="raven-widget-wrapper"> |
||||
<div class="raven-site-logo raven-site-logo-customizer"> |
||||
<a class="raven-site-logo-link" href="{{.IndexUrl}}"> |
||||
<img width="365" height="109" |
||||
src="{{replaceImage .Logo}}" |
||||
class="raven-site-logo-desktop raven-site-logo-tablet raven-site-logo-mobile"/> </a> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="elementor-column elementor-col-25 elementor-top-column elementor-element elementor-element-115a4eed" |
||||
data-id="115a4eed" data-element_type="column"> |
||||
<div class="elementor-widget-wrap elementor-element-populated"> |
||||
<div class="elementor-element elementor-element-4ea1dc0a elementor-widget elementor-widget-heading" |
||||
data-id="4ea1dc0a" data-element_type="widget" |
||||
data-widget_type="heading.default"> |
||||
<div class="elementor-widget-container"> |
||||
<h2 class="elementor-heading-title elementor-size-default">{{lang "related"}}</h2> |
||||
</div> |
||||
</div> |
||||
<div class="elementor-element elementor-element-2dc5c22a elementor-align-left elementor-mobile-align-left elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" |
||||
data-id="2dc5c22a" data-element_type="widget" |
||||
data-widget_type="icon-list.default"> |
||||
<div class="elementor-widget-container"> |
||||
<ul class="elementor-icon-list-items"> |
||||
{{if .HasAbout }} |
||||
<li class="elementor-icon-list-item"> |
||||
<a href="{{.AboutUrl}}"> |
||||
|
||||
<span class="elementor-icon-list-text">{{lang "about"}}</span> |
||||
</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<li class="elementor-icon-list-item"> |
||||
<a href="{{.ContactUrl}}"> |
||||
|
||||
<span class="elementor-icon-list-text">{{lang "contact"}}</span> |
||||
</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<li class="elementor-icon-list-item"> |
||||
<a href="{{.PolicyUrl}}"> |
||||
|
||||
<span class="elementor-icon-list-text">{{lang "policy"}}</span> |
||||
</a> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
{{$flen := len .Friendship}} |
||||
{{if ne $flen 0}} |
||||
<div class="elementor-column elementor-col-25 elementor-top-column elementor-element elementor-element-7452ed4" |
||||
data-id="7452ed4" data-element_type="column"> |
||||
<div class="elementor-widget-wrap elementor-element-populated"> |
||||
<div class="elementor-element elementor-element-535230cd elementor-widget elementor-widget-heading" |
||||
data-id="535230cd" data-element_type="widget" |
||||
data-widget_type="heading.default"> |
||||
<div class="elementor-widget-container"> |
||||
<h2 class="elementor-heading-title elementor-size-default">{{lang "friendship"}}</h2> |
||||
</div> |
||||
</div> |
||||
<div class="elementor-element elementor-element-331369d4 elementor-align-left elementor-mobile-align-left elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" |
||||
data-id="331369d4" data-element_type="widget" |
||||
data-widget_type="icon-list.default"> |
||||
<div class="elementor-widget-container"> |
||||
<ul class="elementor-icon-list-items"> |
||||
{{range .Friendship}} |
||||
<li class="elementor-icon-list-item"> |
||||
<a href="{{.Url}}"> |
||||
|
||||
<span class="elementor-icon-list-icon"> |
||||
<i aria-hidden="true" class="fas fa-check"></i> </span> |
||||
<span class="elementor-icon-list-text">{{.Name}}</span> |
||||
</a> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
{{end}} |
||||
</div> |
||||
</section> |
||||
<section |
||||
class="elementor-section elementor-top-section elementor-element elementor-element-1b7618d0 elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default" |
||||
data-id="1b7618d0" data-element_type="section" |
||||
data-settings="{"background_background":"classic"}"> |
||||
<div class="elementor-container elementor-column-gap-default"> |
||||
<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-5bb7ea4" |
||||
data-id="5bb7ea4" data-element_type="column"> |
||||
<div class="elementor-widget-wrap elementor-element-populated"> |
||||
<div class="elementor-element elementor-element-43f43a43 elementor-widget elementor-widget-heading" |
||||
data-id="43f43a43" data-element_type="widget" |
||||
data-widget_type="heading.default"> |
||||
<div class="elementor-widget-container"> |
||||
<h3 class="elementor-heading-title elementor-size-default"> |
||||
<div class="subfooter"> |
||||
{{.Copyright}} |
||||
</div> |
||||
</h3> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</section> |
||||
</div> |
||||
</footer> |
||||
|
||||
</div> |
||||
|
||||
</body> |
||||
|
||||
</html> |
||||
Loading…
Reference in new issue