index.html 12.2 KB
<!DOCTYPE html>
<html lang="en-US" prefix="og: http://ogp.me/ns#">

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="initial-scale=1.0,user-scalable=no,maxinum-scale=1,width=device-width">
		<meta content="telephone=no" name="format-detection">
		<meta name="applicable-device" content="mobile">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="format-detection" content="telephone=no,email=no">
		<title></title>
		<meta name="description" content="">
		<meta name="keywords" content="">
		<meta name="distribution" content="global">
		<meta name="robots" content="index, follow">
		<meta name="rating" content="general">
		<meta property="og:local" content="en_US">
		<meta property="og:type" content="product">
		<meta property="og:title" content="">
		<meta property="og:description" content="">
		<meta property="og:url" content="">
		<meta property="og:image" content="">
		<meta property="og:image:width" content="250">
		<meta property="og:image:height" content="250">
		<link rel="stylesheet" href="https://edm1422.yiwaixiao.com/modulhtml/css/public.css" />
		<link rel="stylesheet" type="text/css" href="https://edm1422.yiwaixiao.com/modulhtml/css/pc.css" media="screen and (min-width:1025px) and (max-width: 2500px)">
		<link rel="stylesheet" type="text/css" href="https://edm1422.yiwaixiao.com/modulhtml/css/mobile.css" media="screen and (min-width: 0px) and (max-width: 1024px)">
		<link rel="stylesheet" href="https://at.alicdn.com/t/font_669121_1i7zot0u5o2yb9.css" />
		<!--移动端会执行-->
		<script type="text/javascript" src="https://edm1422.yiwaixiao.com/modulhtml/rem.js" media="screen and (min-width: 0px) and (max-width: 1024px)"></script>
	</head>

	<body>
		<!--头部-->
		<div class="header dn">
			<header>
				<!-- 企业logo -->
				<div class="headerImg">
					<img class="companyLogo" src="https://edm1422.yiwaixiao.com/modulhtml/img/header.jpg" />
				</div>
				<!-- 企业信息 -->
				<div class="headerData">
					<!-- 企业全称 -->
					<p class="hdCompony"></p>
					<!-- 阿里巴巴信息 -->
					<div class="hdCompony1">
						<a href="javascript:void(0)" class="companyLink dn" style="border: 1px solid #e5e5e5;padding: 5px 5px;">
							<i class="backgroundImg1" ></i> Buy At Alibaba
						</a>
						<span class="website dn">Website:<a href="javascript:void(0)" class="websiteLink"></a></span>
						<a href="javascript:void(0)" title="信保认证" class="iconImg iconSize1 iconCreditInsurance dn"></a>
						<a href="javascript:void(0)" title="SGS认证" class="iconImg iconSize1 iconSgs dn"></a>
						<a href="javascript:void(0)" title="诚信认证" class="iconImg iconSize1 iconCredit dn"></a>
						<a href="javascript:void(0)" title="视频认证" class="iconImg iconSize1 iconVideo dn"></a>
						<div class="iconYearBox dn">
							<a href="javascript:void(0)" title="tips message" class="iconImg iconSize1 iconGold">
								<i class="iconImg iconSize iconYears"></i>
							</a>
						</div>
					</div>
					<!-- 2c信息 -->
					<div class="hdCompony1">
						<a href="javascript:void(0)" class="hdcSpan amazon dn">
							<i class="newImg backgroundImg2" ></i> Buy at Amazon
						</a>
						<a href="javascript:void(0)" class="hdcSpan ebay dn">
							<i class="newImg backgroundImg3"></i> Buy at Ebay
						</a>
						<a href="javascript:void(0)" class="hdcSpan aliexpress dn">
							<i class="newImg backgroundImg4"></i> Buy at Aliexpress
						</a>
						<a href="javascript:void(0)" class="hdcSpan wish dn">
							<i class="newImg backgroundImg5"></i> Buy at Wish
						</a>
						<a href="javascript:void(0)" class="hdcSpan dhgate dn">
							<i class="newImg backgroundImg6"></i> Buy at Dhgate
						</a>
					</div>
				</div>
			</header>
		</div>
		<div class="mailPage">
			<div class="page">
				<!--模板内容开始-->
				<div class="pageMain"></div>
				<!--模板内容结束-->
				<div class="pageFooter">
					<!--咨询表单-->
					<div class="title">HOW TO REACH US</div>
					<div class="reachUs">
						<div class="reachUsData">
							<p class="reachTitle">
								Contact Information
							</p>
							<p class="reachMain address dn">
								<i class="icon iconfont icon-home reachIcon" title="Address"></i>&nbsp;
								<span class="reachAddress"></span>
							</p>
							<p class="reachMain phone dn">
								<i class="icon iconfont icon-phone1 reachIcon" title="Telephone"></i>&nbsp;
								<span class="reachPhone"></span>
							</p>
							<p class="reachMain email dn">
								<i class="icon iconfont icon-i-mail reachIcon" title="Email"></i>&nbsp;
								<a class="reachEmail" href="mailto:"></a>
							</p>
							<p class="reachMain skype dn">
								<i class="icon iconfont icon-skype reachIcon" title="Skype"></i>&nbsp;
								<a href="javascript:void(0)" class="reachSkype"></a>
							</p>
							<p class="reachMain whatsapp dn">
								<i class="icon iconfont icon-whatsapp reachIcon" title="WhatsApp"></i>&nbsp;
								<a href="javascript:void(0)" class="reachWhatsApp"></a>
							</p>
							<p class="reachMain website dn">
								<i class="icon iconfont icon-wangzhi reachIcon" title="Website"></i>&nbsp;
								<a href="javascript:void(0)" class="reachWebsite"></a>
							</p>
						</div>
						<form action="" method="post" id="fromData">
							<input type="hidden" name="user_id" class="submitUser" value="0">
							<input type="hidden" name="company_id" class="submitCompany" value="0">
							<input type="hidden" name="stencil_id" class="submitStencil" value="0">
							<input type="hidden" id="type_id" name="type" value="3" class="submitType">
							<p class="reachTitle">
								Send Us Mail
							</p>
							<table border="0" cellspacing="0" cellpadding="0">
								<tr>
									<td class="td2">
										<div class="reachDateName">
											<input type="text" name="name" placeholder="Name*" class="ft14 submitName">
										</div>
										<div class="reachDateEmail">
											<input type="text" name="email" placeholder="Email*" class="ft14 submitEmail">
										</div>
									</td>
								</tr>
								<tr>
									<td class="td2"><input type="text" name="subject" id="subject_id" value="" placeholder="Subject*" class="ft14 submitSubject"></td>
								</tr>
								<tr>
									<td class="td2 pt15"><textarea name="message" placeholder="Message*" class="ft14 submitMessage"></textarea></td>
								</tr>
								<tr>
									<td class="td2" style="text-align: left;">
										<button type="button" class="submit">Submit</button>
									</td>
								</tr>
							</table>
						</form>
					</div>
					<!--相关链接-->
					<div class="title">Share this entry</div>
					<div class="iconList">
						<a href="javascript:void(0)" class="iconLink footerFacebook dn" title="Share on Facebook"><i class="icon iconfont icon-facebook"></i></a>
						<a href="javascript:void(0)" class="iconLink footerTwitter dn" title="Share on Twitter"><i class="icon iconfont icon-twitter"></i></a>
						<a href="javascript:void(0)" class="iconLink footerGoogle dn" title="Share on Google"><i class="icon iconfont icon-google"></i></a>
						<a href="javascript:void(0)" class="iconLink footerPinterest dn" title="Share on Pinterest"><i class="icon iconfont icon-pinterest"></i></a>
						<a href="javascript:void(0)" class="iconLink footerLinkedin dn" title="Share on Linkedin"><i class="icon iconfont icon-linkedin"></i></a>
						<a href="javascript:void(0)" class="iconLink footerVk dn" title="Share on Vk"><i class="icon iconfont icon-vk"></i></a>
						<a href="javascript:void(0)" class="iconLink footerReddit dn" title="Share on Reddit"><i class="icon iconfont icon-reddit"></i></a>
						<a href="javascript:void(0)" class="iconLink footerInstagram dn" title="Share on Instagram"><i class="icon iconfont icon-instagram"></i></a>
						<a href="javascript:void(0)" class="iconLink footerYoutube dn" title="Share on Youtube"><i class="icon iconfont icon-youtube"></i></a>
						<a href="javascript:void(0)" class="iconLink footerTumblr dn" title="Share on Tumblr"><i class="icon iconfont icon-tumblr"></i></a>
					</div>
				</div>
			</div>
		</div>
		<!--底部-->
		<div class="footer">
			<span class="footerCompany"></span>
			<a class="footerWebsite" href="javascript:void(0)"></a>
			<div class="footerLink">
				<a class="Facebook" href="javascript:void(0)" title="Share on Facebook"><i class="icon iconfont icon-facebook"></i></a>
				<a class="Twitter" href="javascript:void(0)" title="Share on Twitter"><i class="icon iconfont icon-twitter"></i></a>
				<a class="Google" href="javascript:void(0)" title="Share on Google"><i class="icon iconfont icon-google"></i></a>
				<a class="Pinterest" href="javascript:void(0)" title="Share on Pinterest"><i class="icon iconfont icon-pinterest"></i></a>
				<a class="Linkedin" href="javascript:void(0)" title="Share on Linkedin"><i class="icon iconfont icon-linkedin"></i></a>
				<a class="Tumblr" href="javascript:void(0)" title="Share on Tumblr"><i class="icon iconfont icon-tumblr"></i></a>
				<a class="Vk" href="javascript:void(0)" title="Share on Vk"><i class="icon iconfont icon-vk"></i></a>
				<a class="Reddit" href="javascript:void(0)" title="Share on Reddit"><i class="icon iconfont icon-reddit"></i></a>
				<!--  <a class="Mail" href="javascript:void(0)" title="Share on Mail"><i class="icon iconfont icon-i-mail"></i></a>-->
				<a class="Share" href="javascript:void(0)" title="All Share"><i class="icon iconfont icon-share"></i></a>
			</div>
		</div>
		<!--loading-->
		<div class="loadingBox dn">
			<div class="loadingMain">
				<i class="newImg backgroundImg7"></i>
				<span>正在提交...</span>
			</div>
		</div>
		<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
		<script src="https://cdn.bootcss.com/jquery.form/4.2.2/jquery.form.min.js"></script>
		<script src="/tracker.jsp" charset="UTF-8"></script>
		<script type="text/javascript">
			$('.Share').on('click', function() {
				var length = $(this).siblings().length;
				for(var i = 0; i < length; i++) {
					var href = $(this).siblings().eq(i).attr('href');
					if(href != 'javascript:void(0)' && href != '#' && href != '') {
						window.open(href);
					}
				}
			});
			if(window.location.href.indexOf('edmtitle=') > 0) {
				$("#type_id").val("1");
				$("#subject_id").val(window.location.href.split("edmtitle=")[1]);
			}
			$('.submit').on('click', function() {
				var submitUrl = $('#fromData').attr('action'),
					submitName = $('.submitName').val(),
					submitEmail = $('.submitEmail').val(),
					submitSubject = $('.submitSubject').val(),
					submitMessage = $('.submitMessage').val();
				$.ajax({
					type: "POST",
					url: submitUrl,
					data: {
						user_id: $(".submitUser").val(),
						company_id: $(".submitCompany").val(),
						stencil_id: $(".submitStencil").val(),
						type: $(".submitType").val(),
						name: submitName,
						email: submitEmail,
						subject: submitSubject,
						message: submitMessage,
						refer: window.location.href
					},
					dataType: "json",
					cache: false,
					async: true,
					beforeSend: function() {
						$(".loadingBox").removeClass('dn');
					},
					complete: function() {
						$(".loadingBox").addClass('dn');
					},
					success: function(msg) {
						if(msg == 1) {
							alert('提交成功');
							postRequest(submitEmail, $(".submitCompany").val());
						} else if(msg == -2) {
							alert('请输入邮箱');
						} else if(msg == -3) {
							alert('邮箱格式不正确');
						} else if(msg == -4) {
							alert('请输入主题');
						} else if(msg == -5) {
							alert('未授权提交');
						} else if(msg == -1) {
							alert('请输入姓名');
						}
					}
				});
			});

			function postRequest(email, companyId) {
				var f = new Array();
				f.push('ywxType=7');
				f.push('ywxTitle=' + encodeURIComponent(document.title));
				f.push('ywxReferrer=' + encodeURIComponent(document.referrer));
				f.push('ywxCookie=' + navigator.cookieEnabled);
				f.push('ywxX=' + window.screen.width);
				f.push('ywxH=' + window.screen.height);
				f.push('ywxTo=' + encodeURIComponent(location.href));
				f.push('ywxUid=0');
				f.push('ywxCid=' + companyId);
				f.push('ywxMid=0');
				f.push('ywxMail=' + email);
				f.push('r=' + Math.random());
				(new Image()).src = '/track_recordFromHTML.action?' + f.join('&');
			}
		</script>
	</body>

</html>