<!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>布丁科技</strong><br/>
广州市海珠区丽影广场A区6座13层1304<br/>
</li>
<li class="telephone"><strong>+134 1314 3984 </strong></li>
<li class="website"><a href="http://www.budiv.com">www.budiv.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 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 © 2016 www.budiv.com All Rights Reserved.</span> </footer>
<!--Footer Ends-->
</div>
</body>
</html>
没有合适的资源?快使用搜索试试~ 我知道了~
自适应绿色企业网站模板 v1.0.zip
共66个文件
png:28个
jpg:7个
js:5个
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 8 浏览量
2022-11-10
09:01:29
上传
评论
收藏 1.25MB ZIP 举报
温馨提示
自适应绿色企业网站模板 v1.0.zip 自适应绿色企业网站模板 v1.0.zip 自适应绿色企业网站模板 v1.0.zip
资源推荐
资源详情
资源评论
收起资源包目录
自适应绿色企业网站模板 v1.0.zip (66个子文件)
132692463789319430
自适应性绿色触屏版手机wap企业网站模板下载
css
flexslider.css 3KB
style.css 15KB
images
slide1.jpg 140KB
like.png 3KB
tape.png 6KB
location.png 674B
app.png 3KB
btn_grey_sml.png 1KB
rss.png 4KB
website.png 267B
btn_grey_big.png 1019B
nav_icons.png 10KB
twitter.png 4KB
slide4.jpg 146KB
facebook.png 4KB
ac_active.png 3KB
slide3.jpg 97KB
moby_banner.jpg 131KB
lines.png 3KB
telephone.png 777B
slide2.jpg 119KB
nav_bg.png 2KB
ac_default.png 3KB
bg_pat_1.png 880B
submit.png 3KB
comment.png 3KB
accordion_arw.png 3KB
nav_item_default.png 147B
logo.png 8KB
blog_post_image.jpg 30KB
nav_item_active.png 6KB
map.jpg 44KB
paper_bh_white.png 3KB
search_d.png 4KB
donut.png 18KB
fonts
mgopenmodataboldoblique-webfont.svg 71KB
mgopenmodataregular-webfont.woff 20KB
mgopenmodataoblique-webfont.woff 22KB
mgopenmodataoblique-webfont.svg 63KB
mgopenmodataboldoblique-webfont.woff 23KB
mgopenmodataregular-webfont.eot@ 30KB
mgopenmodatabold-webfont.eot@ 32KB
mgopenmodataregular-webfont.ttf 30KB
mgopenmodataboldoblique-webfont.eot 35KB
mgopenmodataregular-webfont.svg 57KB
mgopenmodataoblique-webfont.eot@ 34KB
mgopenmodatabold-webfont.woff 21KB
mgopenmodataoblique-webfont.ttf 34KB
mgopenmodatabold-webfont.svg 70KB
mgopenmodataregular-webfont.eot 30KB
mgopenmodatabold-webfont.ttf 32KB
mgopenmodataoblique-webfont.eot 34KB
mgopenmodataboldoblique-webfont.ttf 34KB
mgopenmodataboldoblique-webfont.eot@ 35KB
mgopenmodatabold-webfont.eot 32KB
index.html 5KB
js
jquery.min.js 89KB
jquery.flexslider.js 27KB
jquery-ui-1.8.16.custom.min.js 206KB
site.js 558B
slider.js 4KB
blog.html 7KB
theme
bg_direction_nav.png 2KB
bg_control_nav.png 4KB
about.html 6KB
contact.html 8KB
共 66 条
- 1
资源评论
毕业_设计
- 粉丝: 1924
- 资源: 1万+
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 论文(最终)_20240430235101.pdf
- 基于python编写的Keras深度学习框架开发,利用卷积神经网络CNN,快速识别图片并进行分类
- 最全空间计量实证方法(空间杜宾模型和检验以及结果解释文档).txt
- 5uonly.apk
- 蓝桥杯Python组的历年真题
- 2023-04-06-项目笔记 - 第一百十九阶段 - 4.4.2.117全局变量的作用域-117 -2024.04.30
- 2023-04-06-项目笔记 - 第一百十九阶段 - 4.4.2.117全局变量的作用域-117 -2024.04.30
- 前端开发技术实验报告:内含4四实验&实验报告
- Highlight Plus v20.0.1
- 林周瑜-论文.docx
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功