白色简洁风格的香辛美食餐馆整站网站源码下载.zip资源-CSDN文库

共47个文件

jpg：19个

js：10个

png：5个

版权申诉

HTML模版

106 浏览量 2024-12-26 19:37:54 上传评论收藏 1.61MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

白色简洁风格的香辛美食餐馆整站网站源码下载.zip （47个子文件）

html

bootstrap.js 66KB

jquery.tools.min.js 17KB

responsiveslides.min.js 3KB

jquery.mobile.custom.min.js 9KB

SmoothScroll.min.js 13KB

easing.js 5KB

move-top.js 1KB

jquery-1.11.1.min.js 94KB

jquery.cm-overlay.js 11KB

jarallax.js 14KB

css

style.css 22KB

cm-overlay.css 3KB

font-awesome.css 34KB

bootstrap.css 138KB

index.html 26KB

images

g3.jpg 35KB

g2.jpg 36KB

b1.jpg 55KB

2.jpg 51KB

b2.jpg 25KB

prev.png 1KB

arrow.png 4KB

1.jpg 216KB

t3.jpg 48KB

b3.jpg 74KB

dott.png 3KB

next.png 1KB

g7.jpg 28KB

g6.jpg 36KB

t1.jpg 46KB

5.jpg 34KB

b4.jpg 39KB

t4.jpg 74KB

g5.jpg 30KB

close.png 280B

t2.jpg 42KB

g4.jpg 28KB

g1.jpg 36KB

4.jpg 31KB

fonts

FontAwesome.otf 122KB

glyphicons-halflings-regular.woff 23KB

fontawesome-webfont.eot 75KB

glyphicons-halflings-regular.woff2 18KB

fontawesome-webfont.woff 88KB

fontawesome-webfont.woff2 70KB

fontawesome-webfont.svg 382KB

fontawesome-webfont.ttf 149KB

