pbootcms/template/web-en/html/contact-us.html

{include file=top.html}
<!-- S touch-top-wrapper -->
<div class="touch-top mobile-section clearfix">
	<div class="touch-top-wrapper clearfix">
		<div class="touch-logo" skinobjectzone="HtmlLogo_1717"><a class="" href="javascript:;"><img src="{pboot:sitelogo}"
				 alt="我的网站" /></a></div>
		<!-- S touch-navigation -->
		<div class="touch-navigation">
			<div class="touch-toggle">
				<ul>
					<li class="touch-toggle-item-last"><a href="javascript:;" class="drawer-menu" data-drawer="drawer-section-menu"><i
							 class="touch-icon-menu"></i><span>Navigation</span></a></li>
				</ul>
			</div>
		</div>
		<!-- E touch-navigation -->
	</div>
	<!-- S touch-top -->
	<div class="touch-toggle-content touch-top-home">
		<!--<div class="drawer-section drawer-section-language">
          <ul class="touch-language clearfix" skinobjectzone="HtmlLanguage_1982">
            <li><a href="javascript:;">中文简体</a></li>
          </ul>
        </div>-->
		{include file=mobile-top.html}
		<script type="text/javascript">
			$(document).ready(function() {

				$(".touch-toggle a").click(function(event) {
					var className = $(this).attr("data-drawer");

					if ($("." + className).css('display') == 'none') {
						$("." + className).slideDown().siblings(".drawer-section").slideUp();
					} else {
						$(".drawer-section").slideUp();
					}
					event.stopPropagation();
				});

				/*$(document).click(function(){
				 $(".drawer-section").slideUp();     
				})*/

				$('.touch-menu a').click(function() {
					if ($(this).next().is('ul')) {
						if ($(this).next('ul').css('display') == 'none') {
							$(this).next('ul').slideDown();
							$(this).find('i').attr("class", "touch-arrow-up");
						} else {
							$(this).next('ul').slideUp();
							$(this).next('ul').find('ul').slideUp();
							$(this).find('i').attr("class", "touch-arrow-down");
						}
					}
				});
			});
		</script>
	</div>
	<!-- E touch-top -->
</div>
<!-- E touch-top-wrapper -->
<!-- ==================== E top ==================== -->
<!-- ==================== S header ==================== -->
<div id="a1portalSkin_headerAreaA" class="header">
	<!-- Start_Module_228969 --><a name="26520" id="26520"></a>
	<div class="module-default">
		<div class="module-inner">
			<div id="a1portalSkin_ctr228969228969_mainArea" class="module-content">
				<!-- Start_Module_228969 -->
				<!-- S responsive-carousel -->
				<div class="responsive-carousel carousel clearfix">
					<div id="responsive-228969">
						<div class="carousel-item" style="">
							{pboot:slide gid=15 num=1}
							<div class="carousel-img"><a href="javascript:;" target=""><img src="[slide:src]" alt="关于我们" /></a></div>
							{/pboot:slide}
						</div>
					</div>
					<div class="carousel-btn carousel-btn-fixed" id="carousel-page-228969"></div>
					<script type="text/javascript">
						$(window).load(function() {
							$("#responsive-228969").carouFredSel({
								responsive: true,
								width: '100%',
								items: {
									visible: 1
								},
								auto: {
									pauseOnHover: true,
									timeoutDuration: 5000
								},
								swipe: {
									onTouch: true,
									onMouse: true
								},
								pagination: "#carousel-page-228969"
								//prev   : { button:"#carousel-prev-228969"},
								//next   : { button:"#carousel-next-228969"},
								//scroll : { fx : "coverfade", duration : 1200, timeoutDuration : 1500 }  
							});

							$("#responsive-228969 .carousel-item").show();
						});
					</script>
				</div>
				<!-- E responsive-carousel -->
				<!-- End_Module_228969 -->
			</div>
		</div>
	</div>
