<!DOCTYPE html>
<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
<!--[if IE 8]><html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]>
<!--><html class="no-js" lang="en"><!--<![endif]-->
<head>
<meta charset="utf-8" />
<!-- Website Title & Description -->
<title>Home</title>
<meta name="description" content="Dreamer - Responsive One Page Parallax Template">
<!-- Set the viewport width to device width for mobile -->
<meta name="viewport" content="width=device-width" />
<meta name="HandheldFriendly" content="True">
<meta name="MobileOptimized" content="320">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-touch-fullscreen" content="yes"/>
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="apple-touch-icon-144x144-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="apple-touch-icon-114x114-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="apple-touch-icon-72x72-precomposed.png">
<link rel="apple-touch-icon-precomposed" href="apple-touch-icon-57x57-precomposed.png">
<link rel="apple-touch-icon" href="apple-touch-icon.png">
<link rel="shortcut icon" href="favicon.ico" />
<!-- Included CSS Files -->
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="stylesheets/portfolio.css">
<link rel="stylesheet" href="stylesheets/foundation.css">
<link rel="stylesheet" href="stylesheets/normalize.css">
<link rel="stylesheet" href="stylesheets/supersized.css" type="text/css" media="screen" />
<link rel="stylesheet" href="stylesheets/supersized.shutter.css" type="text/css" media="screen" />
<link rel="stylesheet" href="stylesheets/prettyPhoto.css" type="text/css" media="screen" title="prettyPhoto main stylesheet" />
<!-- Included JS Files -->
<script src="javascripts/modernizr.foundation.js"></script>
<script src="javascripts/jquery.js"></script>
<script src="javascripts/custom.js"></script>
<script src="javascripts/twitter.js"></script>
<script src="javascripts/raphael.js" type="text/javascript"></script>
<script src="javascripts/init.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
$('.parallax-one').css("margin-top", $(window).height());
$("a[rel^='prettyPhoto']").prettyPhoto();
var windowsize = $(window).width();
$(window).resize(function() {
var windowsize = $(window).width();
});
if (windowsize > 1024) {
//if the window is greater than 1024px wide then load one orbit settings
//.parallax(xPosition, speedFactor, outerHeight) options:
//xPosition - Horizontal position of the element
//inertia - speed to move relative to vertical scroll. Example: 0.1 is one tenth the speed of scrolling, 2 is twice the speed of scrolling
//outerHeight (true/false) - Whether or not jQuery should use it's outerHeight option to determine when a section is in the viewport
$('.parallax-one').parallax("50%", 0.5);
$('.parallax-two').parallax("50%", 0.5);
$('.parallax-three').parallax("50%", 0.5);
$('.parallax-four').parallax("50%", 0.5);
$('.parallax-five').parallax("50%", 0.5);
$('.parallax-six').parallax("50%", 0.5);
}
//if submit button is clicked
$('#submit').click(function () {
//Get the data from all the fields
var name = $('input[name=name]');
var email = $('input[name=email]');
var phonenumber = $('input[name=phonenumber]');
var website = $('input[name=website]');
var projectbudget = $('input[name=projectbudget]');
var timeframe = $('input[name=timeframe]');
var youreinterestedin = $('input[name=youreinterestedin]');
var howdidyouhearaboutus = $('input[name=howdidyouhearaboutus]');
var comment = $('textarea[name=comment]');
//Simple validation to make sure user entered something
//If error found, add hightlight class to the text field
if (name.val()=='') {
name.addClass('hightlight');
return false;
} else name.removeClass('hightlight');
if (email.val()=='') {
email.addClass('hightlight');
return false;
} else email.removeClass('hightlight');
if (comment.val()=='') {
comment.addClass('hightlight-message');
return false;
} else comment.removeClass('hightlight-message');
//organize the data properly
var data = 'name=' + name.val() + '&email=' + email.val() + '&phonenumber=' + phonenumber.val() + '&website=' + website.val() + '&projectbudget=' + projectbudget.val() + '&timeframe=' + timeframe.val() + '&youreinterestedin=' + youreinterestedin.val() + '&howdidyouhearaboutus=' + howdidyouhearaboutus.val() + '&comment=' + encodeURIComponent(comment.val());
//disabled all the text fields
$('.text').attr('disabled','true');
//show the loading sign
document.getElementById("submit").disabled=true;
document.getElementById("submit").value='Please Wait..';
//start the ajax
$.ajax({
//this is the php file that processes the data and send mail
url: "contact-form.php",
//GET method is used
type: "GET",
//pass the data
data: data,
//Do not cache the page
cache: false,
//success
success: function (html) {
//if process.php returned 1/true (send mail success)
if (html==1) {
//hide the form
$('.contact-form-div').fadeOut('slow');
//show the success message
$('.done').fadeIn('slow');
//if process.php returned 0/false (send mail failed)
} else alert('Sorry, unexpected error. Please try again later.');
}
});
//cancel the submit button default behaviours
return false;
});
})
</script>
<!-- Hook up the Loader -->
<script type="text/javascript">
$(window).load(function() {
$("#loading").fadeOut("1000", function() {
// Animation complete
$('#loading img').css("display","none");
$('#loading').css("display","none");
$('#loading').css("background","none");
$('#loading').css("width","0");
$('#loading').css("height","0");
});
});
</script>
</head>
<body>
<!-- Loader -->
<div id="loading">
<img src="images/loader.gif" alt="Website Loader"/>
</div>
<!-- Slideshow Pattern & Overlay -->
<div class="slideshow-pattern"></div>
<div class="slideshow-overlay"></div>
<div class="triangle-top"></div>
<div class="triangle-bottom"></div>
<div class="header-container">
<!-- Basic Needs -->
<div class="row">
<nav class="top-bar">
<ul>
<li class="name"><a href="#homepage"><img src="images/logo.png" alt="Dreamer Logo"></a></li>
</ul>
<section class="hide-for-small">
<ul class="right">
<li><a href="#homepage">Home</a></li>
<li><a href="#our-team">Our Team</a></li>
<li><a href="#about-us">About Us</a></li>
<li><a href="#portfolio">Portfolio</a></li>
<li><a href="#services">Services</a></li>
<li><a href="#news">News</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</section>
<select class="responsive-nav show-for-small" onchange="moveTo(this.value)" onFocus="moveTo(this.value)">
<option value="" selected="">Main Navigation</option>
<op
没有合适的资源?快使用搜索试试~ 我知道了~
纹理背景产品服务网站模板是一款大气纹理背景风格的产品服务网站模板。_html网站模板_网页源码移动端前端_H5模板_自.rar
共218个文件
png:148个
jpg:34个
js:20个
0 下载量 141 浏览量
2023-08-05
10:51:04
上传
评论
收藏 4.19MB RAR 举报
温馨提示
纹理背景产品服务网站模板是一款大气纹理背景风格的产品服务网站模板。_html网站模板_网页源码移动端前端_H5模板_自.rar
资源推荐
资源详情
资源评论
收起资源包目录
纹理背景产品服务网站模板是一款大气纹理背景风格的产品服务网站模板。_html网站模板_网页源码移动端前端_H5模板_自.rar (218个子文件)
foundation.css 101KB
style.css 82KB
prettyPhoto.css 19KB
normalize.css 7KB
supersized.shutter.css 5KB
supersized.css 2KB
portfolio.css 1KB
loader.gif 26KB
loader.gif 6KB
progress.gif 3KB
loader.gif 2KB
loader.gif 2KB
loader.gif 2KB
loader.gif 2KB
default_thumbnail.gif 227B
index.html 88KB
1.jpg 396KB
1.jpg 342KB
3.jpg 271KB
5.jpg 259KB
4.jpg 249KB
2.jpg 233KB
3.jpg 229KB
6.jpg 152KB
2.jpg 125KB
1.jpg 80KB
1.jpg 80KB
1.jpg 65KB
4.jpg 63KB
6.jpg 58KB
6.jpg 58KB
2.jpg 50KB
2.jpg 50KB
5.jpg 45KB
3.jpg 42KB
3.jpg 42KB
5.jpg 39KB
5.jpg 39KB
6.jpg 35KB
4.jpg 33KB
4.jpg 33KB
2.jpg 30KB
3.jpg 28KB
1.jpg 22KB
san-francisco.jpg 11KB
new-york.jpg 9KB
los-angeles.jpg 9KB
twitter.jpg 1KB
facebook.jpg 1011B
bullets.jpg 658B
foundation.min.js 155KB
jquery.js 94KB
raphael.js 59KB
jquery.prettyPhoto.js 22KB
supersized.3.2.7.min.js 17KB
jquery.foundation.orbit.js 16KB
modernizr.foundation.js 9KB
supersized.shutter.min.js 7KB
jquery.easing.min.js 7KB
jquery.quicksand.js 6KB
jquery.foundation.tooltips.js 4KB
jquery.foundation.reveal.js 3KB
jquery.fitvids.js 2KB
app.js 2KB
init.js 1KB
jquery.foundation.tabs.js 882B
custom.js 819B
jquery-css-transform.js 811B
jquery.parallax-1.1.3.js 609B
portfolio.js 466B
1.png 262KB
team-3.png 87KB
team-2.png 86KB
team-4.png 86KB
team-1.png 81KB
services-banner.png 75KB
groovepaper.png 40KB
triangle-bottom.png 11KB
triangle-bottom-760.png 8KB
sprite.png 7KB
triangle-top-760.png 6KB
triangle-top.png 5KB
sprite.png 4KB
sprite.png 4KB
sprite.png 4KB
sprite.png 3KB
sprite.png 3KB
3.png 3KB
1.png 3KB
right-arrow.png 3KB
right-arrow-small.png 3KB
left-arrow-small.png 3KB
2.png 3KB
appbar.cogs.png 3KB
responsive-nav-bg.png 3KB
pattern-1.png 3KB
back.png 3KB
forward.png 3KB
twitter-background.png 2KB
pinterest.png 2KB
共 218 条
- 1
- 2
- 3
资源评论
supeerzdj
- 粉丝: 10
- 资源: 6185
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功