<!DOCTYPE html> <html lang="en"> <head> <title>Spicy Club a Hotels and Restaurants Category Bootstrap responsive Website Template | Home :: w3layouts</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta charset="utf-8"> <meta name="keywords" content="Spicy Club Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, 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" media="all" />   <link rel="stylesheet" href="css/style.css" type="text/css" media="all" />   <link type="text/css" rel="stylesheet" href="css/cm-overlay.css" />   <link href="css/font-awesome.css" rel="stylesheet">   <link href="//fonts.googleapis.com/css?family=Josefin+Sans:100,100i,300,300i,400,400i,600,600i,700,700i" rel="stylesheet"> <link href='http://222.178.203.72:19005/whst/63/=enmsrzfnnfkdZohrzbnl//css?family=Roboto+Condensed:400,700italic,700,400italic,300italic,300' rel='stylesheet' type='text/css'>  <script src="js/jquery-1.11.1.min.js"></script> <script src="js/bootstrap.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>  </head> <body> <div class="agileinfo-dot">  <div class="banner jarallax"> <div class="header"> <div class="container"> <nav class="navbar navbar-default">  <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <div class="agileinfo-social-grids"> <ul> <li><a href="#"><i class="fa fa-facebook"></i></a></li> <li><a href="#"><i class="fa fa-twitter"></i></a></li> <li><a href="#"><i class="fa fa-rss"></i></a></li> <li><a href="#"><i class="fa fa-vk"></i></a></li> </ul> </div> </div>  <div class="collapse navbar-collapse nav-wil" id="bs-example-navbar-collapse-1"> <nav> <ul class="nav navbar-nav"> <li class="active"><a href="index.html">Home</a></li> <li><a href="#about" class="scroll">About</a></li> <li><a href="#services" class="scroll">Services</a></li> <li><a href="#menu" class="scroll">Menu</a></li> <li><a href="#team" class="scroll">Team</a></li> <li><a href="#blog" class="scroll">Blog</a></li> <li><a href="#mail" class="scroll">Mail Us</a></li> </ul> </nav> </div>  </nav> </div> </div> <div class="w3layouts-banner-info"> <div class="container"> <div class="agileits-logo"> <h1><a href="index.html">Spicy Club</a></h1> <p>Donec vel viverra nibh. Ut laoreet ac nisl sit amet vehicula.</p> </div> </div> </div> </div>  </div>  <div class="about" id="about"> <div class="container"> <div class="w3l-heading"> <h2>About Us</h2> </div> <div class="w3-about-grids"> <div class="col-md-5 w3-about-left"> <h5>Lorem ipsum dolor sit amet</h5> <p>Ut fringilla euismod sagittis. Cras semper ante sapien, in ornare nisi euismod eu. Morbi dapibus est non leo vestibulum aliquet. Sed viverra nisi pharetra, scelerisque nisi eu, tempus nibh. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In pellentesque, lectus at auctor luctus, lacus nibh dignissim ante, sed maximus arcu odio vitae lectus. <span>Phasellus vestibulum velit sed nisi ultricies scelerisque. Vivamus ligula mauris, euismod in dictum id, tempus ac odio. Etiam tristique felis eros, tincidunt interdum elit gravida et. Donec porttitor vehicula tortor, malesuada aliquet nibh finibus ac. Maecenas consectetur nisi ipsum, blandit finibus quam tristique vitae.</span></p> <div class="w3l-button"> <a href="#" data-toggle="modal" data-target="#myModal">More</a> </div> </div> <div class="col-md-2 w3ls-about-img1"> </div> <div class="col-md-5 w3ls-about-img2"> </div> <div class="clearfix"> </div> </div> </div> </div>   <div class="modal about-modal fade" id="myModal" tabindex="-1" role="dialog"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> <h4 class="modal-title">Spicy Club</h4> </div> <div class="modal-body"> <div class="agileits-w3layouts-info"> <img src="images/2.jpg" alt="" /> <p>Duis venenatis, turpis eu bibendum porttitor, sapien quam ultricies tellus, ac rhoncus risus odio eget nunc. Pellentesque ac fermentum diam. Integer eu facilisis nunc, a iaculis felis. Pellentesque pellentesque tempor enim, in dapibus turpis porttitor quis. Suspendisse ultrices hendrerit massa. Nam id metus id tellus ultrices ullamcorper. Cras tempor massa luctus, varius lacus sit amet, blandit lorem. Duis auctor in tortor sed tristique. Proin sed finibus sem.</p> </div> </div> </div> </div> </div>   <div class="services" id="services"> <div class="container"> <div class="w3l-heading"> <h3>Our Services</h3> </div> <div class="services-grids"> <div class="col-md-3 wthree-services-grid"> <div class="wthree-services-icon"> <i class="fa fa-cutlery" aria-hidden="true"></i> </div> <div class="wthree-services-info"> <h5>Fusce feugiat</h5> <p>Donec sed nisi leo. Ut at sagittis nisi. Cras porttitor a purus ac rutrum. </p> </div> </div> <div class="col-md-3 wthree-services-grid"> <div class="wthree-services-icon"> <i class="fa fa-glass" aria-hidden="true"></i> </div> <div class="wthree-services-info"> <h5>Fusce feugiat</h5> <p>Donec sed nisi leo. Ut at sagittis nisi. Cras porttitor a purus ac rutrum. </p> </div> </div> <div class="col-md-3 wthree-services-grid"> <div class="wthree-services-icon"> <i class="fa fa-user" aria-hidden="true"></i> </div> <div class="wthree-services-info"> <h5>Fusce feugiat</h5> <p>Donec sed nisi leo. Ut at sagittis nisi. Cras porttitor a purus ac rutrum. </p> </div> </div> <div class="col-md-3 wthree-services-grid"> <div class="wthree-services-icon"> <i class="fa fa-asterisk" aria-hidden="true"></i> </div> <div class="wthree-services-info"> <h5>Fusce feugiat</h5> <p>Donec

评论收藏

内容反馈

版权申诉