parent
07f9259bc1
commit
cb0cb82471
@ -0,0 +1,106 @@ |
||||
<!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/index.css"}}" /> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/stylesheet.css"}}" /> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/common.css"}}" /> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/bootstrap.min.css"}}" /> |
||||
<link rel="shortcut icon" type="image/png" href="{{replaceImage .Favicon}}" /> |
||||
</head> |
||||
|
||||
<body> |
||||
<div class="top_header"> |
||||
<div class="top_header_content"> |
||||
{{$flen := len .Friendship}} |
||||
{{if ne $flen 0}} |
||||
{{range .Friendship}} |
||||
<div class="top_header_item"> |
||||
<a href="{{.Url}}">{{.Name}}</a> |
||||
</div> |
||||
{{end}} |
||||
{{end}} |
||||
</div> |
||||
</div> |
||||
<header class="header"> |
||||
<div class="grid"> |
||||
<div class='main_nav'> |
||||
<li class="header_nav"> |
||||
<ul id="menu-main-navigation-1" class="header_nav_list"> |
||||
<li><a href="{{.IndexUrl}}">{{ lang "home"}}</a></li> |
||||
{{if .HasAbout }} |
||||
<li><a href="{{.AboutUrl}}">{{ lang "about" }}</a></li> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<li><a href="{{.ContactUrl}}">{{ lang "contact" }}</a></li> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<li><a href="{{.PolicyUrl}}">{{ lang "policy"}}</a></li> |
||||
{{end}} |
||||
</ul> |
||||
</li> |
||||
</div> |
||||
</div> |
||||
</header> |
||||
<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> |
||||
<footer class="footer grid"> |
||||
<ul class="footer_content"> |
||||
<li class="footer_content_row"> |
||||
<h4>{{lang "related"}}</h4> |
||||
<ul id="menu-info-links" class="menu"> |
||||
{{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> |
||||
</li> |
||||
{{$flen := len .Friendship}} |
||||
{{if ne $flen 0}} |
||||
<li class="footer_content_row"> |
||||
<h4>{{lang "friendship"}}</h4> |
||||
<ul id="menu-info-links" class="menu"> |
||||
{{range .Friendship}} |
||||
<li> |
||||
<a href="{{.Url}}">{{.Name}}</a></li> |
||||
<li> |
||||
{{end}} |
||||
</ul> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
<ul class="footer_side"> |
||||
<li>{{.Copyright}}</li> |
||||
</ul> |
||||
</footer> |
||||
|
||||
</body> |
||||
|
||||
</html> |
||||
@ -0,0 +1,5 @@ |
||||
{ |
||||
"creator": "申心远", |
||||
"version": "1.0", |
||||
"origin_website": "https://www.boostersdirect.com/blog/" |
||||
} |
||||
@ -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/index.css"}}" /> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/stylesheet.css"}}" /> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/common.css"}}" /> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/bootstrap.min.css"}}" /> |
||||
<link rel="shortcut icon" type="image/png" href="{{replaceImage .Favicon}}" /> |
||||
</head> |
||||
|
||||
<body> |
||||
<div class="top_header"> |
||||
<div class="top_header_content"> |
||||
{{$flen := len .Friendship}} |
||||
{{if ne $flen 0}} |
||||
{{range .Friendship}} |
||||
<div class="top_header_item"> |
||||
<a href="{{.Url}}">{{.Name}}</a> |
||||
</div> |
||||
{{end}} |
||||
{{end}} |
||||
</div> |
||||
</div> |
||||
<header class="header"> |
||||
<div class="grid"> |
||||
<div class='main_nav'> |
||||
<li class="header_nav"> |
||||
<ul id="menu-main-navigation-1" class="header_nav_list"> |
||||
<li><a href="{{.IndexUrl}}">{{ lang "home"}}</a></li> |
||||
{{if .HasAbout }} |
||||
<li><a href="{{.AboutUrl}}">{{ lang "about" }}</a></li> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<li><a href="{{.ContactUrl}}">{{ lang "contact" }}</a></li> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<li><a href="{{.PolicyUrl}}">{{ lang "policy"}}</a></li> |
||||
{{end}} |
||||
</ul> |
||||
</li> |
||||
</div> |
||||
</div> |
||||
</header> |
||||
<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> |
||||
<footer class="footer grid"> |
||||
<ul class="footer_content"> |
||||
<li class="footer_content_row"> |
||||
<h4>{{lang "related"}}</h4> |
||||
<ul id="menu-info-links" class="menu"> |
||||
{{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> |
||||
</li> |
||||
{{$flen := len .Friendship}} |
||||
{{if ne $flen 0}} |
||||
<li class="footer_content_row"> |
||||
<h4>{{lang "friendship"}}</h4> |
||||
<ul id="menu-info-links" class="menu"> |
||||
{{range .Friendship}} |
||||
<li> |
||||
<a href="{{.Url}}">{{.Name}}</a></li> |
||||
<li> |
||||
{{end}} |
||||
</ul> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
<ul class="footer_side"> |
||||
<li>{{.Copyright}}</li> |
||||
</ul> |
||||
</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 it is too large
Load Diff
File diff suppressed because one or more lines are too long
@ -0,0 +1,199 @@ |
||||
<!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/index.css"}}" /> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/stylesheet.css"}}" /> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/common.css"}}" /> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/bootstrap.min.css"}}" /> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/details.css"}}" /> |
||||
<link rel="shortcut icon" type="image/png" href="{{replaceImage .Favicon}}" /> |
||||
</head> |
||||
|
||||
<body> |
||||
<div class="top_header"> |
||||
<div class="top_header_content"> |
||||
{{$flen := len .Friendship}} |
||||
{{if ne $flen 0}} |
||||
{{range .Friendship}} |
||||
<div class="top_header_item"> |
||||
<a href="{{.Url}}">{{.Name}}</a> |
||||
</div> |
||||
{{end}} |
||||
{{end}} |
||||
</div> |
||||
</div> |
||||
<header class="header"> |
||||
<div class="grid"> |
||||
<div class='main_nav'> |
||||
<li class="header_nav"> |
||||
<ul id="menu-main-navigation-1" class="header_nav_list"> |
||||
<li><a href="{{.IndexUrl}}">{{ lang "home"}}</a></li> |
||||
{{if .HasAbout }} |
||||
<li><a href="{{.AboutUrl}}">{{ lang "about" }}</a></li> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<li><a href="{{.ContactUrl}}">{{ lang "contact" }}</a></li> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<li><a href="{{.PolicyUrl}}">{{ lang "policy"}}</a></li> |
||||
{{end}} |
||||
</ul> |
||||
</li> |
||||
</div> |
||||
</div> |
||||
</header> |
||||
<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> |
||||
<footer class="footer grid"> |
||||
<ul class="footer_content"> |
||||
<li class="footer_content_row"> |
||||
<h4>{{lang "related"}}</h4> |
||||
<ul id="menu-info-links" class="menu"> |
||||
{{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> |
||||
</li> |
||||
{{$flen := len .Friendship}} |
||||
{{if ne $flen 0}} |
||||
<li class="footer_content_row"> |
||||
<h4>{{lang "friendship"}}</h4> |
||||
<ul id="menu-info-links" class="menu"> |
||||
{{range .Friendship}} |
||||
<li> |
||||
<a href="{{.Url}}">{{.Name}}</a></li> |
||||
<li> |
||||
{{end}} |
||||
</ul> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
<ul class="footer_side"> |
||||
<li>{{.Copyright}}</li> |
||||
</ul> |
||||
</footer> |
||||
|
||||
</body> |
||||
|
||||
</html> |
||||
@ -0,0 +1,130 @@ |
||||
<!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/index.css"}}" /> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/stylesheet.css"}}" /> |
||||
<link rel="shortcut icon" type="image/png" href="{{replaceImage .Favicon}}" /> |
||||
</head> |
||||
|
||||
<body> |
||||
<div class="top_header"> |
||||
<div class="top_header_content"> |
||||
{{$flen := len .Friendship}} |
||||
{{if ne $flen 0}} |
||||
{{range .Friendship}} |
||||
<div class="top_header_item"> |
||||
<a href="{{.Url}}">{{.Name}}</a> |
||||
</div> |
||||
{{end}} |
||||
{{end}} |
||||
</div> |
||||
</div> |
||||
<header class="header"> |
||||
<div class="grid"> |
||||
<div class='main_nav'> |
||||
<li class="header_nav"> |
||||
<ul id="menu-main-navigation-1" class="header_nav_list"> |
||||
<li><a href="{{.IndexUrl}}">{{ lang "home"}}</a></li> |
||||
{{if .HasAbout }} |
||||
<li><a href="{{.AboutUrl}}">{{ lang "about" }}</a></li> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<li><a href="{{.ContactUrl}}">{{ lang "contact" }}</a></li> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<li><a href="{{.PolicyUrl}}">{{ lang "policy"}}</a></li> |
||||
{{end}} |
||||
</ul> |
||||
</li> |
||||
</div> |
||||
</div> |
||||
</header> |
||||
<section class="blog_list_page grid"> |
||||
<ul class="blog_list_page_list"> |
||||
{{ range .Articles }} |
||||
<li> |
||||
<div class="side"> |
||||
<a href="{{.Url}}"> |
||||
<img class="lazyload nitro-lazy" nitro-lazy-empty id="Mjc5OjIzOA==-1" src="{{getCover .Cover 300 180}}" /> |
||||
</a> |
||||
</div> |
||||
<div class="main"> <a href="{{.Url}}"> |
||||
<h2>{{.Title}}</h2> |
||||
</a> |
||||
<div> |
||||
<p>{{.Summary}}</p> |
||||
</div> <a href="{{.Url}}">{{.Views}} {{lang "views"}}</a> |
||||
</div> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
<div class="blog_list_page_load_element"> |
||||
<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> |
||||
</section> |
||||
<footer class="footer grid"> |
||||
<ul class="footer_content"> |
||||
<li class="footer_content_row"> |
||||
<h4>{{lang "related"}}</h4> |
||||
<ul id="menu-info-links" class="menu"> |
||||
{{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> |
||||
</li> |
||||
{{$flen := len .Friendship}} |
||||
{{if ne $flen 0}} |
||||
<li class="footer_content_row"> |
||||
<h4>{{lang "friendship"}}</h4> |
||||
<ul id="menu-info-links" class="menu"> |
||||
{{range .Friendship}} |
||||
<li> |
||||
<a href="{{.Url}}">{{.Name}}</a></li> |
||||
<li> |
||||
{{end}} |
||||
</ul> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
<ul class="footer_side"> |
||||
<li>{{.Copyright}}</li> |
||||
</ul> |
||||
</footer> |
||||
|
||||
</body> |
||||
|
||||
</html> |
||||
@ -0,0 +1,106 @@ |
||||
<!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/index.css"}}" /> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/stylesheet.css"}}" /> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/common.css"}}" /> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/bootstrap.min.css"}}" /> |
||||
<link rel="shortcut icon" type="image/png" href="{{replaceImage .Favicon}}" /> |
||||
</head> |
||||
|
||||
<body> |
||||
<div class="top_header"> |
||||
<div class="top_header_content"> |
||||
{{$flen := len .Friendship}} |
||||
{{if ne $flen 0}} |
||||
{{range .Friendship}} |
||||
<div class="top_header_item"> |
||||
<a href="{{.Url}}">{{.Name}}</a> |
||||
</div> |
||||
{{end}} |
||||
{{end}} |
||||
</div> |
||||
</div> |
||||
<header class="header"> |
||||
<div class="grid"> |
||||
<div class='main_nav'> |
||||
<li class="header_nav"> |
||||
<ul id="menu-main-navigation-1" class="header_nav_list"> |
||||
<li><a href="{{.IndexUrl}}">{{ lang "home"}}</a></li> |
||||
{{if .HasAbout }} |
||||
<li><a href="{{.AboutUrl}}">{{ lang "about" }}</a></li> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<li><a href="{{.ContactUrl}}">{{ lang "contact" }}</a></li> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<li><a href="{{.PolicyUrl}}">{{ lang "policy"}}</a></li> |
||||
{{end}} |
||||
</ul> |
||||
</li> |
||||
</div> |
||||
</div> |
||||
</header> |
||||
<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> |
||||
<footer class="footer grid"> |
||||
<ul class="footer_content"> |
||||
<li class="footer_content_row"> |
||||
<h4>{{lang "related"}}</h4> |
||||
<ul id="menu-info-links" class="menu"> |
||||
{{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> |
||||
</li> |
||||
{{$flen := len .Friendship}} |
||||
{{if ne $flen 0}} |
||||
<li class="footer_content_row"> |
||||
<h4>{{lang "friendship"}}</h4> |
||||
<ul id="menu-info-links" class="menu"> |
||||
{{range .Friendship}} |
||||
<li> |
||||
<a href="{{.Url}}">{{.Name}}</a></li> |
||||
<li> |
||||
{{end}} |
||||
</ul> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
<ul class="footer_side"> |
||||
<li>{{.Copyright}}</li> |
||||
</ul> |
||||
</footer> |
||||
|
||||
</body> |
||||
|
||||
</html> |
||||
@ -0,0 +1,136 @@ |
||||
<!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/custom-style.css"}}" /> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/index.css"}}" /> |
||||
<link rel="shortcut icon" type="image/png" href="{{replaceImage .Favicon}}" /> |
||||
</head> |
||||
|
||||
<body data-rsssl=1 class="page-template-default page page-id-209 kingcomposer kc-css-system fixit_sticky_header animsition"> |
||||
<div id="page" class="hfeed site"> |
||||
<div class="navigation"> |
||||
<div class="container"> |
||||
<div class="row"> |
||||
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12"> |
||||
<div id="cssmenu"> |
||||
<ul id="menu-header-primary-menu" class=""> |
||||
<li id="menu-item-905" |
||||
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-905"><a |
||||
href="{{.IndexUrl}}">{{ lang "home"}}</a> |
||||
</li> |
||||
{{if .HasAbout }} |
||||
<li id="menu-item-921" |
||||
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-921"> |
||||
<a href="{{.AboutUrl}}">{{ lang "about" }}</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<li id="menu-item-1215" |
||||
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1215"> |
||||
<a href="{{.ContactUrl}}">{{ lang "contact" }}</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<li id="menu-item-1216" |
||||
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1216"> |
||||
<a href="{{.PolicyUrl}}">{{ lang "policy"}}</a> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
<div class="header"> |
||||
<div class="container"> |
||||
<div class="row"> |
||||
<div class="col-lg-4 col-md-4 col-sm-6 col-xs-12 navbar-brand"><a class="navbar-brand" |
||||
href="{{.IndexUrl}}" rel="home"><img class="header_img_logo img-responsive" |
||||
alt="logo" |
||||
src="{{replaceImage .Logo}}"></a> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
<div class="page-header" |
||||
style="background:linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), rgba(0, 0, 0, 0.6); background-size: cover;"> |
||||
<div class="container"> |
||||
<div class="row page-section"> |
||||
<!-- page section --> |
||||
<div class="col-md-12 page-description"> |
||||
<!-- page description --> |
||||
<h1 class="page-title">{{lang "about"}}</h1> |
||||
</div><!-- page description --> |
||||
</div><!-- page section --> |
||||
</div> |
||||
</div><!-- page-header --> |
||||
|
||||
<div id="main-container" class="main-container"> |
||||
<div class="container"> |
||||
<section id="content" class="container"> |
||||
<div> |
||||
{{.About}} |
||||
</div> |
||||
</section> |
||||
</div> |
||||
</div><!-- main-container --> |
||||
|
||||
<div class="footer"> |
||||
<div class="container"> |
||||
<div class="row" style="display: flex;justify-content:space-between;"> |
||||
<div id="black-studio-tinymce-24" class="widget_black_studio_tinymce footer-widget"> |
||||
<h2 class="footer-widget-title">CONTACT US</h2> |
||||
<div class="textwidget"> |
||||
<p><a href="{{.IndexUrl}}">{{ lang "home"}}</a></p> |
||||
{{if .HasAbout }} |
||||
<p><a href="{{.AboutUrl}}">{{ lang "about" }}</a></p> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<p><a href="{{.ContactUrl}}">{{ lang "contact" }}</a></p> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<p><a href="{{.PolicyUrl}}">{{ lang "policy"}}</a></p> |
||||
{{end}} |
||||
</div> |
||||
</div> |
||||
{{$flen := len .Friendship}} |
||||
{{ if ne $flen 0 }} |
||||
<div id="black-studio-tinymce-25" class="widget_black_studio_tinymce footer-widget"> |
||||
<h2 class="footer-widget-title">{{lang "popular"}}</h2> |
||||
<div class="textwidget"> |
||||
{{range .Friendship}} |
||||
<p><a href="{{.Url}}">{{.Name}}</a></p> |
||||
{{end}} |
||||
</div> |
||||
</div> |
||||
{{ end }} |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
<div class="tiny-footer"> |
||||
<div class="container"> |
||||
<div class="row"> |
||||
|
||||
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12"> |
||||
<p class="copyright-text">{{.Copyright}}</p> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</body> |
||||
|
||||
</html> |
||||
@ -0,0 +1,5 @@ |
||||
{ |
||||
"creator": "申心远", |
||||
"version": "1.0", |
||||
"origin_website": "https://cellteks.com/blog/" |
||||
} |
||||
@ -0,0 +1,152 @@ |
||||
<!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/custom-style.css"}}" /> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/index.css"}}" /> |
||||
<link rel="shortcut icon" type="image/png" href="{{replaceImage .Favicon}}" /> |
||||
</head> |
||||
|
||||
<body data-rsssl=1 class="page-template-default page page-id-209 kingcomposer kc-css-system fixit_sticky_header animsition"> |
||||
<div id="page" class="hfeed site"> |
||||
<div class="navigation"> |
||||
<div class="container"> |
||||
<div class="row"> |
||||
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12"> |
||||
<div id="cssmenu"> |
||||
<ul id="menu-header-primary-menu" class=""> |
||||
<li id="menu-item-905" |
||||
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-905"><a |
||||
href="{{.IndexUrl}}">{{ lang "home"}}</a> |
||||
</li> |
||||
{{if .HasAbout }} |
||||
<li id="menu-item-921" |
||||
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-921"> |
||||
<a href="{{.AboutUrl}}">{{ lang "about" }}</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<li id="menu-item-1215" |
||||
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1215"> |
||||
<a href="{{.ContactUrl}}">{{ lang "contact" }}</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<li id="menu-item-1216" |
||||
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1216"> |
||||
<a href="{{.PolicyUrl}}">{{ lang "policy"}}</a> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
<div class="header"> |
||||
<div class="container"> |
||||
<div class="row"> |
||||
<div class="col-lg-4 col-md-4 col-sm-6 col-xs-12 navbar-brand"><a class="navbar-brand" |
||||
href="{{.IndexUrl}}" rel="home"><img class="header_img_logo img-responsive" |
||||
alt="logo" |
||||
src="{{replaceImage .Logo}}"></a> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
<div class="page-header" |
||||
style="background:linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), rgba(0, 0, 0, 0.6); background-size: cover;"> |
||||
<div class="container"> |
||||
<div class="row page-section"> |
||||
<!-- page section --> |
||||
<div class="col-md-12 page-description"> |
||||
<!-- page description --> |
||||
<h1 class="page-title">{{lang "contact"}}</h1> |
||||
</div><!-- page description --> |
||||
</div><!-- page section --> |
||||
</div> |
||||
</div><!-- page-header --> |
||||
|
||||
<div id="main-container" class="main-container"> |
||||
<div class="container"> |
||||
<section id="content" class="container"> |
||||
<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-container --> |
||||
|
||||
<div class="footer"> |
||||
<div class="container"> |
||||
<div class="row" style="display: flex;justify-content:space-between;"> |
||||
<div id="black-studio-tinymce-24" class="widget_black_studio_tinymce footer-widget"> |
||||
<h2 class="footer-widget-title">CONTACT US</h2> |
||||
<div class="textwidget"> |
||||
<p><a href="{{.IndexUrl}}">{{ lang "home"}}</a></p> |
||||
{{if .HasAbout }} |
||||
<p><a href="{{.AboutUrl}}">{{ lang "about" }}</a></p> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<p><a href="{{.ContactUrl}}">{{ lang "contact" }}</a></p> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<p><a href="{{.PolicyUrl}}">{{ lang "policy"}}</a></p> |
||||
{{end}} |
||||
</div> |
||||
</div> |
||||
{{$flen := len .Friendship}} |
||||
{{ if ne $flen 0 }} |
||||
<div id="black-studio-tinymce-25" class="widget_black_studio_tinymce footer-widget"> |
||||
<h2 class="footer-widget-title">{{lang "popular"}}</h2> |
||||
<div class="textwidget"> |
||||
{{range .Friendship}} |
||||
<p><a href="{{.Url}}">{{.Name}}</a></p> |
||||
{{end}} |
||||
</div> |
||||
</div> |
||||
{{ end }} |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
<div class="tiny-footer"> |
||||
<div class="container"> |
||||
<div class="row"> |
||||
|
||||
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12"> |
||||
<p class="copyright-text">{{.Copyright}}</p> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</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: 25vh; |
||||
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 */ |
||||
File diff suppressed because it is too large
Load Diff
@ -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,274 @@ |
||||
.page-header h1.page-title { |
||||
color: #ffffff; |
||||
} |
||||
|
||||
.top-bar { |
||||
background-color: #2b363e; |
||||
} |
||||
|
||||
.header { |
||||
background-color: #ffffff; |
||||
} |
||||
|
||||
.navigation { |
||||
background-color: #2b363e; |
||||
} |
||||
|
||||
|
||||
#navigation>ul>li:hover a { |
||||
background-color: #e585b0; |
||||
} |
||||
|
||||
#navigation>ul>li a { |
||||
color: #b0e5ff; |
||||
} |
||||
|
||||
#navigation>ul>li:hover a { |
||||
color: #ffffff; |
||||
} |
||||
|
||||
a { |
||||
color: #0090c1; |
||||
} |
||||
|
||||
a:hover { |
||||
color: #0090c1; |
||||
} |
||||
|
||||
.btn-default { |
||||
background-color: #01acd3; |
||||
} |
||||
|
||||
.btn-default:hover { |
||||
background-color: #018bab; |
||||
} |
||||
|
||||
.btn-default { |
||||
color: #ffffff; |
||||
} |
||||
|
||||
.btn-default:hover { |
||||
color: #ffffff; |
||||
} |
||||
|
||||
.btn-primary { |
||||
background-color: #d03900; |
||||
} |
||||
|
||||
.btn-primary:hover { |
||||
background-color: #c45d3c; |
||||
} |
||||
|
||||
.btn-primary { |
||||
color: #ffffff; |
||||
} |
||||
|
||||
.btn-primary:hover { |
||||
color: #ffffff; |
||||
} |
||||
|
||||
.btn-secondary { |
||||
background-color: #403b39; |
||||
} |
||||
|
||||
.btn-secondary:hover { |
||||
background-color: #312c2a; |
||||
} |
||||
|
||||
.btn-secondary { |
||||
color: #ffffff; |
||||
} |
||||
|
||||
.btn-secondary:hover { |
||||
color: #ffffff; |
||||
} |
||||
|
||||
.footer { |
||||
background-color: #2b363e; |
||||
} |
||||
|
||||
.footer h1, |
||||
.footer h2, |
||||
.footer h3, |
||||
.footer h4, |
||||
.footer h5, |
||||
.footer h6 { |
||||
color: #cacece; |
||||
} |
||||
|
||||
.footer p { |
||||
color: #8d99a8; |
||||
} |
||||
|
||||
.footer a, |
||||
.footer .footer-widget ul li a { |
||||
color: #838383; |
||||
} |
||||
|
||||
.footer a:hover, |
||||
.footer .footer-widget ul li a:hover { |
||||
color: #0090c1; |
||||
} |
||||
|
||||
.tiny-footer { |
||||
background-color: #151a1e; |
||||
} |
||||
|
||||
.tiny-footer p { |
||||
color: #838383; |
||||
} |
||||
|
||||
.slider-title { |
||||
color: #ffffff; |
||||
} |
||||
|
||||
.slider-text { |
||||
color: #ffffff; |
||||
} |
||||
|
||||
.slider .btn-default { |
||||
background-color: #d03900; |
||||
} |
||||
|
||||
.slider .btn-default:hover { |
||||
background-color: #c45d3c; |
||||
} |
||||
|
||||
.slider .btn-default { |
||||
color: #ffffff; |
||||
} |
||||
|
||||
.slider .btn-default:hover { |
||||
color: #ffffff; |
||||
} |
||||
|
||||
h1 { |
||||
color: #2e3233; |
||||
} |
||||
|
||||
h2 { |
||||
color: #2e3233; |
||||
} |
||||
|
||||
h3 { |
||||
color: #2e3233; |
||||
} |
||||
|
||||
h4 { |
||||
color: #2e3233; |
||||
} |
||||
|
||||
h5 { |
||||
color: #2e3233; |
||||
} |
||||
|
||||
h6 { |
||||
color: #2e3233; |
||||
} |
||||
|
||||
p { |
||||
color: #5a5f61; |
||||
} |
||||
|
||||
body { |
||||
background-image: url(); |
||||
font-family: Poppins; |
||||
line-height: 26px; |
||||
font-size: 16px; |
||||
} |
||||
|
||||
a.navbar-brand img.header_img_logo { |
||||
margin-left: px; |
||||
margin-top: -20px; |
||||
margin-right: px; |
||||
margin-bottom: px; |
||||
} |
||||
|
||||
.page-header h1.page-title { |
||||
font-size: 42px; |
||||
line-height: 46px; |
||||
font-weight: 700; |
||||
} |
||||
|
||||
h1 { |
||||
font-size: 32px; |
||||
line-height: 46px; |
||||
font-weight: 500; |
||||
} |
||||
|
||||
h2 { |
||||
font-size: 22px; |
||||
line-height: 28px; |
||||
font-weight: 500; |
||||
} |
||||
|
||||
h3 { |
||||
font-size: 19px; |
||||
line-height: 28px; |
||||
font-weight: 500; |
||||
} |
||||
|
||||
h4 { |
||||
font-size: 16px; |
||||
font-weight: 500; |
||||
} |
||||
|
||||
h5 { |
||||
font-weight: 500; |
||||
} |
||||
|
||||
h6 { |
||||
font-weight: 500; |
||||
} |
||||
|
||||
p { |
||||
font-size: 16px; |
||||
line-height: 27px; |
||||
} |
||||
|
||||
.slider-title { |
||||
font-family: Poppins; |
||||
font-weight: 700; |
||||
font-size: 48px; |
||||
line-height: 62px; |
||||
} |
||||
|
||||
.slider-text { |
||||
font-family: Poppins; |
||||
font-weight: 300; |
||||
font-size: 16px; |
||||
line-height: 27px; |
||||
} |
||||
|
||||
.woocommerce ul.products li.product .fixit-woocommerce-add-to-cart a.added_to_cart.wc-forward:before, |
||||
.woocommerce ul.products li.product .fixit-woocommerce-add-to-cart a.button.product_type_simple:before, |
||||
.woocommerce ul.products li.product .fixit-woocommerce-add-to-cart a.button.add_to_cart_button.product_type_simple:before, |
||||
.woocommerce ul.products li.product .fixit-woocommerce-add-to-cart a.button.product_type_variable.add_to_cart_button:before { |
||||
border-bottom: 50px solid #01acd3; |
||||
} |
||||
|
||||
.woocommerce ul.products li.product .fixit-woocommerce-add-to-cart a.added_to_cart.wc-forward:hover:before, |
||||
.woocommerce ul.products li.product .fixit-woocommerce-add-to-cart a.button.product_type_simple:hover:before, |
||||
.woocommerce ul.products li.product .fixit-woocommerce-add-to-cart a.button.add_to_cart_button.product_type_simple:hover:before, |
||||
.woocommerce ul.products li.product .fixit-woocommerce-add-to-cart a.button.product_type_variable.add_to_cart_button:hover:before { |
||||
border-bottom: 50px solid #018bab; |
||||
} |
||||
|
||||
@media only screen and (max-width: 768px) { |
||||
.slider-title { |
||||
font-size: 20px; |
||||
line-height: 20px; |
||||
} |
||||
} |
||||
|
||||
.page-header { |
||||
max-height: 150px; |
||||
} |
||||
|
||||
.page-header .container { |
||||
height: 150px; |
||||
} |
||||
|
||||
.page-section { |
||||
padding-top: 50px !important; |
||||
} |
||||
@ -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/bootstrap.min.css"}}" /> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/custom-style.css"}}" /> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/index.css"}}" /> |
||||
<link rel="shortcut icon" type="image/png" href="{{replaceImage .Favicon}}" /> |
||||
</head> |
||||
|
||||
<body data-rsssl=1 class="page-template-default page page-id-209 kingcomposer kc-css-system fixit_sticky_header animsition"> |
||||
<div id="page" class="hfeed site"> |
||||
<div class="navigation"> |
||||
<div class="container"> |
||||
<div class="row"> |
||||
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12"> |
||||
<div id="cssmenu"> |
||||
<ul id="menu-header-primary-menu" class=""> |
||||
<li id="menu-item-905" |
||||
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-905"><a |
||||
href="{{.IndexUrl}}">{{ lang "home"}}</a> |
||||
</li> |
||||
{{if .HasAbout }} |
||||
<li id="menu-item-921" |
||||
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-921"> |
||||
<a href="{{.AboutUrl}}">{{ lang "about" }}</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<li id="menu-item-1215" |
||||
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1215"> |
||||
<a href="{{.ContactUrl}}">{{ lang "contact" }}</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<li id="menu-item-1216" |
||||
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1216"> |
||||
<a href="{{.PolicyUrl}}">{{ lang "policy"}}</a> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
<div class="header"> |
||||
<div class="container"> |
||||
<div class="row"> |
||||
<div class="col-lg-4 col-md-4 col-sm-6 col-xs-12 navbar-brand"><a class="navbar-brand" |
||||
href="{{.IndexUrl}}" rel="home"><img class="header_img_logo img-responsive" |
||||
alt="logo" |
||||
src="{{replaceImage .Logo}}"></a> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
<div id="main-container" class="main-container"> |
||||
<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-12 col-md-24"> |
||||
<!-- 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> |
||||
</section> |
||||
</div> |
||||
</div><!-- main-container --> |
||||
|
||||
<div class="footer"> |
||||
<div class="container"> |
||||
<div class="row" style="display: flex;justify-content:space-between;"> |
||||
<div id="black-studio-tinymce-24" class="widget_black_studio_tinymce footer-widget"> |
||||
<h2 class="footer-widget-title">CONTACT US</h2> |
||||
<div class="textwidget"> |
||||
<p><a href="{{.IndexUrl}}">{{ lang "home"}}</a></p> |
||||
{{if .HasAbout }} |
||||
<p><a href="{{.AboutUrl}}">{{ lang "about" }}</a></p> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<p><a href="{{.ContactUrl}}">{{ lang "contact" }}</a></p> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<p><a href="{{.PolicyUrl}}">{{ lang "policy"}}</a></p> |
||||
{{end}} |
||||
</div> |
||||
</div> |
||||
{{$flen := len .Friendship}} |
||||
{{ if ne $flen 0 }} |
||||
<div id="black-studio-tinymce-25" class="widget_black_studio_tinymce footer-widget"> |
||||
<h2 class="footer-widget-title">{{lang "popular"}}</h2> |
||||
<div class="textwidget"> |
||||
{{range .Friendship}} |
||||
<p><a href="{{.Url}}">{{.Name}}</a></p> |
||||
{{end}} |
||||
</div> |
||||
</div> |
||||
{{ end }} |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
<div class="tiny-footer"> |
||||
<div class="container"> |
||||
<div class="row"> |
||||
|
||||
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12"> |
||||
<p class="copyright-text">{{.Copyright}}</p> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</body> |
||||
|
||||
</html> |
||||
@ -0,0 +1,227 @@ |
||||
<!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/custom-style.css"}}" /> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/index.css"}}" /> |
||||
<link rel="shortcut icon" type="image/png" href="{{replaceImage .Favicon}}" /> |
||||
</head> |
||||
|
||||
<body data-rsssl=1 class="page-template-default page page-id-209 kingcomposer kc-css-system fixit_sticky_header animsition"> |
||||
<div id="page" class="hfeed site"> |
||||
<div class="navigation"> |
||||
<div class="container"> |
||||
<div class="row"> |
||||
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12"> |
||||
<div id="cssmenu"> |
||||
<ul id="menu-header-primary-menu" class=""> |
||||
<li id="menu-item-905" |
||||
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-905"><a |
||||
href="{{.IndexUrl}}">{{ lang "home"}}</a> |
||||
</li> |
||||
{{if .HasAbout }} |
||||
<li id="menu-item-921" |
||||
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-921"> |
||||
<a href="{{.AboutUrl}}">{{ lang "about" }}</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<li id="menu-item-1215" |
||||
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1215"> |
||||
<a href="{{.ContactUrl}}">{{ lang "contact" }}</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<li id="menu-item-1216" |
||||
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1216"> |
||||
<a href="{{.PolicyUrl}}">{{ lang "policy"}}</a> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
<div class="header"> |
||||
<div class="container"> |
||||
<div class="row"> |
||||
<div class="col-lg-4 col-md-4 col-sm-6 col-xs-12 navbar-brand"><a class="navbar-brand" |
||||
href="{{.IndexUrl}}" rel="home"><img class="header_img_logo img-responsive" |
||||
alt="logo" |
||||
src="{{replaceImage .Logo}}"></a> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
<div class="page-header" |
||||
style="background:linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), rgba(0, 0, 0, 0.6); background-size: cover;"> |
||||
<div class="container"> |
||||
<div class="row page-section"> |
||||
<!-- page section --> |
||||
<div class="col-md-12 page-description"> |
||||
<!-- page description --> |
||||
<h1 class="page-title">{{lang "latest"}}</h1> |
||||
</div><!-- page description --> |
||||
</div><!-- page section --> |
||||
</div> |
||||
</div><!-- page-header --> |
||||
|
||||
<div id="main-container" class="main-container"> |
||||
<div class="container"> |
||||
<div class="row"> |
||||
<div class="col-lg-8 col-md-8 content"> |
||||
<div class="row"> |
||||
<div id="post-209" class="post-209 page type-page status-publish hentry"> |
||||
<div class="kc_clfw"></div> |
||||
<section class="kc-elm kc-css-900492 kc_row"> |
||||
<div class="kc-row-container kc-container"> |
||||
<div class="kc-wrap-columns"> |
||||
<div class="kc-elm kc-css-172148 kc_col-sm-12 kc_column kc_col-sm-12"> |
||||
<div class="kc-col-container"> |
||||
<div class="row"> |
||||
{{ range .Articles }} |
||||
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 blog-post "> |
||||
<div id="post-6709" |
||||
class="post-block post-6709 post type-post status-publish format-standard has-post-thumbnail hentry category-cellteks-events category-commercial-cellphone-boosters category-company-updates tag-commercial-cell-phone-signal-booster tag-financing tag-help-my-signal"> |
||||
<div class="post-img"><a |
||||
href="{{.Url}}"><img class="img-responsive" |
||||
src="{{getCover .Cover 300 180}}" /></a> |
||||
</div> |
||||
<h2 class="tp-blog-title"><a |
||||
href="{{.Url}}" |
||||
rel="bookmark">{{.Title}}</a></h2> |
||||
<div class="meta"><span class="meta-author">{{timeFormat .PublishTime}} / {{.Views}} {{lang "views"}}</a></span> |
||||
</div> |
||||
<p>{{.Summary}}</p> |
||||
</div> |
||||
</div> |
||||
{{end}} |
||||
</div> |
||||
<div class="row"> |
||||
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 text-center st-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> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</section> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="col-lg-4 col-md-4 fixit-sidebar-area"> |
||||
<div class="row"> |
||||
{{$plen := len .PopularArticles}} |
||||
{{if ne $plen 0}} |
||||
<div class="col-md-12"> |
||||
<div id="recent_post_widget-12" class="widget widget_recent_post_widget"> |
||||
<div class="well-bg"> |
||||
<div class="well-inner"> |
||||
<h2 class="widget-title">{{lang "popular"}}</h2> |
||||
{{range .PopularArticles}} |
||||
<div class="row recent-post-block"> |
||||
<div class="col-lg-5 col-md-5 col-sm-3 col-xs-12 col-xs-mb-20" style="overflow: hidden;"> |
||||
<div class="recent-img"> |
||||
<a |
||||
href="{{.Url}}"><img |
||||
width="150" height="150" |
||||
src="{{getCover .Cover 125 75}}" |
||||
class="img-responsive wp-post-image" alt="" |
||||
loading="lazy" /></a> |
||||
</div> |
||||
</div> |
||||
|
||||
<div class="col-lg-7 col-md-7 col-sm-7 col-xs-12 recent-desc"> |
||||
<div class="recent-post-desc"> |
||||
<!-- recent post desc --> |
||||
<h3><a href="{{.Url}}" |
||||
class="recent-title">{{.Title}}</a></h3> |
||||
<div class="meta"><span class="meta-date">{{timeFormat .PublishTime}}</span> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
{{end}} |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
{{end}} |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div><!-- main-container --> |
||||
|
||||
<div class="footer"> |
||||
<div class="container"> |
||||
<div class="row" style="display: flex;justify-content:space-between;"> |
||||
<div id="black-studio-tinymce-24" class="widget_black_studio_tinymce footer-widget"> |
||||
<h2 class="footer-widget-title">CONTACT US</h2> |
||||
<div class="textwidget"> |
||||
<p><a href="{{.IndexUrl}}">{{ lang "home"}}</a></p> |
||||
{{if .HasAbout }} |
||||
<p><a href="{{.AboutUrl}}">{{ lang "about" }}</a></p> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<p><a href="{{.ContactUrl}}">{{ lang "contact" }}</a></p> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<p><a href="{{.PolicyUrl}}">{{ lang "policy"}}</a></p> |
||||
{{end}} |
||||
</div> |
||||
</div> |
||||
{{$flen := len .Friendship}} |
||||
{{ if ne $flen 0 }} |
||||
<div id="black-studio-tinymce-25" class="widget_black_studio_tinymce footer-widget"> |
||||
<h2 class="footer-widget-title">{{lang "popular"}}</h2> |
||||
<div class="textwidget"> |
||||
{{range .Friendship}} |
||||
<p><a href="{{.Url}}">{{.Name}}</a></p> |
||||
{{end}} |
||||
</div> |
||||
</div> |
||||
{{ end }} |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
<div class="tiny-footer"> |
||||
<div class="container"> |
||||
<div class="row"> |
||||
|
||||
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12"> |
||||
<p class="copyright-text">{{.Copyright}}</p> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</body> |
||||
|
||||
</html> |
||||
@ -0,0 +1,136 @@ |
||||
<!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/custom-style.css"}}" /> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/index.css"}}" /> |
||||
<link rel="shortcut icon" type="image/png" href="{{replaceImage .Favicon}}" /> |
||||
</head> |
||||
|
||||
<body data-rsssl=1 class="page-template-default page page-id-209 kingcomposer kc-css-system fixit_sticky_header animsition"> |
||||
<div id="page" class="hfeed site"> |
||||
<div class="navigation"> |
||||
<div class="container"> |
||||
<div class="row"> |
||||
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12"> |
||||
<div id="cssmenu"> |
||||
<ul id="menu-header-primary-menu" class=""> |
||||
<li id="menu-item-905" |
||||
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-905"><a |
||||
href="{{.IndexUrl}}">{{ lang "home"}}</a> |
||||
</li> |
||||
{{if .HasAbout }} |
||||
<li id="menu-item-921" |
||||
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-921"> |
||||
<a href="{{.AboutUrl}}">{{ lang "about" }}</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<li id="menu-item-1215" |
||||
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1215"> |
||||
<a href="{{.ContactUrl}}">{{ lang "contact" }}</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<li id="menu-item-1216" |
||||
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1216"> |
||||
<a href="{{.PolicyUrl}}">{{ lang "policy"}}</a> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
<div class="header"> |
||||
<div class="container"> |
||||
<div class="row"> |
||||
<div class="col-lg-4 col-md-4 col-sm-6 col-xs-12 navbar-brand"><a class="navbar-brand" |
||||
href="{{.IndexUrl}}" rel="home"><img class="header_img_logo img-responsive" |
||||
alt="logo" |
||||
src="{{replaceImage .Logo}}"></a> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
<div class="page-header" |
||||
style="background:linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), rgba(0, 0, 0, 0.6); background-size: cover;"> |
||||
<div class="container"> |
||||
<div class="row page-section"> |
||||
<!-- page section --> |
||||
<div class="col-md-12 page-description"> |
||||
<!-- page description --> |
||||
<h1 class="page-title">{{lang "policy"}}</h1> |
||||
</div><!-- page description --> |
||||
</div><!-- page section --> |
||||
</div> |
||||
</div><!-- page-header --> |
||||
|
||||
<div id="main-container" class="main-container"> |
||||
<div class="container"> |
||||
<section id="content" class="container"> |
||||
<div> |
||||
{{.Policy}} |
||||
</div> |
||||
</section> |
||||
</div> |
||||
</div><!-- main-container --> |
||||
|
||||
<div class="footer"> |
||||
<div class="container"> |
||||
<div class="row" style="display: flex;justify-content:space-between;"> |
||||
<div id="black-studio-tinymce-24" class="widget_black_studio_tinymce footer-widget"> |
||||
<h2 class="footer-widget-title">CONTACT US</h2> |
||||
<div class="textwidget"> |
||||
<p><a href="{{.IndexUrl}}">{{ lang "home"}}</a></p> |
||||
{{if .HasAbout }} |
||||
<p><a href="{{.AboutUrl}}">{{ lang "about" }}</a></p> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<p><a href="{{.ContactUrl}}">{{ lang "contact" }}</a></p> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<p><a href="{{.PolicyUrl}}">{{ lang "policy"}}</a></p> |
||||
{{end}} |
||||
</div> |
||||
</div> |
||||
{{$flen := len .Friendship}} |
||||
{{ if ne $flen 0 }} |
||||
<div id="black-studio-tinymce-25" class="widget_black_studio_tinymce footer-widget"> |
||||
<h2 class="footer-widget-title">{{lang "popular"}}</h2> |
||||
<div class="textwidget"> |
||||
{{range .Friendship}} |
||||
<p><a href="{{.Url}}">{{.Name}}</a></p> |
||||
{{end}} |
||||
</div> |
||||
</div> |
||||
{{ end }} |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
<div class="tiny-footer"> |
||||
<div class="container"> |
||||
<div class="row"> |
||||
|
||||
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12"> |
||||
<p class="copyright-text">{{.Copyright}}</p> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</body> |
||||
|
||||
</html> |
||||
@ -0,0 +1,89 @@ |
||||
<!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/index.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 data-server-rendered="true" id="__nuxt"> |
||||
<div id="__layout"> |
||||
<div class="main-layout"> |
||||
<div class="community-header" data-v-6fe12ba9> |
||||
<div class="header-pc" data-v-6fe12ba9> |
||||
<div class="header-main-box" data-v-6fe12ba9> |
||||
<div class="header-main pc-width" data-v-6fe12ba9> |
||||
<div class="header-left-box" data-v-6fe12ba9> |
||||
<div class="header-logo" data-v-6fe12ba9><a href="{{.IndexUrl}}" data-v-6fe12ba9> |
||||
<img src="{{replaceImage .Logo}}" style="height: 48px;" alt="logo"></a> |
||||
</div> |
||||
<div class="header-tag-nav" data-v-6fe12ba9> |
||||
<a href="{{.IndexUrl}}" class="nuxt-link-exact-active active router-active">{{ lang "home"}}</span> |
||||
</a> |
||||
{{if .HasAbout }} |
||||
<a href="{{.AboutUrl}}" class="active">{{ lang "about"}}</a> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<a href="{{.ContactUrl}}" class="active">{{ lang "contact"}}</a> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<a href="{{.PolicyUrl}}" class="active">{{ lang "policy"}}</a> |
||||
{{end}} |
||||
</div> |
||||
<style> |
||||
.header-tag-nav a { |
||||
padding: 0px 1.25rem; |
||||
} |
||||
</style> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<!----> |
||||
</div> |
||||
<div class="header-m" data-v-6fe12ba9></div> |
||||
</div> |
||||
|
||||
<div class="community-content-layout"> |
||||
<div class="blog-page-box" data-v-5812b8ae> |
||||
<div class="community-list-page-main" data-v-68faff4a data-v-5812b8ae> |
||||
<div class="banner-box" data-v-68faff4a> |
||||
<h3 class="title pc-width" data-v-68faff4a>{{lang "about"}}</h3> |
||||
<div class="search-form" data-v-68faff4a> |
||||
<!----> |
||||
</div> |
||||
</div> |
||||
<div class="content-box pc-width" data-v-68faff4a> |
||||
<section id="content" class="container"> |
||||
<div> |
||||
{{.About}} |
||||
</div> |
||||
</section> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
<div class="community-footer" data-v-7f402c34> |
||||
<div class="footer-box pc-width" data-v-7f402c34> |
||||
|
||||
<div class="footer-bottom" data-v-7f402c34> |
||||
{{range .Friendship}} |
||||
<a href="{{.Url}}" target="_blank" data-v-7f402c34>{{.Name}}</a> |
||||
{{end}} |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</body> |
||||
|
||||
</html> |
||||
@ -0,0 +1,5 @@ |
||||
{ |
||||
"creator": "申心远", |
||||
"version": "1.0", |
||||
"origin_website": "https://community.fs.com/news" |
||||
} |
||||
@ -0,0 +1,106 @@ |
||||
<!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/index.css"}}" /> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/bootstrap.min.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 data-server-rendered="true" id="__nuxt"> |
||||
<div id="__layout"> |
||||
<div class="main-layout"> |
||||
<div class="community-header" data-v-6fe12ba9> |
||||
<div class="header-pc" data-v-6fe12ba9> |
||||
<div class="header-main-box" data-v-6fe12ba9> |
||||
<div class="header-main pc-width" data-v-6fe12ba9> |
||||
<div class="header-left-box" data-v-6fe12ba9> |
||||
<div class="header-logo" data-v-6fe12ba9><a href="{{.IndexUrl}}" data-v-6fe12ba9> |
||||
<img src="{{replaceImage .Logo}}" style="height: 48px;" alt="logo"></a> |
||||
</div> |
||||
<div class="header-tag-nav" data-v-6fe12ba9> |
||||
<a href="{{.IndexUrl}}" class="nuxt-link-exact-active active router-active">{{ lang "home"}}</span> |
||||
</a> |
||||
{{if .HasAbout }} |
||||
<a href="{{.AboutUrl}}" class="active">{{ lang "about"}}</a> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<a href="{{.ContactUrl}}" class="active">{{ lang "contact"}}</a> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<a href="{{.PolicyUrl}}" class="active">{{ lang "policy"}}</a> |
||||
{{end}} |
||||
</div> |
||||
<style> |
||||
.header-tag-nav a { |
||||
padding: 0px 1.25rem; |
||||
} |
||||
</style> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<!----> |
||||
</div> |
||||
<div class="header-m" data-v-6fe12ba9></div> |
||||
</div> |
||||
|
||||
<div class="community-content-layout"> |
||||
<div class="blog-page-box" data-v-5812b8ae> |
||||
<div class="community-list-page-main" data-v-68faff4a data-v-5812b8ae> |
||||
<div class="banner-box" data-v-68faff4a> |
||||
<h3 class="title pc-width" data-v-68faff4a>{{lang "contact"}}</h3> |
||||
<div class="search-form" data-v-68faff4a> |
||||
<!----> |
||||
</div> |
||||
</div> |
||||
<div class="content-box pc-width" data-v-68faff4a> |
||||
<section id="content" class="container"> |
||||
<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> |
||||
|
||||
<div class="community-footer" data-v-7f402c34> |
||||
<div class="footer-box pc-width" data-v-7f402c34> |
||||
|
||||
<div class="footer-bottom" data-v-7f402c34> |
||||
{{range .Friendship}} |
||||
<a href="{{.Url}}" target="_blank" data-v-7f402c34>{{.Name}}</a> |
||||
{{end}} |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</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: 25vh; |
||||
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,134 @@ |
||||
<!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/index.css"}}" /> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/details.css"}}" /> |
||||
<link rel="shortcut icon" type="image/png" href="{{replaceImage .Favicon}}" /> |
||||
</head> |
||||
|
||||
<body> |
||||
<div data-server-rendered="true" id="__nuxt"> |
||||
<div id="__layout"> |
||||
<div class="main-layout"> |
||||
<div class="community-header" data-v-6fe12ba9> |
||||
<div class="header-pc" data-v-6fe12ba9> |
||||
<div class="header-main-box" data-v-6fe12ba9> |
||||
<div class="header-main pc-width" data-v-6fe12ba9> |
||||
<div class="header-left-box" data-v-6fe12ba9> |
||||
<div class="header-logo" data-v-6fe12ba9><a href="{{.IndexUrl}}" data-v-6fe12ba9> |
||||
<img src="{{replaceImage .Logo}}" style="height: 48px;" alt="logo"></a> |
||||
</div> |
||||
<div class="header-tag-nav" data-v-6fe12ba9> |
||||
<a href="{{.IndexUrl}}" class="nuxt-link-exact-active active router-active">{{ lang "home"}}</span> |
||||
</a> |
||||
{{if .HasAbout }} |
||||
<a href="{{.AboutUrl}}" class="active">{{ lang "about"}}</a> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<a href="{{.ContactUrl}}" class="active">{{ lang "contact"}}</a> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<a href="{{.PolicyUrl}}" class="active">{{ lang "policy"}}</a> |
||||
{{end}} |
||||
</div> |
||||
<style> |
||||
.header-tag-nav a { |
||||
padding: 0px 1.25rem; |
||||
} |
||||
</style> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<!----> |
||||
</div> |
||||
<div class="header-m" data-v-6fe12ba9></div> |
||||
</div> |
||||
|
||||
<div class="community-content-layout"> |
||||
<div class="blog-page-box" data-v-5812b8ae> |
||||
<div class="community-list-page-main" data-v-68faff4a data-v-5812b8ae> |
||||
<div class="banner-box" data-v-68faff4a> |
||||
<h3 class="title pc-width" data-v-68faff4a>{{lang "policy"}}</h3> |
||||
<div class="search-form" data-v-68faff4a> |
||||
<!----> |
||||
</div> |
||||
</div> |
||||
<div class="content-box pc-width" data-v-68faff4a> |
||||
<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 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> |
||||
</section> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
<div class="community-footer" data-v-7f402c34> |
||||
<div class="footer-box pc-width" data-v-7f402c34> |
||||
|
||||
<div class="footer-bottom" data-v-7f402c34> |
||||
{{range .Friendship}} |
||||
<a href="{{.Url}}" target="_blank" data-v-7f402c34>{{.Name}}</a> |
||||
{{end}} |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</body> |
||||
|
||||
</html> |
||||
@ -0,0 +1,143 @@ |
||||
<!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/index.css"}}" /> |
||||
<link rel="shortcut icon" type="image/png" href="{{replaceImage .Favicon}}" /> |
||||
</head> |
||||
|
||||
<body> |
||||
<div data-server-rendered="true" id="__nuxt"> |
||||
<div id="__layout"> |
||||
<div class="main-layout"> |
||||
<div class="community-header" data-v-6fe12ba9> |
||||
<div class="header-pc" data-v-6fe12ba9> |
||||
<div class="header-main-box" data-v-6fe12ba9> |
||||
<div class="header-main pc-width" data-v-6fe12ba9> |
||||
<div class="header-left-box" data-v-6fe12ba9> |
||||
<div class="header-logo" data-v-6fe12ba9><a href="{{.IndexUrl}}" data-v-6fe12ba9> |
||||
<img src="{{replaceImage .Logo}}" style="height: 48px;" alt="logo"></a> |
||||
</div> |
||||
<div class="header-tag-nav" data-v-6fe12ba9> |
||||
<a href="{{.IndexUrl}}" class="nuxt-link-exact-active active router-active">{{ lang "home"}}</span> |
||||
</a> |
||||
{{if .HasAbout }} |
||||
<a href="{{.AboutUrl}}" class="active">{{ lang "about"}}</a> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<a href="{{.ContactUrl}}" class="active">{{ lang "contact"}}</a> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<a href="{{.PolicyUrl}}" class="active">{{ lang "policy"}}</a> |
||||
{{end}} |
||||
</div> |
||||
<style> |
||||
.header-tag-nav a { |
||||
padding: 0px 1.25rem; |
||||
} |
||||
</style> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<!----> |
||||
</div> |
||||
<div class="header-m" data-v-6fe12ba9></div> |
||||
</div> |
||||
|
||||
<div class="community-content-layout"> |
||||
<div class="blog-page-box" data-v-5812b8ae> |
||||
<div class="community-list-page-main" data-v-68faff4a data-v-5812b8ae> |
||||
<div class="banner-box" data-v-68faff4a> |
||||
<h3 class="title pc-width" data-v-68faff4a>{{lang "latest"}}</h3> |
||||
<div class="search-form" data-v-68faff4a> |
||||
<!----> |
||||
</div> |
||||
</div> |
||||
<div class="content-box pc-width" data-v-68faff4a> |
||||
<div class="left-box" data-v-68faff4a> |
||||
{{$plen := len .PopularArticles}} |
||||
{{if ne $plen 0}} |
||||
<div class="dd-checkbox" data-v-1d32a2ce data-v-68faff4a> |
||||
<div class="title-box" data-v-1d32a2ce> |
||||
<span class="c-title" data-v-1d32a2ce> |
||||
{{lang "popular"}} |
||||
</span> |
||||
</div> |
||||
<div class="option-box" data-v-1d32a2ce data-v-1d65a8fe data-v-1d32a2ce> |
||||
<ul class="option-list" data-v-1d32a2ce><span data-v-1d32a2ce> |
||||
{{range .PopularArticles}} |
||||
<li data-v-1d32a2ce> |
||||
<div data-v-1d32a2ce><a |
||||
class="filter-name ellipsis-1" href="{{.Url}}">{{.Title}}</a></div> |
||||
</li> |
||||
{{end}} |
||||
</span> |
||||
</ul> |
||||
|
||||
</div> |
||||
</div> |
||||
{{end}} |
||||
</div> |
||||
<div class="right-box" data-v-68faff4a> |
||||
<div class="list-cart-box" data-v-68faff4a> |
||||
{{ range .Articles }} |
||||
<div class="cart-item" data-v-68faff4a> |
||||
<div tagType="1" class="community-cart-box" data-v-4808f928 data-v-68faff4a> |
||||
<a href="{{.Url}}" class="filter-cover" data-v-4808f928> |
||||
<img src="{{getCover .Cover 125 75}}" style="height: 100%;width: 100%;" alt=""> |
||||
</a> |
||||
<div class="content-box" data-v-4808f928> |
||||
<a href="https://community.fs.com/news/stacking-on-fs-s5860-series-switches.html" |
||||
class="title-box ellipsis-2" data-v-4808f928>{{.Title}}</a> |
||||
<div class="cart-bottom-box" data-v-4808f928> |
||||
<div class="time-box" data-v-4808f928>{{timeFormat .PublishTime}}</div> |
||||
<div class="view-box" data-v-4808f928>{{.Views}} {{lang "views"}}</div> |
||||
</div> |
||||
</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> |
||||
</div> |
||||
|
||||
<div class="community-footer" data-v-7f402c34> |
||||
<div class="footer-box pc-width" data-v-7f402c34> |
||||
|
||||
<div class="footer-bottom" data-v-7f402c34> |
||||
{{range .Friendship}} |
||||
<a href="{{.Url}}" target="_blank" data-v-7f402c34>{{.Name}}</a> |
||||
{{end}} |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</body> |
||||
|
||||
</html> |
||||
@ -0,0 +1,89 @@ |
||||
<!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/index.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 data-server-rendered="true" id="__nuxt"> |
||||
<div id="__layout"> |
||||
<div class="main-layout"> |
||||
<div class="community-header" data-v-6fe12ba9> |
||||
<div class="header-pc" data-v-6fe12ba9> |
||||
<div class="header-main-box" data-v-6fe12ba9> |
||||
<div class="header-main pc-width" data-v-6fe12ba9> |
||||
<div class="header-left-box" data-v-6fe12ba9> |
||||
<div class="header-logo" data-v-6fe12ba9><a href="{{.IndexUrl}}" data-v-6fe12ba9> |
||||
<img src="{{replaceImage .Logo}}" style="height: 48px;" alt="logo"></a> |
||||
</div> |
||||
<div class="header-tag-nav" data-v-6fe12ba9> |
||||
<a href="{{.IndexUrl}}" class="nuxt-link-exact-active active router-active">{{ lang "home"}}</span> |
||||
</a> |
||||
{{if .HasAbout }} |
||||
<a href="{{.AboutUrl}}" class="active">{{ lang "about"}}</a> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<a href="{{.ContactUrl}}" class="active">{{ lang "contact"}}</a> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<a href="{{.PolicyUrl}}" class="active">{{ lang "policy"}}</a> |
||||
{{end}} |
||||
</div> |
||||
<style> |
||||
.header-tag-nav a { |
||||
padding: 0px 1.25rem; |
||||
} |
||||
</style> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<!----> |
||||
</div> |
||||
<div class="header-m" data-v-6fe12ba9></div> |
||||
</div> |
||||
|
||||
<div class="community-content-layout"> |
||||
<div class="blog-page-box" data-v-5812b8ae> |
||||
<div class="community-list-page-main" data-v-68faff4a data-v-5812b8ae> |
||||
<div class="banner-box" data-v-68faff4a> |
||||
<h3 class="title pc-width" data-v-68faff4a>{{lang "policy"}}</h3> |
||||
<div class="search-form" data-v-68faff4a> |
||||
<!----> |
||||
</div> |
||||
</div> |
||||
<div class="content-box pc-width" data-v-68faff4a> |
||||
<section id="content" class="container"> |
||||
<div> |
||||
{{.Policy}} |
||||
</div> |
||||
</section> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
<div class="community-footer" data-v-7f402c34> |
||||
<div class="footer-box pc-width" data-v-7f402c34> |
||||
|
||||
<div class="footer-bottom" data-v-7f402c34> |
||||
{{range .Friendship}} |
||||
<a href="{{.Url}}" target="_blank" data-v-7f402c34>{{.Name}}</a> |
||||
{{end}} |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</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/blance.css"}}" /> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/index.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="archive category category-blog category-1374 x-renew x-child-theme-active x-full-width-layout-active x-full-width-active x-masonry-active x-archive-masonry-active x-navbar-static-active pro-v5_1_4"> |
||||
<div id="x-root" class="x-root"> |
||||
<div id="x-root" class="x-root"> |
||||
<div id="top" class="site"> |
||||
<header class="masthead masthead-inline" role="banner"> |
||||
<div class="x-navbar-wrap"> |
||||
<div class="x-navbar"> |
||||
<div class="x-navbar-inner"> |
||||
<div class="x-container max width"> |
||||
|
||||
<a href="{{.IndexUrl}}" class="x-brand img"> |
||||
<img src="{{replaceImage .Logo}}" alt="Connectify"></a> |
||||
|
||||
<nav class="x-nav-wrap desktop" role="navigation"> |
||||
<ul id="menu-main" class="x-nav"> |
||||
|
||||
<li id="menu-item-43415" |
||||
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-43415"> |
||||
<a href="{{.IndexUrl}}"><span>{{ lang "home"}}</span></a> |
||||
</li> |
||||
{{if .HasAbout }} |
||||
<li id="menu-item-43416" |
||||
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-43416"> |
||||
<a href="{{.AboutUrl}}"><span>{{ lang "about" }}</span></a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<li id="menu-item-43417" |
||||
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-43417"> |
||||
<a href="{{.ContactUrl}}"><span>{{ lang "contact" }}</span></a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<li id="menu-item-43417" |
||||
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-43417"> |
||||
<a href="{{.PolicyUrl}}"><span>{{ lang "policy"}}</span></a> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
</nav> |
||||
|
||||
|
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
</header> |
||||
|
||||
<header class="x-header-landmark"> |
||||
<div class="x-container max width"> |
||||
<div class="x-landmark-breadcrumbs-wrap"> |
||||
<div class="x-landmark"> |
||||
<h1 class="h-landmark"><span>{{lang "about"}}</span></h1> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</header> |
||||
|
||||
<div class="x-container max width offset"> |
||||
<div class="x-main full" role="main"> |
||||
|
||||
<section id="content" class="container"> |
||||
<div> |
||||
{{.About}} |
||||
</div> |
||||
</section> |
||||
|
||||
</div> |
||||
|
||||
|
||||
|
||||
</div> |
||||
|
||||
<footer class="x-colophon top"> |
||||
<div class="x-container max width"> |
||||
|
||||
<div class="x-column x-md x-1-4"> |
||||
<div id="custom_html-3" class="widget_text widget widget_custom_html"> |
||||
<div class="textwidget custom-html-widget"> |
||||
<h6 class="h-custom-headline accent"><span>{{lang "related"}}</span></h6> |
||||
</div> |
||||
</div> |
||||
<div id="nav_menu-3" class="widget widget_nav_menu"> |
||||
<div class="menu-footer-column-1-container"> |
||||
<ul id="menu-footer-column-1" class="menu"> |
||||
{{if .HasAbout }} |
||||
<li id="menu-item-44139" |
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-44139"><a |
||||
href="{{.AboutUrl}}">{{lang "about"}}</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<li id="menu-item-44140" |
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-44140"><a |
||||
href="{{.ContactUrl}}">{{lang "contact"}}</a></li> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<li id="menu-item-44141" |
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-44141"><a |
||||
href="{{.PolicyUrl}}">{{lang "policy"}}</a></li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="x-column x-md x-1-4"> |
||||
<div id="custom_html-4" class="widget_text widget widget_custom_html"> |
||||
<div class="textwidget custom-html-widget"> |
||||
<h6 class="h-custom-headline accent"><span class='right'> </span></h6> |
||||
</div> |
||||
</div> |
||||
{{$flen := len .Friendship}} |
||||
{{if ne $flen 0}} |
||||
<div id="nav_menu-4" class="widget widget_nav_menu"> |
||||
<div class="menu-footer-column-2-container"> |
||||
<ul id="menu-footer-column-2" class="menu"> |
||||
{{range .Friendship}} |
||||
<li |
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-44146"><a |
||||
href="{{.Url}}">{{.Name}}</a> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
{{end}} |
||||
</div> |
||||
</div> |
||||
</footer> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</body> |
||||
|
||||
</html> |
||||
@ -0,0 +1,5 @@ |
||||
{ |
||||
"creator": "申心远", |
||||
"version": "1.0", |
||||
"origin_website": "https://connectify.me/category/blog/" |
||||
} |
||||
@ -0,0 +1,174 @@ |
||||
<!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/blance.css"}}" /> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/index.css"}}" /> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/common.css"}}" /> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/bootstrap.min.css"}}" /> |
||||
|
||||
|
||||
|
||||
<link rel="shortcut icon" type="image/png" href="{{replaceImage .Favicon}}" /> |
||||
</head> |
||||
|
||||
<body |
||||
class="archive category category-blog category-1374 x-renew x-child-theme-active x-full-width-layout-active x-full-width-active x-masonry-active x-archive-masonry-active x-navbar-static-active pro-v5_1_4"> |
||||
<div id="x-root" class="x-root"> |
||||
<div id="x-root" class="x-root"> |
||||
<div id="top" class="site"> |
||||
<header class="masthead masthead-inline" role="banner"> |
||||
<div class="x-navbar-wrap"> |
||||
<div class="x-navbar"> |
||||
<div class="x-navbar-inner"> |
||||
<div class="x-container max width"> |
||||
|
||||
<a href="{{.IndexUrl}}" class="x-brand img"> |
||||
<img src="{{replaceImage .Logo}}" alt="Connectify"></a> |
||||
|
||||
<nav class="x-nav-wrap desktop" role="navigation"> |
||||
<ul id="menu-main" class="x-nav"> |
||||
|
||||
<li id="menu-item-43415" |
||||
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-43415"> |
||||
<a href="{{.IndexUrl}}"><span>{{ lang "home"}}</span></a> |
||||
</li> |
||||
{{if .HasAbout }} |
||||
<li id="menu-item-43416" |
||||
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-43416"> |
||||
<a href="{{.AboutUrl}}"><span>{{ lang "about" }}</span></a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<li id="menu-item-43417" |
||||
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-43417"> |
||||
<a href="{{.ContactUrl}}"><span>{{ lang "contact" }}</span></a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<li id="menu-item-43417" |
||||
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-43417"> |
||||
<a href="{{.PolicyUrl}}"><span>{{ lang "policy"}}</span></a> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
</nav> |
||||
|
||||
|
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
</header> |
||||
|
||||
<header class="x-header-landmark"> |
||||
<div class="x-container max width"> |
||||
<div class="x-landmark-breadcrumbs-wrap"> |
||||
<div class="x-landmark"> |
||||
<h1 class="h-landmark"><span>{{lang "contact"}}</span></h1> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</header> |
||||
|
||||
<div class="x-container max width offset"> |
||||
<div class="x-main full" role="main"> |
||||
|
||||
<section id="content" class="container"> |
||||
<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> |
||||
|
||||
<footer class="x-colophon top"> |
||||
<div class="x-container max width"> |
||||
|
||||
<div class="x-column x-md x-1-4"> |
||||
<div id="custom_html-3" class="widget_text widget widget_custom_html"> |
||||
<div class="textwidget custom-html-widget"> |
||||
<h6 class="h-custom-headline accent"><span>{{lang "related"}}</span></h6> |
||||
</div> |
||||
</div> |
||||
<div id="nav_menu-3" class="widget widget_nav_menu"> |
||||
<div class="menu-footer-column-1-container"> |
||||
<ul id="menu-footer-column-1" class="menu"> |
||||
{{if .HasAbout }} |
||||
<li id="menu-item-44139" |
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-44139"><a |
||||
href="{{.AboutUrl}}">{{lang "about"}}</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<li id="menu-item-44140" |
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-44140"><a |
||||
href="{{.ContactUrl}}">{{lang "contact"}}</a></li> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<li id="menu-item-44141" |
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-44141"><a |
||||
href="{{.PolicyUrl}}">{{lang "policy"}}</a></li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="x-column x-md x-1-4"> |
||||
<div id="custom_html-4" class="widget_text widget widget_custom_html"> |
||||
<div class="textwidget custom-html-widget"> |
||||
<h6 class="h-custom-headline accent"><span class='right'> </span></h6> |
||||
</div> |
||||
</div> |
||||
{{$flen := len .Friendship}} |
||||
{{if ne $flen 0}} |
||||
<div id="nav_menu-4" class="widget widget_nav_menu"> |
||||
<div class="menu-footer-column-2-container"> |
||||
<ul id="menu-footer-column-2" class="menu"> |
||||
{{range .Friendship}} |
||||
<li |
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-44146"><a |
||||
href="{{.Url}}">{{.Name}}</a> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
{{end}} |
||||
</div> |
||||
</div> |
||||
</footer> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</body> |
||||
|
||||
</html> |
||||
File diff suppressed because one or more lines are too long
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,59 @@ |
||||
#articles-latest .article:not(:last-of-type) { |
||||
margin-bottom: 20px; |
||||
} |
||||
#articles-latest .article .image { |
||||
margin-right: 25px; |
||||
} |
||||
#articles-latest .article .image img { |
||||
width: 300px; |
||||
height: 180px; |
||||
-o-object-fit: cover; |
||||
object-fit: cover; |
||||
background-color: #f5f5f5; |
||||
box-sizing: border-box; |
||||
} |
||||
#articles-latest .article .content { |
||||
flex: 1; |
||||
} |
||||
#articles-latest .article .content .title { |
||||
font-size: 20px; |
||||
font-weight: 700; |
||||
color: #333; |
||||
} |
||||
#articles-latest .article .content .title:hover { |
||||
color: #3755d6; |
||||
transition: color 0.5s; |
||||
} |
||||
#articles-latest .article .content .description { |
||||
line-height: 1.5; |
||||
margin-top: 5px; |
||||
color: #666; |
||||
font-size: 14px; |
||||
} |
||||
#articles-latest .article .content .info { |
||||
color: #999; |
||||
margin-top: 5px; |
||||
font-size: 14px; |
||||
} |
||||
|
||||
@media screen and (max-width: 992px) { |
||||
#articles-latest { |
||||
padding-top: 5px; |
||||
} |
||||
#articles-latest .article .title { |
||||
font-size: 18px !important; |
||||
} |
||||
#articles-latest .article .image { |
||||
margin-right: 0; |
||||
} |
||||
#articles-latest .article .image img { |
||||
width: 100%; |
||||
height: auto; |
||||
margin-bottom: 10px; |
||||
} |
||||
} |
||||
@media screen and (min-width: 540px) { |
||||
#articles-latest { |
||||
padding-left: 0; |
||||
} |
||||
}/*# sourceMappingURL=index.css.map */ |
||||
@ -0,0 +1,241 @@ |
||||
<!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/blance.css"}}" /> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/index.css"}}" /> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/common.css"}}" /> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/bootstrap.min.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="archive category category-blog category-1374 x-renew x-child-theme-active x-full-width-layout-active x-full-width-active x-masonry-active x-archive-masonry-active x-navbar-static-active pro-v5_1_4"> |
||||
<div id="x-root" class="x-root"> |
||||
<div id="x-root" class="x-root"> |
||||
<div id="top" class="site"> |
||||
<header class="masthead masthead-inline" role="banner"> |
||||
<div class="x-navbar-wrap"> |
||||
<div class="x-navbar"> |
||||
<div class="x-navbar-inner"> |
||||
<div class="x-container max width"> |
||||
|
||||
<a href="{{.IndexUrl}}" class="x-brand img"> |
||||
<img src="{{replaceImage .Logo}}" alt="Connectify"></a> |
||||
|
||||
<nav class="x-nav-wrap desktop" role="navigation"> |
||||
<ul id="menu-main" class="x-nav"> |
||||
|
||||
<li id="menu-item-43415" |
||||
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-43415"> |
||||
<a href="{{.IndexUrl}}"><span>{{ lang "home"}}</span></a> |
||||
</li> |
||||
{{if .HasAbout }} |
||||
<li id="menu-item-43416" |
||||
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-43416"> |
||||
<a href="{{.AboutUrl}}"><span>{{ lang "about" }}</span></a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<li id="menu-item-43417" |
||||
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-43417"> |
||||
<a href="{{.ContactUrl}}"><span>{{ lang "contact" }}</span></a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<li id="menu-item-43417" |
||||
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-43417"> |
||||
<a href="{{.PolicyUrl}}"><span>{{ lang "policy"}}</span></a> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
</nav> |
||||
|
||||
|
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
</header> |
||||
|
||||
<div class="x-container max width offset"> |
||||
<div class="x-main full" role="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-8 col-md-12"> |
||||
<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> |
||||
|
||||
<footer class="x-colophon top"> |
||||
<div class="x-container max width"> |
||||
|
||||
<div class="x-column x-md x-1-4"> |
||||
<div id="custom_html-3" class="widget_text widget widget_custom_html"> |
||||
<div class="textwidget custom-html-widget"> |
||||
<h6 class="h-custom-headline accent"><span>{{lang "related"}}</span></h6> |
||||
</div> |
||||
</div> |
||||
<div id="nav_menu-3" class="widget widget_nav_menu"> |
||||
<div class="menu-footer-column-1-container"> |
||||
<ul id="menu-footer-column-1" class="menu"> |
||||
{{if .HasAbout }} |
||||
<li id="menu-item-44139" |
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-44139"><a |
||||
href="{{.AboutUrl}}">{{lang "about"}}</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<li id="menu-item-44140" |
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-44140"><a |
||||
href="{{.ContactUrl}}">{{lang "contact"}}</a></li> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<li id="menu-item-44141" |
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-44141"><a |
||||
href="{{.PolicyUrl}}">{{lang "policy"}}</a></li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="x-column x-md x-1-4"> |
||||
<div id="custom_html-4" class="widget_text widget widget_custom_html"> |
||||
<div class="textwidget custom-html-widget"> |
||||
<h6 class="h-custom-headline accent"><span class='right'> </span></h6> |
||||
</div> |
||||
</div> |
||||
{{$flen := len .Friendship}} |
||||
{{if ne $flen 0}} |
||||
<div id="nav_menu-4" class="widget widget_nav_menu"> |
||||
<div class="menu-footer-column-2-container"> |
||||
<ul id="menu-footer-column-2" class="menu"> |
||||
{{range .Friendship}} |
||||
<li |
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-44146"><a |
||||
href="{{.Url}}">{{.Name}}</a> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
{{end}} |
||||
</div> |
||||
</div> |
||||
</footer> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</body> |
||||
|
||||
</html> |
||||
@ -0,0 +1,195 @@ |
||||
<!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/blance.css"}}" /> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/index.css"}}" /> |
||||
<link rel="shortcut icon" type="image/png" href="{{replaceImage .Favicon}}" /> |
||||
</head> |
||||
|
||||
<body |
||||
class="archive category category-blog category-1374 x-renew x-child-theme-active x-full-width-layout-active x-full-width-active x-masonry-active x-archive-masonry-active x-navbar-static-active pro-v5_1_4"> |
||||
<div id="x-root" class="x-root"> |
||||
<div id="x-root" class="x-root"> |
||||
<div id="top" class="site"> |
||||
<header class="masthead masthead-inline" role="banner"> |
||||
<div class="x-navbar-wrap"> |
||||
<div class="x-navbar"> |
||||
<div class="x-navbar-inner"> |
||||
<div class="x-container max width"> |
||||
|
||||
<a href="{{.IndexUrl}}" class="x-brand img"> |
||||
<img src="{{replaceImage .Logo}}" alt="Connectify"></a> |
||||
|
||||
<nav class="x-nav-wrap desktop" role="navigation"> |
||||
<ul id="menu-main" class="x-nav"> |
||||
|
||||
<li id="menu-item-43415" |
||||
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-43415"> |
||||
<a href="{{.IndexUrl}}"><span>{{ lang "home"}}</span></a> |
||||
</li> |
||||
{{if .HasAbout }} |
||||
<li id="menu-item-43416" |
||||
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-43416"> |
||||
<a href="{{.AboutUrl}}"><span>{{ lang "about" }}</span></a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<li id="menu-item-43417" |
||||
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-43417"> |
||||
<a href="{{.ContactUrl}}"><span>{{ lang "contact" }}</span></a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<li id="menu-item-43417" |
||||
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-43417"> |
||||
<a href="{{.PolicyUrl}}"><span>{{ lang "policy"}}</span></a> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
</nav> |
||||
|
||||
|
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
</header> |
||||
|
||||
<header class="x-header-landmark"> |
||||
<div class="x-container max width"> |
||||
<div class="x-landmark-breadcrumbs-wrap"> |
||||
<div class="x-landmark"> |
||||
<h1 class="h-landmark"><span>{{lang "latest"}}</span></h1> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</header> |
||||
|
||||
<div class="x-container max width offset"> |
||||
<div class="x-main full" role="main"> |
||||
|
||||
<div id="x-iso-container" class="x-iso-container x-iso-container-posts cols-3"> |
||||
|
||||
{{ range .Articles }} |
||||
<article id="post-44389" |
||||
class="post-44389 post type-post status-publish format-standard hentry category-blog no-post-thumbnail"> |
||||
<div class="entry-wrap"> |
||||
|
||||
<header class="entry-header"> |
||||
<h2 class="entry-title"> |
||||
<a href="{{.Url}}" |
||||
title="{{.Url}}">{{.Title}}</a> |
||||
</h2> |
||||
<p class="p-meta"><span>{{timeFormat .PublishTime}}</span><span>{{.Views}} {{lang "views"}}</span></p> |
||||
</header> |
||||
<div class="entry-featured"> |
||||
<a href="{{.Url}}" |
||||
class="entry-thumb" |
||||
title="{{.Url}}"><img |
||||
width="1200" height="600" |
||||
src="{{getCover .Cover 300 180}}" |
||||
class="attachment-entry-fullwidth size-entry-fullwidth wp-post-image jetpack-lazy-image jetpack-lazy-image--handled" |
||||
alt="" decoding="async" loading="eager"></a> |
||||
</div> |
||||
<div class="entry-content excerpt"> |
||||
</div> |
||||
|
||||
</div> |
||||
</article> |
||||
{{end}} |
||||
</div> |
||||
|
||||
<div class="x-pagination"> |
||||
<div class="prebtn"> |
||||
{{$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> |
||||
|
||||
<footer class="x-colophon top"> |
||||
<div class="x-container max width"> |
||||
|
||||
<div class="x-column x-md x-1-4"> |
||||
<div id="custom_html-3" class="widget_text widget widget_custom_html"> |
||||
<div class="textwidget custom-html-widget"> |
||||
<h6 class="h-custom-headline accent"><span>{{lang "related"}}</span></h6> |
||||
</div> |
||||
</div> |
||||
<div id="nav_menu-3" class="widget widget_nav_menu"> |
||||
<div class="menu-footer-column-1-container"> |
||||
<ul id="menu-footer-column-1" class="menu"> |
||||
{{if .HasAbout }} |
||||
<li id="menu-item-44139" |
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-44139"><a |
||||
href="{{.AboutUrl}}">{{lang "about"}}</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<li id="menu-item-44140" |
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-44140"><a |
||||
href="{{.ContactUrl}}">{{lang "contact"}}</a></li> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<li id="menu-item-44141" |
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-44141"><a |
||||
href="{{.PolicyUrl}}">{{lang "policy"}}</a></li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="x-column x-md x-1-4"> |
||||
<div id="custom_html-4" class="widget_text widget widget_custom_html"> |
||||
<div class="textwidget custom-html-widget"> |
||||
<h6 class="h-custom-headline accent"><span class='right'> </span></h6> |
||||
</div> |
||||
</div> |
||||
{{$flen := len .Friendship}} |
||||
{{if ne $flen 0}} |
||||
<div id="nav_menu-4" class="widget widget_nav_menu"> |
||||
<div class="menu-footer-column-2-container"> |
||||
<ul id="menu-footer-column-2" class="menu"> |
||||
{{range .Friendship}} |
||||
<li |
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-44146"><a |
||||
href="{{.Url}}">{{.Name}}</a> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
{{end}} |
||||
</div> |
||||
</div> |
||||
</footer> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</body> |
||||
|
||||
</html> |
||||
@ -0,0 +1,158 @@ |
||||
<!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/blance.css"}}" /> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/index.css"}}" /> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/common.css"}}" /> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/bootstrap.min.css"}}" /> |
||||
|
||||
|
||||
|
||||
<link rel="shortcut icon" type="image/png" href="{{replaceImage .Favicon}}" /> |
||||
</head> |
||||
|
||||
<body |
||||
class="archive category category-blog category-1374 x-renew x-child-theme-active x-full-width-layout-active x-full-width-active x-masonry-active x-archive-masonry-active x-navbar-static-active pro-v5_1_4"> |
||||
<div id="x-root" class="x-root"> |
||||
<div id="x-root" class="x-root"> |
||||
<div id="top" class="site"> |
||||
<header class="masthead masthead-inline" role="banner"> |
||||
<div class="x-navbar-wrap"> |
||||
<div class="x-navbar"> |
||||
<div class="x-navbar-inner"> |
||||
<div class="x-container max width"> |
||||
|
||||
<a href="{{.IndexUrl}}" class="x-brand img"> |
||||
<img src="{{replaceImage .Logo}}" alt="Connectify"></a> |
||||
|
||||
<nav class="x-nav-wrap desktop" role="navigation"> |
||||
<ul id="menu-main" class="x-nav"> |
||||
|
||||
<li id="menu-item-43415" |
||||
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-43415"> |
||||
<a href="{{.IndexUrl}}"><span>{{ lang "home"}}</span></a> |
||||
</li> |
||||
{{if .HasAbout }} |
||||
<li id="menu-item-43416" |
||||
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-43416"> |
||||
<a href="{{.AboutUrl}}"><span>{{ lang "about" }}</span></a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<li id="menu-item-43417" |
||||
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-43417"> |
||||
<a href="{{.ContactUrl}}"><span>{{ lang "contact" }}</span></a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<li id="menu-item-43417" |
||||
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-43417"> |
||||
<a href="{{.PolicyUrl}}"><span>{{ lang "policy"}}</span></a> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
</nav> |
||||
|
||||
|
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
</header> |
||||
|
||||
<header class="x-header-landmark"> |
||||
<div class="x-container max width"> |
||||
<div class="x-landmark-breadcrumbs-wrap"> |
||||
<div class="x-landmark"> |
||||
<h1 class="h-landmark"><span>{{lang "policy"}}</span></h1> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</header> |
||||
|
||||
<div class="x-container max width offset"> |
||||
<div class="x-main full" role="main"> |
||||
|
||||
<section id="content" class="container"> |
||||
<div> |
||||
{{.Policy}} |
||||
</div> |
||||
</section> |
||||
|
||||
</div> |
||||
|
||||
|
||||
|
||||
</div> |
||||
|
||||
<footer class="x-colophon top"> |
||||
<div class="x-container max width"> |
||||
|
||||
<div class="x-column x-md x-1-4"> |
||||
<div id="custom_html-3" class="widget_text widget widget_custom_html"> |
||||
<div class="textwidget custom-html-widget"> |
||||
<h6 class="h-custom-headline accent"><span>{{lang "related"}}</span></h6> |
||||
</div> |
||||
</div> |
||||
<div id="nav_menu-3" class="widget widget_nav_menu"> |
||||
<div class="menu-footer-column-1-container"> |
||||
<ul id="menu-footer-column-1" class="menu"> |
||||
{{if .HasAbout }} |
||||
<li id="menu-item-44139" |
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-44139"><a |
||||
href="{{.AboutUrl}}">{{lang "about"}}</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<li id="menu-item-44140" |
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-44140"><a |
||||
href="{{.ContactUrl}}">{{lang "contact"}}</a></li> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<li id="menu-item-44141" |
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-44141"><a |
||||
href="{{.PolicyUrl}}">{{lang "policy"}}</a></li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="x-column x-md x-1-4"> |
||||
<div id="custom_html-4" class="widget_text widget widget_custom_html"> |
||||
<div class="textwidget custom-html-widget"> |
||||
<h6 class="h-custom-headline accent"><span class='right'> </span></h6> |
||||
</div> |
||||
</div> |
||||
{{$flen := len .Friendship}} |
||||
{{if ne $flen 0}} |
||||
<div id="nav_menu-4" class="widget widget_nav_menu"> |
||||
<div class="menu-footer-column-2-container"> |
||||
<ul id="menu-footer-column-2" class="menu"> |
||||
{{range .Friendship}} |
||||
<li |
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-44146"><a |
||||
href="{{.Url}}">{{.Name}}</a> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
{{end}} |
||||
</div> |
||||
</div> |
||||
</footer> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</body> |
||||
|
||||
</html> |
||||
@ -0,0 +1,241 @@ |
||||
<!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/blance.css"}}" /> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/index.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 theme-flatsome woocommerce-no-js lightbox nav-dropdown-has-arrow elementor-default elementor-kit-113800"> |
||||
<div id="wrapper"> |
||||
<header id="header" class="header has-sticky sticky-jump"> |
||||
<div class="header-wrapper"> |
||||
<div id="masthead" class="header-main show-logo-center"> |
||||
<div class="header-inner flex-row container logo-center medium-logo-center" role="navigation"> |
||||
|
||||
<!-- Logo --> |
||||
<div id="logo" class="flex-col logo"> |
||||
<!-- Header logo --> |
||||
<a href="{{.IndexUrl}}" title="HiBoost - HiBoost Cell Phone Signal Boosters" |
||||
rel="home"> |
||||
<img width="178" height="84" |
||||
src="{{replaceImage .Logo}}" |
||||
class="header-logo-dark" alt="HiBoost" /></a> |
||||
</div> |
||||
|
||||
<!-- Mobile Left Elements --> |
||||
<div class="flex-col show-for-medium flex-left"> |
||||
<ul class="mobile-nav nav nav-left "> |
||||
<li class="cart-item"> |
||||
<a href="{{.IndexUrl}}" |
||||
class="header-cart-link off-canvas-toggle nav-top-link is-small" |
||||
data-open="#cart-popup" data-class="off-canvas-cart" title="Cart" |
||||
data-pos="right"> |
||||
{{ lang "home"}} |
||||
</a> |
||||
</li> |
||||
{{if .HasAbout }} |
||||
<li class="account-item"> |
||||
<a href="{{.AboutUrl}}" |
||||
class="account-link-mobile is-small" title="My account"> |
||||
{{ lang "about" }}</a> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
|
||||
<!-- Left Elements --> |
||||
<div class="flex-col hide-for-medium flex-left"> |
||||
<ul class="header-nav header-nav-main nav nav-left nav-size-large nav-spacing-medium"> |
||||
<li id="menu-item-128919" |
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-128919"> |
||||
<a href="{{.IndexUrl}}" |
||||
class="nav-top-link">{{ lang "home"}}</a></li> |
||||
{{if .HasAbout }} |
||||
<li id="menu-item-128920" |
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-128920"> |
||||
<a href="{{.AboutUrl}}" |
||||
class="nav-top-link">{{ lang "about" }}</a></li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
|
||||
<!-- Right Elements --> |
||||
<div class="flex-col hide-for-medium flex-right"> |
||||
<ul class="header-nav header-nav-main nav nav-right nav-size-large nav-spacing-medium"> |
||||
{{if .HasContact }} |
||||
<li id="menu-item-141679" |
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-141679"> |
||||
<a href="{{.ContactUrl}}" class="nav-top-link">{{ lang "contact" }}</a></li> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<li id="menu-item-12317" |
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-12317"> |
||||
<a href="{{.PolicyUrl}}" class="nav-top-link">{{ lang "policy"}}</a></li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
|
||||
<!-- Mobile Right Elements --> |
||||
<div class="flex-col show-for-medium flex-right"> |
||||
<ul class="mobile-nav nav nav-right "> |
||||
{{if .HasContact }} |
||||
<li id="menu-item-141679" |
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-141679"> |
||||
<a href="{{.ContactUrl}}" class="nav-top-link">{{ lang "contact" }}</a></li> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<li id="menu-item-12317" |
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-12317"> |
||||
<a href="{{.PolicyUrl}}" class="nav-top-link">{{ lang "policy"}}</a></li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
|
||||
</div><!-- .header-inner --> |
||||
|
||||
</div><!-- .header-main --> |
||||
</div><!-- header-wrapper--> |
||||
</header> |
||||
|
||||
<div class="blog-header-wrapper"> |
||||
|
||||
<div class="banner has-hover" id="banner-1735028727"> |
||||
<div class="banner-inner fill"> |
||||
<div class="banner-layers container"> |
||||
<div class="fill banner-link"></div> |
||||
<div id="text-box-80766324" |
||||
class="text-box banner-layer x50 md-x50 lg-x50 y50 md-y50 lg-y50 res-text"> |
||||
<div class="text "> |
||||
<div class="text-inner text-center"> |
||||
<div class="container section-title-container"> |
||||
<h1 class="section-title section-title-center"><b></b><span |
||||
class="section-title-main" style="font-size:98%;">{{lang "about"}}</span><b></b> |
||||
</h1> |
||||
</div><!-- .section-title --> |
||||
</div> |
||||
</div><!-- text-box-inner --> |
||||
|
||||
<style scope="scope"> |
||||
#text-box-80766324 { |
||||
width: 60%; |
||||
} |
||||
|
||||
#text-box-80766324 .text { |
||||
font-size: 100%; |
||||
} |
||||
</style> |
||||
</div><!-- text-box --> |
||||
|
||||
|
||||
</div><!-- .banner-layers --> |
||||
</div><!-- .banner-inner --> |
||||
|
||||
|
||||
<style scope="scope"> |
||||
#banner-1735028727 { |
||||
padding-top: 327px; |
||||
background-color: rgb(255, 255, 255); |
||||
} |
||||
|
||||
#banner-1735028727 .overlay { |
||||
background-color: rgba(255, 255, 255, .5); |
||||
} |
||||
</style> |
||||
</div><!-- .banner --> |
||||
|
||||
</div> |
||||
|
||||
<main id="main" class=""> |
||||
|
||||
<div id="content" class="blog-wrapper blog-archive page-wrapper"> |
||||
|
||||
|
||||
<div class="row row-large row-divided "> |
||||
|
||||
<section id="content" class="container"> |
||||
<div> |
||||
{{.About}} |
||||
</div> |
||||
</section> |
||||
|
||||
</div><!-- .row --> |
||||
|
||||
</div><!-- .page-wrapper .blog-wrapper --> |
||||
|
||||
|
||||
</main><!-- #main --> |
||||
|
||||
<footer id="footer" class="footer-wrapper"> |
||||
<!-- FOOTER 1 --> |
||||
<div class="footer-widgets footer footer-1"> |
||||
<div class="row large-columns-4 mb-0"> |
||||
<div id="nav_menu-2" class="col pb-0 widget widget_nav_menu"><span |
||||
class="widget-title">{{lang "related"}}</span> |
||||
<div class="is-divider small"></div> |
||||
<div class="menu-products-container"> |
||||
<ul id="menu-products" class="menu"> |
||||
{{if .HasAbout }} |
||||
<li id="menu-item-124069" |
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-124069"> |
||||
<a href="{{.AboutUrl}}">{{lang "about"}}</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<li id="menu-item-3992" |
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3992"> |
||||
<a href="{{.ContactUrl}}">{{lang "contact"}}</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<li id="menu-item-3993" |
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3993"> |
||||
<a href="{{.PolicyUrl}}">{{lang "policy"}}</a> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
{{$flen := len .Friendship}} |
||||
{{if ne $flen 0}} |
||||
<div id="nav_menu-4" class="col pb-0 widget widget_nav_menu"><span class="widget-title">{{lang "friendship"}}</span> |
||||
<div class="is-divider small"></div> |
||||
<div class="menu-carrier-solutions-container"> |
||||
<ul id="menu-carrier-solutions" class="menu"> |
||||
{{range .Friendship}} |
||||
<li id="menu-item-463" |
||||
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-463"><a |
||||
href="{{.Url}}">{{.Name}}</a> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
{{end}} |
||||
</div><!-- end row --> |
||||
</div><!-- footer 1 --> |
||||
|
||||
<div class="absolute-footer light medium-text-center small-text-center"> |
||||
<div class="container clearfix"> |
||||
<div class="footer-primary pull-left"> |
||||
<div class="copyright-footer"> |
||||
{{.Copyright}}</div> |
||||
</div><!-- .left --> |
||||
</div><!-- .container --> |
||||
</div><!-- .absolute-footer --> |
||||
|
||||
|
||||
</footer><!-- .footer-wrapper --> |
||||
</div> |
||||
</body> |
||||
|
||||
</html> |
||||
@ -0,0 +1,10 @@ |
||||
{ |
||||
"creator": "申心远", |
||||
"version": "1.0", |
||||
"origin_website": "https://www.hiboost.com/blog/", |
||||
"devices": [ |
||||
"pc", |
||||
"pad", |
||||
"phone" |
||||
] |
||||
} |
||||
@ -0,0 +1,257 @@ |
||||
<!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/blance.css"}}" /> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/index.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 theme-flatsome woocommerce-no-js lightbox nav-dropdown-has-arrow elementor-default elementor-kit-113800"> |
||||
<div id="wrapper"> |
||||
<header id="header" class="header has-sticky sticky-jump"> |
||||
<div class="header-wrapper"> |
||||
<div id="masthead" class="header-main show-logo-center"> |
||||
<div class="header-inner flex-row container logo-center medium-logo-center" role="navigation"> |
||||
|
||||
<!-- Logo --> |
||||
<div id="logo" class="flex-col logo"> |
||||
<!-- Header logo --> |
||||
<a href="{{.IndexUrl}}" title="HiBoost - HiBoost Cell Phone Signal Boosters" |
||||
rel="home"> |
||||
<img width="178" height="84" |
||||
src="{{replaceImage .Logo}}" |
||||
class="header-logo-dark" alt="HiBoost" /></a> |
||||
</div> |
||||
|
||||
<!-- Mobile Left Elements --> |
||||
<div class="flex-col show-for-medium flex-left"> |
||||
<ul class="mobile-nav nav nav-left "> |
||||
<li class="cart-item"> |
||||
<a href="{{.IndexUrl}}" |
||||
class="header-cart-link off-canvas-toggle nav-top-link is-small" |
||||
data-open="#cart-popup" data-class="off-canvas-cart" title="Cart" |
||||
data-pos="right"> |
||||
{{ lang "home"}} |
||||
</a> |
||||
</li> |
||||
{{if .HasAbout }} |
||||
<li class="account-item"> |
||||
<a href="{{.AboutUrl}}" |
||||
class="account-link-mobile is-small" title="My account"> |
||||
{{ lang "about" }}</a> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
|
||||
<!-- Left Elements --> |
||||
<div class="flex-col hide-for-medium flex-left"> |
||||
<ul class="header-nav header-nav-main nav nav-left nav-size-large nav-spacing-medium"> |
||||
<li id="menu-item-128919" |
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-128919"> |
||||
<a href="{{.IndexUrl}}" |
||||
class="nav-top-link">{{ lang "home"}}</a></li> |
||||
{{if .HasAbout }} |
||||
<li id="menu-item-128920" |
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-128920"> |
||||
<a href="{{.AboutUrl}}" |
||||
class="nav-top-link">{{ lang "about" }}</a></li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
|
||||
<!-- Right Elements --> |
||||
<div class="flex-col hide-for-medium flex-right"> |
||||
<ul class="header-nav header-nav-main nav nav-right nav-size-large nav-spacing-medium"> |
||||
{{if .HasContact }} |
||||
<li id="menu-item-141679" |
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-141679"> |
||||
<a href="{{.ContactUrl}}" class="nav-top-link">{{ lang "contact" }}</a></li> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<li id="menu-item-12317" |
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-12317"> |
||||
<a href="{{.PolicyUrl}}" class="nav-top-link">{{ lang "policy"}}</a></li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
|
||||
<!-- Mobile Right Elements --> |
||||
<div class="flex-col show-for-medium flex-right"> |
||||
<ul class="mobile-nav nav nav-right "> |
||||
{{if .HasContact }} |
||||
<li id="menu-item-141679" |
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-141679"> |
||||
<a href="{{.ContactUrl}}" class="nav-top-link">{{ lang "contact" }}</a></li> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<li id="menu-item-12317" |
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-12317"> |
||||
<a href="{{.PolicyUrl}}" class="nav-top-link">{{ lang "policy"}}</a></li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
|
||||
</div><!-- .header-inner --> |
||||
|
||||
</div><!-- .header-main --> |
||||
</div><!-- header-wrapper--> |
||||
</header> |
||||
|
||||
<div class="blog-header-wrapper"> |
||||
|
||||
<div class="banner has-hover" id="banner-1735028727"> |
||||
<div class="banner-inner fill"> |
||||
<div class="banner-layers container"> |
||||
<div class="fill banner-link"></div> |
||||
<div id="text-box-80766324" |
||||
class="text-box banner-layer x50 md-x50 lg-x50 y50 md-y50 lg-y50 res-text"> |
||||
<div class="text "> |
||||
<div class="text-inner text-center"> |
||||
<div class="container section-title-container"> |
||||
<h1 class="section-title section-title-center"><b></b><span |
||||
class="section-title-main" style="font-size:98%;">{{lang "contact"}}</span><b></b> |
||||
</h1> |
||||
</div><!-- .section-title --> |
||||
</div> |
||||
</div><!-- text-box-inner --> |
||||
|
||||
<style scope="scope"> |
||||
#text-box-80766324 { |
||||
width: 60%; |
||||
} |
||||
|
||||
#text-box-80766324 .text { |
||||
font-size: 100%; |
||||
} |
||||
</style> |
||||
</div><!-- text-box --> |
||||
|
||||
|
||||
</div><!-- .banner-layers --> |
||||
</div><!-- .banner-inner --> |
||||
|
||||
|
||||
<style scope="scope"> |
||||
#banner-1735028727 { |
||||
padding-top: 327px; |
||||
background-color: rgb(255, 255, 255); |
||||
} |
||||
|
||||
#banner-1735028727 .overlay { |
||||
background-color: rgba(255, 255, 255, .5); |
||||
} |
||||
</style> |
||||
</div><!-- .banner --> |
||||
|
||||
</div> |
||||
|
||||
<main id="main" class=""> |
||||
|
||||
<div id="content" class="blog-wrapper blog-archive page-wrapper"> |
||||
|
||||
|
||||
<div class="row row-large row-divided "> |
||||
|
||||
<section id="content" class="container"> |
||||
<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><!-- .row --> |
||||
|
||||
</div><!-- .page-wrapper .blog-wrapper --> |
||||
|
||||
|
||||
</main><!-- #main --> |
||||
|
||||
<footer id="footer" class="footer-wrapper"> |
||||
<!-- FOOTER 1 --> |
||||
<div class="footer-widgets footer footer-1"> |
||||
<div class="row large-columns-4 mb-0"> |
||||
<div id="nav_menu-2" class="col pb-0 widget widget_nav_menu"><span |
||||
class="widget-title">{{lang "related"}}</span> |
||||
<div class="is-divider small"></div> |
||||
<div class="menu-products-container"> |
||||
<ul id="menu-products" class="menu"> |
||||
{{if .HasAbout }} |
||||
<li id="menu-item-124069" |
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-124069"> |
||||
<a href="{{.AboutUrl}}">{{lang "about"}}</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<li id="menu-item-3992" |
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3992"> |
||||
<a href="{{.ContactUrl}}">{{lang "contact"}}</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<li id="menu-item-3993" |
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3993"> |
||||
<a href="{{.PolicyUrl}}">{{lang "policy"}}</a> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
{{$flen := len .Friendship}} |
||||
{{if ne $flen 0}} |
||||
<div id="nav_menu-4" class="col pb-0 widget widget_nav_menu"><span class="widget-title">{{lang "friendship"}}</span> |
||||
<div class="is-divider small"></div> |
||||
<div class="menu-carrier-solutions-container"> |
||||
<ul id="menu-carrier-solutions" class="menu"> |
||||
{{range .Friendship}} |
||||
<li id="menu-item-463" |
||||
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-463"><a |
||||
href="{{.Url}}">{{.Name}}</a> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
{{end}} |
||||
</div><!-- end row --> |
||||
</div><!-- footer 1 --> |
||||
|
||||
<div class="absolute-footer light medium-text-center small-text-center"> |
||||
<div class="container clearfix"> |
||||
<div class="footer-primary pull-left"> |
||||
<div class="copyright-footer"> |
||||
{{.Copyright}}</div> |
||||
</div><!-- .left --> |
||||
</div><!-- .container --> |
||||
</div><!-- .absolute-footer --> |
||||
|
||||
|
||||
</footer><!-- .footer-wrapper --> |
||||
</div> |
||||
</body> |
||||
|
||||
</html> |
||||
File diff suppressed because one or more lines are too long
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: 25vh; |
||||
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,393 @@ |
||||
:root { |
||||
--primary-color: #e3212b; |
||||
} |
||||
|
||||
.full-width .ubermenu-nav, |
||||
.container, |
||||
.row { |
||||
max-width: 1220px |
||||
} |
||||
|
||||
.row.row-collapse { |
||||
max-width: 1190px |
||||
} |
||||
|
||||
.row.row-small { |
||||
max-width: 1212.5px |
||||
} |
||||
|
||||
.row.row-large { |
||||
max-width: 1250px |
||||
} |
||||
|
||||
.header-main { |
||||
height: 84px |
||||
} |
||||
|
||||
#logo img { |
||||
max-height: 84px |
||||
} |
||||
|
||||
#logo { |
||||
width: 178px; |
||||
} |
||||
|
||||
#logo a { |
||||
max-width: 150pxpx; |
||||
} |
||||
|
||||
.header-bottom { |
||||
min-height: 10px |
||||
} |
||||
|
||||
.header-top { |
||||
min-height: 32px |
||||
} |
||||
|
||||
.transparent .header-main { |
||||
height: 199px |
||||
} |
||||
|
||||
.transparent #logo img { |
||||
max-height: 199px |
||||
} |
||||
|
||||
.has-transparent+.page-title:first-of-type, |
||||
.has-transparent+#main>.page-title, |
||||
.has-transparent+#main>div>.page-title, |
||||
.has-transparent+#main .page-header-wrapper:first-of-type .page-title { |
||||
padding-top: 229px; |
||||
} |
||||
|
||||
.header.show-on-scroll, |
||||
.stuck .header-main { |
||||
height: 70px !important |
||||
} |
||||
|
||||
.stuck #logo img { |
||||
max-height: 70px !important |
||||
} |
||||
|
||||
.header-bottom { |
||||
background-color: #f1f1f1 |
||||
} |
||||
|
||||
.header-main .nav>li>a { |
||||
line-height: 76px |
||||
} |
||||
|
||||
.header-wrapper:not(.stuck) .header-main .header-nav { |
||||
margin-top: -5px |
||||
} |
||||
|
||||
.stuck .header-main .nav>li>a { |
||||
line-height: 50px |
||||
} |
||||
|
||||
@media (max-width: 549px) { |
||||
.header-main { |
||||
height: 70px |
||||
} |
||||
|
||||
#logo img { |
||||
max-height: 70px |
||||
} |
||||
} |
||||
|
||||
.header-top { |
||||
background-color: #000000 !important; |
||||
} |
||||
|
||||
/* Color */ |
||||
.accordion-title.active, |
||||
.has-icon-bg .icon .icon-inner, |
||||
.logo a, |
||||
.primary.is-underline, |
||||
.primary.is-link, |
||||
.badge-outline .badge-inner, |
||||
.nav-outline>li.active>a, |
||||
.nav-outline>li.active>a, |
||||
.cart-icon strong, |
||||
[data-color='primary'], |
||||
.is-outline.primary { |
||||
color: #e3212b; |
||||
} |
||||
|
||||
/* Color !important */ |
||||
[data-text-color="primary"] { |
||||
color: #e3212b !important; |
||||
} |
||||
|
||||
/* Background Color */ |
||||
[data-text-bg="primary"] { |
||||
background-color: #e3212b; |
||||
} |
||||
|
||||
/* Background */ |
||||
.scroll-to-bullets a, |
||||
.featured-title, |
||||
.label-new.menu-item>a:after, |
||||
.nav-pagination>li>.current, |
||||
.nav-pagination>li>span:hover, |
||||
.nav-pagination>li>a:hover, |
||||
.has-hover:hover .badge-outline .badge-inner, |
||||
button[type="submit"], |
||||
.button.wc-forward:not(.checkout):not(.checkout-button), |
||||
.button.submit-button, |
||||
.button.primary:not(.is-outline), |
||||
.featured-table .title, |
||||
.is-outline:hover, |
||||
.has-icon:hover .icon-label, |
||||
.nav-dropdown-bold .nav-column li>a:hover, |
||||
.nav-dropdown.nav-dropdown-bold>li>a:hover, |
||||
.nav-dropdown-bold.dark .nav-column li>a:hover, |
||||
.nav-dropdown.nav-dropdown-bold.dark>li>a:hover, |
||||
.is-outline:hover, |
||||
.tagcloud a:hover, |
||||
.grid-tools a, |
||||
input[type='submit']:not(.is-form), |
||||
.box-badge:hover .box-text, |
||||
input.button.alt, |
||||
.nav-box>li>a:hover, |
||||
.nav-box>li.active>a, |
||||
.nav-pills>li.active>a, |
||||
.current-dropdown .cart-icon strong, |
||||
.cart-icon:hover strong, |
||||
.nav-line-bottom>li>a:before, |
||||
.nav-line-grow>li>a:before, |
||||
.nav-line>li>a:before, |
||||
.banner, |
||||
.header-top, |
||||
.slider-nav-circle .flickity-prev-next-button:hover svg, |
||||
.slider-nav-circle .flickity-prev-next-button:hover .arrow, |
||||
.primary.is-outline:hover, |
||||
.button.primary:not(.is-outline), |
||||
input[type='submit'].primary, |
||||
input[type='submit'].primary, |
||||
input[type='reset'].button, |
||||
input[type='button'].primary, |
||||
.badge-inner { |
||||
background-color: #e3212b; |
||||
} |
||||
|
||||
/* Border */ |
||||
.nav-vertical.nav-tabs>li.active>a, |
||||
.scroll-to-bullets a.active, |
||||
.nav-pagination>li>.current, |
||||
.nav-pagination>li>span:hover, |
||||
.nav-pagination>li>a:hover, |
||||
.has-hover:hover .badge-outline .badge-inner, |
||||
.accordion-title.active, |
||||
.featured-table, |
||||
.is-outline:hover, |
||||
.tagcloud a:hover, |
||||
blockquote, |
||||
.has-border, |
||||
.cart-icon strong:after, |
||||
.cart-icon strong, |
||||
.blockUI:before, |
||||
.processing:before, |
||||
.loading-spin, |
||||
.slider-nav-circle .flickity-prev-next-button:hover svg, |
||||
.slider-nav-circle .flickity-prev-next-button:hover .arrow, |
||||
.primary.is-outline:hover { |
||||
border-color: #e3212b |
||||
} |
||||
|
||||
.nav-tabs>li.active>a { |
||||
border-top-color: #e3212b |
||||
} |
||||
|
||||
.widget_shopping_cart_content .blockUI.blockOverlay:before { |
||||
border-left-color: #e3212b |
||||
} |
||||
|
||||
.woocommerce-checkout-review-order .blockUI.blockOverlay:before { |
||||
border-left-color: #e3212b |
||||
} |
||||
|
||||
/* Fill */ |
||||
.slider .flickity-prev-next-button:hover svg, |
||||
.slider .flickity-prev-next-button:hover .arrow { |
||||
fill: #e3212b; |
||||
} |
||||
|
||||
/* Background Color */ |
||||
[data-icon-label]:after, |
||||
.secondary.is-underline:hover, |
||||
.secondary.is-outline:hover, |
||||
.icon-label, |
||||
.button.secondary:not(.is-outline), |
||||
.button.alt:not(.is-outline), |
||||
.badge-inner.on-sale, |
||||
.button.checkout, |
||||
.single_add_to_cart_button { |
||||
background-color: #e3212b; |
||||
} |
||||
|
||||
[data-text-bg="secondary"] { |
||||
background-color: #e3212b; |
||||
} |
||||
|
||||
/* Color */ |
||||
.secondary.is-underline, |
||||
.secondary.is-link, |
||||
.secondary.is-outline, |
||||
.stars a.active, |
||||
.star-rating:before, |
||||
.woocommerce-page .star-rating:before, |
||||
.star-rating span:before, |
||||
.color-secondary { |
||||
color: #e3212b |
||||
} |
||||
|
||||
/* Color !important */ |
||||
[data-text-color="secondary"] { |
||||
color: #e3212b !important; |
||||
} |
||||
|
||||
/* Border */ |
||||
.secondary.is-outline:hover { |
||||
border-color: #e3212b |
||||
} |
||||
|
||||
body { |
||||
font-size: 94%; |
||||
} |
||||
|
||||
@media screen and (max-width: 549px) { |
||||
body { |
||||
font-size: 86%; |
||||
} |
||||
} |
||||
|
||||
body { |
||||
font-family: "Ubuntu", sans-serif |
||||
} |
||||
|
||||
body { |
||||
font-weight: 0 |
||||
} |
||||
|
||||
body { |
||||
color: #000000 |
||||
} |
||||
|
||||
.nav>li>a { |
||||
font-family: "Ubuntu", sans-serif; |
||||
} |
||||
|
||||
.nav>li>a { |
||||
font-weight: 700; |
||||
} |
||||
|
||||
h1, |
||||
h2, |
||||
h3, |
||||
h4, |
||||
h5, |
||||
h6, |
||||
.heading-font, |
||||
.off-canvas-center .nav-sidebar.nav-vertical>li>a { |
||||
font-family: "Ubuntu", sans-serif; |
||||
} |
||||
|
||||
h1, |
||||
h2, |
||||
h3, |
||||
h4, |
||||
h5, |
||||
h6, |
||||
.heading-font, |
||||
.banner h1, |
||||
.banner h2 { |
||||
font-weight: 700; |
||||
} |
||||
|
||||
h1, |
||||
h2, |
||||
h3, |
||||
h4, |
||||
h5, |
||||
h6, |
||||
.heading-font { |
||||
color: #515151; |
||||
} |
||||
|
||||
.alt-font { |
||||
font-family: "Dancing Script", sans-serif; |
||||
} |
||||
|
||||
.alt-font { |
||||
font-weight: 400 !important; |
||||
} |
||||
|
||||
a { |
||||
color: #000000; |
||||
} |
||||
|
||||
a:hover { |
||||
color: #000000; |
||||
} |
||||
|
||||
.tagcloud a:hover { |
||||
border-color: #000000; |
||||
background-color: #000000; |
||||
} |
||||
|
||||
.products.has-equal-box-heights .box-image { |
||||
padding-top: 100%; |
||||
} |
||||
|
||||
input[type='submit'], |
||||
input[type="button"], |
||||
button:not(.icon), |
||||
.button:not(.icon) { |
||||
border-radius: 30px !important |
||||
} |
||||
|
||||
@media screen and (min-width: 550px) { |
||||
.products .box-vertical .box-image { |
||||
min-width: 247px !important; |
||||
width: 247px !important; |
||||
} |
||||
} |
||||
|
||||
.footer-1 { |
||||
background-color: #f5f5f5 |
||||
} |
||||
|
||||
.footer-2 { |
||||
background-color: #f5f5f5 |
||||
} |
||||
|
||||
.absolute-footer, |
||||
html { |
||||
background-color: #f5f5f5 |
||||
} |
||||
|
||||
.page-title-small+main .product-container>.row { |
||||
padding-top: 0; |
||||
} |
||||
|
||||
/* Custom CSS */ |
||||
.slider_style2 { |
||||
max-width: 950px; |
||||
margin: 0 auto; |
||||
} |
||||
|
||||
.label-new.menu-item>a:after { |
||||
content: "New"; |
||||
} |
||||
|
||||
.label-hot.menu-item>a:after { |
||||
content: "Hot"; |
||||
} |
||||
|
||||
.label-sale.menu-item>a:after { |
||||
content: "Sale"; |
||||
} |
||||
|
||||
.label-popular.menu-item>a:after { |
||||
content: "Popular"; |
||||
} |
||||
@ -0,0 +1,236 @@ |
||||
<!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/blance.css"}}" /> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/index.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 theme-flatsome woocommerce-no-js lightbox nav-dropdown-has-arrow elementor-default elementor-kit-113800"> |
||||
<div id="wrapper"> |
||||
<header id="header" class="header has-sticky sticky-jump"> |
||||
<div class="header-wrapper"> |
||||
<div id="masthead" class="header-main show-logo-center"> |
||||
<div class="header-inner flex-row container logo-center medium-logo-center" role="navigation"> |
||||
|
||||
<!-- Logo --> |
||||
<div id="logo" class="flex-col logo"> |
||||
<!-- Header logo --> |
||||
<a href="{{.IndexUrl}}" title="HiBoost - HiBoost Cell Phone Signal Boosters" rel="home"> |
||||
<img width="178" height="84" src="{{replaceImage .Logo}}" class="header-logo-dark" |
||||
alt="HiBoost" /></a> |
||||
</div> |
||||
|
||||
<!-- Mobile Left Elements --> |
||||
<div class="flex-col show-for-medium flex-left"> |
||||
<ul class="mobile-nav nav nav-left "> |
||||
<li class="cart-item"> |
||||
<a href="{{.IndexUrl}}" class="header-cart-link off-canvas-toggle nav-top-link is-small" |
||||
data-open="#cart-popup" data-class="off-canvas-cart" title="Cart" data-pos="right"> |
||||
{{ lang "home"}} |
||||
</a> |
||||
</li> |
||||
{{if .HasAbout }} |
||||
<li class="account-item"> |
||||
<a href="{{.AboutUrl}}" class="account-link-mobile is-small" title="My account"> |
||||
{{ lang "about" }}</a> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
|
||||
<!-- Left Elements --> |
||||
<div class="flex-col hide-for-medium flex-left"> |
||||
<ul class="header-nav header-nav-main nav nav-left nav-size-large nav-spacing-medium"> |
||||
<li id="menu-item-128919" |
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-128919"> |
||||
<a href="{{.IndexUrl}}" class="nav-top-link">{{ lang "home"}}</a> |
||||
</li> |
||||
{{if .HasAbout }} |
||||
<li id="menu-item-128920" |
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-128920"> |
||||
<a href="{{.AboutUrl}}" class="nav-top-link">{{ lang "about" }}</a> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
|
||||
<!-- Right Elements --> |
||||
<div class="flex-col hide-for-medium flex-right"> |
||||
<ul class="header-nav header-nav-main nav nav-right nav-size-large nav-spacing-medium"> |
||||
{{if .HasContact }} |
||||
<li id="menu-item-141679" |
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-141679"> |
||||
<a href="{{.ContactUrl}}" class="nav-top-link">{{ lang "contact" }}</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<li id="menu-item-12317" |
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-12317"> |
||||
<a href="{{.PolicyUrl}}" class="nav-top-link">{{ lang "policy"}}</a> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
|
||||
<!-- Mobile Right Elements --> |
||||
<div class="flex-col show-for-medium flex-right"> |
||||
<ul class="mobile-nav nav nav-right "> |
||||
{{if .HasContact }} |
||||
<li id="menu-item-141679" |
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-141679"> |
||||
<a href="{{.ContactUrl}}" class="nav-top-link">{{ lang "contact" }}</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<li id="menu-item-12317" |
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-12317"> |
||||
<a href="{{.PolicyUrl}}" class="nav-top-link">{{ lang "policy"}}</a> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
|
||||
</div><!-- .header-inner --> |
||||
|
||||
</div><!-- .header-main --> |
||||
</div><!-- header-wrapper--> |
||||
</header> |
||||
<main id="main" class=""> |
||||
|
||||
<div id="content" class="blog-wrapper blog-archive page-wrapper"> |
||||
<div class="row row-large row-divided "> |
||||
|
||||
<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 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> |
||||
</section> |
||||
|
||||
</div><!-- .row --> |
||||
|
||||
</div><!-- .page-wrapper .blog-wrapper --> |
||||
|
||||
|
||||
</main><!-- #main --> |
||||
|
||||
<footer id="footer" class="footer-wrapper"> |
||||
<!-- FOOTER 1 --> |
||||
<div class="footer-widgets footer footer-1"> |
||||
<div class="row large-columns-4 mb-0"> |
||||
<div id="nav_menu-2" class="col pb-0 widget widget_nav_menu"><span |
||||
class="widget-title">{{lang "related"}}</span> |
||||
<div class="is-divider small"></div> |
||||
<div class="menu-products-container"> |
||||
<ul id="menu-products" class="menu"> |
||||
{{if .HasAbout }} |
||||
<li id="menu-item-124069" |
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-124069"> |
||||
<a href="{{.AboutUrl}}">{{lang "about"}}</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<li id="menu-item-3992" |
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3992"> |
||||
<a href="{{.ContactUrl}}">{{lang "contact"}}</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<li id="menu-item-3993" |
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3993"> |
||||
<a href="{{.PolicyUrl}}">{{lang "policy"}}</a> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
{{$flen := len .Friendship}} |
||||
{{if ne $flen 0}} |
||||
<div id="nav_menu-4" class="col pb-0 widget widget_nav_menu"><span |
||||
class="widget-title">{{lang "friendship"}}</span> |
||||
<div class="is-divider small"></div> |
||||
<div class="menu-carrier-solutions-container"> |
||||
<ul id="menu-carrier-solutions" class="menu"> |
||||
{{range .Friendship}} |
||||
<li id="menu-item-463" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-463"> |
||||
<a href="{{.Url}}">{{.Name}}</a> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
{{end}} |
||||
</div><!-- end row --> |
||||
</div><!-- footer 1 --> |
||||
|
||||
<div class="absolute-footer light medium-text-center small-text-center"> |
||||
<div class="container clearfix"> |
||||
<div class="footer-primary pull-left"> |
||||
<div class="copyright-footer"> |
||||
{{.Copyright}} |
||||
</div> |
||||
</div><!-- .left --> |
||||
</div><!-- .container --> |
||||
</div><!-- .absolute-footer --> |
||||
|
||||
|
||||
</footer><!-- .footer-wrapper --> |
||||
</div> |
||||
</body> |
||||
|
||||
</html> |
||||
@ -0,0 +1,301 @@ |
||||
<!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/blance.css"}}" /> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/index.css"}}" /> |
||||
<link rel="shortcut icon" type="image/png" href="{{replaceImage .Favicon}}" /> |
||||
</head> |
||||
|
||||
<body class="blog theme-flatsome woocommerce-no-js lightbox nav-dropdown-has-arrow elementor-default elementor-kit-113800"> |
||||
<div id="wrapper"> |
||||
<header id="header" class="header has-sticky sticky-jump"> |
||||
<div class="header-wrapper"> |
||||
<div id="masthead" class="header-main show-logo-center"> |
||||
<div class="header-inner flex-row container logo-center medium-logo-center" role="navigation"> |
||||
|
||||
<!-- Logo --> |
||||
<div id="logo" class="flex-col logo"> |
||||
<!-- Header logo --> |
||||
<a href="{{.IndexUrl}}" title="HiBoost - HiBoost Cell Phone Signal Boosters" |
||||
rel="home"> |
||||
<img width="178" height="84" |
||||
src="{{replaceImage .Logo}}" |
||||
class="header-logo-dark" alt="HiBoost" /></a> |
||||
</div> |
||||
|
||||
<!-- Mobile Left Elements --> |
||||
<div class="flex-col show-for-medium flex-left"> |
||||
<ul class="mobile-nav nav nav-left "> |
||||
<li class="cart-item"> |
||||
<a href="{{.IndexUrl}}" |
||||
class="header-cart-link off-canvas-toggle nav-top-link is-small" |
||||
data-open="#cart-popup" data-class="off-canvas-cart" title="Cart" |
||||
data-pos="right"> |
||||
{{ lang "home"}} |
||||
</a> |
||||
</li> |
||||
{{if .HasAbout }} |
||||
<li class="account-item"> |
||||
<a href="{{.AboutUrl}}" |
||||
class="account-link-mobile is-small" title="My account"> |
||||
{{ lang "about" }}</a> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
|
||||
<!-- Left Elements --> |
||||
<div class="flex-col hide-for-medium flex-left"> |
||||
<ul class="header-nav header-nav-main nav nav-left nav-size-large nav-spacing-medium"> |
||||
<li id="menu-item-128919" |
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-128919"> |
||||
<a href="{{.IndexUrl}}" |
||||
class="nav-top-link">{{ lang "home"}}</a></li> |
||||
{{if .HasAbout }} |
||||
<li id="menu-item-128920" |
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-128920"> |
||||
<a href="{{.AboutUrl}}" |
||||
class="nav-top-link">{{ lang "about" }}</a></li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
|
||||
<!-- Right Elements --> |
||||
<div class="flex-col hide-for-medium flex-right"> |
||||
<ul class="header-nav header-nav-main nav nav-right nav-size-large nav-spacing-medium"> |
||||
{{if .HasContact }} |
||||
<li id="menu-item-141679" |
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-141679"> |
||||
<a href="{{.ContactUrl}}" class="nav-top-link">{{ lang "contact" }}</a></li> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<li id="menu-item-12317" |
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-12317"> |
||||
<a href="{{.PolicyUrl}}" class="nav-top-link">{{ lang "policy"}}</a></li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
|
||||
<!-- Mobile Right Elements --> |
||||
<div class="flex-col show-for-medium flex-right"> |
||||
<ul class="mobile-nav nav nav-right "> |
||||
{{if .HasContact }} |
||||
<li id="menu-item-141679" |
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-141679"> |
||||
<a href="{{.ContactUrl}}" class="nav-top-link">{{ lang "contact" }}</a></li> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<li id="menu-item-12317" |
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-12317"> |
||||
<a href="{{.PolicyUrl}}" class="nav-top-link">{{ lang "policy"}}</a></li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
|
||||
</div><!-- .header-inner --> |
||||
|
||||
</div><!-- .header-main --> |
||||
</div><!-- header-wrapper--> |
||||
</header> |
||||
|
||||
<div class="blog-header-wrapper"> |
||||
|
||||
<div class="banner has-hover" id="banner-1735028727"> |
||||
<div class="banner-inner fill"> |
||||
<div class="banner-layers container"> |
||||
<div class="fill banner-link"></div> |
||||
<div id="text-box-80766324" |
||||
class="text-box banner-layer x50 md-x50 lg-x50 y50 md-y50 lg-y50 res-text"> |
||||
<div class="text "> |
||||
<div class="text-inner text-center"> |
||||
<div class="container section-title-container"> |
||||
<h1 class="section-title section-title-center"><b></b><span |
||||
class="section-title-main" style="font-size:98%;">{{lang "latest"}}</span><b></b> |
||||
</h1> |
||||
</div><!-- .section-title --> |
||||
</div> |
||||
</div><!-- text-box-inner --> |
||||
|
||||
<style scope="scope"> |
||||
#text-box-80766324 { |
||||
width: 60%; |
||||
} |
||||
|
||||
#text-box-80766324 .text { |
||||
font-size: 100%; |
||||
} |
||||
</style> |
||||
</div><!-- text-box --> |
||||
|
||||
|
||||
</div><!-- .banner-layers --> |
||||
</div><!-- .banner-inner --> |
||||
|
||||
|
||||
<style scope="scope"> |
||||
#banner-1735028727 { |
||||
padding-top: 327px; |
||||
background-color: rgb(255, 255, 255); |
||||
} |
||||
|
||||
#banner-1735028727 .overlay { |
||||
background-color: rgba(255, 255, 255, .5); |
||||
} |
||||
</style> |
||||
</div><!-- .banner --> |
||||
|
||||
</div> |
||||
|
||||
<main id="main" class=""> |
||||
|
||||
<div id="content" class="blog-wrapper blog-archive page-wrapper"> |
||||
|
||||
|
||||
<div class="row row-large row-divided "> |
||||
|
||||
<div class="large-9 col"> |
||||
<div id="post-list"> |
||||
|
||||
{{ range .Articles }} |
||||
<div id="post-143039" |
||||
class="post-143039 post type-post status-publish format-standard has-post-thumbnail sticky hentry category-how-to"> |
||||
<div class="article-inner "> |
||||
|
||||
<header class="entry-header"> |
||||
<div class="entry-header-text text-left"> |
||||
<h6 class="entry-category is-xsmall"> |
||||
<a href="{{.Url}}" |
||||
rel="category tag">{{.Title}}</a> |
||||
</h6> |
||||
|
||||
<h2 class="entry-title"><a |
||||
href="{{.Url}}" |
||||
rel="bookmark" class="plain">{{.Views}} {{lang "views"}}</a></h2> |
||||
<div class="entry-divider is-divider small"></div> |
||||
|
||||
<div class="entry-meta uppercase is-xsmall"> |
||||
<span class="posted-on"><a |
||||
href="{{.Url}}" |
||||
rel="bookmark"><time class="entry-date published" |
||||
datetime="2022-11-11T16:54:58+08:00">{{timeFormat .PublishTime}}</a></span></span> |
||||
</div><!-- .entry-meta --> |
||||
</div><!-- .entry-header --> |
||||
</header><!-- post-header --> |
||||
<div class="entry-image-float"> |
||||
<a href="{{.Url}}"> |
||||
<img width="1020" height="765" |
||||
src="{{getCover .Cover 300 180}}" |
||||
class="attachment-large size-large wp-post-image"/></a> |
||||
</div> |
||||
<div class="entry-content"> |
||||
<p>{{.Summary}}</p> |
||||
</div><!-- .entry-content --> |
||||
</div><!-- .article-inner --> |
||||
</div><!-- #-143039 --> |
||||
{{end}} |
||||
|
||||
<ul class="page-numbers nav-pagination links text-center"> |
||||
|
||||
</ul> |
||||
</div> |
||||
|
||||
</div> <!-- .large-9 --> |
||||
|
||||
<div class="post-sidebar large-3 col"> |
||||
<div id="secondary" class="widget-area " role="complementary"> |
||||
{{$pulen := len .PopularArticles}} |
||||
{{ if ne $pulen 0 }} |
||||
<aside id="categories-14" class="widget widget_categories"><span |
||||
class="widget-title "><span>{{lang "popular"}}</span></span> |
||||
<div class="is-divider small"></div> |
||||
<ul> |
||||
{{range .PopularArticles}} |
||||
<li class="cat-item cat-item-88"><a |
||||
href="{{.Url}}">{{.Title}}</a> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
</aside> |
||||
{{end}} |
||||
</div><!-- #secondary --> |
||||
</div><!-- .post-sidebar --> |
||||
|
||||
</div><!-- .row --> |
||||
|
||||
</div><!-- .page-wrapper .blog-wrapper --> |
||||
|
||||
|
||||
</main><!-- #main --> |
||||
|
||||
<footer id="footer" class="footer-wrapper"> |
||||
<!-- FOOTER 1 --> |
||||
<div class="footer-widgets footer footer-1"> |
||||
<div class="row large-columns-4 mb-0"> |
||||
<div id="nav_menu-2" class="col pb-0 widget widget_nav_menu"><span |
||||
class="widget-title">{{lang "related"}}</span> |
||||
<div class="is-divider small"></div> |
||||
<div class="menu-products-container"> |
||||
<ul id="menu-products" class="menu"> |
||||
{{if .HasAbout }} |
||||
<li id="menu-item-124069" |
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-124069"> |
||||
<a href="{{.AboutUrl}}">{{lang "about"}}</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<li id="menu-item-3992" |
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3992"> |
||||
<a href="{{.ContactUrl}}">{{lang "contact"}}</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<li id="menu-item-3993" |
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3993"> |
||||
<a href="{{.PolicyUrl}}">{{lang "policy"}}</a> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
{{$flen := len .Friendship}} |
||||
{{if ne $flen 0}} |
||||
<div id="nav_menu-4" class="col pb-0 widget widget_nav_menu"><span class="widget-title">{{lang "friendship"}}</span> |
||||
<div class="is-divider small"></div> |
||||
<div class="menu-carrier-solutions-container"> |
||||
<ul id="menu-carrier-solutions" class="menu"> |
||||
{{range .Friendship}} |
||||
<li id="menu-item-463" |
||||
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-463"><a |
||||
href="{{.Url}}">{{.Name}}</a> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
{{end}} |
||||
</div><!-- end row --> |
||||
</div><!-- footer 1 --> |
||||
|
||||
<div class="absolute-footer light medium-text-center small-text-center"> |
||||
<div class="container clearfix"> |
||||
<div class="footer-primary pull-left"> |
||||
<div class="copyright-footer"> |
||||
{{.Copyright}}</div> |
||||
</div><!-- .left --> |
||||
</div><!-- .container --> |
||||
</div><!-- .absolute-footer --> |
||||
|
||||
|
||||
</footer><!-- .footer-wrapper --> |
||||
</div> |
||||
</body> |
||||
|
||||
</html> |
||||
@ -0,0 +1,241 @@ |
||||
<!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/blance.css"}}" /> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/index.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 theme-flatsome woocommerce-no-js lightbox nav-dropdown-has-arrow elementor-default elementor-kit-113800"> |
||||
<div id="wrapper"> |
||||
<header id="header" class="header has-sticky sticky-jump"> |
||||
<div class="header-wrapper"> |
||||
<div id="masthead" class="header-main show-logo-center"> |
||||
<div class="header-inner flex-row container logo-center medium-logo-center" role="navigation"> |
||||
|
||||
<!-- Logo --> |
||||
<div id="logo" class="flex-col logo"> |
||||
<!-- Header logo --> |
||||
<a href="{{.IndexUrl}}" title="HiBoost - HiBoost Cell Phone Signal Boosters" |
||||
rel="home"> |
||||
<img width="178" height="84" |
||||
src="{{replaceImage .Logo}}" |
||||
class="header-logo-dark" alt="HiBoost" /></a> |
||||
</div> |
||||
|
||||
<!-- Mobile Left Elements --> |
||||
<div class="flex-col show-for-medium flex-left"> |
||||
<ul class="mobile-nav nav nav-left "> |
||||
<li class="cart-item"> |
||||
<a href="{{.IndexUrl}}" |
||||
class="header-cart-link off-canvas-toggle nav-top-link is-small" |
||||
data-open="#cart-popup" data-class="off-canvas-cart" title="Cart" |
||||
data-pos="right"> |
||||
{{ lang "home"}} |
||||
</a> |
||||
</li> |
||||
{{if .HasAbout }} |
||||
<li class="account-item"> |
||||
<a href="{{.AboutUrl}}" |
||||
class="account-link-mobile is-small" title="My account"> |
||||
{{ lang "about" }}</a> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
|
||||
<!-- Left Elements --> |
||||
<div class="flex-col hide-for-medium flex-left"> |
||||
<ul class="header-nav header-nav-main nav nav-left nav-size-large nav-spacing-medium"> |
||||
<li id="menu-item-128919" |
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-128919"> |
||||
<a href="{{.IndexUrl}}" |
||||
class="nav-top-link">{{ lang "home"}}</a></li> |
||||
{{if .HasAbout }} |
||||
<li id="menu-item-128920" |
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-128920"> |
||||
<a href="{{.AboutUrl}}" |
||||
class="nav-top-link">{{ lang "about" }}</a></li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
|
||||
<!-- Right Elements --> |
||||
<div class="flex-col hide-for-medium flex-right"> |
||||
<ul class="header-nav header-nav-main nav nav-right nav-size-large nav-spacing-medium"> |
||||
{{if .HasContact }} |
||||
<li id="menu-item-141679" |
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-141679"> |
||||
<a href="{{.ContactUrl}}" class="nav-top-link">{{ lang "contact" }}</a></li> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<li id="menu-item-12317" |
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-12317"> |
||||
<a href="{{.PolicyUrl}}" class="nav-top-link">{{ lang "policy"}}</a></li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
|
||||
<!-- Mobile Right Elements --> |
||||
<div class="flex-col show-for-medium flex-right"> |
||||
<ul class="mobile-nav nav nav-right "> |
||||
{{if .HasContact }} |
||||
<li id="menu-item-141679" |
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-141679"> |
||||
<a href="{{.ContactUrl}}" class="nav-top-link">{{ lang "contact" }}</a></li> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<li id="menu-item-12317" |
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-12317"> |
||||
<a href="{{.PolicyUrl}}" class="nav-top-link">{{ lang "policy"}}</a></li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
|
||||
</div><!-- .header-inner --> |
||||
|
||||
</div><!-- .header-main --> |
||||
</div><!-- header-wrapper--> |
||||
</header> |
||||
|
||||
<div class="blog-header-wrapper"> |
||||
|
||||
<div class="banner has-hover" id="banner-1735028727"> |
||||
<div class="banner-inner fill"> |
||||
<div class="banner-layers container"> |
||||
<div class="fill banner-link"></div> |
||||
<div id="text-box-80766324" |
||||
class="text-box banner-layer x50 md-x50 lg-x50 y50 md-y50 lg-y50 res-text"> |
||||
<div class="text "> |
||||
<div class="text-inner text-center"> |
||||
<div class="container section-title-container"> |
||||
<h1 class="section-title section-title-center"><b></b><span |
||||
class="section-title-main" style="font-size:98%;">{{lang "policy"}}</span><b></b> |
||||
</h1> |
||||
</div><!-- .section-title --> |
||||
</div> |
||||
</div><!-- text-box-inner --> |
||||
|
||||
<style scope="scope"> |
||||
#text-box-80766324 { |
||||
width: 60%; |
||||
} |
||||
|
||||
#text-box-80766324 .text { |
||||
font-size: 100%; |
||||
} |
||||
</style> |
||||
</div><!-- text-box --> |
||||
|
||||
|
||||
</div><!-- .banner-layers --> |
||||
</div><!-- .banner-inner --> |
||||
|
||||
|
||||
<style scope="scope"> |
||||
#banner-1735028727 { |
||||
padding-top: 327px; |
||||
background-color: rgb(255, 255, 255); |
||||
} |
||||
|
||||
#banner-1735028727 .overlay { |
||||
background-color: rgba(255, 255, 255, .5); |
||||
} |
||||
</style> |
||||
</div><!-- .banner --> |
||||
|
||||
</div> |
||||
|
||||
<main id="main" class=""> |
||||
|
||||
<div id="content" class="blog-wrapper blog-archive page-wrapper"> |
||||
|
||||
|
||||
<div class="row row-large row-divided "> |
||||
|
||||
<section id="content" class="container"> |
||||
<div> |
||||
{{.Policy}} |
||||
</div> |
||||
</section> |
||||
|
||||
</div><!-- .row --> |
||||
|
||||
</div><!-- .page-wrapper .blog-wrapper --> |
||||
|
||||
|
||||
</main><!-- #main --> |
||||
|
||||
<footer id="footer" class="footer-wrapper"> |
||||
<!-- FOOTER 1 --> |
||||
<div class="footer-widgets footer footer-1"> |
||||
<div class="row large-columns-4 mb-0"> |
||||
<div id="nav_menu-2" class="col pb-0 widget widget_nav_menu"><span |
||||
class="widget-title">{{lang "related"}}</span> |
||||
<div class="is-divider small"></div> |
||||
<div class="menu-products-container"> |
||||
<ul id="menu-products" class="menu"> |
||||
{{if .HasAbout }} |
||||
<li id="menu-item-124069" |
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-124069"> |
||||
<a href="{{.AboutUrl}}">{{lang "about"}}</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<li id="menu-item-3992" |
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3992"> |
||||
<a href="{{.ContactUrl}}">{{lang "contact"}}</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<li id="menu-item-3993" |
||||
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3993"> |
||||
<a href="{{.PolicyUrl}}">{{lang "policy"}}</a> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
{{$flen := len .Friendship}} |
||||
{{if ne $flen 0}} |
||||
<div id="nav_menu-4" class="col pb-0 widget widget_nav_menu"><span class="widget-title">{{lang "friendship"}}</span> |
||||
<div class="is-divider small"></div> |
||||
<div class="menu-carrier-solutions-container"> |
||||
<ul id="menu-carrier-solutions" class="menu"> |
||||
{{range .Friendship}} |
||||
<li id="menu-item-463" |
||||
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-463"><a |
||||
href="{{.Url}}">{{.Name}}</a> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
{{end}} |
||||
</div><!-- end row --> |
||||
</div><!-- footer 1 --> |
||||
|
||||
<div class="absolute-footer light medium-text-center small-text-center"> |
||||
<div class="container clearfix"> |
||||
<div class="footer-primary pull-left"> |
||||
<div class="copyright-footer"> |
||||
{{.Copyright}}</div> |
||||
</div><!-- .left --> |
||||
</div><!-- .container --> |
||||
</div><!-- .absolute-footer --> |
||||
|
||||
|
||||
</footer><!-- .footer-wrapper --> |
||||
</div> |
||||
</body> |
||||
|
||||
</html> |
||||
Loading…
Reference in new issue