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.
431 lines
12 KiB
431 lines
12 KiB
<!doctype html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
|
|
<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}}">
|
|
|
|
|
|
|
|
|
|
<script type="text/javascript" src="{{staticFile "/js/tp.widget.bootstrap.min.js"}}"
|
|
async></script>
|
|
<link rel="stylesheet" href="{{staticFile "/css/shopify.css"}}" type="text/css">
|
|
<script>
|
|
window.renderOptIn = function () {
|
|
window.gapi.load('surveyoptin', function () {
|
|
window.gapi.surveyoptin.render(
|
|
{
|
|
// REQUIRED FIELDS
|
|
"merchant_id": 139896600,
|
|
"order_id": "ORDER_ID",
|
|
"email": "CUSTOMER_EMAIL",
|
|
"delivery_country": "COUNTRY_CODE",
|
|
"estimated_delivery_date": "YYYY-MM-DD",
|
|
|
|
// OPTIONAL FIELDS
|
|
"products": [{ "gtin": "GTIN1" }, { "gtin": "GTIN2" }]
|
|
});
|
|
});
|
|
}
|
|
</script>
|
|
<link rel="stylesheet" href= "{{staticFile "/css/bcpo-front.css"}}">
|
|
<script>var bcpo_product = null; var bcpo_cdn = "//cdn.shopify.com/s/files/1/1676/0583/t/118/assets/bcpo_cdn?25766"; var inventory_quantity = []; if (bcpo_product) { for (var i = 0; i < bcpo_product.variants.length; i += 1) { bcpo_product.variants[i].inventory_quantity = inventory_quantity[i]; } }</script>
|
|
<style type="text/css">
|
|
#preview-bar-iframe {
|
|
display: none;
|
|
}
|
|
html {
|
|
padding-top: 0 !important;
|
|
}
|
|
</style>
|
|
|
|
<style>
|
|
:root {
|
|
--color-primary: #282828;
|
|
--color-secondary: #8f8f8f;
|
|
--color-accent: #247ab5;
|
|
--color-default: #2f2f2f;
|
|
--color-grey: #f3f1ed;
|
|
--color-light-grey: #eeeeee;
|
|
--logo-width-desktop: 90px;
|
|
--logo-width-mobile: 75px;
|
|
}
|
|
</style>
|
|
|
|
<link rel="stylesheet" href="{{staticFile "/css/theme.min.css"}}" type="text/css" media="all" >
|
|
</head>
|
|
|
|
<body class="template-blog max-width-9 center">
|
|
|
|
<div class="js-header sticky top-0 z-index-9">
|
|
|
|
<div id="shopify-section-header-top-bar" class="shopify-section section-header-top-bar">
|
|
<header class="background-white text-secondary padding-vertical-3">
|
|
<div class="container">
|
|
<div class="flex items-center relative justify-center">
|
|
</div>
|
|
</div>
|
|
</header>
|
|
</div>
|
|
|
|
<div id="shopify-section-header" class="shopify-section">
|
|
|
|
|
|
<header role="banner"
|
|
class="header-navigation background-white padding-vertical-4 large--padding-vertical-0 large--padding-horizontal-4 text-center relative">
|
|
<div class="container">
|
|
<div class="flex items-center justify-between padding-right-3 large--padding-right-0">
|
|
|
|
<div class="header-hamburger-container large--hide width-5 text-left">
|
|
<button class="hamburger hamburger--squeeze" type="button">
|
|
<span class="hamburger-box">
|
|
<span class="hamburger-inner"></span>
|
|
</span>
|
|
</button>
|
|
</div>
|
|
|
|
<div class="header-logo-container large--text-left large--margin-right-23">
|
|
|
|
|
|
|
|
<a href="{{.IndexUrl}}" class="block font-size--none line-height--none">
|
|
<img class="logo"
|
|
src="{{replaceImage .Logo}}" alt="logo"
|
|
|
|
/>
|
|
</a>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div
|
|
class="header-main-menu-container js-main-menu main-menu large--flex-item-1 rw-hide large--block fixed large--relative font-size-1 font-weight-7 letter-spacing-3 text-left background-white large--background-transparent max-width-3 large--max-width-none">
|
|
|
|
|
|
<nav role="navigation" class="large--max-width-5">
|
|
<ul style="white-space: nowrap;"
|
|
class="main-root-menu list-reset flex flex-column large--flex-row large--justify-between large--items-center padding-10 large--padding-0">
|
|
|
|
|
|
|
|
<li class="inline-block margin-horizontal-2 padding-vertical-6 relative ">
|
|
<a class="root-menu-title width-100 flex large--inline-block items-center justify-between text-default link font-size-3 large--padding-vertical-7 text-uppercase "
|
|
href="{{.IndexUrl}}">{{ lang "home"}}</a>
|
|
</li>
|
|
|
|
|
|
{{if .HasAbout }}
|
|
<li class="inline-block margin-horizontal-2 padding-vertical-6 relative ">
|
|
<a class="root-menu-title width-100 flex large--inline-block items-center justify-between text-default link font-size-3 large--padding-vertical-7 text-uppercase "
|
|
href="{{.AboutUrl}}">{{ lang "about" }}</a>
|
|
</li>
|
|
{{end}}
|
|
|
|
|
|
{{if .HasContact }}
|
|
|
|
<li class="inline-block margin-horizontal-2 padding-vertical-6 relative ">
|
|
<a class="root-menu-title width-100 flex large--inline-block items-center justify-between text-default link font-size-3 large--padding-vertical-7 text-uppercase "
|
|
href="{{.ContactUrl}}">{{ lang "contact" }}</a>
|
|
</li>
|
|
{{end}}
|
|
|
|
|
|
|
|
{{if .HasPolicy }}
|
|
<li class="inline-block margin-horizontal-2 padding-vertical-6 relative ">
|
|
<a class="root-menu-title width-100 flex large--inline-block items-center justify-between text-default link font-size-3 large--padding-vertical-7 text-uppercase "
|
|
href="{{.PolicyUrl}}">{{ lang "policy"}}</a>
|
|
</li>
|
|
{{end}}
|
|
</ul>
|
|
</nav>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</header>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<main role="main" id="MainContent">
|
|
<div id="shopify-section-blog" class="shopify-section">
|
|
|
|
|
|
|
|
<div class="medium--padding-vertical-18">
|
|
<div class="container">
|
|
<div class="padding-vertical-4">
|
|
<h4>{{lang "latest"}}</h4>
|
|
<div class="grid grid-gap-14 medium--grid-gap-18 columns-1 medium--columns-3 padding-top-4">
|
|
|
|
{{ range .Articles }}
|
|
|
|
<div class="text-center medium--padding-bottom-18">
|
|
<a href="{{.Url}}" target="_blank">
|
|
|
|
<img
|
|
class=""
|
|
src="{{getCover .Cover}}" alt="Cover Image" style="width: 100%;height: 50%;"/>
|
|
|
|
</a>
|
|
|
|
<a href="{{.Url}}" target="_blank"
|
|
class="block margin-top-12 margin-bottom-0 text-default font-weight-4 font-size-7 medium--font-size-9 text-no-decoration" id="content-t">{{.Title}}</a>
|
|
|
|
<div class="rte">
|
|
<p class="margin-top-12 margin-bottom-0 font-size-5" id="content-c"> {{.Summary}}</p>
|
|
</div>
|
|
</div>
|
|
{{end}}
|
|
|
|
</div>
|
|
|
|
|
|
<div class="text-center">
|
|
|
|
|
|
<div class="margin-top-12">
|
|
<div class="border-top broder-dark-grey opacity-20"></div>
|
|
<div
|
|
class="flex flex-row center text-center items-center justify-center padding-vertical-6 medium--padding-vertical-18">
|
|
|
|
|
|
|
|
<div class="flex items-center justify-center flex-wrap" style="width: 100px;heigth:100px">
|
|
|
|
{{$pulen := len .PrevUrl}}
|
|
{{ if ne $pulen 0 }}
|
|
|
|
<a href="{{.PrevUrl}}"style="color: #000; text-decoration: none;">
|
|
|
|
<div
|
|
style=" border: 1px solid #ccc;
|
|
border-radius: 10px; padding: 10px 15px;"
|
|
>
|
|
{{lang "prev"}}</div>
|
|
</a>
|
|
|
|
|
|
{{ end }}
|
|
|
|
{{$nulen := len .NextUrl}}
|
|
{{ if ne $nulen 0 }}
|
|
<a href="{{.NextUrl}}" style="color: #000; text-decoration: none;">
|
|
|
|
<div
|
|
style=" border: 1px solid #ccc;
|
|
border-radius: 10px; padding: 10px 15px;"
|
|
>{{lang "next"}}</div>
|
|
</a>
|
|
|
|
{{ end }}
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</main>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div id="shopify-section-footer" class="shopify-section">
|
|
|
|
|
|
<footer>
|
|
<div class="background-dark-black padding-top-14 padding-bottom-22 medium--padding-vertical-22">
|
|
<div class="container">
|
|
<div class="footer-top-row-container flex flex-column medium--flex-row">
|
|
|
|
|
|
|
|
<div class="flex-item-1 margin-top-18 medium--margin-top-0 padding-horizontal-2">
|
|
|
|
|
|
|
|
|
|
<h3 class="margin-bottom-8 font-size-2 text-white text-uppercase font-weight-7">{{lang "related"}}</h3>
|
|
<div class="flex flex-column medium--flex-row">
|
|
<div class="flex-item-1 footer-menu-wrapper text-white">
|
|
|
|
|
|
{{if .HasAbout }}
|
|
<a class="block font-size-4 link margin-top-2"
|
|
href="{{.AboutUrl}}">{{lang "about"}}</a>
|
|
{{end}}
|
|
{{if .HasContact }}
|
|
<a class="block font-size-4 link margin-top-2"
|
|
href="{{.ContactUrl}}">{{lang "contact"}}</a>
|
|
{{end}}
|
|
{{if .HasPolicy }}
|
|
<a class="block font-size-4 link margin-top-2"
|
|
href="{{.PolicyUrl}}">{{lang "policy"}}</a>
|
|
{{end}}
|
|
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="flex-item-1 margin-top-18 medium--margin-top-0 padding-horizontal-2">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
{{$flen := len .Friendship}}
|
|
{{if ne $flen 0}}
|
|
<h3 class="margin-bottom-8 font-size-2 text-white text-uppercase font-weight-7">{{lang "friendship"}}</h3>
|
|
<div class="flex flex-column medium--flex-row">
|
|
<div class="flex-item-1 footer-menu-wrapper text-white">
|
|
{{range .Friendship}}
|
|
|
|
<a class="block font-size-4 link margin-top-2"
|
|
href="{{.Url}}">{{.Name}}</a>
|
|
|
|
{{end}}
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
{{end}}
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="background-white padding-vertical-10 medium--padding-vertical-16">
|
|
<div class="container">
|
|
<div class="flex flex-column medium--flex-row">
|
|
<div class="medium--flex-item-1 padding-bottom-10 medium--padding-bottom-0">
|
|
|
|
</div>
|
|
<div
|
|
class="text-center medium--text-right padding-vertical-10 medium--padding-vertical-0 border-weak-grey border-top medium--border-none">
|
|
|
|
<p class="text-primary font-size-1 margin-0">{{.Copyright}}</p>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</footer>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="js-ajax-cart-backdrop ajax-cart-backdrop fixed top-0 right-0 bottom-0 left-0 z-index-max is-closed"
|
|
data-behavior="toggle-cart">
|
|
</div>
|
|
|
|
<div id="shopify-section-ajax-cart-products" class="shopify-section">
|
|
</div>
|
|
<script src="{{staticFile "/js/theme.min.js"}}"
|
|
type="text/javascript"></script>
|
|
|
|
|
|
<style>
|
|
#content-t{
|
|
text-overflow: ellipsis;
|
|
word-wrap: break-word;
|
|
-webkit-line-clamp: 1;
|
|
display: -webkit-box;
|
|
-webkit-box-orient: vertical;
|
|
overflow: hidden;
|
|
|
|
}
|
|
#content-c{
|
|
text-overflow: ellipsis;
|
|
word-wrap: break-word;
|
|
-webkit-line-clamp: 5;
|
|
display: -webkit-box;
|
|
-webkit-box-orient: vertical;
|
|
overflow: hidden;
|
|
|
|
}
|
|
|
|
|
|
</style>
|
|
|
|
|
|
</body>
|
|
|
|
</html> |