</div>
<!-- ==================== E Header ==================== -->
<!-- ==================== S main ==================== -->
<section class="main">
	<section class="full-page-title-wrap clearfix" skinobjectzone="menu_2834">
		<h2>Contact us</h2>
	</section>
	<!-- S page-menu -->
	<div class="page-width clearfix">
		<!-- S full-page-content -->
		<div class="full-page-content">
			<div id="a1portalSkin_mainArea" class="full-page-content-wrapper">
				<!-- Start_Module_228968 --><a name="25978" id="25978"></a>
				<div class="module-default">
					<div class="module-inner">
						<div id="a1portalSkin_ctr228968228968_mainArea" class="module-content">
							<!-- Start_Module_228968 -->
							<div class="qhd-content">
								<div id="a1portalSkin_ctr228959228959_mainArea" class="module-full-screen-content">
									<!-- Start_Module_228959 -->
									<!-- S headlines-list-2col -->
									<div class="headlines-list-2col clearfix">
										<div class="headlines-content not-animated" data-animate="fadeInUp" data-delay="200">
											<p style="font-size: 18px;"> {pboot:companyname}</p>
											<p>Company Domain：{pboot:sitedomain}</p>
											<p>Company Email：{pboot:companyemail}</p>
											<p>Company Address：{pboot:companyaddress}</p>
											<p>Company Mobile：{pboot:companymobile}</p>
											<p>Company Contact：{pboot:companycontact}</p>
											<style>
												.weixin {
														position: relative;
														}
														
														.weixin img.qrcode {
														position: absolute;
														z-index: 99;
														top: -135px;
														right: -28px;
														width: 100px;
														max-width: none;
														height: 100px;
														transform: scale(0);
														transform-origin: top right;
														opacity: 0;
														border-radius: .25rem;
														-webkit-transition: all .4s ease-in-out;
														-o-transition: all .4s ease-in-out;
														transition: all .4s ease-in-out;
														
														}
														
														.weixin:hover img.qrcode {
														transform: scale(1);
														opacity: 1;
														}
														
													</style>
											<script>
												$(document).ready(function() {
															if(IsPC()){
																$('#qq').attr('href','tencent://message/?uin=2686885523&Site=qdmolson.com&Menu=yes'); 
																$("#myinput1").width("400px");
																$("#myinput2").width("400px");
																$("#myinput3").width("400px");
															}
														})
													</script>
											<p style="display：inline; width: 400px;">
												<div>
													<a href="https://www.linkedin.com/in/albert-ma/" target="_blank"><img src="/static/upload/image/20200601/Linkedin.png"
														 width="40" height="40" style="width: 40px; height: 40px;" /></a>
													<a class="social weixin" href="javascript:">
														<img class="qrcode" src="{pboot:sitetplpath}/images/weixinCode.png" alt="微信二维码">
														<img src="/static/upload/image/20200601/weixin.png" style="width: 40px; height: 40px;" width="40" height="40" />
													</a>
													<a id="qq" href="mqqwpa://im/chat?chat_type=wpa&uin=2686885523&version=1&src_type=web&web_src=qdmolson.com"
													 title="QQ联系我们" target="_blank"><img src="/static/upload/image/20200601/QQ.png" width="40" height="40"
														 style="width: 40px; height: 40px;" /></a>&nbsp;&nbsp;
													<img src="/static/upload/image/20200601/WhatsApp.png" width="40" height="40" style="width: 40px; height: 40px;" />
													<a href="skype:live:.cid.cecaea3881e6a021?chat"><img src="/static/upload/image/20200601/skype.png" width="40"
														 height="40" style="width: 40px; height: 40px;" /></a>
													<img src="/static/upload/image/20200601/Facebook.png" width="40" height="40" style="width: 40px; height: 40px;" />
												</div>
												<script>
													function IsPC() {
													    var userAgentInfo = navigator.userAgent;
													    var Agents = ["Android", "iPhone","SymbianOS", "Windows Phone","iPad", "iPod"];
													    var flag = true;
													    for (var v = 0; v < Agents.length; v++) {
													        if (userAgentInfo.indexOf(Agents[v]) > 0) {
													            flag = false;
													            break;
													        }
													    }
													    return flag;
													}
													
												</script>
											</p>
											<h2></h2>
										</div>

										<div class="headlines-others not-animated" data-animate="fadeInUp" data-delay="400">
											<!-- S entry-list -->
											<div class="entry-list entry-list-time-hl entry-set-time-hl">
												<!-- S entry-item -->
												<div class="entry-itemInfo">
													<form action="{pboot:msgaction}" name="form" method="post">
														<table>
															<tr>
																<td> Your Name：</td>
																<td align="left"><input id="myinput1" style="width: 200px;height: 30px;" type="text" name="contacts">
																	<font color="red">*</font>
																</td>
															</tr>
															<tr>
																<td> E-mail：</td>
																<td align="left"><input id="myinput2" style="width: 200px;height: 30px;" type="text" name="mobile">
																	<font color="red">*</font>
																</td>
															</tr>
															<tr>
																<td> Content：</td>
																<td align="left">
																	<textarea id="myinput3" style="width: 200px;height: 150px;" rows="4" cols="26" name="content"></textarea>
																	<font color="red">*</font>
																</td>
															</tr>
															<tr>
																<td> Captcha：</td>
																<td align="left">
																	<input id="Captcha" type="text" name="checkcode" style="width: 80px;height: 30px;"><img title="Click Refresh" src="{pboot:checkcode}"
																	 onclick="this.src='{pboot:checkcode}?'+Math.round(Math.random()*10);" />
																</td>
															</tr>
														</table>
														<br>
														<div class="m-page">
															<ul class="pagelist">
																<a href="javascript:;" id="mybutton" style="background-color: #8dc21f;">Send</a>
																<script>
																	function IsNull(str) {
																		return (Trim(str) == "") ? false : true;
																	}
																	function Trim(str) {
																		return str.replace(/(^\s*)|(\s*$)/g, "");
																	}
																	function replaceHTML(str){
																	  str = str.replace(/<[^>].*?>/g,"");
																	  str = str.replace(/&nbsp;/g,"");
																	  return str;
																	}
																	//定义页面载入事件
																	$(function() {
																		//给确定按钮绑定一个点击事件
																		$('#mybutton').on('click', function() {
																			if ($("#myinput1").val() == "") {
																				alert("Please input your name!");
																				$("#myinput1").focus();
																				return false;
																			}

																			if ($("#myinput2").val() == "") {
																				alert("Please input E-mail!");
																				$("#myinput2").focus();
																				return false;
																			}

																			var email = $("#myinput2").val();
																			if (!email.match(/^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((\.[a-zA-Z0-9_-]{2,3}){1,2})$/)) {
																				alert("Please enter a valid email address");
																				$("#myinput2").focus();
																				return false;
																			}
																			if ($.trim($("#myinput3").val())=="") {
																				alert("Please input content!");
																				$("#myinput3").focus();
																				return false;
																			}
																			
																			if ($("#Captcha").val() == "") {
																				alert("Please input Captcha!");
																				$("#Captcha").focus();
																				return false;
																			}

																			//事件处理程序
																			$('form').submit();
																		});
																	});
																</script>
															</ul>
														</div>

													</form>

												</div>
												<!-- E entry-list -->
											</div>
										</div>
										<!-- E headlines-list-2col -->
										<!-- End_Module_228959 -->
									</div>
								</div>
							</div>
							<!-- End_Module_228968 -->
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- E full-page-content -->
	</div>
</section>
{include file=footer.html}
</body>
</html>