<!DOCTYPE html>
<html lang="en">
<head>
<title>Home</title>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" media="screen" href="css/reset.css">
<link rel="stylesheet" type="text/css" media="screen" href="css/style.css">
<link rel="stylesheet" type="text/css" media="screen" href="css/slider.css">
<link href='http//fonts.googleapis.com/css?family=Open+Sans+Condensed:700,300' rel='stylesheet' type='text/css'>
<script src="js/jquery-1.7.min.js"></script>
<script src="js/jquery.easing.1.3.js"></script>
<script src="js/tms-0.4.1.js"></script>
<script>
$(document).ready(function(){
$('.slider')._TMS({
show:0,
pauseOnHover:true,
prevBu:'.prev',
nextBu:'.next',
playBu:false,
duration:500,
preset:'fade',
pagination:true,//'.pagination',true,'<ul></ul>'
pagNums:false,
slideshow:8000,
numStatus:false,
banners:'fromBottom',// fromLeft, fromRight, fromTop, fromBottom
waitBannerAnimation:false,
progressBar:false
})
})
$(function(){
if($(window).width() <= 1066)
{
$("#slider .prev").css("left", "55px")
$("#slider .next").css("right", "55px")
}
})
</script>
<!--[if lt IE 8]>
<div style=' clear: both; text-align:center; position: relative;'>
<a href="http//windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode">
<img src="http//storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." />
</a>
</div>
<![endif]-->
<!--[if lt IE 9]>
<link href='http//fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'>
<link href='http//fonts.googleapis.com/css?family=Open+Sans+Condensed:700' rel='stylesheet' type='text/css'>
<script type="text/javascript" src="js/html5.js"></script>
<link rel="stylesheet" type="text/css" media="screen" href="css/ie.css">
<![endif]-->
</head>
<body>
<div class="bg">
<header>
<div class="main wrap">
<h1><a href="index.html"><img src="images/logo.png" alt=""></a></h1>
<p>8901 Marmora, Glasgow <span>8 (800) 552 5975</span></p>
</div>
<nav>
<ul class="menu">
<li class="current"><a href="index.html" class="home"><img src="images/home.jpg" alt=""></a></li>
<li><a href="about.html">About</a></li>
<li><a href="maintenance.html">Maintenance</a></li>
<li><a href="repair.html">Repair</a></li>
<li><a href="price-list.html">Price List</a></li>
<li><a href="locations.html">Locations</a></li>
</ul>
<div class="clear"></div>
</nav>
</header>
<div id="slider">
<div class="slider-block">
<div class="slider">
<ul class="items">
<li><img src="images/slide-1.jpg" alt="" /><div class="banner"><div><span>Ford</span><strong>Сiriure dolor nhendrerit</strong><p>Nam liber tempor cum soluta nobis eleifenoption congue nigfif аil imperdiet doming id quod mazim placerat facer. Lorjem ipsum dolor sit amet, consecer adipiscing elit.</p><a href="#" class="button">Read More</a></div></div></li>
<li><img src="images/slide-2.jpg" alt="" /><div class="banner"><div><span>Maserati GT</span><strong>Vulputate velit esse</strong><p>sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis.</p><a href="#" class="button">Read More</a></div></div></li>
<li><img src="images/slide-3.jpg" alt="" /><div class="banner"><div><span>Honda HSC</span><strong>Molestie consequat vel</strong><p>At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit.</p><a href="#" class="button">Read More</a></div></div></li>
</ul>
</div>
<a href="#" class="prev"></a>
<a href="#" class="next"></a>
</div>
</div>
<!--==============================content================================-->
<section id="content"><div class="ic">More Website Templates @ TemplateMonster.com. November12, 2012!</div>
<div class="block-1 box-1">
<div>
<img src="images/page1-img1.jpg" alt="">
<p class="text-1">Schedule <strong>Services</strong></p>
<p class="upper"><a href="http//blog.templatemonster.com/free-website-templates/" class="link" rel="nofollow" target="_blank">Click here</a> for more info about this free website templates by TemplateMonster.com.</p>
<a href="#" class="button">Read More</a>
</div>
<div>
<img src="images/page1-img2.jpg" alt="">
<p class="text-1">Preventive <strong>Maintenance</strong></p>
<p class="upper">This website template is optimized for 1280X1024 screen res. It is also XHTML & CSS valid.</p>
<a href="#" class="button">Read More</a>
</div>
<div>
<img src="images/page1-img3.jpg" alt="">
<p class="text-1">Repair <strong>Services</strong></p>
<p class="upper">The PSD source files of this template are available for free for the registered members.</p>
<a href="#" class="button">Read More</a>
</div>
<div class="last">
<img src="images/page1-img4.jpg" alt="">
<p class="text-1">Tire & Wheel <strong>Services</strong></p>
<p class="upper">Feel free to get this free web template created by Template Monster Team!</p>
<a href="#" class="button">Read More</a>
</div>
</div>
<div class="block-2 wrap pad-2">
<div class="box-2">
<h2 class="clr-1">Reviews</h2>
<div class="comments">
<div>
“Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat.”
<div class="comments-corner"></div>
</div>
<a href="#">dolor hendrerit</a>
</div>
<div class="comments">
<div>
“vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit.”
<div class="comments-corner"></div>
</div>
<a href="#">vulputate velit</a>
</div>
</div>
<div class="box-3">
<h2 class="clr-1">Our Services</h2>
<div class="wrap">
<ul class="list-1">
<li><a href="#">Consetetur sadipscing</a></li>
<li><a href="#">elitr sed diam nonumy</a></li>
<li><a href="#">tempor invidunt utabore</a></li>
<li><a href="#">et dolore magna aliquyam</a></li>
<li><a href="#">erat sed diam voluptua</a></li>
<li><a href="#">At vero eos et accusam et</a></li>
</ul>
<ul class="list-1 last">
<li><a href="#">Takimata sanctus est</a></li>
<li><a href="#">Lorem ipsum dolor sit amet</a></li>
<li><a href="#">Ipsum dolor sit amet</a></li>
<li><a href="#">consetetur sadipscing </a></li>
<li><a href="#">sed diam nonumy eirmod</a></li>
<li><a href="#">tempor invidunt ut labore</a></li>
</ul>
</div>
<a href="#" class="button-2">Read More</a>
</div>
</
前端静态模板-黑灰-学生作业毕设实训素材.zip （48个子文件） 
黑灰 css 
slider.css 1KB ie.css 24B reset.css 1KB style.css 9KB
price-list.html 6KB images 
page2-img5.jpg 10KB page4-img2.jpg 9KB page3-img3.jpg 19KB home.jpg 13KB page4-img1.jpg 9KB slide-1.jpg 66KB body-bg.jpg 2KB page3-img2.jpg 19KB
icon-1.png 319B page2-img2.jpg 10KB slide-3.jpg 54KB page3-img5.jpg 11KB banner.png 137B
marker-1.gif 51B page2-img1.jpg 17KB page3-img1.jpg 18KB page1-img4.jpg 10KB page3-img4.jpg 18KB prev.gif 353B next.gif 366B page1-img2.jpg 13KB shadow.png 1KB page4-img3.jpg 11KB slide-2.jpg 69KB page2-img3.jpg 12KB bg.jpg 47KB page2-img4.jpg 10KB logo.png 2KB li.jpg 611B page1-img1.jpg 9KB page1-img3.jpg 9KB header.jpg 2KB comments-corner.png 186B repair.html 7KB index.html 8KB js tms-0.4.1.js 36KB html5.js 934B PIE.htc 33KB jquery-1.7.min.js 92KB jquery.easing.1.3.js 3KB maintenance.html 7KB locations.html 4KB about.html 6KB
评论0