<!DOCTYPE html>
<html lang="en">
<head>
<title>Restaurant</title>
<meta charset="utf-8">
<link rel="stylesheet" href="css/reset.css" type="text/css" media="all">
<link rel="stylesheet" href="css/layout.css" type="text/css" media="all">
<link rel="stylesheet" href="css/style.css" type="text/css" media="all">
<script type="text/javascript" src="js/jquery-1.6.js" ></script>
<script type="text/javascript" src="js/cufon-yui.js"></script>
<script type="text/javascript" src="js/cufon-replace.js"></script>
<script type="text/javascript" src="js/Forum_400.font.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="js/tms-0.3.js"></script>
<script type="text/javascript" src="js/tms_presets.js"></script>
<script type="text/javascript" src="js/script.js"></script>
<script type="text/javascript" src="js/atooltip.jquery.js"></script>
<!--[if lt IE 9]>
<script type="text/javascript" src="js/html5.js"></script>
<style type="text/css">
.slider_bg {behavior:url(js/PIE.htc)}
</style>
<![endif]-->
<!--[if lt IE 7]>
<div style='clear:both;text-align:center;position:relative'>
<a href="http//www.microsoft.com/windows/internet-explorer/default.aspx?ocid=ie6_countdown_bannercode"><img src="http//storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" alt="" /></a>
</div>
<![endif]-->
</head>
<body id="page1">
<div class="body6">
<div class="body1">
<div class="body5">
<div class="main">
<!-- header -->
<header>
<h1><a href="index.html" id="logo">Deliccio Classic European Cuisine</a></h1>
<nav>
<ul id="top_nav">
<li><a href="index.html"><img src="images/icon_1.gif" alt=""></a></li>
<li><a href="#"><img src="images/icon_2.gif" alt=""></a></li>
<li class="end"><a href="Contacts.html"><img src="images/icon_3.gif" alt=""></a></li>
</ul>
</nav>
<nav>
<ul id="menu">
<li class="active"><a href="index.html">Restaurant</a></li>
<li><a href="Cuisine.html">Cuisine</a></li>
<li><a href="Wine.html">Wine List</a></li>
<li><a href="CookBook.html">CookBook</a></li>
<li><a href="Contacts.html">Contacts</a></li>
</ul>
</nav>
</header><div class="ic">More Website Templates @ TemplateMonster.com - August 1st 2011!</div>
<!-- / header -->
<!-- content -->
<article id="content">
<div class="slider_bg">
<div class="slider">
<ul class="items">
<li>
<img src="images/img1.jpg" alt="">
<div class="banner">
<strong>Italian<span>Fettuccine</span></strong>
<b>Dish of the Day</b>
<p>
<span>Lorem ipsum dolamet consectetur<br>
adipisicing elit, sed do eiusmod tempor aliqua enim ad minim veniam, quis nosinci- didunt ut labore et dolore.</span>
</p>
</div>
</li>
<li>
<img src="images/img2.jpg" alt="">
<div class="banner">
<strong>succulent<span>meat</span></strong>
<b>Dish of the Day</b>
<p>
<span>Lorem ipsum dolamet consectetur <br>
adipisicing elit, sed do eiusmod tempor aliqua enim ad minim veniam, quis nosinci- didunt ut labore et dolore.</span>
</p>
</div>
</li>
<li>
<img src="images/img3.jpg" alt="">
<div class="banner">
<strong>French-Style<span>Tartlet</span></strong>
<b>Dish of the Day</b>
<p>
<span>Lorem ipsum dolamet consectetur <br>
adipisicing elit, sed do eiusmod tempor aliqua enim ad minim veniam, quis nosinci- didunt ut labore et dolore.</span>
</p>
</div>
</li>
</ul>
</div>
</div>
<div class="wrap">
<section class="cols">
<div class="box">
<div>
<h2>Welcome <span>to Us!</span></h2>
<figure><img src="images/page1_img1.jpg" alt="" ></figure>
<p class="pad_bot1">This <a href="http//blog.templatemonster.com/2011/08/01/free-website-template-jquery-slider-typography-restaurant/" class="list_1">Deliccio Template</a> goes with two packages – with PSD source files and without them. PSD source is available for free for the registered members.</p>
<a href="#" class="button1">Read More</a>
</div>
</div>
</section>
<section class="cols pad_left1">
<div class="box">
<div>
<h2>About <span>Us</span></h2>
<figure><img src="images/page1_img2.jpg" alt="" ></figure>
<p class="pad_bot1">This is one of <a href="http//blog.templatemonster.com/free-website-templates/" target="_blank">free website templates</a> created by TemplateMonster.com team. This website template is optimized for 1024x768 screen res.</p>
<a href="#" class="button1">Read More</a>
</div>
</div>
</section>
<section class="cols pad_left1">
<div class="box">
<div>
<h2>Our <span>Services</span></h2>
<figure><img src="images/page1_img3.jpg" alt="" ></figure>
<ul class="list1 pad_bot1">
<li><a href="#">Lorem ipsum dolor sit amet</a></li>
<li><a href="#">Consectetur adipisicing elit sed</a></li>
<li><a href="#">Eiusmod tempor incididunt labore</a></li>
<li><a href="#">Ut enim ad minim veniam</a></li>
</ul>
<a href="#" class="button1">Read More</a>
</div>
</div>
</section>
</div>
</article>
</div>
</div>
</div>
</div>
<div class="body2">
<div class="main">
<article id="content2">
<div class="wrapper">
<section class="col1 pad_left1">
<h2>Upcoming Events</h2>
<div class="wrapper">
<div class="cols">
<div class="wrapper pad_bot2">
<figure class="left marg_right1"><img src="images/page1_img4.jpg" alt=""></figure>
<p>
<a href="#">20.07. Sed perspiciatis</a><br>
Unde omnis iste natus error volu accusantium doloremque.
</p>
</div>
<div class="wrapper">
<figure class="left marg_right1"><img src="images/page1_img5.jpg" alt=""></figure>
<p>
<a href="#">18.07. Quasi architecto</a><br>
Beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem.
</p>
</div>
</div>
<div class="cols pad_left1">
<div class="wrapper pad_bot2">
<figure class="left marg_right1"><img src="images/page1_img6.jpg" alt=""></figure>
<p>
<a href="#">11.07. Laudaum totam</a><br>
Rem aperiam, eaque ipsa quae ab illo inventore veritatis.
</p>
</div>
<div class="wrapper">
<figure class="left marg_right1"><img src="images/page1_img7.jpg" alt=""></figure>
<p>
<a href="#">09.07. Volups asrnatur</a> <br>
Aut odit aut fugit, sed quia consequuntur magni dolores eos qui.
</p>
</div>
</div>
</div>
</section>
<section class="col2 pad_left1">
<h2>Testimonials</h2>
<ul class="testimonials">
<li>
<span>1</span>
<p>
“Remperam eaquepsa quae abillo inventore vertatis.”
<img src="images/signature1.jpg" alt="">
</p>
</li>
<li>
<span>2</span>
<p>
“Quasi arctecto beatae vitae dicta sunt explicabo.”
<img src="images/signature2.jpg" alt="">
</p>
</li>
<li>
<span>3</span>
<p>
“Nemo enim ipsam volupta<br>
tem quia voluptas.”<img src="images/signature3.jpg" alt="">
</p>
</li>
</ul>
</section>
</div>
</article>
<!-- / content -->
</div>
</div>
<div class="body3">
<div class="body4">
没有合适的资源?快使用搜索试试~ 我知道了~
HTML+CSS+JS精品网页模板H109.rar
共73个文件
jpg:32个
gif:13个
js:10个
0 下载量 78 浏览量
2024-05-12
23:20:36
上传
评论
收藏 1.55MB RAR 举报
温馨提示
HTML+CSS+JS精品网页模板,设置导航条、轮翻效果,鼠标滑动效果,自动弹窗,点击事件、链接等功能;适用于大学生期末大作业或公司网页制作。响应式网页,可以根据不同的设备屏幕大小自动调整页面布局; 支持如Dreamweaver、HBuilder、Text 、Vscode 等任意html编辑软件进行编辑修改; 支持包括IE、Firefox、Chrome、Safari主流浏览器浏览; 下载文件解压缩,用Dreamweaver、HBuilder、Text 、Vscode 等任意html编辑软件打开,只需更改源代码中的文字和图片可直接使用。图片的命名和格式需要与原图片的名字和格式一致,其他的无需更改。如碰到HTML5+CSS+JS等专业技术问题,以及需要对应行业的模板等相关源码、模板、资料、教程等,随时联系博主咨询。 网页设计和制作、大学生网页课程设计、期末大作业、毕业设计、网页模板,网页成品源代码等,5000+套Web案例源码,主题涵盖各行各业,关注作者联系获取更多源码; 更多优质网页博文、网页模板移步查阅我的CSDN主页:angella.blog.csdn.net。
资源推荐
资源详情
资源评论
收起资源包目录
HTML+CSS+JS精品网页模板H109.rar (73个子文件)
HTML+CSS+JS精品网页模板H109
CookBook.html 7KB
js
PIE.htc 28KB
html5.js 1KB
Forum_400.font.js 55KB
cufon-yui.js 18KB
tms_presets.js 19KB
tms-0.3.js 9KB
jquery.easing.1.3.js 8KB
jquery-1.6.js 89KB
atooltip.jquery.js 4KB
cufon-replace.js 101B
script.js 472B
css
style.css 7KB
layout.css 549B
reset.css 936B
Cuisine.html 6KB
Contacts.html 6KB
index.html 9KB
Wine.html 7KB
images
page2_img3.jpg 22KB
page4_img4.jpg 21KB
icon3.gif 452B
page3_img3.jpg 14KB
box_top2.png 9KB
page1_img1.jpg 21KB
page4_img1.jpg 15KB
icon_1.gif 76B
bg_top_img.jpg 547KB
menu_bg.png 171B
page1_img4.jpg 13KB
box_top.png 4KB
line_vert1.gif 54B
slider_shadow.png 2KB
page2_img4.jpg 21KB
page3_img1.jpg 19KB
logo.png 13KB
img2.jpg 115KB
page2_img5.jpg 25KB
buttons.png 696B
quot2.png 328B
page1_img3.jpg 17KB
page3_img4.jpg 13KB
marker_2.gif 52B
icon2.gif 562B
signature3.jpg 2KB
icon1.gif 482B
box_bg.png 180B
bg_bot_img.jpg 53KB
bg.jpg 667B
img1.jpg 135KB
signature2.jpg 2KB
bg_slider.jpg 118KB
icon4.gif 226B
top_line.gif 149B
page1_img2.jpg 11KB
img3.jpg 144KB
signature1.jpg 2KB
marker_1.gif 52B
bg_top.jpg 512B
page1_img5.jpg 12KB
icon_2.gif 69B
page4_img2.jpg 13KB
page1_img7.jpg 13KB
icon_3.gif 71B
bg_bot.jpg 5KB
page3_img2.jpg 15KB
price_bg.gif 70B
page2_img2.jpg 21KB
quot1.png 275B
page2_img1.jpg 21KB
icon5.gif 543B
page4_img3.jpg 17KB
page1_img6.jpg 11KB
共 73 条
- 1
资源评论
仙女网页制作
- 粉丝: 4619
- 资源: 179
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- wifiphisher-master
- 构建简单的社交网站时,Redis 可以作为一个非常有用的工具来存储和管理各种数据 以下是一些在构建社交网站时可以使用 Redis
- 分布式锁和信号量都是在分布式系统中用于控制并发访问的重要工具,它们有不同的特点和应用场景: 1. **分布式锁**:
- Screenshot_2024-06-07-16-32-13-866_com.android.browser.jpg
- Redis 是一个流行的开源内存数据库,它支持多种数据结构,如字符串、哈希、列表、集合和有序集合等 以下是一些常见的 Redis
- 在计算机中,Maven 是一个广泛用于构建和管理 Java 项目的工具 它基于项目对象模型(Project Object Mod
- M2M开发套件程序 2024-6-7
- STM32F103C8T6-物联网工作空间-RT-Thread
- gold菜鸟运维资源-自动化ansible
- tensorflow-rocm-2.10.1.540-cp310-cp310-manylinux2014-x86-64.whl
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功