parent
c6a11f8daf
commit
ba570ade63
11 changed files with 1373 additions and 64 deletions
@ -0,0 +1,137 @@ |
||||
<!DOCTYPE HTML> |
||||
<!-- |
||||
Solid State by HTML5 UP |
||||
html5up.net | @ajlkn |
||||
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) |
||||
--> |
||||
<html> |
||||
<head> |
||||
<title>Generic - Solid State by HTML5 UP</title> |
||||
<meta charset="utf-8" /> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" /> |
||||
<link rel="stylesheet" href="assets/css/main.css" /> |
||||
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript> |
||||
</head> |
||||
<body class="is-preload"> |
||||
|
||||
<!-- Page Wrapper --> |
||||
<div id="page-wrapper"> |
||||
|
||||
<!-- Header --> |
||||
<header id="header"> |
||||
<h1><a href="index.html">Solid State</a></h1> |
||||
<nav> |
||||
<a href="#menu">Menu</a> |
||||
</nav> |
||||
</header> |
||||
|
||||
<!-- Menu --> |
||||
<nav id="menu"> |
||||
<div class="inner"> |
||||
<h2>Menu</h2> |
||||
<ul class="links"> |
||||
<li><a href="index.html">Home</a></li> |
||||
<li><a href="generic.html">Generic</a></li> |
||||
<li><a href="elements.html">Elements</a></li> |
||||
<li><a href="#">Log In</a></li> |
||||
<li><a href="#">Sign Up</a></li> |
||||
</ul> |
||||
<a href="#" class="close">Close</a> |
||||
</div> |
||||
</nav> |
||||
|
||||
<!-- Wrapper --> |
||||
<section id="wrapper"> |
||||
<header> |
||||
<div class="inner"> |
||||
<h2>Generic</h2> |
||||
<p>Phasellus non pulvinar erat. Fusce tincidunt nisl eget ipsum.</p> |
||||
</div> |
||||
</header> |
||||
|
||||
<!-- Content --> |
||||
<div class="wrapper"> |
||||
<div class="inner"> |
||||
|
||||
<h3 class="major">Lorem ipsum dolor</h3> |
||||
<p>Morbi mattis mi consectetur tortor elementum, varius pellentesque velit convallis. Aenean tincidunt lectus auctor mauris maximus, ac scelerisque ipsum tempor. Duis vulputate ex et ex tincidunt, quis lacinia velit aliquet. Duis non efficitur nisi, id malesuada justo. Maecenas sagittis felis ac sagittis semper. Curabitur purus leo donec vel dolor at arcu tincidunt bibendum. Interdum et malesuada fames ac ante ipsum primis in faucibus. Fusce ut aliquet justo. Donec id neque ipsum. Integer eget ultricies odio. Nam vel ex a orci fringilla tincidunt. Aliquam eleifend ligula non velit accumsan cursus. Etiam ut gravida sapien.</p> |
||||
|
||||
<p>Vestibulum ultrices risus velit, sit amet blandit massa auctor sit amet. Sed eu lectus sem. Phasellus in odio at ipsum porttitor mollis id vel diam. Praesent sit amet posuere risus, eu faucibus lectus. Vivamus ex ligula, tempus pulvinar ipsum in, auctor porta quam. Proin nec commodo, vel scelerisque nisi scelerisque. Suspendisse id quam vel tortor tincidunt suscipit. Nullam auctor orci eu dolor consectetur, interdum ullamcorper ante tincidunt. Mauris felis nec felis elementum varius.</p> |
||||
|
||||
<h3 class="major">Vitae phasellus</h3> |
||||
<p>Cras mattis ante fermentum, malesuada neque vitae, eleifend erat. Phasellus non pulvinar erat. Fusce tincidunt, nisl eget mattis egestas, purus ipsum consequat orci, sit amet lobortis lorem lacus in tellus. Sed ac elementum arcu. Quisque placerat auctor laoreet.</p> |
||||
|
||||
<section class="features"> |
||||
<article> |
||||
<a href="#" class="image"><img src="images/pic04.jpg" alt="" /></a> |
||||
<h3 class="major">Sed feugiat lorem</h3> |
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing vehicula id nulla dignissim dapibus ultrices.</p> |
||||
<a href="#" class="special">Learn more</a> |
||||
</article> |
||||
<article> |
||||
<a href="#" class="image"><img src="images/pic05.jpg" alt="" /></a> |
||||
<h3 class="major">Nisl placerat</h3> |
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing vehicula id nulla dignissim dapibus ultrices.</p> |
||||
<a href="#" class="special">Learn more</a> |
||||
</article> |
||||
</section> |
||||
|
||||
</div> |
||||
</div> |
||||
|
||||
</section> |
||||
|
||||
<!-- Footer --> |
||||
<section id="footer"> |
||||
<div class="inner"> |
||||
<h2 class="major">Get in touch</h2> |
||||
<p>Cras mattis ante fermentum, malesuada neque vitae, eleifend erat. Phasellus non pulvinar erat. Fusce tincidunt, nisl eget mattis egestas, purus ipsum consequat orci, sit amet lobortis lorem lacus in tellus. Sed ac elementum arcu. Quisque placerat auctor laoreet.</p> |
||||
<form method="post" action="#"> |
||||
<div class="fields"> |
||||
<div class="field"> |
||||
<label for="name">Name</label> |
||||
<input type="text" name="name" id="name" /> |
||||
</div> |
||||
<div class="field"> |
||||
<label for="email">Email</label> |
||||
<input type="email" name="email" id="email" /> |
||||
</div> |
||||
<div class="field"> |
||||
<label for="message">Message</label> |
||||
<textarea name="message" id="message" rows="4"></textarea> |
||||
</div> |
||||
</div> |
||||
<ul class="actions"> |
||||
<li><input type="submit" value="Send Message" /></li> |
||||
</ul> |
||||
</form> |
||||
<ul class="contact"> |
||||
<li class="icon solid fa-home"> |
||||
Untitled Inc<br /> |
||||
1234 Somewhere Road Suite #2894<br /> |
||||
Nashville, TN 00000-0000 |
||||
</li> |
||||
<li class="icon solid fa-phone">(000) 000-0000</li> |
||||
<li class="icon solid fa-envelope"><a href="#">information@untitled.tld</a></li> |
||||
<li class="icon brands fa-twitter"><a href="#">twitter.com/untitled-tld</a></li> |
||||
<li class="icon brands fa-facebook-f"><a href="#">facebook.com/untitled-tld</a></li> |
||||
<li class="icon brands fa-instagram"><a href="#">instagram.com/untitled-tld</a></li> |
||||
</ul> |
||||
<ul class="copyright"> |
||||
<li>© Untitled Inc. All rights reserved.</li><li>Design: <a href="http://html5up.net">HTML5 UP</a></li> |
||||
</ul> |
||||
</div> |
||||
</section> |
||||
|
||||
</div> |
||||
|
||||
<!-- Scripts --> |
||||
<script src="assets/js/jquery.min.js"></script> |
||||
<script src="assets/js/jquery.scrollex.min.js"></script> |
||||
<script src="assets/js/browser.min.js"></script> |
||||
<script src="assets/js/breakpoints.min.js"></script> |
||||
<script src="assets/js/util.js"></script> |
||||
<script src="assets/js/main.js"></script> |
||||
|
||||
</body> |
||||
</html> |
||||
|
After Width: | Height: | Size: 222 KiB |
|
After Width: | Height: | Size: 63 KiB |
|
After Width: | Height: | Size: 111 KiB |
|
After Width: | Height: | Size: 82 KiB |
@ -0,0 +1,166 @@ |
||||
<!DOCTYPE HTML> |
||||
<!-- |
||||
Solid State by HTML5 UP |
||||
html5up.net | @ajlkn |
||||
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) |
||||
--> |
||||
<html> |
||||
<head> |
||||
<title>万宗商业</title> |
||||
<meta charset="utf-8" /> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" /> |
||||
<link rel="stylesheet" href="assets/css/main.css" /> |
||||
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript> |
||||
<link rel="shortcut icon"href="images/logo.png"> |
||||
</head> |
||||
<body class="is-preload"> |
||||
|
||||
<!-- Page Wrapper --> |
||||
<div id="page-wrapper"> |
||||
|
||||
<!-- Header --> |
||||
<header id="header" class="alt"> |
||||
<h1><a href="index.html">万宗商业</a></h1> |
||||
</header> |
||||
|
||||
<!-- Banner --> |
||||
<section id="banner"> |
||||
<div class="inner"> |
||||
<div class="logo"><!--<span class="icon fa-gem"></span>--><img height="80px" width="80px" src="./images/logo.png"></div> |
||||
<h2>万宗商业</h2> |
||||
<p>让天下没有难做的生意！</p> |
||||
</div> |
||||
</section> |
||||
|
||||
<!-- Wrapper --> |
||||
<section id="wrapper"> |
||||
|
||||
<!-- One --> |
||||
<section id="one" class="wrapper spotlight style1"> |
||||
<div class="inner"> |
||||
<a href="#" class="image"><img src="images/pic01.jpg" alt="" /></a> |
||||
<div class="content"> |
||||
<h2 class="major">Magna arcu feugiat</h2> |
||||
<p>Lorem ipsum dolor sit amet, etiam lorem adipiscing elit. Cras turpis ante, nullam sit amet turpis non, sollicitudin posuere urna. Mauris id tellus arcu. Nunc vehicula id nulla dignissim dapibus. Nullam ultrices, neque et faucibus viverra, ex nulla cursus.</p> |
||||
<a href="#" class="special">Learn more</a> |
||||
</div> |
||||
</div> |
||||
</section> |
||||
|
||||
<!-- Two --> |
||||
<section id="two" class="wrapper alt spotlight style2"> |
||||
<div class="inner"> |
||||
<a href="#" class="image"><img src="images/pic02.jpg" alt="" /></a> |
||||
<div class="content"> |
||||
<h2 class="major">Tempus adipiscing</h2> |
||||
<p>Lorem ipsum dolor sit amet, etiam lorem adipiscing elit. Cras turpis ante, nullam sit amet turpis non, sollicitudin posuere urna. Mauris id tellus arcu. Nunc vehicula id nulla dignissim dapibus. Nullam ultrices, neque et faucibus viverra, ex nulla cursus.</p> |
||||
<a href="#" class="special">Learn more</a> |
||||
</div> |
||||
</div> |
||||
</section> |
||||
|
||||
<!-- Three --> |
||||
<section id="three" class="wrapper spotlight style3"> |
||||
<div class="inner"> |
||||
<a href="#" class="image"><img src="images/pic03.jpg" alt="" /></a> |
||||
<div class="content"> |
||||
<h2 class="major">Nullam dignissim</h2> |
||||
<p>Lorem ipsum dolor sit amet, etiam lorem adipiscing elit. Cras turpis ante, nullam sit amet turpis non, sollicitudin posuere urna. Mauris id tellus arcu. Nunc vehicula id nulla dignissim dapibus. Nullam ultrices, neque et faucibus viverra, ex nulla cursus.</p> |
||||
<a href="#" class="special">Learn more</a> |
||||
</div> |
||||
</div> |
||||
</section> |
||||
|
||||
<!-- Four --> |
||||
<section id="four" class="wrapper alt style1"> |
||||
<div class="inner"> |
||||
<h2 class="major">Vitae phasellus</h2> |
||||
<p>Cras mattis ante fermentum, malesuada neque vitae, eleifend erat. Phasellus non pulvinar erat. Fusce tincidunt, nisl eget mattis egestas, purus ipsum consequat orci, sit amet lobortis lorem lacus in tellus. Sed ac elementum arcu. Quisque placerat auctor laoreet.</p> |
||||
<section class="features"> |
||||
<article> |
||||
<a href="#" class="image"><img src="images/pic04.jpg" alt="" /></a> |
||||
<h3 class="major">Sed feugiat lorem</h3> |
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing vehicula id nulla dignissim dapibus ultrices.</p> |
||||
<a href="#" class="special">Learn more</a> |
||||
</article> |
||||
<article> |
||||
<a href="#" class="image"><img src="images/pic05.jpg" alt="" /></a> |
||||
<h3 class="major">Nisl placerat</h3> |
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing vehicula id nulla dignissim dapibus ultrices.</p> |
||||
<a href="#" class="special">Learn more</a> |
||||
</article> |
||||
<article> |
||||
<a href="#" class="image"><img src="images/pic06.jpg" alt="" /></a> |
||||
<h3 class="major">Ante fermentum</h3> |
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing vehicula id nulla dignissim dapibus ultrices.</p> |
||||
<a href="#" class="special">Learn more</a> |
||||
</article> |
||||
<article> |
||||
<a href="#" class="image"><img src="images/pic07.jpg" alt="" /></a> |
||||
<h3 class="major">Fusce consequat</h3> |
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing vehicula id nulla dignissim dapibus ultrices.</p> |
||||
<a href="#" class="special">Learn more</a> |
||||
</article> |
||||
</section> |
||||
<ul class="actions"> |
||||
<li><a href="#" class="button">Browse All</a></li> |
||||
</ul> |
||||
</div> |
||||
</section> |
||||
|
||||
</section> |
||||
|
||||
<!-- Footer --> |
||||
<section id="footer"> |
||||
<div class="inner"> |
||||
<h2 class="major">Get in touch</h2> |
||||
<p>Cras mattis ante fermentum, malesuada neque vitae, eleifend erat. Phasellus non pulvinar erat. Fusce tincidunt, nisl eget mattis egestas, purus ipsum consequat orci, sit amet lobortis lorem lacus in tellus. Sed ac elementum arcu. Quisque placerat auctor laoreet.</p> |
||||
<form method="post" action="#"> |
||||
<div class="fields"> |
||||
<div class="field"> |
||||
<label for="name">Name</label> |
||||
<input type="text" name="name" id="name" /> |
||||
</div> |
||||
<div class="field"> |
||||
<label for="email">Email</label> |
||||
<input type="email" name="email" id="email" /> |
||||
</div> |
||||
<div class="field"> |
||||
<label for="message">Message</label> |
||||
<textarea name="message" id="message" rows="4"></textarea> |
||||
</div> |
||||
</div> |
||||
<ul class="actions"> |
||||
<li><input type="submit" value="Send Message" /></li> |
||||
</ul> |
||||
</form> |
||||
<ul class="contact"> |
||||
<li class="icon solid fa-home"> |
||||
Untitled Inc<br /> |
||||
1234 Somewhere Road Suite #2894<br /> |
||||
Nashville, TN 00000-0000 |
||||
</li> |
||||
<li class="icon solid fa-phone">(000) 000-0000</li> |
||||
<li class="icon solid fa-envelope"><a href="#">information@untitled.tld</a></li> |
||||
<li class="icon brands fa-twitter"><a href="#">twitter.com/untitled-tld</a></li> |
||||
<li class="icon brands fa-facebook-f"><a href="#">facebook.com/untitled-tld</a></li> |
||||
<li class="icon brands fa-instagram"><a href="#">instagram.com/untitled-tld</a></li> |
||||
</ul> |
||||
<ul class="copyright"> |
||||
<li>© Untitled Inc. All rights reserved.</li><li>Design: <a href="http://html5up.net">HTML5 UP</a></li> |
||||
</ul> |
||||
</div> |
||||
</section> |
||||
|
||||
</div> |
||||
|
||||
<!-- Scripts --> |
||||
<script src="assets/js/jquery.min.js"></script> |
||||
<script src="assets/js/jquery.scrollex.min.js"></script> |
||||
<script src="assets/js/browser.min.js"></script> |
||||
<script src="assets/js/breakpoints.min.js"></script> |
||||
<script src="assets/js/util.js"></script> |
||||
<script src="assets/js/main.js"></script> |
||||
|
||||
</body> |
||||
</html> |
||||
@ -0,0 +1,332 @@ |
||||
<!DOCTYPE HTML> |
||||
<!-- |
||||
Solid State by HTML5 UP |
||||
html5up.net | @ajlkn |
||||
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) |
||||
--> |
||||
<html> |
||||
<head> |
||||
<title>古宛特曲</title> |
||||
<meta charset="utf-8" /> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" /> |
||||
<link rel="stylesheet" href="assets/css/main.css" /> |
||||
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript> |
||||
<link rel="shortcut icon"href="images/logo.png"> |
||||
<!-- Global site tag (gtag.js) - Google Analytics --> |
||||
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-169276192-6"></script> |
||||
<script> |
||||
window.dataLayer = window.dataLayer || []; |
||||
function gtag(){dataLayer.push(arguments);} |
||||
gtag('js', new Date()); |
||||
|
||||
gtag('config', 'UA-169276192-6'); |
||||
</script> |
||||
|
||||
</head> |
||||
<body class="is-preload"> |
||||
|
||||
<!-- Page Wrapper --> |
||||
<div id="page-wrapper"> |
||||
|
||||
<!-- Header --> |
||||
<header id="header"> |
||||
<h1><a href="index.html">万宗商业</a></h1> |
||||
<nav> |
||||
<a href="#menu">菜单</a> |
||||
</nav> |
||||
</header> |
||||
|
||||
<!-- Menu --> |
||||
<nav id="menu"> |
||||
<div class="inner"> |
||||
<h2>菜单</h2> |
||||
<ul class="links"> |
||||
<li><a href="index.html">回到主页</a></li> |
||||
</ul> |
||||
<a href="#" class="close"></a> |
||||
</div> |
||||
</nav> |
||||
|
||||
<!-- Wrapper --> |
||||
<section id="wrapper"> |
||||
<header> |
||||
<div class="inner"> |
||||
<h2>古宛特曲</h2> |
||||
<p>02年出厂，新疆乌鲁木齐酒厂老酒。库存好酒共分享。</p> |
||||
</div> |
||||
</header> |
||||
|
||||
<!-- Content --> |
||||
<div class="wrapper"> |
||||
<div class="inner"> |
||||
|
||||
<section> |
||||
<h3 class="major">展示</h3> |
||||
<img width="100%" src="./images/pic01_.jpg"> |
||||
|
||||
</section> |
||||
<!-- |
||||
<section> |
||||
<h3 class="major">Lists</h3> |
||||
<div class="row"> |
||||
<div class="col-6 col-12-medium"> |
||||
<h4>Unordered</h4> |
||||
<ul> |
||||
<li>Dolor pulvinar etiam.</li> |
||||
<li>Sagittis adipiscing.</li> |
||||
<li>Felis enim feugiat.</li> |
||||
</ul> |
||||
<h4>Alternate</h4> |
||||
<ul class="alt"> |
||||
<li>Dolor pulvinar etiam.</li> |
||||
<li>Sagittis adipiscing.</li> |
||||
<li>Felis enim feugiat.</li> |
||||
</ul> |
||||
</div> |
||||
<div class="col-6 col-12-medium"> |
||||
<h4>Ordered</h4> |
||||
<ol> |
||||
<li>Dolor pulvinar etiam.</li> |
||||
<li>Etiam vel felis viverra.</li> |
||||
<li>Felis enim feugiat.</li> |
||||
<li>Dolor pulvinar etiam.</li> |
||||
<li>Etiam vel felis lorem.</li> |
||||
<li>Felis enim et feugiat.</li> |
||||
</ol> |
||||
<h4>Icons</h4> |
||||
<ul class="icons"> |
||||
<li><a href="#" class="icon brands fa-twitter"><span class="label">Twitter</span></a></li> |
||||
<li><a href="#" class="icon brands fa-facebook-f"><span class="label">Facebook</span></a></li> |
||||
<li><a href="#" class="icon brands fa-instagram"><span class="label">Instagram</span></a></li> |
||||
<li><a href="#" class="icon brands fa-github"><span class="label">Github</span></a></li> |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
|
||||
</section> |
||||
--> |
||||
<!-- |
||||
<section> |
||||
<h3 class="major">Table</h3> |
||||
<h4>Default</h4> |
||||
<div class="table-wrapper"> |
||||
<table> |
||||
<thead> |
||||
<tr> |
||||
<th>Name</th> |
||||
<th>Description</th> |
||||
<th>Price</th> |
||||
</tr> |
||||
</thead> |
||||
<tbody> |
||||
<tr> |
||||
<td>Item One</td> |
||||
<td>Ante turpis integer aliquet porttitor.</td> |
||||
<td>29.99</td> |
||||
</tr> |
||||
<tr> |
||||
<td>Item Two</td> |
||||
<td>Vis ac commodo adipiscing arcu aliquet.</td> |
||||
<td>19.99</td> |
||||
</tr> |
||||
<tr> |
||||
<td>Item Three</td> |
||||
<td> Morbi faucibus arcu accumsan lorem.</td> |
||||
<td>29.99</td> |
||||
</tr> |
||||
<tr> |
||||
<td>Item Four</td> |
||||
<td>Vitae integer tempus condimentum.</td> |
||||
<td>19.99</td> |
||||
</tr> |
||||
<tr> |
||||
<td>Item Five</td> |
||||
<td>Ante turpis integer aliquet porttitor.</td> |
||||
<td>29.99</td> |
||||
</tr> |
||||
</tbody> |
||||
<tfoot> |
||||
<tr> |
||||
<td colspan="2"></td> |
||||
<td>100.00</td> |
||||
</tr> |
||||
</tfoot> |
||||
</table> |
||||
</div> |
||||
|
||||
<h4>Alternate</h4> |
||||
<div class="table-wrapper"> |
||||
<table class="alt"> |
||||
<thead> |
||||
<tr> |
||||
<th>Name</th> |
||||
<th>Description</th> |
||||
<th>Price</th> |
||||
</tr> |
||||
</thead> |
||||
<tbody> |
||||
<tr> |
||||
<td>Item One</td> |
||||
<td>Ante turpis integer aliquet porttitor.</td> |
||||
<td>29.99</td> |
||||
</tr> |
||||
<tr> |
||||
<td>Item Two</td> |
||||
<td>Vis ac commodo adipiscing arcu aliquet.</td> |
||||
<td>19.99</td> |
||||
</tr> |
||||
<tr> |
||||
<td>Item Three</td> |
||||
<td> Morbi faucibus arcu accumsan lorem.</td> |
||||
<td>29.99</td> |
||||
</tr> |
||||
<tr> |
||||
<td>Item Four</td> |
||||
<td>Vitae integer tempus condimentum.</td> |
||||
<td>19.99</td> |
||||
</tr> |
||||
<tr> |
||||
<td>Item Five</td> |
||||
<td>Ante turpis integer aliquet porttitor.</td> |
||||
<td>29.99</td> |
||||
</tr> |
||||
</tbody> |
||||
<tfoot> |
||||
<tr> |
||||
<td colspan="2"></td> |
||||
<td>100.00</td> |
||||
</tr> |
||||
</tfoot> |
||||
</table> |
||||
</div> |
||||
</section> |
||||
--> |
||||
|
||||
|
||||
<section> |
||||
<h3 class="major">对这款酒感兴趣？请留下您的联系方式，我将与您联系！</h3> |
||||
<form method="post" action="#" target="nm_iframe"> |
||||
<div class="row gtr-uniform"> |
||||
<div class="col-6 col-12-xsmall"> |
||||
<label for="demo-name">您的称呼</label> |
||||
<input type="text" name="demo-name" id="demo-name" value="" /> |
||||
</div> |
||||
<div class="col-6 col-12-xsmall"> |
||||
<label for="demo-email">联系方式(电话/邮箱/微信)*</label> |
||||
<input type="text" name="demo-email" id="demo-email" value="" /> |
||||
</div> |
||||
<div class="col-12"> |
||||
<ul class="actions"> |
||||
<li><input type="submit" value="提交" class="primary" id="sm" /></li> |
||||
<li><input type="reset" value="重填" /></li> |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
</form> |
||||
</section> |
||||
|
||||
</div> |
||||
</div> |
||||
|
||||
</section> |
||||
|
||||
|
||||
<!-- Footer --> |
||||
<section id="footer"> |
||||
<div class="inner"> |
||||
<h2 class="major">直接与我联系</h2> |
||||
<p>您可以通过电话，邮箱，微信等方式与我取得联系，也可以在下方进行留言！</p> |
||||
<form method="post" action="#" target="nm_iframe"> |
||||
<div class="fields"> |
||||
<div class="field"> |
||||
<label for="name">您的称呼</label> |
||||
<input type="text" name="name" id="name" /> |
||||
</div> |
||||
<div class="field"> |
||||
<label for="email">联系方式(手机/邮箱)</label> |
||||
<input type="text" name="email" id="email" /> |
||||
</div> |
||||
<div class="field"> |
||||
<label for="message">留言*</label> |
||||
<textarea name="message" id="message" rows="4"></textarea> |
||||
</div> |
||||
</div> |
||||
<ul class="actions"> |
||||
<li><input type="submit" value="提交" id="smr"/></li> |
||||
</ul> |
||||
</form> |
||||
<iframe id="id_iframe" name="nm_iframe" style="display:none;"></iframe> |
||||
<ul class="contact"> |
||||
<li class="icon solid fa-home"> |
||||
山东省泰安市<br /> |
||||
高新北集坡办事处府前街<br /> |
||||
271000 |
||||
</li> |
||||
<li class="icon solid fa-phone"><a href="tel:18888283877">(+86) 18888283877</a></li> |
||||
<li class="icon solid fa-envelope"><a href="mailto:18888283877@163.com">18888283877@163.com</a></li> |
||||
<li class="icon brands fa-weixin">whizzo1999</li> |
||||
</ul> |
||||
<ul class="copyright"> |
||||
<li>©2019-<script type="text/javascript">document.write((new Date()).getFullYear())</script> 万宗商业. All rights reserved.</li><li><a style="TEXT-DECORATION:none" href="http://www.beian.miit.gov.cn/" rel="nofollow" target="_blank"> |
||||
<font color="#b3b3b3">鲁ICP备19043947号-1</font></a></li><li>Design: <a href="http://html5up.net">HTML5 UP</a></li><li>Developed by <a href="https://iotcat.me">IoTcat</a></li> |
||||
</ul> |
||||
</div> |
||||
</section> |
||||
</div> |
||||
|
||||
<!-- Scripts --> |
||||
<script src="assets/js/jquery.min.js"></script> |
||||
<script src="assets/js/jquery.scrollex.min.js"></script> |
||||
<script src="assets/js/browser.min.js"></script> |
||||
<script src="assets/js/breakpoints.min.js"></script> |
||||
<script src="assets/js/util.js"></script> |
||||
<script src="assets/js/main.js"></script> |
||||
|
||||
|
||||
<script type="text/javascript"> |
||||
$('#sm').click(function(){ |
||||
|
||||
if(!$('#demo-email').val()){ |
||||
alert('请填写联系方式！！'); |
||||
return; |
||||
} |
||||
|
||||
var s = '<strong>'+(($('#demo-name').val())?$('#demo-name').val():'未知客户')+'</strong>在万宗网站对<strong>'+document.title+'</strong>有兴趣！联系方式：<strong>'+$('#demo-email').val()+'</strong>'; |
||||
|
||||
$.get('https://api.yimian.xyz/mail/?to=i@yimian.xyz&subject=万宗网站消息&body='+s, function(res){ |
||||
if(res == '{"state":true}'){ |
||||
alert('提交成功！我们将尽快与您联系！'); |
||||
}else{ |
||||
alert('提交失败！'); |
||||
console.log(res); |
||||
} |
||||
|
||||
}); |
||||
}); |
||||
|
||||
</script> |
||||
|
||||
<script type="text/javascript"> |
||||
$('#smr').click(function(){ |
||||
|
||||
if(!$('#message').val()){ |
||||
alert('请填写留言内容！'); |
||||
return; |
||||
} |
||||
|
||||
var s = '<strong>'+(($('#name').val())?$('#name').val():'未知客户')+'</strong>在万宗网站进行了留言： <strong>'+$('#message').val()+'</strong> 留言者联系方式：<strong>'+$('#email').val()+'</strong>'; |
||||
|
||||
$.get('https://api.yimian.xyz/mail/?to=i@yimian.xyz&subject=万宗网站留言&body='+s, function(res){ |
||||
if(res == '{"state":true}'){ |
||||
alert('提交成功！感谢您的反馈！'); |
||||
}else{ |
||||
alert('提交失败！'); |
||||
console.log(res); |
||||
} |
||||
|
||||
}); |
||||
}); |
||||
</script> |
||||
|
||||
</body> |
||||
</html> |
||||
@ -0,0 +1,333 @@ |
||||
<!DOCTYPE HTML> |
||||
<!-- |
||||
Solid State by HTML5 UP |
||||
html5up.net | @ajlkn |
||||
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) |
||||
--> |
||||
<html> |
||||
<head> |
||||
<title>楼兰玉窖-窖藏八年</title> |
||||
<meta charset="utf-8" /> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" /> |
||||
<link rel="stylesheet" href="assets/css/main.css" /> |
||||
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript> |
||||
<link rel="shortcut icon"href="images/logo.png"> |
||||
<!-- Global site tag (gtag.js) - Google Analytics --> |
||||
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-169276192-6"></script> |
||||
<script> |
||||
window.dataLayer = window.dataLayer || []; |
||||
function gtag(){dataLayer.push(arguments);} |
||||
gtag('js', new Date()); |
||||
|
||||
gtag('config', 'UA-169276192-6'); |
||||
</script> |
||||
|
||||
</head> |
||||
<body class="is-preload"> |
||||
|
||||
<!-- Page Wrapper --> |
||||
<div id="page-wrapper"> |
||||
|
||||
<!-- Header --> |
||||
<header id="header"> |
||||
<h1><a href="index.html">万宗商业</a></h1> |
||||
<nav> |
||||
<a href="#menu">菜单</a> |
||||
</nav> |
||||
</header> |
||||
|
||||
<!-- Menu --> |
||||
<nav id="menu"> |
||||
<div class="inner"> |
||||
<h2>菜单</h2> |
||||
<ul class="links"> |
||||
<li><a href="index.html">回到主页</a></li> |
||||
</ul> |
||||
<a href="#" class="close"></a> |
||||
</div> |
||||
</nav> |
||||
|
||||
<!-- Wrapper --> |
||||
<section id="wrapper"> |
||||
<header> |
||||
<div class="inner"> |
||||
<h2>楼兰玉窖-窖藏八年</h2> |
||||
<p>第一款无甲醇健康白酒</p> |
||||
<p><a href="https://zhidao.baidu.com/question/391756865.html" target="_blank">百度网友评论</a></p> |
||||
</div> |
||||
</header> |
||||
|
||||
<!-- Content --> |
||||
<div class="wrapper"> |
||||
<div class="inner"> |
||||
|
||||
<section> |
||||
<h3 class="major">展示</h3> |
||||
<img width="100%" src="./images/pic02_.jpg"> |
||||
|
||||
</section> |
||||
<!-- |
||||
<section> |
||||
<h3 class="major">Lists</h3> |
||||
<div class="row"> |
||||
<div class="col-6 col-12-medium"> |
||||
<h4>Unordered</h4> |
||||
<ul> |
||||
<li>Dolor pulvinar etiam.</li> |
||||
<li>Sagittis adipiscing.</li> |
||||
<li>Felis enim feugiat.</li> |
||||
</ul> |
||||
<h4>Alternate</h4> |
||||
<ul class="alt"> |
||||
<li>Dolor pulvinar etiam.</li> |
||||
<li>Sagittis adipiscing.</li> |
||||
<li>Felis enim feugiat.</li> |
||||
</ul> |
||||
</div> |
||||
<div class="col-6 col-12-medium"> |
||||
<h4>Ordered</h4> |
||||
<ol> |
||||
<li>Dolor pulvinar etiam.</li> |
||||
<li>Etiam vel felis viverra.</li> |
||||
<li>Felis enim feugiat.</li> |
||||
<li>Dolor pulvinar etiam.</li> |
||||
<li>Etiam vel felis lorem.</li> |
||||
<li>Felis enim et feugiat.</li> |
||||
</ol> |
||||
<h4>Icons</h4> |
||||
<ul class="icons"> |
||||
<li><a href="#" class="icon brands fa-twitter"><span class="label">Twitter</span></a></li> |
||||
<li><a href="#" class="icon brands fa-facebook-f"><span class="label">Facebook</span></a></li> |
||||
<li><a href="#" class="icon brands fa-instagram"><span class="label">Instagram</span></a></li> |
||||
<li><a href="#" class="icon brands fa-github"><span class="label">Github</span></a></li> |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
|
||||
</section> |
||||
--> |
||||
<!-- |
||||
<section> |
||||
<h3 class="major">Table</h3> |
||||
<h4>Default</h4> |
||||
<div class="table-wrapper"> |
||||
<table> |
||||
<thead> |
||||
<tr> |
||||
<th>Name</th> |
||||
<th>Description</th> |
||||
<th>Price</th> |
||||
</tr> |
||||
</thead> |
||||
<tbody> |
||||
<tr> |
||||
<td>Item One</td> |
||||
<td>Ante turpis integer aliquet porttitor.</td> |
||||
<td>29.99</td> |
||||
</tr> |
||||
<tr> |
||||
<td>Item Two</td> |
||||
<td>Vis ac commodo adipiscing arcu aliquet.</td> |
||||
<td>19.99</td> |
||||
</tr> |
||||
<tr> |
||||
<td>Item Three</td> |
||||
<td> Morbi faucibus arcu accumsan lorem.</td> |
||||
<td>29.99</td> |
||||
</tr> |
||||
<tr> |
||||
<td>Item Four</td> |
||||
<td>Vitae integer tempus condimentum.</td> |
||||
<td>19.99</td> |
||||
</tr> |
||||
<tr> |
||||
<td>Item Five</td> |
||||
<td>Ante turpis integer aliquet porttitor.</td> |
||||
<td>29.99</td> |
||||
</tr> |
||||
</tbody> |
||||
<tfoot> |
||||
<tr> |
||||
<td colspan="2"></td> |
||||
<td>100.00</td> |
||||
</tr> |
||||
</tfoot> |
||||
</table> |
||||
</div> |
||||
|
||||
<h4>Alternate</h4> |
||||
<div class="table-wrapper"> |
||||
<table class="alt"> |
||||
<thead> |
||||
<tr> |
||||
<th>Name</th> |
||||
<th>Description</th> |
||||
<th>Price</th> |
||||
</tr> |
||||
</thead> |
||||
<tbody> |
||||
<tr> |
||||
<td>Item One</td> |
||||
<td>Ante turpis integer aliquet porttitor.</td> |
||||
<td>29.99</td> |
||||
</tr> |
||||
<tr> |
||||
<td>Item Two</td> |
||||
<td>Vis ac commodo adipiscing arcu aliquet.</td> |
||||
<td>19.99</td> |
||||
</tr> |
||||
<tr> |
||||
<td>Item Three</td> |
||||
<td> Morbi faucibus arcu accumsan lorem.</td> |
||||
<td>29.99</td> |
||||
</tr> |
||||
<tr> |
||||
<td>Item Four</td> |
||||
<td>Vitae integer tempus condimentum.</td> |
||||
<td>19.99</td> |
||||
</tr> |
||||
<tr> |
||||
<td>Item Five</td> |
||||
<td>Ante turpis integer aliquet porttitor.</td> |
||||
<td>29.99</td> |
||||
</tr> |
||||
</tbody> |
||||
<tfoot> |
||||
<tr> |
||||
<td colspan="2"></td> |
||||
<td>100.00</td> |
||||
</tr> |
||||
</tfoot> |
||||
</table> |
||||
</div> |
||||
</section> |
||||
--> |
||||
|
||||
|
||||
<section> |
||||
<h3 class="major">对这款酒感兴趣？请留下您的联系方式，我将与您联系！</h3> |
||||
<form method="post" action="#" target="nm_iframe"> |
||||
<div class="row gtr-uniform"> |
||||
<div class="col-6 col-12-xsmall"> |
||||
<label for="demo-name">您的称呼</label> |
||||
<input type="text" name="demo-name" id="demo-name" value="" /> |
||||
</div> |
||||
<div class="col-6 col-12-xsmall"> |
||||
<label for="demo-email">联系方式(电话/邮箱/微信)*</label> |
||||
<input type="text" name="demo-email" id="demo-email" value="" /> |
||||
</div> |
||||
<div class="col-12"> |
||||
<ul class="actions"> |
||||
<li><input type="submit" value="提交" class="primary" id="sm" /></li> |
||||
<li><input type="reset" value="重填" /></li> |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
</form> |
||||
</section> |
||||
|
||||
</div> |
||||
</div> |
||||
|
||||
</section> |
||||
|
||||
|
||||
<!-- Footer --> |
||||
<section id="footer"> |
||||
<div class="inner"> |
||||
<h2 class="major">直接与我联系</h2> |
||||
<p>您可以通过电话，邮箱，微信等方式与我取得联系，也可以在下方进行留言！</p> |
||||
<form method="post" action="#" target="nm_iframe"> |
||||
<div class="fields"> |
||||
<div class="field"> |
||||
<label for="name">您的称呼</label> |
||||
<input type="text" name="name" id="name" /> |
||||
</div> |
||||
<div class="field"> |
||||
<label for="email">联系方式(手机/邮箱)</label> |
||||
<input type="text" name="email" id="email" /> |
||||
</div> |
||||
<div class="field"> |
||||
<label for="message">留言*</label> |
||||
<textarea name="message" id="message" rows="4"></textarea> |
||||
</div> |
||||
</div> |
||||
<ul class="actions"> |
||||
<li><input type="submit" value="提交" id="smr"/></li> |
||||
</ul> |
||||
</form> |
||||
<iframe id="id_iframe" name="nm_iframe" style="display:none;"></iframe> |
||||
<ul class="contact"> |
||||
<li class="icon solid fa-home"> |
||||
山东省泰安市<br /> |
||||
高新北集坡办事处府前街<br /> |
||||
271000 |
||||
</li> |
||||
<li class="icon solid fa-phone"><a href="tel:18888283877">(+86) 18888283877</a></li> |
||||
<li class="icon solid fa-envelope"><a href="mailto:18888283877@163.com">18888283877@163.com</a></li> |
||||
<li class="icon brands fa-weixin">whizzo1999</li> |
||||
</ul> |
||||
<ul class="copyright"> |
||||
<li>©2019-<script type="text/javascript">document.write((new Date()).getFullYear())</script> 万宗商业. All rights reserved.</li><li><a style="TEXT-DECORATION:none" href="http://www.beian.miit.gov.cn/" rel="nofollow" target="_blank"> |
||||
<font color="#b3b3b3">鲁ICP备19043947号-1</font></a></li><li>Design: <a href="http://html5up.net">HTML5 UP</a></li><li>Developed by <a href="https://iotcat.me">IoTcat</a></li> |
||||
</ul> |
||||
</div> |
||||
</section> |
||||
</div> |
||||
|
||||
<!-- Scripts --> |
||||
<script src="assets/js/jquery.min.js"></script> |
||||
<script src="assets/js/jquery.scrollex.min.js"></script> |
||||
<script src="assets/js/browser.min.js"></script> |
||||
<script src="assets/js/breakpoints.min.js"></script> |
||||
<script src="assets/js/util.js"></script> |
||||
<script src="assets/js/main.js"></script> |
||||
|
||||
|
||||
<script type="text/javascript"> |
||||
$('#sm').click(function(){ |
||||
|
||||
if(!$('#demo-email').val()){ |
||||
alert('请填写联系方式！！'); |
||||
return; |
||||
} |
||||
|
||||
var s = '<strong>'+(($('#demo-name').val())?$('#demo-name').val():'未知客户')+'</strong>在万宗网站对<strong>'+document.title+'</strong>有兴趣！联系方式：<strong>'+$('#demo-email').val()+'</strong>'; |
||||
|
||||
$.get('https://api.yimian.xyz/mail/?to=i@yimian.xyz&subject=万宗网站消息&body='+s, function(res){ |
||||
if(res == '{"state":true}'){ |
||||
alert('提交成功！我们将尽快与您联系！'); |
||||
}else{ |
||||
alert('提交失败！'); |
||||
console.log(res); |
||||
} |
||||
|
||||
}); |
||||
}); |
||||
|
||||
</script> |
||||
|
||||
<script type="text/javascript"> |
||||
$('#smr').click(function(){ |
||||
|
||||
if(!$('#message').val()){ |
||||
alert('请填写留言内容！'); |
||||
return; |
||||
} |
||||
|
||||
var s = '<strong>'+(($('#name').val())?$('#name').val():'未知客户')+'</strong>在万宗网站进行了留言： <strong>'+$('#message').val()+'</strong> 留言者联系方式：<strong>'+$('#email').val()+'</strong>'; |
||||
|
||||
$.get('https://api.yimian.xyz/mail/?to=i@yimian.xyz&subject=万宗网站留言&body='+s, function(res){ |
||||
if(res == '{"state":true}'){ |
||||
alert('提交成功！感谢您的反馈！'); |
||||
}else{ |
||||
alert('提交失败！'); |
||||
console.log(res); |
||||
} |
||||
|
||||
}); |
||||
}); |
||||
</script> |
||||
|
||||
</body> |
||||
</html> |
||||
@ -0,0 +1,333 @@ |
||||
<!DOCTYPE HTML> |
||||
<!-- |
||||
Solid State by HTML5 UP |
||||
html5up.net | @ajlkn |
||||
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) |
||||
--> |
||||
<html> |
||||
<head> |
||||
<title>贵州茅台-冬虫夏草</title> |
||||
<meta charset="utf-8" /> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" /> |
||||
<link rel="stylesheet" href="assets/css/main.css" /> |
||||
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript> |
||||
<link rel="shortcut icon"href="images/logo.png"> |
||||
<!-- Global site tag (gtag.js) - Google Analytics --> |
||||
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-169276192-6"></script> |
||||
<script> |
||||
window.dataLayer = window.dataLayer || []; |
||||
function gtag(){dataLayer.push(arguments);} |
||||
gtag('js', new Date()); |
||||
|
||||
gtag('config', 'UA-169276192-6'); |
||||
</script> |
||||
|
||||
</head> |
||||
<body class="is-preload"> |
||||
|
||||
<!-- Page Wrapper --> |
||||
<div id="page-wrapper"> |
||||
|
||||
<!-- Header --> |
||||
<header id="header"> |
||||
<h1><a href="index.html">万宗商业</a></h1> |
||||
<nav> |
||||
<a href="#menu">菜单</a> |
||||
</nav> |
||||
</header> |
||||
|
||||
<!-- Menu --> |
||||
<nav id="menu"> |
||||
<div class="inner"> |
||||
<h2>菜单</h2> |
||||
<ul class="links"> |
||||
<li><a href="index.html">回到主页</a></li> |
||||
</ul> |
||||
<a href="#" class="close"></a> |
||||
</div> |
||||
</nav> |
||||
|
||||
<!-- Wrapper --> |
||||
<section id="wrapper"> |
||||
<header> |
||||
<div class="inner"> |
||||
<h2>贵州茅台-冬虫夏草</h2> |
||||
<p>茅台北冬虫夏草酒，由茅台保健酒业有限公司与北京北方强盛商贸有限公司和北京北方亿星糖酒有限公司联合推出的高级养生保健酒。茅台和北冬虫夏草完美结合的茅台北冬虫夏草酒堪称“黄金搭档”，让饮酒者既喝茅台酒、又饮“软黄金”。该酒属“茅台酒”序列中占据高端领域的商务型养生酒。</p> |
||||
<p><a href="https://baike.baidu.com/item/%E8%8C%85%E5%8F%B0%E5%86%AC%E8%99%AB%E5%A4%8F%E8%8D%89%E9%85%92" target="_blank">百度百科</a></p> |
||||
</div> |
||||
</header> |
||||
|
||||
<!-- Content --> |
||||
<div class="wrapper"> |
||||
<div class="inner"> |
||||
|
||||
<section> |
||||
<h3 class="major">展示</h3> |
||||
<img width="100%" src="./images/pic03_.jpg"> |
||||
|
||||
</section> |
||||
<!-- |
||||
<section> |
||||
<h3 class="major">Lists</h3> |
||||
<div class="row"> |
||||
<div class="col-6 col-12-medium"> |
||||
<h4>Unordered</h4> |
||||
<ul> |
||||
<li>Dolor pulvinar etiam.</li> |
||||
<li>Sagittis adipiscing.</li> |
||||
<li>Felis enim feugiat.</li> |
||||
</ul> |
||||
<h4>Alternate</h4> |
||||
<ul class="alt"> |
||||
<li>Dolor pulvinar etiam.</li> |
||||
<li>Sagittis adipiscing.</li> |
||||
<li>Felis enim feugiat.</li> |
||||
</ul> |
||||
</div> |
||||
<div class="col-6 col-12-medium"> |
||||
<h4>Ordered</h4> |
||||
<ol> |
||||
<li>Dolor pulvinar etiam.</li> |
||||
<li>Etiam vel felis viverra.</li> |
||||
<li>Felis enim feugiat.</li> |
||||
<li>Dolor pulvinar etiam.</li> |
||||
<li>Etiam vel felis lorem.</li> |
||||
<li>Felis enim et feugiat.</li> |
||||
</ol> |
||||
<h4>Icons</h4> |
||||
<ul class="icons"> |
||||
<li><a href="#" class="icon brands fa-twitter"><span class="label">Twitter</span></a></li> |
||||
<li><a href="#" class="icon brands fa-facebook-f"><span class="label">Facebook</span></a></li> |
||||
<li><a href="#" class="icon brands fa-instagram"><span class="label">Instagram</span></a></li> |
||||
<li><a href="#" class="icon brands fa-github"><span class="label">Github</span></a></li> |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
|
||||
</section> |
||||
--> |
||||
<!-- |
||||
<section> |
||||
<h3 class="major">Table</h3> |
||||
<h4>Default</h4> |
||||
<div class="table-wrapper"> |
||||
<table> |
||||
<thead> |
||||
<tr> |
||||
<th>Name</th> |
||||
<th>Description</th> |
||||
<th>Price</th> |
||||
</tr> |
||||
</thead> |
||||
<tbody> |
||||
<tr> |
||||
<td>Item One</td> |
||||
<td>Ante turpis integer aliquet porttitor.</td> |
||||
<td>29.99</td> |
||||
</tr> |
||||
<tr> |
||||
<td>Item Two</td> |
||||
<td>Vis ac commodo adipiscing arcu aliquet.</td> |
||||
<td>19.99</td> |
||||
</tr> |
||||
<tr> |
||||
<td>Item Three</td> |
||||
<td> Morbi faucibus arcu accumsan lorem.</td> |
||||
<td>29.99</td> |
||||
</tr> |
||||
<tr> |
||||
<td>Item Four</td> |
||||
<td>Vitae integer tempus condimentum.</td> |
||||
<td>19.99</td> |
||||
</tr> |
||||
<tr> |
||||
<td>Item Five</td> |
||||
<td>Ante turpis integer aliquet porttitor.</td> |
||||
<td>29.99</td> |
||||
</tr> |
||||
</tbody> |
||||
<tfoot> |
||||
<tr> |
||||
<td colspan="2"></td> |
||||
<td>100.00</td> |
||||
</tr> |
||||
</tfoot> |
||||
</table> |
||||
</div> |
||||
|
||||
<h4>Alternate</h4> |
||||
<div class="table-wrapper"> |
||||
<table class="alt"> |
||||
<thead> |
||||
<tr> |
||||
<th>Name</th> |
||||
<th>Description</th> |
||||
<th>Price</th> |
||||
</tr> |
||||
</thead> |
||||
<tbody> |
||||
<tr> |
||||
<td>Item One</td> |
||||
<td>Ante turpis integer aliquet porttitor.</td> |
||||
<td>29.99</td> |
||||
</tr> |
||||
<tr> |
||||
<td>Item Two</td> |
||||
<td>Vis ac commodo adipiscing arcu aliquet.</td> |
||||
<td>19.99</td> |
||||
</tr> |
||||
<tr> |
||||
<td>Item Three</td> |
||||
<td> Morbi faucibus arcu accumsan lorem.</td> |
||||
<td>29.99</td> |
||||
</tr> |
||||
<tr> |
||||
<td>Item Four</td> |
||||
<td>Vitae integer tempus condimentum.</td> |
||||
<td>19.99</td> |
||||
</tr> |
||||
<tr> |
||||
<td>Item Five</td> |
||||
<td>Ante turpis integer aliquet porttitor.</td> |
||||
<td>29.99</td> |
||||
</tr> |
||||
</tbody> |
||||
<tfoot> |
||||
<tr> |
||||
<td colspan="2"></td> |
||||
<td>100.00</td> |
||||
</tr> |
||||
</tfoot> |
||||
</table> |
||||
</div> |
||||
</section> |
||||
--> |
||||
|
||||
|
||||
<section> |
||||
<h3 class="major">对这款酒感兴趣？请留下您的联系方式，我将与您联系！</h3> |
||||
<form method="post" action="#" target="nm_iframe"> |
||||
<div class="row gtr-uniform"> |
||||
<div class="col-6 col-12-xsmall"> |
||||
<label for="demo-name">您的称呼</label> |
||||
<input type="text" name="demo-name" id="demo-name" value="" /> |
||||
</div> |
||||
<div class="col-6 col-12-xsmall"> |
||||
<label for="demo-email">联系方式(电话/邮箱/微信)*</label> |
||||
<input type="text" name="demo-email" id="demo-email" value="" /> |
||||
</div> |
||||
<div class="col-12"> |
||||
<ul class="actions"> |
||||
<li><input type="submit" value="提交" class="primary" id="sm" /></li> |
||||
<li><input type="reset" value="重填" /></li> |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
</form> |
||||
</section> |
||||
|
||||
</div> |
||||
</div> |
||||
|
||||
</section> |
||||
|
||||
|
||||
<!-- Footer --> |
||||
<section id="footer"> |
||||
<div class="inner"> |
||||
<h2 class="major">直接与我联系</h2> |
||||
<p>您可以通过电话，邮箱，微信等方式与我取得联系，也可以在下方进行留言！</p> |
||||
<form method="post" action="#" target="nm_iframe"> |
||||
<div class="fields"> |
||||
<div class="field"> |
||||
<label for="name">您的称呼</label> |
||||
<input type="text" name="name" id="name" /> |
||||
</div> |
||||
<div class="field"> |
||||
<label for="email">联系方式(手机/邮箱)</label> |
||||
<input type="text" name="email" id="email" /> |
||||
</div> |
||||
<div class="field"> |
||||
<label for="message">留言*</label> |
||||
<textarea name="message" id="message" rows="4"></textarea> |
||||
</div> |
||||
</div> |
||||
<ul class="actions"> |
||||
<li><input type="submit" value="提交" id="smr"/></li> |
||||
</ul> |
||||
</form> |
||||
<iframe id="id_iframe" name="nm_iframe" style="display:none;"></iframe> |
||||
<ul class="contact"> |
||||
<li class="icon solid fa-home"> |
||||
山东省泰安市<br /> |
||||
高新北集坡办事处府前街<br /> |
||||
271000 |
||||
</li> |
||||
<li class="icon solid fa-phone"><a href="tel:18888283877">(+86) 18888283877</a></li> |
||||
<li class="icon solid fa-envelope"><a href="mailto:18888283877@163.com">18888283877@163.com</a></li> |
||||
<li class="icon brands fa-weixin">whizzo1999</li> |
||||
</ul> |
||||
<ul class="copyright"> |
||||
<li>©2019-<script type="text/javascript">document.write((new Date()).getFullYear())</script> 万宗商业. All rights reserved.</li><li><a style="TEXT-DECORATION:none" href="http://www.beian.miit.gov.cn/" rel="nofollow" target="_blank"> |
||||
<font color="#b3b3b3">鲁ICP备19043947号-1</font></a></li><li>Design: <a href="http://html5up.net">HTML5 UP</a></li><li>Developed by <a href="https://iotcat.me">IoTcat</a></li> |
||||
</ul> |
||||
</div> |
||||
</section> |
||||
</div> |
||||
|
||||
<!-- Scripts --> |
||||
<script src="assets/js/jquery.min.js"></script> |
||||
<script src="assets/js/jquery.scrollex.min.js"></script> |
||||
<script src="assets/js/browser.min.js"></script> |
||||
<script src="assets/js/breakpoints.min.js"></script> |
||||
<script src="assets/js/util.js"></script> |
||||
<script src="assets/js/main.js"></script> |
||||
|
||||
|
||||
<script type="text/javascript"> |
||||
$('#sm').click(function(){ |
||||
|
||||
if(!$('#demo-email').val()){ |
||||
alert('请填写联系方式！！'); |
||||
return; |
||||
} |
||||
|
||||
var s = '<strong>'+(($('#demo-name').val())?$('#demo-name').val():'未知客户')+'</strong>在万宗网站对<strong>'+document.title+'</strong>有兴趣！联系方式：<strong>'+$('#demo-email').val()+'</strong>'; |
||||
|
||||
$.get('https://api.yimian.xyz/mail/?to=i@yimian.xyz&subject=万宗网站消息&body='+s, function(res){ |
||||
if(res == '{"state":true}'){ |
||||
alert('提交成功！我们将尽快与您联系！'); |
||||
}else{ |
||||
alert('提交失败！'); |
||||
console.log(res); |
||||
} |
||||
|
||||
}); |
||||
}); |
||||
|
||||
</script> |
||||
|
||||
<script type="text/javascript"> |
||||
$('#smr').click(function(){ |
||||
|
||||
if(!$('#message').val()){ |
||||
alert('请填写留言内容！'); |
||||
return; |
||||
} |
||||
|
||||
var s = '<strong>'+(($('#name').val())?$('#name').val():'未知客户')+'</strong>在万宗网站进行了留言： <strong>'+$('#message').val()+'</strong> 留言者联系方式：<strong>'+$('#email').val()+'</strong>'; |
||||
|
||||
$.get('https://api.yimian.xyz/mail/?to=i@yimian.xyz&subject=万宗网站留言&body='+s, function(res){ |
||||
if(res == '{"state":true}'){ |
||||
alert('提交成功！感谢您的反馈！'); |
||||
}else{ |
||||
alert('提交失败！'); |
||||
console.log(res); |
||||
} |
||||
|
||||
}); |
||||
}); |
||||
</script> |
||||
|
||||
</body> |
||||
</html> |
||||
Loading…
Reference in new issue