<!doctype html>
<!--[if IE 7 ]> <html lang="en-gb" class="isie ie7 oldie no-js"> <![endif]-->
<!--[if IE 8 ]> <html lang="en-gb" class="isie ie8 oldie no-js"> <![endif]-->
<!--[if IE 9 ]> <html lang="en-gb" class="isie ie9 no-js"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!-->
<html lang="en-gb" class="no-js">
<!--<![endif]-->
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<!--[if lt IE 9]>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<![endif]-->
<title>TreeHut - Free Bootstrap Template Restaurant website | WebThemez</title>
<meta name="description" content="">
<meta name="author" content="WebThemez">
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!--[if lte IE 8]>
<script type="text/javascript" src="http://explorercanvas.googlecode.com/svn/trunk/excanvas.js"></script>
<![endif]-->
<link rel="stylesheet" href="css/bootstrap.min.css" />
<link rel="stylesheet" type="text/css" href="css/isotope.css" media="screen" />
<link rel="stylesheet" href="js/fancybox/jquery.fancybox.css" type="text/css" media="screen" />
<link href="css/animate.css" rel="stylesheet" media="screen">
<link href="flexslider/flexslider.css" rel="stylesheet" />
<link href="js/owl-carousel/owl.carousel.css" rel="stylesheet">
<link rel="stylesheet" href="css/styles.css" />
<!-- Font Awesome -->
<link href="font/css/font-awesome.min.css" rel="stylesheet">
</head>
<body>
<header class="header">
<div class="container">
<nav class="navbar navbar-inverse" role="navigation">
<div class="navbar-header">
<button type="button" id="nav-toggle" class="navbar-toggle" data-toggle="collapse" data-target="#main-nav"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
<a href="#" class="navbar-brand scroll-top logo animated bounceInLeft"><b><i>Treehut</i></b></a> </div>
<!--/.navbar-header-->
<div id="main-nav" class="collapse navbar-collapse">
<ul class="nav navbar-nav" id="mainNav">
<li class="active" id="firstLink"><a href="#home" class="scroll-link">Home</a></li>
<li><a href="#services" class="scroll-link">Menu</a></li>
<li><a href="#aboutUs" class="scroll-link">About Us</a></li>
<li><a href="#work" class="scroll-link">Dishes</a></li>
<li><a href="#team" class="scroll-link">Chef</a></li>
<li><a href="#contactUs" class="scroll-link">Contact Us</a></li>
</ul>
</div>
<!--/.navbar-collapse-->
</nav>
<!--/.navbar-->
</div>
<!--/.container-->
</header>
<!--/.header-->
<div id="#top"></div>
<section id="home">
<div class="banner-container">
<!-- Slider -->
<div id="main-slider" class="flexslider">
<ul class="slides">
<li>
<img src="images/slides/1.jpg" alt="" />
<div class="flex-caption">
<h3>Awarded Restaurant</h3>
</div>
</li>
<li>
<img src="images/slides/2.jpg" alt="" />
<div class="flex-caption">
<h3>Variety of foods</h3>
</div>
</li>
<li>
<img src="images/slides/3.jpg" alt="" />
<div class="flex-caption">
<h3>Amazing ambiance</h3>
</div>
</li>
</ul>
</div>
<!-- end slider -->
</div>
<div class="container hero-text2">
<h3>Lorem ipsum dolor sit amet, ea eum labitur scsstie percipitoleat<br/> fabulas complectitur deterruisset at pro</h3>
</div>
</section>
<section id="services" class="page-section colord">
<div class="container">
<div class="row">
<!-- item -->
<div class="col-md-3 text-center"> <i class="circle"><img src="images/1.png" alt="" /></i>
<h3>Breakfast</h3>
<p>Nullam ac rhoncus sapien, non gravida purus. Alinon elit imperdiet congue. Integer elit imperdiet congue.</p>
</div>
<!-- end: -->
<!-- item -->
<div class="col-md-3 text-center"><i class="circle"> <img src="images/2.png" alt="" /></i>
<h3>Lunch</h3>
<p>Nullam ac rhoncus sapien, non gravida purus. Alinon elit imperdiet congue. Integer elit imperdiet congue.</p>
</div>
<!-- end: -->
<!-- item -->
<div class="col-md-3 text-center"><i class="circle"> <img src="images/3.png" alt="" /></i>
<h3>Buffet</h3>
<p>Nullam ac rhoncus sapien, non gravida purus. Alinon elit imperdiet congue. Integer ultricies sed elit impe.</p>
</div>
<!-- end: -->
<!-- item -->
<div class="col-md-3 text-center"><i class="circle"> <img src="images/4.png" alt="" /></i>
<h3>Party</h3>
<p>Nullam ac rhoncus sapien, non gravida purus. Alinon elit imperdiet congue. Integer elit imperdiet conempus.</p>
</div>
<!-- end:-->
</div>
</div>
<!--/.container-->
</section>
<section id="aboutUs">
<div class="container">
<div class="heading text-center">
<!-- Heading -->
<h2>Who we are?</h2>
<p>At lorem Ipsum available, but the majority have suffered alteration in some form by injected humour.</p>
</div>
<div class="row feature design">
<div class="area1 columns right">
<h3>labitur scsstie percipitoleat fabulas.</h3>
<p>Lorem ipsum dolor sit amet, ea eum labitur scsstie percipitoleat fabulas complectitur deterruisset at pro. Odio quaeque reformidans est eu, expetendis intellegebat has ut, viderer invenire ut his. Has molestie percipit an. Falli volumus efficiantur sed id, ad vel noster propriae. Ius ut etiam vivendo, graeci iudicabit constituto at mea. No soleat fabulas prodesset vel, ut quo solum dicunt.
Nec et jority have suffered alteration. </p>
<p>Odio quaeque reformidans est eu, expetendis intellegebat has ut, viderer invenire ut his. Has molestie percipit an. Falli volumus efficiantur sed id, ad vel noster propriae. Ius ut etiam vivendo, graeci iudicabit constituto at mea. No soleat fabulas prodesset vel, ut quo solum dicunt.
Nec et amet vidisse mentitumsstie percipitoleat fabulas. </p>
</div>
<div class="area2 columns feature-media left"> <img src="images/feature-img-1.png" alt="" width="100%"> </div>
</div>
<div class="row dataTxt">
<div class="col-md-8 col-sm-6">
<h4>Our Services</h4>
<p>Lorem ipsum dolor consectetursit amet, consectetur adipiscing elit consectetur euismod </p>
<p>Lorem ipsum dolor sit amet, ea eum labitur scsstie percipitoleat fabulas complectitur deterruisset at pro. Odio quaeque reformidans est eu, expetendis Odio quaeque reformidans est eu, expetendis intellegebat has ut, viderer invenire ut his. Has molestie percipit an. Falli volumus efficiantur sed id, ad vel noster propriae. Ius ut etiam vivendo, graeci iudicabit constituto at mea.</p>
<p>Lorem ipsum dolor sit amet, ea eum labitur scsstie percipitoleat fabulas complectitur deterruisset at pro. Odio quaeque reformidans est eu, expetendis intellegebat has ut, viderer invenire ut his. Has molestie percipit an. Falli volumus efficiantur sed id, ad vel noster propriae. Ius ut etiam vivendo, graeci iudicabit constituto at mea.</p>
<br>
</div>
<div class="col-md-4 col-sm-6">
<h4>Our Menu</h4>
<p>Lorem ipsum dolor consectetursit amet, consectetur adipiscing elit consectetur euismod </p>
<ul class="listArrow">
<li>Lorem ipsum dolor consectetursit amet,
没有合适的资源?快使用搜索试试~ 我知道了~
树屋餐厅响应式网页模板-适配移动端-HTML源码.zip
共120个文件
png:30个
js:18个
jpg:16个
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 70 浏览量
2024-03-27
09:01:04
上传
评论
收藏 2.28MB ZIP 举报
温馨提示
这份HTML网站源码具备出色的移动端适配能力,能够确保你的网站在各种尺寸的移动设备上都能完美呈现。无论是iOS还是Android系统,无论是竖屏还是横屏,这份源码都能自动调整布局,提供流畅、清晰的用户体验。 这份资源的专业性不仅体现在其高效的响应式设计上,还体现在其丰富的功能和易用性上。它支持多种流行的前端框架和库,如Bootstrap、jQuery等,使得开发过程更加高效、灵活。此外,它还提供了丰富的页面模板和组件,可以满足各种不同的业务需求。 使用这份HTML网站源码资源,你将获得一个专业、美观且易于维护的网站。不仅如此,它的高性能和优秀的搜索引擎优化(SEO)特性也将帮助你的网站在激烈的市场竞争中脱颖而出。总之,这份资源是打造成功网站的不二之选。
资源推荐
资源详情
资源评论
收起资源包目录
树屋餐厅响应式网页模板-适配移动端-HTML源码.zip (120个子文件)
bootstrap.min.css 95KB
animate.css 38KB
styles.css 26KB
font-awesome.css 21KB
font-awesome.min.css 17KB
jquery.fancybox.css 6KB
owl.transitions.css 4KB
isotope.css 4KB
flexslider.css 4KB
owl.theme.css 2KB
owl.carousel.css 1KB
fontawesome-webfont.eot 37KB
glyphicons-halflings-regular.eot 20KB
glyphicons-halflings-regular.eot 20KB
fancybox_loading_402x.gif 14KB
fancybox_loading.gif 4KB
AjaxLoader.gif 1KB
blank.gif 43B
index.html 26KB
7.jpg 175KB
8.jpg 160KB
1.jpg 150KB
3.jpg 141KB
3.jpg 136KB
6.jpg 134KB
1.jpg 132KB
4.jpg 131KB
5.jpg 129KB
2.jpg 95KB
banner-bg.jpg 82KB
2.jpg 76KB
photo-4.jpg 46KB
photo-3.jpg 38KB
photo-2.jpg 36KB
photo-1.jpg 32KB
jquery-1.8.2.min.js 91KB
gmaps.js 52KB
owl.carousel.js 52KB
modernizr-latest.js 50KB
jqBootstrapValidation.js 35KB
bootstrap.min.js 27KB
jquery.flexslider.js 26KB
owl.carousel.min.js 23KB
jquery.fancybox.pack.js 23KB
jquery.isotope.min.js 16KB
jquery.isotope.js 16KB
custom.js 9KB
jquery.nav.js 7KB
maps.js 4KB
waypoints.js 4KB
contact_me.js 3KB
jquery.fittext.js 1KB
setting.js 71B
icons.less 26KB
variables.less 10KB
spinning.less 765B
mixins.less 699B
path.less 684B
stacked.less 476B
font-awesome.less 405B
list.less 375B
larger.less 370B
rotated-flipped.less 367B
bordered-pulled.less 330B
core.less 270B
fixed-width.less 119B
FontAwesome.otf 61KB
feature-img-1.png 80KB
client-8.png 25KB
client-7.png 24KB
client-3.png 23KB
client-5.png 23KB
client-1.png 22KB
client-6.png 22KB
client-2.png 21KB
4.png 21KB
client-9.png 20KB
client-4.png 20KB
3.png 19KB
1.png 17KB
2.png 16KB
zoom.png 15KB
13.png 14KB
11.png 14KB
12.png 13KB
fancybox_sprite_402x.png 6KB
tag-1.png 2KB
message.png 1KB
arrows.png 1KB
fancybox_sprite.png 1KB
nivo-bullets.png 1KB
tag.png 1KB
fancybox_overlay.png 1003B
links-arrow.png 959B
bg_direction_nav.png 657B
laptop.png 636B
grabbing.png 116B
_icons.scss 26KB
_variables.scss 10KB
_spinning.scss 766B
共 120 条
- 1
- 2
资源评论
DTcode7
- 粉丝: 3432
- 资源: 4068
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功