cms系统的站点模板库
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.
 
 
 
 

270 lines
13 KiB

<!doctype html>
<html lang="en-US" prefix="og: https://ogp.me/ns#" class="no-js" itemtype="https://schema.org/Blog" itemscope>
<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 type="text/css" rel="stylesheet" href="{{staticFile "/css/public.css"}}" />
<link rel="shortcut icon" type="image/png" href="{{replaceImage .Favicon}}" />
</head>
<body
class="home blog wp-custom-logo wp-embed-responsive aawp-custom hfeed footer-on-bottom animate-body-popup hide-focus-outline link-style-standard content-title-style-hide content-width-normal content-style-boxed content-vertical-padding-show non-transparent-header mobile-non-transparent-header">
<div id="wrapper" class="site wp-site-blocks">
<header id="masthead" class="site-header" role="banner" itemtype="https://schema.org/WPHeader" itemscope>
<div id="main-header" class="site-header-wrap">
<div class="site-header-inner-wrap">
<div class="site-header-upper-wrap">
<div class="site-header-upper-inner-wrap">
<div class="site-main-header-wrap site-header-row-container site-header-focus-item site-header-row-layout-contained"
data-section="kadence_customizer_header_main">
<div class="site-header-row-container-inner">
<div class="site-container">
<div
class="site-main-header-inner-wrap site-header-row site-header-row-has-sides site-header-row-center-column">
<div
class="site-header-main-section-left site-header-section site-header-section-left">
<div class="site-header-item site-header-focus-item"
data-section="title_tagline">
<div
class="site-branding branding-layout-standard site-brand-logo-only">
<a class="brand has-logo-image" href="{{.IndexUrl}}" rel="home"
aria-label="Bone Conduction Headphones"><img width="200"
height="80"
src="{{replaceImage .Logo}}"
class="custom-logo" alt="bone headphone logo"
decoding="async"/></a></div>
</div><!-- data-section="title_tagline" -->
<div
class="site-header-main-section-left-center site-header-section site-header-section-left-center">
</div>
</div>
<div
class="site-header-main-section-center site-header-section site-header-section-center">
<div class="site-header-item site-header-focus-item site-header-item-main-navigation header-navigation-layout-stretch-false header-navigation-layout-fill-stretch-false"
data-section="kadence_customizer_primary_navigation">
<nav id="site-navigation"
class="main-navigation header-navigation nav--toggle-sub header-navigation-style-standard header-navigation-dropdown-animation-none"
role="navigation" aria-label="Primary Navigation">
<div class="primary-menu-container header-menu-container">
<ul id="primary-menu" class="menu">
<li id="menu-item-20"
class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-20">
<a href="{{.IndexUrl}}" aria-current="page">{{ lang "home"}}</a>
</li>
<li id="menu-item-20"
class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-20">
<a href="{{.AboutUrl}}" aria-current="page">{{ lang "about"}}</a>
</li>
<li id="menu-item-20"
class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-20">
<a href="{{.ContactUrl}}" aria-current="page">{{ lang "contact"}}</a>
</li>
<li id="menu-item-20"
class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-20">
<a href="{{.PolicyUrl}}" aria-current="page">{{ lang "policy"}}</a>
</li>
</ul>
</div>
</nav><!-- #site-navigation -->
</div><!-- data-section="primary_navigation" -->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="mobile-header" class="site-mobile-header-wrap">
<div class="site-header-inner-wrap">
<div class="site-header-upper-wrap">
<div class="site-header-upper-inner-wrap">
<div
class="site-main-header-wrap site-header-focus-item site-header-row-layout-contained site-header-row-tablet-layout-default site-header-row-mobile-layout-default ">
<div class="site-header-row-container-inner">
<div class="site-container">
<div
class="site-main-header-inner-wrap site-header-row site-header-row-has-sides site-header-row-no-center">
<div
class="site-header-main-section-left site-header-section site-header-section-left">
<div class="site-header-item site-header-focus-item"
data-section="title_tagline">
<div
class="site-branding mobile-site-branding branding-layout-standard branding-tablet-layout-inherit site-brand-logo-only branding-mobile-layout-inherit">
<a class="brand has-logo-image" href="{{.IndexUrl}}" rel="home"
aria-label="Bone Conduction Headphones"><img width="200"
height="80"
src="{{replaceImage .Logo}}"
class="custom-logo" alt="bone headphone logo"
decoding="async"
data-lazy-src="https://www.boneheadphones.com/wp-content/uploads/2022/06/bone-headphone-logo.png" /><noscript><img
width="200" height="80"
src="wp-content/uploads/2022/06/bone-headphone-logo.png"
class="custom-logo" alt="bone headphone logo"
decoding="async" /></noscript></a></div>
</div><!-- data-section="title_tagline" -->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</header>
<!-- #masthead -->
<div id="inner-wrap" class="wrap hfeed kt-clear">
<section class="entry-hero post-hero-section entry-hero-layout-standard">
<div class="entry-hero-container-inner">
<div class="hero-section-overlay"></div>
<div class="hero-container site-container">
<header
class="entry-header post-title title-align-center title-tablet-align-inherit title-mobile-align-inherit">
<h1 class="entry-title">{{ lang "contact"}} </h1>
</header><!-- .entry-header -->
</div>
</div>
</section><!-- .entry-hero -->
<div id="primary" class="content-area">
<div style="width: 40%;" class="content-container site-container">
<main id="main" class="site-main" role="main">
<div class="content-wrap">
<article id="post-9"
class="entry content-bg single-entry post-9 page type-page status-publish hentry">
<div class="entry-content-wrap">
<div class="entry-content single-content">
<div class="wpforms-container wpforms-container-full" id="wpforms-7">
{{.Contact}}
<form class="col-12 col-lg-12" style="padding: 20px 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> <!-- .wpforms-container -->
</div><!-- .entry-content -->
</div>
</article><!-- #post-9 -->
</div>
</main><!-- #main -->
</div>
</div><!-- #primary -->
</div><!-- #inner-wrap -->
<footer id="colophon" class="site-footer" role="contentinfo">
<div class="site-footer-wrap">
<div class="site-middle-footer-wrap site-footer-row-container site-footer-focus-item site-footer-row-layout-standard site-footer-row-tablet-layout-default site-footer-row-mobile-layout-default"
data-section="kadence_customizer_footer_middle">
<div class="site-footer-row-container-inner">
<div class="site-container">
<div
class="site-middle-footer-inner-wrap site-footer-row site-footer-row-columns-3 site-footer-row-column-layout-equal site-footer-row-tablet-column-layout-default site-footer-row-mobile-column-layout-row ft-ro-dir-row ft-ro-collapse-normal ft-ro-t-dir-default ft-ro-m-dir-default ft-ro-lstyle-plain">
<div
class="site-footer-middle-section-1 site-footer-section footer-section-inner-items-1">
<div class="footer-widget-area widget-area site-footer-focus-item footer-widget2 content-align-default content-tablet-align-default content-mobile-align-default content-valign-default content-tablet-valign-default content-mobile-valign-default"
data-section="sidebar-widgets-footer2">
<div class="footer-widget-area-inner site-info-inner">
<section id="block-7" class="widget widget_block widget_media_image">
<figure class="wp-block-image size-full"><img decoding="async"
width="150" height="150"
src="{{replaceImage .Logo}}"
alt="" class="wp-image-1239"/></figure>
</section>
</div>
</div><!-- .footer-widget2 -->
</div>
<div
class="site-footer-middle-section-2 site-footer-section footer-section-inner-items-1">
<div class="footer-widget-area widget-area site-footer-focus-item footer-widget1 content-align-default content-tablet-align-default content-mobile-align-default content-valign-default content-tablet-valign-default content-mobile-valign-default"
data-section="sidebar-widgets-footer1">
<div class="footer-widget-area-inner site-info-inner">
<section id="block-9" class="widget widget_block">
<ul class="wp-block-page-list">
<li class="wp-block-pages-list__item"><a
class="wp-block-pages-list__item__link"
href="{{.AboutUrl}}">{{lang "about"}}</a>
</li>
<li class="wp-block-pages-list__item"><a
class="wp-block-pages-list__item__link"
href="{{.ContactUrl}}">{{lang "contact"}}</a>
</li>
<li class="wp-block-pages-list__item"><a
class="wp-block-pages-list__item__link"
href="{{.PolicyUrl}}">{{lang "policy"}}</a>
</li>
</ul>
</section>
<div class="copyright">{{.Copyright}}</div>
</div>
</div><!-- .footer-widget1 -->
</div>
<div
class="site-footer-middle-section-3 site-footer-section footer-section-inner-items-0">
</div>
</div>
</div>
</div>
</div>
</div>
</footer><!-- #colophon -->
</div><!-- #wrapper -->
</body>
</html>
<!-- This website is like a Rocket, isn't it? Performance optimized by WP Rocket. Learn more: https://wp-rocket.me - Debug: cached@1669156606 -->