<!DOCTYPE HTML>
<html>
<head>
<title>Home</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Yemekhane Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, Sony Ericsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
<link href="css/style.css" rel='stylesheet' type='text/css' />
<script src="js/jquery-1.11.1.min.js"></script>
<!----requred-js-files---->
<!----//requred-js-files---->
<link href='#css?family=Raleway:100,200,300,400,500,600,700,800,900' rel='stylesheet' type='text/css'>
<!----Calender -------->
<link rel="stylesheet" href="css/clndr.css" type="text/css" />
<script src="js/underscore-min.js"></script>
<script src= "js/moment-2.2.1.js"></script>
<script src="js/clndr.js"></script>
<script src="js/site.js"></script>
<!----End Calender -------->
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
</head>
<body>
<div class="header" id="home">
<div class="container">
<div class="logo">
<img src="images/logo.png" alt=""/>
</div>
</div>
</div>
<div class="header-home">
<div class="container">
<div class="fixed-header">
<div class="h_menu4"><!-- start h_menu4 -->
<a class="toggleMenu" href="#">Menu</a>
<ul class="nav">
<li class="active"><a href="#home" class="scroll">Home</a></li>
<li><a href="#announce" class="scroll">Announcements</a></li>
<li><a href="#menu" class="scroll">Menus</a></li>
<li><a href="#gallery" class="scroll">Gallery</a></li>
<li><a href="#about" class="scroll">About</a></li>
<li><a href="#contact" class="scroll">Contact</a></li>
</ul>
<script type="text/javascript" src="js/nav.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($) {
$(".scroll").click(function(event){
event.preventDefault();
$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
});
});
</script>
<!--script-->
<script>
$(document).ready(function(){
$(".nav li a").click(function(){
$(this).parent().addClass("active");
$(this).parent().siblings().removeClass("active");
});
});
</script>
<!-- script-for sticky-nav -->
<script>
$(document).ready(function() {
var navoffeset=$(".header-home").offset().top;
$(window).scroll(function(){
var scrollpos=$(window).scrollTop();
if(scrollpos >=navoffeset){
$(".header-home").addClass("fixed");
}else{
$(".header-home").removeClass("fixed");
}
});
});
</script>
<!-- /script-for sticky-nav -->
</div><!-- end h_menu4 -->
</div>
</div>
</div>
<div class="main">
<div class="container">
<div class="announce" id="announce">
<h1 class="tz-title-4 tzcolor-blue">
<span class="tzweight_Bold">Announcements</span>
</h1>
<div class="section_group">
<div class="col_1_of_5 span_1_of_5">
<div class="col_1"><img src="images/pic1.jpg" class="img-responsive" alt=""/></div>
<div class="desc">
<h3><a href="#">Baked Chicken
B on the menu !</a></h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore mag...</p>
</div>
</div>
<div class="col_1_of_5 span_1_of_5 last">
<div class="col_1"><img src="images/pic2.jpg" class="img-responsive" alt=""/></div>
<div class="desc">
<h3><a href="#">Pay attention to the
dinner table layout.</a></h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore mag...</p>
</div>
</div>
<div class="col_1_of_5 span_1_of_5">
<div class="col_1"><img src="images/pic3.jpg" class="img-responsive" alt=""/></div>
<div class="desc">
<h3><a href="#">Ispanaklı Piliç
Comming Soon.</a></h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore mag...</p>
</div>
</div>
<div class="col_1_of_5 span_1_of_5">
<div class="col_1"><img src="images/pic4.jpg" class="img-responsive" alt=""/></div>
<div class="desc">
<h3><a href="#">Dinner table concept art.</a></h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore mag...</p>
</div>
</div>
<div class="col_1_of_5 span_1_of_5">
<div class="col_1"><img src="images/pic5.jpg" class="img-responsive" alt=""/></div>
<div class="desc">
<h3><a href="#">“Tiramisu”
on the menu.
</a></h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore mag...</p>
</div>
</div>
<div class="clearfix"> </div>
</div>
</div>
<div class="menu" id="menu">
<h2 class="tz-title-2">
<span class="tzweight_Bold">Menus</span>
</h2>
<div class="grid_1">
<div class="box_1">
<div class="col-md-3 menu_left">
<div class="menu_vertical">
<section class="accordation_menu">
<div>
<input id="label-1" name="lida" type="radio" checked/>
<label for="label-1" id="item1"><i class="ferme"> </i>Breakfast<i class="icon-plus-sign i-right1"></i><i class="icon-minus-sign i-right2"></i></label>
<div class="content" id="a1">
<div class="scrollbar" id="style-2">
<div class="force-overflow">
<ul class="news_list">
<li class="date">
<img src="images/s1.jpg" class="img-responsive" alt=""/>
</li>
<li class="date_desc">
<h5>1. Menu</h5>
<p>Bacon and eggs , pancakes , Olive Oil ..</p>
</li>
<div class="clearfix"> </div>
</ul>
<ul class="news_list">
<li class="date">
<img src="images/s2.jpg" class="img-responsive" alt=""/>
</li>
<li class="date_desc">
<h5>2. Menu</h5>
<p>Bacon and eggs , pancakes , Olive Oil ..</p>
</li>
<div class="clearfix"> </div>
</ul>
<ul class="news_list">
<li class="date">
<img src="images/s3.jpg" class="img-responsive" alt=""/>
</li>
<li class="date_desc">
<h5>3. Menu</h5>
<p>Bacon and eggs , pancakes , Olive Oil ..</p>
</li>
<div class="clearfix"> </div>
</ul>
<ul class="news_list">
<li class="date">
<img src="images/s4.jpg" class="img-responsive" alt=""/>
</li>
<li class="date_desc">
<h5>4. Menu</h5>
<p>Bacon and eggs , pancakes , Olive Oil ..</p>
</li>
<div class="clearfix"> </div>
</ul>
</div>
</div>
</div>
红色美食餐饮网站模板是一款大气喜庆的美食网站html5模板下载。.rar
版权申诉
2 浏览量
2021-11-06
12:58:27
上传
评论
收藏 860KB RAR 举报
红色美食餐饮网站模板是一款大气喜庆的美食网站html5模板下载。.rar （36个子文件） 
红色美食餐饮网站模板是一款大气喜庆的美食网站html5模板下载。 moban921 js 
clndr.js 30KB underscore-min.js 14KB moment-2.2.1.js 93KB nav.js 1KB easing.js 5KB move-top.js 1KB jquery-1.11.1.min.js 94KB site.js 3KB css style.css 19KB bootstrap.css 118KB clndr.css 3KB
index.html 24KB images 
pic5.jpg 10KB g3.jpg 16KB pic6.jpg 26KB g2.jpg 17KB s1.jpg 5KB s2.jpg 5KB pic8.jpg 34KB banner.jpg 67KB pic9.jpg 39KB
logo.png 37KB pic4.jpg 14KB social.png 4KB pic2.jpg 16KB pic3.jpg 10KB arrows.png 3KB pic1.jpg 13KB bg.jpg 315KB g5.jpg 86KB top_arrow.png 1KB g4.jpg 15KB s3.jpg 4KB pic7.jpg 26KB s4.jpg 4KB g1.jpg 13KB资源评论
