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.
301 lines
8.1 KiB
301 lines
8.1 KiB
<!DOCTYPE html>
|
|
<html lang="nl" class="loading-site no-js">
|
|
|
|
<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 rel="shortcut icon" type="image/png" href="{{replaceImage .Favicon}}" />
|
|
|
|
|
|
<link rel="stylesheet" href="{{staticFile "/css/cookieblocker.css"}}">
|
|
<link rel="stylesheet" href="{{staticFile "/css/flasome-shop.css"}}">
|
|
<link rel="stylesheet" href="{{staticFile "/css/flatsome.css"}}">
|
|
<link rel="stylesheet" href="{{staticFile "/css/screen.min.css"}}">
|
|
<link rel="stylesheet" href="{{staticFile "/css/style.min.css"}}">
|
|
<link rel="stylesheet" href="{{staticFile "/css/style.css"}}">
|
|
|
|
</head>
|
|
|
|
<body data-cmplz=1
|
|
class="blog theme-flatsome woocommerce-no-js lightbox nav-dropdown-has-arrow nav-dropdown-has-shadow nav-dropdown-has-border">
|
|
<div id="wrapper">
|
|
<header id="header" class="header has-sticky sticky-jump">
|
|
<div class="header-wrapper">
|
|
|
|
<div id="masthead" class="header-main ">
|
|
<div class="header-inner flex-row container logo-left medium-logo-center" role="navigation">
|
|
|
|
<!-- Logo -->
|
|
<div id="logo" class="flex-col logo">
|
|
<!-- Header logo -->
|
|
<a href="{{.IndexUrl}}"
|
|
title="AfterShokz Bone conduction Bluetooth Koptelefoons - AfterShokz Bone conduction bluetooth koptelefoons, helmen,…"
|
|
rel="home">
|
|
<img width="1020" height="680"
|
|
src="{{replaceImage .Logo}}" alt="logo"
|
|
class="header_logo header-logo"
|
|
/><img width="1020"
|
|
height="680"
|
|
src="{{replaceImage .Logo}}" alt="logo"
|
|
class="header-logo-dark"
|
|
/></a>
|
|
</div>
|
|
|
|
|
|
<!-- Left Elements -->
|
|
<div class="flex-col hide-for-medium flex-left
|
|
flex-grow">
|
|
<ul class="header-nav header-nav-main nav nav-left nav-uppercase">
|
|
<li id="menu-item-176"
|
|
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-176 menu-item-design-default">
|
|
<a href="{{.IndexUrl}}" class="nav-top-link">Home</a></li>
|
|
{{if .HasAbout }}
|
|
<li id="menu-item-180"
|
|
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-176 menu-item-design-default">
|
|
<a href="{{.AboutUrl}}" aria-current="page" class="nav-top-link">About</a></li>
|
|
{{end}}
|
|
{{if .HasContact }}
|
|
<li id="menu-item-305"
|
|
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-305 menu-item-design-default">
|
|
<a href="{{.ContactUrl}}" class="nav-top-link">Contact</a></li>
|
|
{{end}}
|
|
|
|
</ul>
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
<div class="container">
|
|
<div class="top-divider full-width"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="header-bg-container fill">
|
|
<div class="header-bg-image fill"></div>
|
|
<div class="header-bg-color fill"></div>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
<div class="blog-header-wrapper">
|
|
<div class="banner has-hover bg-zoom-long" id="banner-524694445">
|
|
<div class="banner-inner fill">
|
|
<div class="banner-bg fill">
|
|
<div class="bg fill bg-fill "></div>
|
|
<div class="overlay"></div>
|
|
</div>
|
|
|
|
<div class="banner-layers container">
|
|
<div class="fill banner-link"></div>
|
|
|
|
<div id="text-box-480532212"
|
|
class="text-box banner-layer x50 md-x50 lg-x50 y50 md-y50 lg-y50 res-text">
|
|
<div class="text-box-content text dark">
|
|
|
|
<div class="text-inner text-center">
|
|
|
|
|
|
<h3 class="uppercase"><strong>LATEST ARTICLES</strong></h3>
|
|
|
|
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<style>
|
|
#text-box-480532212 {
|
|
width: 60%;
|
|
}
|
|
|
|
#text-box-480532212 .text-box-content {
|
|
font-size: 100%;
|
|
}
|
|
</style>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<style>
|
|
#banner-524694445 {
|
|
padding-top: 400px;
|
|
background-color: rgb(0, 0, 0);
|
|
}
|
|
|
|
#banner-524694445 .bg.bg-loaded {
|
|
background-image: url(https://usercontent.one/wp/www.beatsandbones.com/wp-content/uploads/2018/10/aftershokz-review-ConvertImage.jpg);
|
|
}
|
|
|
|
#banner-524694445 .overlay {
|
|
background-color: rgba(0, 0, 0, .5);
|
|
}
|
|
|
|
#banner-524694445 .bg {
|
|
background-position: 41% 19%;
|
|
}
|
|
|
|
#banner-524694445 .ux-shape-divider--top svg {
|
|
height: 150px;
|
|
--divider-top-width: 100%;
|
|
}
|
|
|
|
#banner-524694445 .ux-shape-divider--bottom svg {
|
|
height: 150px;
|
|
--divider-width: 100%;
|
|
}
|
|
</style>
|
|
</div>
|
|
|
|
|
|
|
|
</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
|
|
class="row large-columns-1 medium-columns- small-columns-1 has-shadow row-box-shadow-2-hover">
|
|
<!-- default article list start -->
|
|
{{ range .Articles }}
|
|
<div class="col post-item">
|
|
<div class="col-inner">
|
|
<a href="{{.Url}}" target="_blank"
|
|
class="plain">
|
|
<div class="box box-vertical box-text-bottom box-blog-post has-hover">
|
|
<div class="box-image" style="width:40%;">
|
|
<div class="image-cover" style="padding-top:56%;">
|
|
<img width="691" height="400"
|
|
src="{{getCover .Cover "list"}}" alt="Cover Image"
|
|
class="attachment-medium size-medium wp-post-image"
|
|
sizes="(max-width: 691px) 100vw, 691px" />
|
|
</div>
|
|
</div>
|
|
<div class="box-text text-center">
|
|
<div class="box-text-inner blog-post-inner">
|
|
<h5 class="post-title is-large" id="minT">{{.Title}}</h5>
|
|
<div class="is-divider"></div>
|
|
<p id="minP" class="from_the_blog_excerpt ">{{.Summary}}</p>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
{{end}}
|
|
</div>
|
|
<ul class="page-numbers nav-pagination links text-center">
|
|
{{$pulen := len .PrevUrl}}
|
|
{{ if ne $pulen 0 }}
|
|
<li><a class="page-number" href="{{.PrevUrl}}">Prev</a>
|
|
</li>
|
|
{{ end }}
|
|
{{$nulen := len .NextUrl}}
|
|
{{ if ne $nulen 0 }}
|
|
<li><a class="page-number" href="{{.NextUrl}}">Next</a>
|
|
</li>
|
|
{{ end }}
|
|
|
|
|
|
</ul>
|
|
</div>
|
|
<div class="post-sidebar large-3 col">
|
|
<div id="secondary" class="widget-area " role="complementary">
|
|
<aside id="recent-comments-5" class="widget widget_recent_comments"><span
|
|
class="widget-title "><span>POPULAR ARTICLES </span></span>
|
|
<div class="is-divider small"></div>
|
|
{{$plen := len .PopularArticles}}
|
|
{{if ne $plen 0}}
|
|
<ul id="recentcomments">
|
|
{{range .PopularArticles}}
|
|
<li class="recentcomments"><a
|
|
href="{{.Url}}" target="_blank" rel='external nofollow ugc'
|
|
class='url'>{{.Title}}</a></li>
|
|
{{end}}
|
|
</ul>
|
|
{{end}}
|
|
</aside>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
</main>
|
|
|
|
<footer id="footer" class="footer-wrapper">
|
|
|
|
|
|
<!-- FOOTER 1 -->
|
|
|
|
<!-- FOOTER 2 -->
|
|
<div class="footer-widgets footer footer-2 dark">
|
|
<div class="row dark large-columns-4 mb-0">
|
|
|
|
|
|
|
|
<div id="block_widget-3" class="col pb-0 widget block_widget">
|
|
<span class="widget-title">Quick Links </span>
|
|
<div class="is-divider small"></div>
|
|
<a href="{{.IndexUrl}}">Home </a>
|
|
{{if .HasAbout }}
|
|
<a href="{{.AboutUrl}}">About </a>
|
|
{{end}}
|
|
{{if .HasContact }}
|
|
<a href="{{.ContactUrl}}">Contact </a>
|
|
{{end}}
|
|
{{if .HasPolicy }}
|
|
<a href="{{.PolicyUrl}}">Policy </a>
|
|
{{end}}
|
|
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<div class="absolute-footer dark medium-text-center small-text-center">
|
|
<div class="container clearfix">
|
|
<div class="footer-primary pull-left">
|
|
<div class="copyright-footer">
|
|
{{.Copyright}}</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</footer>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</body>
|
|
|
|
</html> |