<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http//www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http//www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Awesome HTML Template</title>
<link rel="stylesheet" type="text/css" href="css/main.css" />
<link href='http//fonts.googleapis.com/css?family=Droid+Serif' rel='stylesheet' type='text/css' />
<link href='http//fonts.googleapis.com/css?family=Droid+Sans:400,700' rel='stylesheet' type='text/css' />
<link href='http//fonts.googleapis.com/css?family=Ubuntu' rel='stylesheet' type='text/css' />
<script type="text/javascript" src="scripts/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="scripts/jquery.scrollTo.js"></script>
<script type="text/javascript" src="scripts/jquery.nav.js"></script>
<script type="text/javascript" src="scripts/jquery.quicksand.js"></script>
<script type="text/javascript" src="scripts/easing.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$(".navMenu").onePageNav();
// Clone applications to get a second collection
var $data = $(".portfolioItems").clone();
//NOTE: Only filter on the main portfolio page, not on the subcategory pages
$('.portfolioSort li a').click(function(e) {
$(".portfolioSort li a").removeClass("activePSLink");
// Use the last category class as the category to filter by. This means that multiple categories are not supported (yet)
var filterClass=$(this).attr('class').split(' ').slice(-1)[0];
if (filterClass == 'all') {
var $filteredData = $data.find('.portfolioItem');
} else {
var $filteredData = $data.find('.portfolioItem[data-type=' + filterClass + ']');
}
$(".portfolioItems").quicksand($filteredData, {
duration: 800,
easing: 'swing',
});
$(this).addClass("activePSLink");
return false;
});
});
function showfolio(number){
$.ajax({
type: 'POST',
dataType:'html',
url: "portfolio.php?id="+number,
success: function(data) {
//alert(data);
$(".portfolio-1").empty().append(data).slideDown();
}
});}
function outhere(){
$(".portfolio-1").slideUp();}
</script>
<!--[if lt IE 9]>
<link rel="stylesheet" type="text/css" href="css/iefix.css" />
<![endif]-->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>
<body>
<div class="wrapped">
<h6>Choose color:</h6>
<ul>
<li><a id="color1" href="http//www.huiyi8.com/moban/">Green</a></li>
<li><a id="color2" href="http//www.huiyi8.com/moban/">Orange</a></li>
</ul>
</div>
<div id="home">
<div class="container">
<div class="header">
<div class="headerTop">
<div class="headerTop-1 clearfix">
<div class="headerLeft clearfix">
<h1><a href="#"> </a></h1>
<p>Premium HTML Theme</p>
</div>
<div class="headerRight clearfix">
<form action="" method="get" class="searchForm" />
<p><input type="text" name="search" onfocus="if(this.value=='Search')this.value='';" onblur="if(this.value=='')this.value='Search';" value="Search" /></p>
</form>
<div class="socialLinks clearfix">
<a href="#" class="twitter"><img src="images/twitter.gif" alt="twitter" /></a>
<a href="#" class="facebook"><img src="images/facebook.gif" alt="facebook" /></a>
<a href="#" class="twitter"><img src="images/social_icon3.gif" alt="icon" /></a>
<a href="#" class="rss"><img src="images/rss.gif" alt="twitter" /></a>
</div>
</div>
</div>
</div>
<div class="headerBottom">
<div class="headerBottom-1 clearfix">
<ul class="navMenu clearfix">
<li><a href="#home">Home</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="#blog">Blog</a></li>
<li><a href="#features">Features</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
<div class="info clearfix">
<p class="emailAddress"><a href="#">[email protected]</a></p>
<p class="phoneNum">1-123-456-7890</p>
</div>
</div>
<div class="menuBottom"></div>
</div>
</div>
<div class="content">
<div class="home-1">
<h1>Hey ! I am<br /><span>Business <span class="agencySpan">Agency</span></span></h1>
<p>
Aenean lacinia bibendum nulla sed consectetur. Cras mattis
consectetur purus sit amet fermentum. Donec id elit non
mi porta gravida at eget.
</p>
<a href="#" class="checkPortfolio">Check our Portfolio</a>
</div>
<div class="home-2">
<div class="home-2-center clearfix">
<div class="skills">
<div><img src="images/skill-image1.png" alt="minimal design" /></div>
<p>Minimal Design</p>
</div>
<div class="skills">
<div><img src="images/skill-image2.png" alt="minimal design" /></div>
<p>Easy Installation</p>
</div>
<div class="skills">
<div><img src="images/skill-image3.png" alt="minimal design" /></div>
<p>Browser Support</p>
</div>
<div class="skills">
<div><img src="images/skill-image4.png" alt="minimal design" /></div>
<p>SEO Friendly</p>
</div>
<div class="skills">
<div><img src="images/skill-image5.png" alt="minimal design" /></div>
<p>Unlimited Versions</p>
</div>
<div class="weCreate">
<h2>
We create Clean, Modern and Eye Catching websites which helps your
business to grow better...
</h2>
</div>
</div>
</div>
<div class="home-3">
<div class="home-3-center">
<div>
<h3>
Check out the great features of the theme and purchase
<span>Awesome now....</span>
</h3>
<p>
Awesome is available for the ridiculously low, one-time cost of $35! That's
right, I'm practically giving it away!
</p>
</div>
<a href="#" class="purchaseTheme">Purchase the Theme</a>
</div>
</div>
<div class="home-4 clearfix">
<div class="home-apps home-apps1">
<h4>Web Application</h4>
<p>Aenean lacinia bibendum nulla sed consectetur. Cras mattis consectetur purus sit amet fermentum.</p>
</div>
<div class="home-apps home-apps2">
<h4>Mobile Apps</h4>
<p>Aenean lacinia bibendum nulla sed consectetur. Cras mattis consectetur purus sit amet fermentum.</p>
</div>
<div class="home-apps home-apps3">
<h4>iPAD Application</h4>
<p>Aenean lacinia bibendum nulla sed consectetur. Cras mattis consectetur purus sit amet fermentum.</p>
</div>
</div>
</div>
</div><!-- HOME SECTION END -->
</div>
<div id="about_us">
<div class="container">
<div class="content">
<div class="contentTitle1">
<h1>About <span>Us</span></h1>
</div>
<div class="contentTitle2">
<p>Check out the great features of the theme and purchase <span>Awesome now</span>....</p>
</div>
<div class="aboutUs-1 clearfix">
<div class="aboutUs-left">
<p class="aboutPara1">
<span>Etiam eget mi enim, non ultricies nisi voluptatem, illo inventore veritatis et quasi architecto beatae
vitae dicta sunt explicabo nemo enim ipsam voluptatem.</span><br /><br />
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam
rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt
explicabo. Donec ut volutpat metus. Aliquam tortor lorem, fringilla tempor dignissim at, pretium et arcu.
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam
rem aperiam, eaque ipsa quae ab illo inventore veritatis.
</p>
<h2>
"<span>Awesome</span> is available for the ridiculously low, one-time cost of <span>$35!</span>
That's right, I'm practically giving i
前端前端静态模板-非响应式绿灰清新-学生作业毕设实训素材.zip
版权申诉
181 浏览量
2022-04-07
22:08:29
上传
评论
收藏 609KB ZIP 举报
前端前端静态模板-非响应式绿灰清新-学生作业毕设实训素材.zip （68个子文件） 
非响应式绿灰清新 css 
iefix.css 158B main.css 37KB images 
social_icon3.gif 284B
package_active_bg.png 8KB skill-image4.png 3KB box2_sign.gif 2KB contact_phone.gif 1KB features-list3.gif 538B Copy of logo.png 3KB
home-apps3.jpg 18KB skill-image1.png 2KB envelope.gif 340B portImage6.jpg 13KB follow2.gif 277B portImage1.jpg 11KB active_link_bg.gif 46B teamMember.jpg 7KB home-apps1.jpg 14KB archive_list_item.gif 51B prem_theme_bg.gif 64B skill-image3.png 3KB phone.gif 323B skill-image2.png 2KB follow3.gif 286B portImage7.jpg 8KB portImage8.jpg 15KB
index.html 4KB date_bg.png 913B contact_email.gif 1KB prev.gif 532B aboutUsImage.jpg 26KB skill-image5.png 3KB pr_table4_bg.png 898B next.gif 540B blogImage1.jpg 38KB home-2_bg.gif 70KB slideImage1.jpg 47KB features-list4.gif 176B follow1.gif 293B portImage4.jpg 17KB pr_table4active_bg.png 899B facebook.gif 276B logo.gif 939B portImage3.jpg 10KB features-list2.gif 320B logo.png 3KB package_bg.png 8KB exit.gif 757B map.jpg 43KB home-apps2.jpg 13KB box3_sign.gif 2KB pr_table1_bg.gif 131B rss.gif 451B home-1_bg.jpg 56KB blogPostImage1.jpg 16KB box1_sign.gif 2KB twitter.gif 293B portImage2.jpg 11KB recentPostImage1.jpg 4KB portImage5.jpg 10KB slide2Image1.jpg 51KB index.html 35KB scripts jquery-1.7.2.min.js 93KB easing.js 8KB jquery.scrollTo.js 2KB pagescroller.min.js 4KB jquery.nav.js 4KB jquery.quicksand.js 14KB资源评论
