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
6.3 KiB
219 lines
6.3 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>
|
|
|
|
<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">
|
|
<article id="post-1664"
|
|
class="post-1664 post type-post status-publish format-standard has-post-thumbnail hentry category-bone-conduction-hoofdtelefoons">
|
|
<div class="article-inner box-shadow-2-hover">
|
|
<header class="entry-header">
|
|
<div class="entry-header-text entry-header-text-top text-center">
|
|
<h1 class="entry-title">{{.Title}}</h1>
|
|
<div class="entry-divider is-divider small"></div>
|
|
</div>
|
|
<div class="entry-image relative">
|
|
<a
|
|
>
|
|
<img width="1020" height="590"
|
|
src="{{getCover .Article.Pictures}}"
|
|
class="attachment-large size-large wp-post-image"
|
|
sizes="(max-width: 1020px) 100vw, 1020px"></a>
|
|
|
|
</div>
|
|
</header>
|
|
<div class="entry-content single-page">
|
|
<p>{{.Article.Summary}}</p>
|
|
{{range .Article.Topics}}
|
|
<h2><span class="ez-toc-section"
|
|
id="De_specificaties_van_de_Shokz_Openrun_Mini"></span>{{.Topic}}<span class="ez-toc-section-end"></span></h2>
|
|
{{$tlen := len .Pictures}}
|
|
{{if ne $tlen 0}}
|
|
{{range .Pictures}}
|
|
<img width="100%" src="{{replaceImage .}}" />
|
|
{{end}}
|
|
{{end}}
|
|
<p>{{.Content}}</p>
|
|
{{end}}
|
|
</div>
|
|
</div>
|
|
</article>
|
|
|
|
|
|
|
|
|
|
|
|
</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> |