<!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个子文件） 
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
资源评论
