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.
 
 
 
 
cms_templates/airiusfans/contact.html

953 lines
29 KiB

<!DOCTYPE html>
<html lang="en-US">
<head>
<meta name="google-site-verification" content="QRQr1hLrrgmIi95gseUW2GjjXGJk-1yvYgRF-zLEpCk" />
<meta name="msvalidate.01" content="6214E766B896CCBD653FE26F3F600A8C" />
<meta name="ahrefs-site-verification" content="40de085cd60565e4fa29fd9c40df3afb64d410fb9ae2429e7ce7403fcccfe923">
<title>{{.Title}}</title>
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/style.css@ver=6.1.css"}}" />
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/grid.css@ver=6.1.css"}}" />
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/animations.css@ver=6.1.css"}}" />
<style id='boc-animation-styles-inline-css' type='text/css'>
#breadcrumb{
margin-top: 130px;
}
@media screen and (max-width:767px) {
#breadcrumb{
margin-top: 50px !important;
}
}
#menu-footer-2 a::before{
display: none !important;
}
#menu>ul>li>a {
font-family: 'Lato', Montserrat, Arial, Helvetica, sans-serif
}
#menu>ul>li>a {
font-weight: bold
}
#menu>ul>li ul>li>a {
font-family: 'Lato', Montserrat, Arial, Helvetica, sans-serif
}
body,
.body_font,
.body_font h1,
.body_font h2,
.body_font h3,
.body_font h4,
.body_font h5 {
font-family: 'Roboto', Arial, Helvetica, sans-serif
}
.button,
a.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
text-transform: uppercase
}
@media only screen and (min-width:1018px) {
#menu>ul>li>a,
#header .header_cart .icon {
line-height: 106px
}
.header_cart .widget_shopping_cart {
top: 106px
}
#menu>ul>li.boc_nav_button {
height: 106px
}
#logo .logo_img {
height: 110px
}
#boc_searchform_close {
top: 44px
}
}
#header {
position: relative;
-webkit-transition: 0;
-moz-transition: 0;
-ms-transition: 0;
-o-transition: 0;
transition: 0
}
#menu>ul>li.megamenu>div>ul.sub-menu>li {
border-left: none !important
}
@media only screen and (min-width:1018px) {
#header {
position: absolute;
-webkit-transition: 0;
-moz-transition: 0;
-ms-transition: 0;
-o-transition: 0;
transition: 0
}
}
#menu>ul>li>a,
#header .header_cart a.icon {
color: #fff
}
#menu>ul>li.boc_nav_button a {
color: #fff;
border: 2px solid #fff
}
#menu>ul>li:not(.boc_nav_button):hover>a,
#header .header_cart li a.icon:hover {
color: #939598
}
#menu>ul>li.boc_nav_button a:hover {
background: #939598;
border: 2px solid #939598
}
.main_menu_underline_effect #menu>ul>li>a:after {
background-color: #ed1c24
}
.custom_menu_1 #menu>ul>li div {
border-top: 2px solid #ec1a22
}
.custom_menu_2 #menu>ul>li div {
border-top: 2px solid #ec1a22
}
.custom_menu_3 #menu>ul>li div {
border-top: 2px solid #ec1a22
}
.custom_menu_3 #menu>ul>li ul>li>a:hover {
background-color: #ec1a22
}
.custom_menu_4 #menu>ul>li div {
border-top: 2px solid #ec1a22
}
.custom_menu_4 #menu>ul>li ul>li>a:hover {
background-color: #ec1a22
}
.custom_menu_5 #menu>ul>li ul>li>a:hover {
background-color: #ec1a22
}
.custom_menu_5 #menu>ul>li:hover>a {
border-top: 2px solid #ec1a22
}
.custom_menu_6 #menu>ul>li ul>li>a:hover {
background-color: #ec1a22
}
.custom_menu_6 #menu>ul>li:not(.boc_nav_button):hover>a {
border-top: 2px solid #ec1a22
}
a:hover,
a:focus,
.post_content a:not(.button),
.post_content a:not(.button):visited,
.post_content .wpb_widgetised_column a:not(.button):hover {
color: #ec1a22
}
.post_content .wpb_widgetised_column .side_bar_menu a:not(.button):hover {
color: #333
}
.boc_preloader_icon:before {
border-color: #ec1a22 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0)
}
.dark_links a:hover,
.white_links a:hover,
.dark_links a:hover h2,
.dark_links a:hover h3 {
color: #ec1a22 !important
}
.side_icon_box h3 a:hover,
.post_content .team_block h4 a:hover,
.team_block .team_icons a:hover {
color: #ec1a22
}
.button:hover,
a:hover.button,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.btn_theme_color,
a.btn_theme_color {
color: #fff;
background-color: #ec1a22
}
input.btn_theme_color,
a.btn_theme_color,
.btn_theme_color {
color: #fff;
background-color: #ec1a22
}
.btn_theme_color:hover,
input.btn_theme_color:hover,
a:hover.btn_theme_color {
color: #fff;
background-color: #444
}
input.btn_theme_color.btn_outline,
a.btn_theme_color.btn_outline,
.btn_theme_color.btn_outline {
color: #ec1a22 !important;
border: 2px solid #ec1a22
}
input.btn_theme_color.btn_outline:hover,
a.btn_theme_color.btn_outline:hover,
.btn_theme_color.btn_outline:hover {
background-color: #ec1a22 !important
}
#boc_searchform_close:hover {
color: #ec1a22
}
.section_big_title h1 strong,
h1 strong,
h2 strong,
h3 strong,
h4 strong,
h5 strong {
color: #ec1a22
}
.top_icon_box h3 a:hover {
color: #ec1a22
}
.htabs a.selected {
border-top: 2px solid #ec1a22
}
.resp-vtabs .resp-tabs-list li.resp-tab-active {
border-left: 2px solid #ec1a22
}
.minimal_style.horizontal .resp-tabs-list li.resp-tab-active,
.minimal_style.resp-vtabs .resp-tabs-list li.resp-tab-active {
background: #ec1a22
}
#s:focus {
border: 1px solid #ec1a22
}
.breadcrumb a:hover {
color: #ec1a22
}
.tagcloud a:hover {
background-color: #ec1a22
}
.month {
background-color: #ec1a22
}
.small_month {
background-color: #ec1a22
}
.post_meta a:hover {
color: #ec1a22
}
.horizontal .resp-tabs-list li.resp-tab-active {
border-top: 2px solid #ec1a22
}
.resp-vtabs li.resp-tab-active {
border-left: 2px solid #ec1a22
}
#portfolio_filter {
background-color: #ec1a22
}
#portfolio_filter ul li div:hover {
background-color: #ec1a22
}
.portfolio_inline_filter ul li div:hover {
background-color: #ec1a22
}
.counter-digit {
color: #ec1a22
}
.tp-caption a:not(.button):hover {
color: #ec1a22
}
.more-link1:before {
color: #ec1a22
}
.more-link2:before {
background: #ec1a22
}
.image_featured_text .pos {
color: #ec1a22
}
.side_icon_box .icon_feat i.icon {
color: #ec1a22
}
.side_icon_box .icon_feat.icon_solid {
background-color: #ec1a22
}
.boc_list_item .li_icon i.icon {
color: #ec1a22
}
.boc_list_item .li_icon.icon_solid {
background: #ec1a22
}
.top_icon_box.type1 .icon_holder .icon_bgr {
background-color: #ec1a22
}
.top_icon_box.type1:hover .icon_holder .icon_bgr {
border: 2px solid #ec1a22
}
.top_icon_box.type1 .icon_holder .icon_bgr:after,
.top_icon_box.type1:hover .icon_holder .icon_bgr:after {
border: 2px solid #ec1a22
}
.top_icon_box.type1:hover .icon_holder i {
color: #ec1a22
}
.top_icon_box.type2 .icon_holder .icon_bgr {
background-color: #ec1a22
}
.top_icon_box.type2:hover .icon_holder .icon_bgr {
background-color: #fff
}
.top_icon_box.type2:hover .icon_holder i {
color: #ec1a22
}
.top_icon_box.type3 .icon_holder .icon_bgr:after {
border: 2px solid #ec1a22
}
.top_icon_box.type3:hover .icon_holder .icon_bgr {
background-color: #ec1a22
}
.top_icon_box.type3:hover .icon_holder .icon_bgr:after {
border: 2px solid #ec1a22
}
.top_icon_box.type3 .icon_holder i {
color: #ec1a22
}
.top_icon_box.type3:hover .icon_holder i {
color: #fff
}
.top_icon_box.type4:hover .icon_holder .icon_bgr {
border: 2px solid #ec1a22
}
.top_icon_box.type4:hover .icon_holder .icon_bgr:after {
border: 3px solid #ec1a22
}
.top_icon_box.type4 .icon_holder i {
color: #ec1a22
}
.top_icon_box.type4:hover .icon_holder i {
color: #ec1a22
}
.top_icon_box.type5 .icon_holder i {
color: #ec1a22
}
.top_icon_box.type5:hover .icon_holder i {
color: #ec1a22
}
a .pic_info.type11 .plus_overlay {
border-bottom: 50px solid rgba(236, 26, 34, .8)
}
a:hover .pic_info.type11 .plus_overlay {
border-bottom: 1000px solid rgba(236, 26, 34, .8)
}
a .pic_info.type12 .img_overlay_icon,
a:hover .pic_info.type12 .img_overlay_icon {
background: rgba(236, 26, 34, .8)
}
h2.title strong {
color: #ec1a22
}
ul.theme_color_ul li:before {
color: #ec1a22
}
.custom_slides.nav_design_1 .cs_nav_item.active .cs_nav_icon i.icon {
color: #ec1a22
}
.custom_slides.nav_style_1.nav_design_1 .cs_nav_item:hover .cs_nav_icon i.icon,
.custom_slides.nav_style_1.nav_design_2 .cs_nav_item:hover .cs_nav_icon i.icon {
color: #ec1a22
}
.custom_slides.nav_design_2 .cs_nav_item.active .cs_nav_icon {
background: #ec1a22
}
.cs_nav_item.has_no_text:hover .cs_nav_icon i.icon {
color: #ec1a22
}
.custom_slides.nav_style_2 .cs_txt {
color: #ec1a22
}
.acc_control,
.active_acc .acc_control,
.acc_holder.with_bgr .active_acc .acc_control {
background-color: #ec1a22
}
.text_box.left_border {
border-left: 3px solid #ec1a22
}
.owl-theme .owl-controls .owl-nav div {
background: #ec1a22
}
.owl-theme .owl-dots .owl-dot.active span {
background: #ec1a22
}
.img_slider.owl-theme .owl-controls .owl-nav div:not(.disabled):hover {
background: #ec1a22
}
.testimonial_style_big.owl-theme .owl-controls .owl-nav div:hover,
.posts_carousel_holder.owl_side_arrows .owl-theme .owl-controls .owl-nav div:hover,
.img_carousel_holder.owl_side_arrows .owl-theme .owl-controls .owl-nav div:hover,
.content_slides_arrowed.owl-theme .owl-controls .owl-nav div:hover,
.portfolio_carousel_holder.owl_side_arrows .owl-theme .owl-controls .owl-nav div:hover {
color: #ec1a22
}
.boc_text_slider_word,
.boc_text_slider_word_start {
background: #ec1a22
}
.post_item_block.boxed .pic {
border-bottom: 3px solid #ec1a22
}
.team_block .team_desc {
color: #ec1a22
}
.bar_graph span,
.bar_graph.thin_style span {
background-color: #ec1a22
}
.pagination .links a:hover {
background-color: #ec1a22
}
.hilite {
background: #ec1a22
}
.price_column.price_column_featured ul li.price_column_title {
background: #ec1a22
}
blockquote {
border-left: 3px solid #ec1a22
}
.text_box.left_border {
border-left: 3px solid #ec1a22
}
.f322_table tr:hover td {
background: rgba(236, 26, 34, .08)
}
.header_cart ul.cart_list li a,
.header_cart ul.product_list_widget li a {
color: #ec1a22
}
.header_cart .cart-notification {
background-color: #ec1a22
}
.header_cart .cart-notification:after {
border-bottom-color: #ec1a22
}
.woocommerce .product_meta a {
color: #ec1a22
}
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce #content input.button,
.woocommerce-page a.button,
.woocommerce-page button.button,
.woocommerce-page input.button,
.woocommerce-page #respond input#submit,
.woocommerce-page #content input.button {
background-color: #ec1a22 !important
}
.header_cart .cart-wrap {
background-color: #ec1a22
}
.header_cart .cart-wrap:before {
border-color: transparent #ec1a22 transparent
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-range,
.woocommerce-page .widget_price_filter .ui-slider .ui-slider-range {
background-color: #ec1a22 !important
}
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce #content nav.woocommerce-pagination ul li a:hover,
.woocommerce #content nav.woocommerce-pagination ul li a:focus,
.woocommerce-page nav.woocommerce-pagination ul li a:hover,
.woocommerce-page nav.woocommerce-pagination ul li a:focus,
.woocommerce-page #content nav.woocommerce-pagination ul li a:hover,
.woocommerce-page #content nav.woocommerce-pagination ul li a:focus {
background-color: #ec1a22 !important
}
.info h2 {
background-color: #ec1a22
}
#footer a:hover {
color: #ec1a22
}
a .pic_info.type1 .plus_overlay {
border-bottom: 50px solid rgba(236, 26, 34, .8)
}
a:hover .pic_info.type1 .plus_overlay {
border-bottom: 1000px solid rgba(236, 26, 34, .8)
}
a .pic_info.type2 .plus_overlay {
border-bottom: 50px solid rgba(236, 26, 34, .75)
}
a:hover .pic_info.type2 .plus_overlay {
border-bottom: 860px solid rgba(236, 26, 34, .8)
}
a .pic_info.type3 .img_overlay_icon {
background: rgba(236, 26, 34, .8)
}
a:hover .pic_info.type3 .img_overlay_icon {
background: rgba(236, 26, 34, .8)
}
a .pic_info.type4 .img_overlay_icon {
border-bottom: 2px solid rgba(236, 26, 34, .9)
}
a:hover .pic_info.type5 .info_overlay {
background: #ec1a22
}
.pic_info.type6 .info_overlay {
background: #ec1a22
}
a .pic_info.type6 .plus_overlay {
border-bottom: 50px solid #ec1a22
}
.pic_info.type7 .info_overlay {
background: rgba(236, 26, 34, .85)
}
@media only screen and (max-width:768px) {
.cs_nav .cs_nav_item.active {
background: #ec1a22 !important
}
}
@media only screen and (min-width:1018px) {
#header.transparent_header:not(.scrolled) {
background: rgba(0, 0, 0, .1)
}
#header.transparent_header:not(.scrolled) #subheader,
#header.transparent_header:not(.scrolled) #menu>ul>li>a,
#header.transparent_header:not(.scrolled) .header_cart a.icon,
#header.transparent_header:not(.scrolled) #menu>ul>li.boc_search_border>a:hover {
color: #fff
}
#header.transparent_header:not(.scrolled) .boc_menu_icon_ham {
background: #fff
}
#header.transparent_header:not(.scrolled) #menu>ul>li:hover>a,
#header.transparent_header:not(.scrolled) .header_cart a.icon:hover,
#header.transparent_header:not(.scrolled) #subheader a:hover {
color: #fff
}
#header.transparent_header:not(.scrolled) #menu>ul>li.boc_nav_button a {
color: #fff;
border: 2px solid #fff
}
#header.transparent_header:not(.scrolled) #menu>ul>li.boc_nav_button a:hover {
background: #fff;
border: 2px solid #fff;
color: #333 !important
}
}
.breadcrumb {
display: none
}
#footer {
position: relative
}
</style>
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/grid_responsive.css@ver=6.1.css"}}" />
<script src="{{staticFile "/js/jquery.min.js@ver=3.6.1"}}"></script>
<script src="{{staticFile "/js/jquery-migrate.min.js@ver=3.3.2"}}"></script>
<script src="{{staticFile "/js/libs.min.js@ver=6.1"}}"></script>
<script type='text/javascript' id='f322.common-js-extra'>//<![CDATA[
var bocJSParams = { "boc_is_mobile_device": "", "boc_theme_url": "https:\/\/www.airiusfans.com\/wp-content\/themes\/f322", "header_height": "110", "sticky_header": "0", "submenu_arrow_effect": "1", "mm_bordered_columns": "0", "transparent_header": "1", "fixed_footer": "0", "boc_submenu_animation_effect": "sub_fade_from_btm" };
//]]></script>
<script src="{{staticFile "/js/common.js@ver=6.1"}}"></script>
</head>
<body data-rsssl=1 class="page-template-default page page-id-1803 wpb-js-composer js-comp-ver-6.10.0 vc_responsive">
<!-- Page Wrapper::START -->
<div id="wrapper" class="full_width_wrapper page_title_bgr responsive ">
<!-- Header::START -->
<header style="background-color: #000;" id="header" class="no_subheader
transparent_header ">
<div class="rel_pos">
<div class="container">
<div class="section rel_pos ">
<div id="logo">
<div class='logo_img transparent_logo_flip'>
<a href="{{.IndexUrl}}">
<img src="{{replaceImage .Logo}}"/>
<span id="transparent_logo"><img
src="{{replaceImage .Logo}}" /></span>
</a>
</div>
</div>
<div id="mobile_menu_toggler">
<div id="m_nav_menu" class="m_nav">
<div class="m_nav_ham button_closed" id="m_ham_1"></div>
<div class="m_nav_ham button_closed" id="m_ham_2"></div>
<div class="m_nav_ham button_closed" id="m_ham_3"></div>
</div>
</div>
<div class="custom_menu_3 main_menu_underline_effect">
<div id="menu" class="menu-main-nav-container">
<ul>
<li id="menu-item-384"
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-384">
<a href="{{.IndexUrl}}">{{ lang "home"}}</a>
</li>
{{if .HasAbout }}
<li id="menu-item-384"
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-384">
<a href="{{.AboutUrl}}">{{ lang "about"}}</a>
</li>
{{end}}
{{if .HasContact }}
<li id="menu-item-384"
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-384">
<a href="{{.ContactUrl}}">{{ lang "contact"}}</a>
</li>
{{end}}
</ul>
</div>
</div>
</div>
</div>
</div>
<div id="mobile_menu">
<ul>
<li
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-384">
<a href="{{.IndexUrl}}">{{ lang "home"}}</a>
</li>
{{if .HasAbout }}
<li
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-384">
<a href="{{.AboutUrl}}">{{ lang "about"}}</a>
</li>
{{end}}
{{if .HasContact }}
<li
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-384">
<a href="{{.ContactUrl}}">{{ lang "contact"}}</a>
</li>
{{end}}
</ul>
</div>
</header>
<!-- Header::END -->
<!-- Page content::START -->
<div class="content_body">
<!-- Page template :: START -->
<div class="post-1803 page type-page status-publish hentry" id="post-1803">
<div class="container">
<div class="section">
<div class='post_content'>
<section class="wpb-content-wrapper">
<div class="vc_row-full-width vc_clearfix"></div><!-- Row Backgrounds -->
<div class="vc_row wpb_row vc_row-fluid vc_custom_1582567091394">
<div class="wpb_column vc_column_container vc_col-sm-12">
<div class="vc_column-inner">
<div class="wpb_wrapper">
<div id="breadcrumb">
<a href="{{.IndexUrl}}">{{lang "home"}}</a>&nbsp;&nbsp;/&nbsp;
<a href="#">{{lang "contact"}}</a>
</div>
<h1 style="margin: 20px 0;" id="page-title">{{lang "contact"}}</h1>
<div>
{{.Contact}}
<form class="col-12 col-lg-6" style="padding: 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>
</div>
</div>
</div>
</div>
<div class="vc_row-full-width vc_clearfix"></div>
</section>
</div>
</div>
</div>
</div>
<!-- Page template :: END -->
</div>
<!-- Page content::END -->
<!-- Footer::Start -->
<div id="footer" >
<div class="container">
<div class="section" style="display: flex;justify-content: center;">
<div class="col span_1_of_4" style="width: auto;text-align: center;">
<h3 style="margin: 0;">{{lang "related"}}</h3>
<div class="menu-footer-2-container">
<ul id="menu-footer-2" class="menu" style="margin: 0;">
<li id="menu-item-833"
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-833"><a
href="{{.IndexUrl}}">
{{ lang "home"}}
</a>
</li>
{{if .HasAbout }}
<li id="menu-item-833"
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-833"><a
href="{{.AboutUrl}}">
{{ lang "about"}}
</a>
</li>
{{end}}
{{if .HasContact }}
<li id="menu-item-833"
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-833"><a
href="{{.ContactUrl}}">
{{ lang "contact"}}
</a>
</li>
{{end}}
{{if .HasPolicy }}
<li id="menu-item-833"
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-833"><a
href="{{.PolicyUrl}}">
{{ lang "policy"}}
</a>
</li>
{{end}}
</ul>
</div>
</div>
</div>
</div>
<div class="footer_btm">
<div class="container">
<div class="footer_btm_inner">
<div style="float: none;margin: 0;text-align: center;" id="powered">{{.Copyright}}</div>
</div>
</div>
</div>
</div>
<!-- Footer::END -->
</div>
<!-- Page wrapper::END -->
</body>
</html> <!-- Hummingbird cache file was created in 0.41427302360535 seconds, on 10-11-22 22:11:34 -->