You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
219 lines
8.0 KiB
219 lines
8.0 KiB
<!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/common.css"}}" />
|
|
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/index.css"}}" />
|
|
<link rel="shortcut icon" type="image/png" href="{{replaceImage .Favicon}}" />
|
|
</head>
|
|
|
|
<body zoom-level="1.0" class="">
|
|
|
|
|
|
<!-- Header bar -->
|
|
<header>
|
|
<!-- Desktop Header -->
|
|
<div id="desktop-header-wrap">
|
|
|
|
<!-- Top Menu -->
|
|
|
|
<div id="desktop-header-top" class="fixed-inset-solid-bg">
|
|
<a id="desktop-logo" href="{{.IndexUrl}}"><img
|
|
src="{{replaceImage .Logo}}"></a>
|
|
|
|
|
|
<ul class="menu ">
|
|
<li class="index-1 first"><a href="{{.IndexUrl}}"
|
|
title='Find a Broker' class=''>{{ lang "home"}}</a></li>
|
|
|
|
<li class="index-1 first"><a href="{{.AboutUrl}}"
|
|
title='Find a Broker' class=''>{{ lang "about"}}</a></li>
|
|
|
|
<li class="index-1 first"><a href="{{.ContactUrl}}"
|
|
title='Find a Broker' class=''>{{ lang "contact"}}</a></li>
|
|
|
|
<li class="index-1 first"><a href="{{.PolicyUrl}}"
|
|
title='Find a Broker' class=''>{{ lang "policy"}}</a></li>
|
|
|
|
</ul>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div id="mobile-header-top" class="fixed-inset flex-between vertical-align-children ">
|
|
|
|
<a id="desktop-logo" href="{{.IndexUrl}}"><img
|
|
src="{{replaceImage .Logo}}" style="height: 50px;width: 150px;"></a>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
</header>
|
|
|
|
|
|
|
|
|
|
|
|
<!-- Main Section-->
|
|
<main id="main-block">
|
|
<section id="content" class="container">
|
|
<div id="breadcrumb">
|
|
<a href="{{.IndexUrl}}">{{lang "home"}}</a>
|
|
<span> / </span>
|
|
<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>
|
|
|
|
</main>
|
|
<!-- Footer -->
|
|
<footer>
|
|
<div id="footer-swoop" class="splitter swoop3" style="--bg-color: #414141; z-index: -1;"></div>
|
|
|
|
|
|
<section id="footer-white">
|
|
<div class="fixed-inset">
|
|
<div class="container">
|
|
<div class="column">
|
|
|
|
<div>{{lang "related"}}</div>
|
|
<ul style="list-style: none;" class="menu ">
|
|
<li class="index-1 first"><a href="{{.AboutUrl}}"
|
|
title='Business Insurance' class=''>{{lang "about"}}</a></li>
|
|
<li class="index-1 first"><a href="{{.ContactUrl}}"
|
|
title='Business Insurance' class=''>{{lang "contact"}}</a></li>
|
|
<li class="index-1 first"><a href="{{.PolicyUrl}}"
|
|
title='Business Insurance' class=''>{{lang "policy"}}</a></li>
|
|
|
|
</ul>
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
</section>
|
|
|
|
<section id="footer-designed-by">
|
|
<div class="fixed-inset flex-row" style="align-items: center;text-align:center">
|
|
<p>{{.Copyright}}</p>
|
|
</div>
|
|
</section>
|
|
|
|
</footer>
|
|
|
|
</body>
|
|
|
|
|
|
</html> |