<!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>
</
黑灰_HTML手机电脑网站_网页源码移动端前端_H5模板_自适应响应式源码.zip
110 浏览量
2023-08-02
16:59:16
上传
评论
收藏 504KB ZIP 举报
黑灰_HTML手机电脑网站_网页源码移动端前端_H5模板_自适应响应式源码.zip （48个子文件） 
黑灰 
locations.html 4KB js 
tms-0.4.1.js 36KB PIE.htc 33KB html5.js 934B jquery.easing.1.3.js 3KB jquery-1.7.min.js 92KB css style.css 9KB reset.css 1KB slider.css 1KB ie.css 24B index.html 8KB about.html 6KB images 
page2-img4.jpg 10KB page3-img2.jpg 19KB page4-img1.jpg 9KB page3-img4.jpg 18KB
prev.gif 353B slide-3.jpg 54KB
banner.png 137B page2-img3.jpg 12KB logo.png 2KB slide-1.jpg 66KB body-bg.jpg 2KB header.jpg 2KB page1-img1.jpg 9KB page1-img4.jpg 10KB comments-corner.png 186B icon-1.png 319B next.gif 366B page2-img5.jpg 10KB page1-img2.jpg 13KB bg.jpg 47KB home.jpg 13KB marker-1.gif 51B slide-2.jpg 69KB page2-img1.jpg 17KB page4-img3.jpg 11KB page1-img3.jpg 9KB shadow.png 1KB page3-img3.jpg 19KB li.jpg 611B page2-img2.jpg 10KB page4-img2.jpg 9KB page3-img5.jpg 11KB page3-img1.jpg 18KB repair.html 7KB maintenance.html 7KB price-list.html 6KB资源评论
wsnbb_2023
- 粉丝: 15
- 资源: 6004
最新资源
- elasticsearch数据库下载、配置、使用案例
- springboot的概要介绍与分析
- C语言的概要介绍与分析
- 第一个较大的Android项目，基于Android平台的图书管理系统（Android studio).zip
- Cisco Packet Tracer 6.2 for Windows Instructor Version
- 使⽤pyIAST计算⽓体吸附选择性
- tmp_b056727e59b8123365486983f32baa9732607ec3c6137b12.pdf
- C代码实现文件的拆分和合并,本质上就是文件的读写操作.zip
- TVMP3player.apk.1
- 出马出马出马出马出马出马出马
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
