<!DOCTYPE html>
<html lang="en">
<head>
<title>Home</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<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 rel="stylesheet" type="text/css" media="screen" href="css/tabs.css">
<link rel="stylesheet" href="css/zerogrid.css" type="text/css" media="all">
<link rel="stylesheet" href="css/responsive.css" type="text/css" media="all">
<script src="js/jquery-1.7.min.js"></script>
<script src="js/jquery.easing.1.3.js"></script>
<script src="js/tms-0.3.js"></script>
<script src="js/tms_presets.js"></script>
<script src="js/cufon-yui.js"></script>
<script src="js/Vegur-L_300.font.js"></script>
<script src="js/Vegur-M_500.font.js"></script>
<script src="js/Vegur-R_400.font.js"></script>
<script src="js/cufon-replace.js"></script>
<script src="js/tabs.js"></script>
<script src="js/FF-cash.js"></script>
<script type="text/javascript" src="js/css3-mediaqueries.js"></script>
<script>
$(window).load(function(){
$('.slider')._TMS({
prevBu:'.prev',
nextBu:'.next',
pauseOnHover:true,
pagNums:false,
duration:800,
easing:'easeOutQuad',
preset:'Fade',
slideshow:7000,
pagination:'.pagination',
waitBannerAnimation:false,
banners:'fromLeft'
})
})
</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]>
<script type="text/javascript" src="js/html5.js"></script>
<link rel="stylesheet" type="text/css" media="screen" href="css/ie.css">
<![endif]-->
</head>
<body>
<!--==============================header=================================-->
<header>
<div class="main zerogrid">
<h1><a href="index.html"><img src="images/logo.png" alt=""></a></h1>
<nav>
<ul class="menu">
<li class="current"><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="services.html">Services</a></li>
<li><a href="projects.html">Projects</a></li>
<li><a href="clients.html">Clients</a></li>
<li><a href="contacts.html">Contacts</a></li>
</ul>
</nav>
</div>
</header>
<section id="header-content">
<div class="main zerogrid">
<div class="slider">
<ul class="items">
<li><img src="images/slider-1.jpg" alt="">
<div class="banner">
<p><strong class="font-1">Use</strong><strong class="font-2">our time</strong><strong class="font-1">to save your</strong><strong class="font-2">money!</strong></p>
<a href="#">Read More</a>
</div>
</li>
<li><img src="images/slider-2.jpg" alt="">
<div class="banner">
<p><strong class="font-1">Good</strong><strong class="font-2">solutions</strong><strong class="font-1">for your</strong><strong class="font-2">business!</strong></p>
<a href="#">Read More</a>
</div>
</li>
<li><img src="images/slider-3.jpg" alt="">
<div class="banner">
<p><strong class="font-1">Use</strong><strong class="font-2">our time</strong><strong class="font-1">to save your</strong><strong class="font-2">money!</strong></p>
<a href="#">Read More</a>
</div>
</li>
<li><img src="images/slider-4.jpg" alt="">
<div class="banner">
<p><strong class="font-1">Good</strong><strong class="font-2">solutions</strong><strong class="font-1">for your</strong><strong class="font-2">business!</strong></p>
<a href="#">Read More</a>
</div>
</li>
</ul>
<div class="pagination">
<ul>
<li><a href="#"><img src="images/slider-1-small.jpg" alt=""></a></li>
<li><a href="#"><img src="images/slider-2-small.jpg" alt=""></a></li>
<li><a href="#"><img src="images/slider-3-small.jpg" alt=""></a></li>
<li><a href="#"><img src="images/slider-4-small.jpg" alt=""></a></li>
</ul>
</div>
</div>
</div>
</section>
<!--==============================content================================-->
<section id="content" class="border">
<div class="zerogrid">
<div class="row">
<div class="col-1-3">
<div class="block-1">
<h3>think.</h3>
<p class="color-1">Genesis is one of free website templates</a> created by TemplateMonster.com team. This website template is optimized for 1280X1024 screen resolution.</p>
<a href="#" class="button">Read More</a>
</div>
</div>
<div class="col-1-3">
<div class="block-1">
<h3>choose.</h3>
<p class="color-1">This Genesis Template</a> goes with two packages â?with PSD source files and without them. PSD source files are available for the registered members.</p>
<a href="#" class="button">Read More</a>
</div>
</div>
<div class="col-1-3">
<div class="block-1">
<h3>grow.</h3>
<p class="color-1">This website template has several pages: Home Page, About, Our Services, Projects, Clients, Contact Us (note that contact us form â?doesnât work).</p>
<a href="#" class="button">Read More</a>
</div>
</div>
</div>
<div class="row">
<div class="col-2-3">
<div class="left-1 page1-col1">
<h2 class="h2">Welcome to our website!</h2>
<p class="color-1 p2">Ut wisi enim ad minim veniam, quis nostrud exerci tation ullam corper suscipit lobortis </p>
<p>Nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit molestie consequat, vel illum dolore eu feugiat nulla.</p>
<div class="block-2 wrap">
<a href="#">Read More</a>
<p class="extra-wrap">Our work is<strong>dedicated to</strong><strong>the prosperity</strong><strong>of our clients!</strong></p>
</div>
<p>Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla.</p>
<div class="page1-img1"></div>
</div>
</div>
<div class="col-1-3">
<h2 class="left-1">Our News</h2>
<div class="tabs">
<ul class="nav">
<li class="selected"><a href="#tab-1">Latest</a></li>
<li><a href="#tab-2">Popular</a></li>
<li><a href="#tab-3">All News</a></li>
</ul>
<div id="tab-1" class="tab-content">
<div class="inner">
<div class="wrap block-3 border-1">
<img src="images/page1-img2.jpg" alt="" class="img-indent">
<div class="extra-wrap">
<p class="color-1">Duis autem veeum iriure dolor hendrerit.</p>
<p>Molestie consequat, vel nulla
前端静态模板-响应式黑白红企业模板-学生作业毕设实训素材.zip
版权申诉
49 浏览量
2022-04-07
22:10:01
上传
评论
收藏 1.16MB ZIP 举报
前端静态模板-响应式黑白红企业模板-学生作业毕设实训素材.zip （74个子文件） 
响应式黑白红企业模板 
contacts.html 5KB css 
slider.css 1KB ie.css 190B responsive.css 758B reset.css 1KB zerogrid.css 2KB tabs.css 741B grid_12.css 3KB style.css 7KB projects.html 6KB services.html 6KB images 
page2-img5.jpg 12KB slider-1-small.jpg 8KB page4-img2.jpg 19KB page3-img3.jpg 25KB button-3.jpg 4KB slider-3.jpg 103KB page4-img1.jpg 20KB slider-2-small.jpg 7KB
page5-img3.png 6KB page5-img5.png 31KB slider-1.jpg 145KB page3-banner.jpg 84KB page3-img2.jpg 16KB button-2.jpg 4KB page4-img8.jpg 16KB page2-img2.jpg 16KB slider-4-small.jpg 7KB page5-img1.png 11KB
marker-1.gif 4KB page5-banner.jpg 81KB slider-3-small.jpg 7KB page2-img1.jpg 20KB page5-img8.png 20KB page3-img1.jpg 19KB transp.png 118B page5-img2.png 12KB page4-img6.jpg 14KB header-bg.gif 4KB page2-banner.jpg 95KB header-content-bg.gif 4KB page1-img2.jpg 7KB page4-img7.jpg 20KB page4-banner.jpg 71KB slider-2.jpg 111KB page4-img3.jpg 23KB slider-4.jpg 114KB page5-img6.png 14KB page2-img3.jpg 13KB page2-img4.jpg 14KB page5-img7.png 17KB logo.png 7KB page5-img4.png 18KB page1-img1.jpg 28KB page4-img4.jpg 20KB page1-img3.jpg 7KB page4-img5.jpg 12KB index.html 12KB clients.html 6KB js cufon-replace.js 236B Vegur-M_500.font.js 14KB tms_presets.js 19KB cufon-yui.js 18KB html5.js 934B Vegur-R_400.font.js 13KB Vegur-L_300.font.js 14KB css3-mediaqueries.js 16KB PIE.htc 33KB jquery-1.7.min.js 92KB tms-0.3.js 12KB jquery.easing.1.3.js 3KB tabs.js 473B FF-cash.js 386B about.html 7KB
芝麻粒儿
- 粉丝: 6w+
- 资源: 2万+
最新资源
- TG-2024-05-23-204718255.mp4
- 候志强@181 5428 8938_20240420112107.amr
- spispispispispi
- 实验二：IP协议分析.zip
- 驱动代码驱动代码驱动代码驱动代码
- SVID_20240523_141155_1.mp4
- Code for the complete guide to tkinter tutorial
- 关于百货中心供应链管理系统.zip
- SimpleFolderIcon-master 修改Unity的Project下的文件夹图标
- A python Tkinter widget to display tile based maps
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
评论0