<!DOCTYPE HTML>
<html lang="en">
<head>
<title>自适应性橙色触屏版手机wap企业网站模板下载联系我们页-【shenghuofuwu/qiye/】</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<link rel="stylesheet" type="text/css" href="css/style.css" media="screen" />
<!--[if lt IE 9]>
<script src="../../../../html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!-- JQuery -->
<script src="js/jquery.min.js"></script>
<!--
Simple Carousel
Copyright (c) 2010 Tobias Zeising, http://www.aditu.de
Licensed under the MIT license
http://code.google.com/p/simple-carousel
-->
<script src="js/slider.js"></script>
<!-- JQueryUI -->
<script src="js/jquery-ui-1.8.16.custom.min.js"></script>
<!-- Script Controls -->
<script src="js/site.js"></script>
<script type="text/javascript">
var messageDelay = 2000; // How long to display status messages (in milliseconds)
// Init the form once the document is ready
$( init );
// Initialize the form
function init() {
// Hide the form initially.
// Make submitForm() the form's submit handler.
// Position the form so it sits in the centre of the browser window.
$('#contactForm').submit( submitForm ).addClass( 'positioned' );
// When the "Send us an email" link is clicked:
// 1. Fade the content out
// 2. Display the form
// 3. Move focus to the first field
// 4. Prevent the link being followed
$('a[href="#contactForm"]').click( function() {
$('#content').fadeTo( 'slow', .2 );
$('#contactForm').fadeIn( 'slow', function() {
$('#senderName').focus();
} )
return false;
} );
// When the "Escape" key is pressed, close the form
$('#contactForm').keydown( function( event ) {
if ( event.which == 27 ) {
$('#contactForm').fadeOut();
$('#content').fadeTo( 'slow', 1 );
}
} );
}
// Submit the form via Ajax
function submitForm() {
var contactForm = $(this);
// Are all the fields filled in?
if ( !$('#senderName').val() || !$('#senderEmail').val() || !$('#message').val() ) {
// No; display a warning message and return to the form
$('#incompleteMessage').fadeIn().delay(messageDelay).fadeOut();
contactForm.fadeOut().delay(messageDelay).fadeIn();
} else {
// Yes; submit the form to the PHP script via Ajax
$('#sendingMessage').fadeIn();
$.ajax( {
url: contactForm.attr( 'action' ) + "@ajax=true",
type: contactForm.attr( 'method' ),
data: contactForm.serialize(),
success: submitFinished
} );
}
// Prevent the default form submission occurring
return false;
}
// Handle the Ajax response
function submitFinished( response ) {
response = $.trim( response );
$('#sendingMessage').fadeOut();
if ( response == "success" ) {
// Form submitted successfully:
// 1. Display the success message
// 2. Clear the form fields
// 3. Fade the content back in
$('#successMessage').fadeIn().delay(messageDelay).fadeOut();
$('#senderName').val( "" );
$('#senderEmail').val( "" );
$('#message').val( "" );
$('#content').delay(messageDelay+500).fadeTo( 'slow', 1 );
} else {
// Form submission failed: Display the failure message,
// then redisplay the form
$('#failureMessage').fadeIn().delay(messageDelay).fadeOut();
$('#contactForm').delay(messageDelay+500).fadeIn();
}
}
</script>
</head>
<body>
<div id="wrapper">
<!--Header Starts-->
<header>
<ul class="navigation">
<li><a href="index.html"><span class="nav_icon home"></span> Home</a></li>
<li class="dropdown"><a href="#"><span class="nav_icon about"></span> About</a>
<!--Submenu-->
<ul id="submenu">
<li> <a href="about.html">About Moby Elite</a></li>
<li> <a href="about.html">Technology</a></li>
<li> <a href="about.html">Support</a></li>
<li> <a href="about.html">Our Clients</a></li>
<li> <a href="index.html">Buy Moby Elite</a></li>
</ul>
<!--Submenu-->
</li>
<li><a href="blog.html"><span class="nav_icon blog"></span> Blog</a></li>
<li class="active"><a href="contact.html"><span class="nav_icon contact"></span> Contact</a></li>
<li class="nav_search"><a href="#"></a></li>
</ul>
<!--Search starts-->
<div id="search">
<form class="search" action="about.html">
<fieldset class=" ">
<input type="text" placeholder="search" class="text ">
<input type="submit" value="search" class="submit">
</fieldset>
</form>
</div>
<!--Search ends-->
<ul class="share">
<li class="twitter"><a href="#"></a></li>
<li class="facebook"><a href="#"></a></li>
<li class="rss"><a href="#"></a></li>
</ul>
<a href="#" title="Back to Home page" id="logo"><img alt="" src="images/logo.png" /></a> </header>
<!--Header Ends-->
<!--Section Starts-->
<section id="main">
<!--Block Starts-->
<div class="block_module paper_bh_white">
<h2>Get in touch</h2>
<img class="fl_left" alt="" src="images/map.jpg" />
<ul id="contact">
<li class="address"><strong>Moby - Europe</strong><br/>
1036 Budapest, Kolosy tér 2<br/>
Hungary</li>
<li class="telephone"><strong>+37 7 200 323 324 </strong></li>
<li class="website"><a href="#">www.demourl.com</a></li>
</ul>
</div>
<!--Block Ends-->
<!--Comments Starts-->
<div class="block_module comment_form">
<h2>Contact Form</h2>
<form id="contactForm" action="processForm.php" method="post">
<ul id="moby_form">
<li>
<input type="text" name="senderName" id="senderName" placeholder="Please type your name" required="required"/>
</li>
<li>
<input type="email" name="senderEmail" id="senderEmail" placeholder="Please type your email address" required="required" />
</li>
<li>
<textarea name="message" id="message" placeholder="Please type your message" required="required" cols="80" rows="10" maxlength="10000"></textarea>
</li>
<li>
<input type="submit" id="sendMessage" name="sendMessage" value="Send Email" />
</li>
</ul>
</form>
<div id="sendingMessage" class="statusMessage">
<p>Sending your message. Please wait...</p>
</div>
<div id="successMessage" class="statusMessage">
<p>Thanks for sending your message! We'll get back to you shortly.</p>
</div>
<div id="failureMessage" class="statusMessage">
<p>There was a problem sending your message. Please try again.</p>
</div>
<div id="incompleteMessage" class="statusMessage">
<p>Please complete all the fields in the form before sending.</p>
</div>
</div>
<!--Comments Ends-->
</section>
<!--Section Ends-->
<!--Footer Starts-->
<footer>
<ul class="footer_nav">
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
<span class="copyright">Copyright © 2012 Moby-elite. All Rights Reserved.</span> </footer>
<!--Footer Ends-->
</div>
</body>
</html>
科技梦想家
- 粉丝: 626
- 资源: 952
最新资源
- 基于k折交叉验证的支持向量机回归预测MATLAB程序,采用n折交叉验证确定损失参数C与核参数g;代码注释清楚 main为主程序,读取EXCEL数据,也可以自己数据集 很方便,容易上手
- 链表HuffmanTree.zip
- Xshell+Xmanager+Xftp全家桶-V8.0.0065 PC绿色特别版
- 《JavaScript》.pdf
- 基于椭圆拟合的多光斑重叠光斑中心提取方法
- OC-Dialect线上多语言(多列表) 4.SDK每个方法解析
- 扩展卡尔曼滤波soc估算 基于EKF算法的锂电池SOC 卡尔曼滤波估计电池soc ,simulink模型,对电池SOC参数进行辨识,充分考虑充放电倍率和环境温度,结合传统安时积分法和扩展卡尔曼滤波算法
- 基于springboot的墙绘产品展示交易平台的设计与实现源码(java毕业设计完整源码+LW).zip
- GBBO_Dataset.zip
- 基于springboot的网上租赁系统设计与实现源码(java毕业设计完整源码+LW).zip
- 强大的Lua引擎, 为mcu和物联网设备高度优化, 支持众多组件, 非常低的内存需求(最低16K RAM, 128K Flash)
- 2024年电赛H题代码
- 基于Web足球青训俱乐部管理后台系统开发源码(java毕业设计完整源码+LW).zip
- OC-Dialect线上多语言(多列表) 5.总结
- ACM考试题 ACM程序设计
- 基于springboot的师生健康信息管理系统源码(java毕业设计完整源码+LW).zip
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