【免费】白色简洁美食博客模板下载是一款适合做个人博客展示HTML5模板下载.rar资源-CSDN文库

共34个文件

jpg：8个

png：7个

html：6个

html

需积分: 0 163 浏览量 2023-09-10 11:00:26 上传评论收藏 1.13MB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

白色简洁美食博客模板下载是一款适合做个人博客展示HTML5模板下载.rar （34个子文件）

style.css 36KB

co.png 2KB

bootstrap.js 66KB

jquery.wmuSlider.js 12KB

2.jpg 143KB

banner.png 43KB

Thumbs.db 22KB

glyphicons-halflings-regular.svg 106KB

glyphicons-halflings-regular.ttf 44KB

glyphicons-halflings-regular.woff 23KB

glyphicons-halflings-regular.eot 20KB

glyphicons-halflings-regular.woff2 18KB

6.jpg 65KB

short-codes.html 35KB

jquery.chocolat.js 10KB

1.jpg 158KB

img-sp.png 14KB

photos.html 11KB

left.png 3KB

5.jpg 45KB

bootstrap.css 138KB

mail.html 10KB

close.png 295B

8.jpg 34KB

index.html 10KB

chocolat.css 2KB

jquery-1.11.1.min.js 94KB

right.png 3KB

single.html 13KB

update.png 443B

3.jpg 247KB

7.jpg 123KB

blog.html 12KB

4.jpg 54KB

<!DOCTYPE html> <html> <head> <title>Short Codes</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="Great Taste 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 href="css/style.css" rel="stylesheet" type="text/css" media="all" />  <script src="js/jquery-1.11.1.min.js"></script>  <link href='#css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic' rel='stylesheet' type='text/css'> <link href='#css?family=Great+Vibes' rel='stylesheet' type='text/css'> <link href='#css?family=Comfortaa:400,300,700' rel='stylesheet' type='text/css'> </head> <body>  <div class="banner-body"> <div class="container"> <div class="banner-body-content"> <div class="col-xs-3 banner-body-left"> <div class="logo"> <h1><a href="index.html">Great <span>Taste</span></a></h1> </div> <div class="top-nav"> <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>  <div class="collapse navbar-collapse nav-wil" id="bs-example-navbar-collapse-1"> <nav class="stroke"> <ul class="nav navbar-nav"> <li><a href="index.html" class="hvr-underline-from-left"><i class="home1"></i>Home</a></li> <li><a href="photos.html" class="hvr-underline-from-left"><i class="picture1"></i>Photos</a></li> <li><a href="blog.html" class="hvr-underline-from-left"><i class="edit1"></i>Blog</a></li> <li class="active"><a href="short-codes.html"><i class="text-size"></i>Short Codes</a></li> <li><a href="mail.html" class="hvr-underline-from-left"><i class="envelope1"></i>Mail US</a></li> </ul> </nav> </div>  </nav> </div> </div> <div class="col-xs-9 banner-body-right"> <div class="wmuSlider example1"> <div class="wmuSliderWrapper"> <article style="position: absolute; width: 100%; opacity: 0;"> <div class="banner-wrap"> <div class="banner"> </div> </div> </article> <article style="position: absolute; width: 100%; opacity: 0;"> <div class="banner-wrap"> <div class="banner1"> </div> </div> </article> <article style="position: absolute; width: 100%; opacity: 0;"> <div class="banner-wrap"> <div class="banner2"> </div> </div> </article> </div> </div> <script src="js/jquery.wmuSlider.js"></script> <script> $('.example1').wmuSlider(); </script> <div class="banner-bottom"> <div class="col-md-4 banner-left"> <div class="col-xs-3 banner-left1"> <div class="banner-left11"> <span> </span> </div> </div> <div class="col-xs-9 banner-right1"> <h3>cupidatat proi</h3> </div> <div class="clearfix"> </div> <p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui.</p> </div> <div class="col-md-4 banner-left"> <div class="col-xs-3 banner-left1"> <div class="banner-left22"> <span> </span> </div> </div> <div class="col-xs-9 banner-right1"> <h3>sint occaecat</h3> </div> <div class="clearfix"> </div> <p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui.</p> </div> <div class="col-md-4 banner-left"> <div class="col-xs-3 banner-left1"> <div class="banner-left33"> <span> </span> </div> </div> <div class="col-xs-9 banner-right1"> <h3>cupida quisu</h3> </div> <div class="clearfix"> </div> <p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui.</p> </div> <div class="clearfix"></div> </div> </div> <div class="clearfix"> </div> <div class="col-xs-3 banner-body-left"> <div class="latest-news"> <h2>Latest News</h2> <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true"> <div class="panel panel-default"> <div class="panel-heading" role="tab" id="headingOne"> <h4 class="panel-title"> <a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne"> Michael Vol </a> </h4> </div> <div id="collapseOne" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne"> <div class="panel-body"> Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry. </div> </div> </div> <div class="panel panel-default"> <div class="panel-heading" role="tab" id="headingTwo"> <h4 class="panel-title"> <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo"> Andrew Rich </a> </h4> </div> <div id="collapseTwo" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo"> <div class="panel-body"> Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry. </div> </div> </div> <div class="panel panel-default"> <div class="panel-heading" role="tab" id="headingThree"> <h4 class="panel-title"> <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseThree" aria-expanded="false" aria-controls="collapseThree"> Rita Rock </a> </h4> </div> <div id="collapseThree" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree"> <div class="panel-body"> Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry. </div> </div> </div> </div> <div class="join"> <a href="single.html">Learn More</a> </div> <h3>Benefits</h3> <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium.</p> </div> </div> <div class="col-xs-9 banner-body-right">  <div class="typo"> <div class="grid_3 grid_4"> <h3 class="hdg">Headings</h3> <div class="bs-example"> <table class="table"> <tbody> <tr> <td><h1 id="h1.-bootstrap-heading">h1. Bootstrap heading<a class="anchorjs-link" href="#h1.-bootstrap-heading"><span class="anchorjs-icon"></span></a></h1></td> <td class="type-info">Semibold 36px</td> </tr> <tr> <td><h2 id="h2.-bootstrap-heading">h2. Bootstrap heading<a class

评论收藏

内容反馈