加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
文件
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
blog.html 18.31 KB
一键复制 编辑 原始数据 按行查看 历史
陆鹿 提交于 2021-06-09 15:37 . 123
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<!-- 外联CSS bookstrap的css文件、图标库、自定义的两个CSS[index.css/style.css] -->
<link rel="stylesheet" type="text/css" href="bootstrap-4.5.0/dist/css/bootstrap.min.css" />
<link rel="stylesheet" type="text/css" href="font-awesome-4.7.0/font-awesome-4.7.0/css/font-awesome.css" />
<link rel="stylesheet" type="text/css" href="css/blog.css" />
<link rel="stylesheet" type="text/css" href="css/blog%20dd.css" />
<!--加载JS文件-->
<script src="js/jquery-3.3.1.min.js" type="text/javascript" charset="UTF-8"></script>
<script src="bootstrap-4.5.0/dist/js/bootstrap.bundle.min.js" type="text/javascript" charset="UTF-8"></script>
<script src="bootstrap-4.5.0/dist/js/bootstrap.js" type="text/javascript" charset="UTF-8"></script>
<script src="js/popper.js" type="text/javascript"></script>
<script src="js/gotop.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<!-- 返回顶部按钮 -->
<div style="display:none;" class="back-to" id="toolBackTop">
<a title="返回顶部" onclick="window.scrollTo(0,0);return false;" href="#top" class="back-top"></a>
</div>
<!-- 头部区域 -->
<!--头部-->
<div class="bg">
<div class="container">
<ul class="d-flex flex-wrap justify-content-center flex-column flex-lg-row align-items-center">
<li class="mo py-3">
<a href="#" class="text-muted"><span class="fa fa-phone "></span>Book Table?Call Us Now:<span class="m-0 text-white">1800
456 7890</span></a>
</li>
<li class="mo py-3 ml-lg-auto">
<a href="#" class="text-muted mx-2">Our Story</a>
</li>
<li class="mo py-3 d-lg-block d-none">
<span class="mx-2">|</span>
</li>
<li class="mo py-3">
<a href="#" class="text-muted">News & Articles</a>
</li>
<li class="mo py-3 d-lg-block d-none">
<span class="mx-2">|</span>
</li>
<li class="mo py-3">
<a href="#" class="text-muted">Franchies Opportunity</a>
</li>
<li class="mo py-3">
<a href="javascript:void(0)" class="text-muted mx-2 nav-link dropdown-toggle px-3 nava" data-toggle=dropdown>EN</a>
</li>
</ul>
</div>
</div>
<!-- 导航栏 -->
<div class="container-fluid position-sticky sticky-top ttt">
<div class="container navs">
<div class="navbar navbar-expand-lg text-center py-3 navbar-light w-100 fa1">
<div>
<img src="img/f-logo.png" class="" />
</div>
<button class="navbar-toggler ml-auto my-2 fa1" data-toggle="collapse" data-target="#menu">
<!--折叠按钮的图片:bars-->
<i class="fa fa-bars"></i>
</button>
<div class="collapse navbar-collapse ds1" id="menu">
<ul class="navbar-nav ml-auto">
<li class="nav-item dropdown">
<a href="index.html" class="nav-link px-3 nava">Home</a>
</li>
<li class="nav-item dropdown">
<a href="about us.html" class="nav-link px-3 nava">About US</a>
</li>
<li class="nav-item dropdown">
<a href="Menu.html" class="nav-link px-3 nava">Menu</a>
</li>
<li class="nav-item dropdown">
<a href="Services.html" class="nav-link px-3 nava">Pags</a>
</li>
<li class="nav-item dropdown">
<a href="news.html" class="nav-link dropdown-toggle px-3 default" data-toggle=dropdown>Blog</a>
<div class="dropdown-menu">
<a href="blog.html" class="dropdown-item px-3 default">Blog</a>
<a href="blog-detail.html" class="dropdown-item px-3">Blog details</a>
</div>
</li>
<li class="nav-item dropdown">
<a href="shop.html" class="nav-link dropdown-toggle px-3 nava" data-toggle=dropdown>Shop</a>
<div class="dropdown-menu">
<a href="shop.html" class="dropdown-item px-3">shop</a>
<a href="shop_details.html" class="dropdown-item px-3">shop_details</a>
</div>
</li>
<li class="nav-item dropdown">
<a href="contact US.html" class="nav-link px-3 nava">Contact US</a>
</li>
<li class="nav-item dropdown lidown">
<a href="index.html" class="nav-link px-3">RESERVATION</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<!-- 导航下图片英文 -->
<div class="jumbotron-fluid conyw">
<div class="jumbotron-fluid bg_img">
<div class="container">
<div class="row py-5">
<div class="col-md-6 col-12 py-5 my-5">
<h1>
Blog
</h1>
<ul class="nal list-unstyled">
<li class="active float-left"><a href="#">Home</a></li>
<li><a href="blog.html">Blog</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- 中部区域 -->
<div class=" mt-5 main_blog">
<div class="container">
<div class="row no-gutters ">
<div class="col-lg-9 col-md-12 col-12">
<div class="row no-gutters ">
<div class=" col-12 blog_inner">
<!--图片头部区域 -->
<div class="overflow-hidden img_blog pt-3">
<a href="single-blog.html" class="blog_img">
<img src="img/blog/main-blog/blog-1.jpg" class="w-100" /> </a>
</div>
<!-- 文字区域 -->
<div class="txt3 pb-5">
<div class="blog_time">
<div class="float-left">
<a href="#">08 Feb. 2018</a>
</div>
<div class="float-right">
<ul class="nas list-unstyled">
<li><a href="#">By : Admin</a></li>
<li><a href="#">bekery, sweet</a></li>
<li><a href="#">Comments: 8</a></li>
</ul>
</div>
</div>
<h4 class="pt-3">This mistaken idea of denouncing pleasure and praising pain</h4>
<p class="text-secondary">Nemo enim ipsam voluptatem quia voluptas sit aspernaturaut odit aut fugit, sed quia
consequuntur magni do-lores eosqui ratione voluptatem sequi nesciunt. Neque porro
quisquam est, qui dolorem ipsum quia dolor sit amet,
consectetur, adipisci velit, sed quia non numquam eius moditempora incidunt ut labore et dolore magnam
aliquam
quaerat voluptatem.</p>
<!-- 按钮-->
<div class="inner pt-3 ">
<a href="blog-detail.html" class="btn_one px-4 py-2">
Read more
</a>
</div>
</div>
<div class="overflow-hidden img_blog pt-5">
<a href="single-blog.html" class="blog_img"> <img src="img/blog/main-blog/blog-2.jpg" class="w-100" /></a>
</div>
<div class="txt3 pt-3 pb-5">
<div class="blog_time">
<div class="float-left">
<a href="#">08 Feb. 2018</a>
</div>
<div class="float-right">
<ul class="nas list-unstyled">
<li><a href="#">By : Admin</a></li>
<li><a href="#">bekery, sweet</a></li>
<li><a href="#">Comments: 8</a></li>
</ul>
</div>
</div>
<h4 class=" pt-3">This mistaken idea of denouncing pleasure and praising pain</h4>
<p class="text-secondary">Nemo enim ipsam voluptatem quia voluptas sit aspernaturaut odit aut fugit, sed quia
consequuntur magni do-lores eosqui ratione voluptatem sequi nesciunt. Neque porro
quisquam est, qui dolorem ipsum quia dolor sit amet,
consectetur, adipisci velit, sed quia non numquam eius moditempora incidunt ut labore et dolore magnam
aliquam
quaerat voluptatem.</p>
<!-- 按钮-->
<div class="inner pt-3 ">
<a href="blog-detail.html" class="btn_one px-4 py-2">
Read more
</a>
</div>
</div>
<div class="overflow-hidden img_blog pt-5">
<a href="single-blog.html" class="blog_img"> <img src="img/blog/main-blog/blog-3.jpg" class="w-100" /></a>
</div>
<!-- 文字区域 -->
<div class="txt3 pt-3 pb-5">
<div class="blog_time">
<div class="float-left">
<a href="#">08 Feb. 2018</a>
</div>
<div class="float-right">
<ul class="nas list-unstyled">
<li><a href="#">By : Admin</a></li>
<li><a href="#">bekery, sweet</a></li>
<li><a href="#">Comments: 8</a></li>
</ul>
</div>
</div>
<h4 class=" pt-3">This mistaken idea of denouncing pleasure and praising pain</h4>
<p class="text-secondary">Nemo enim ipsam voluptatem quia voluptas sit aspernaturaut odit aut fugit, sed quia
consequuntur magni do-lores eosqui ratione voluptatem sequi nesciunt. Neque porro
quisquam est, qui dolorem ipsum quia dolor sit amet,
consectetur, adipisci velit, sed quia non numquam eius moditempora incidunt ut labore et dolore magnam
aliquam
quaerat voluptatem.</p>
<!-- 按钮-->
<div class="inner pt-3 ">
<a href="blog-detail.html" class="btn_one px-4 py-2">
Read more
</a>
</div>
</div>
<div class="overflow-hidden img_blog pt-5">
<a href="single-blog.html" class="blog_img"> <img src="img/blog/main-blog/blog-4.jpg" class="w-100" /></a>
</div>
<!-- 文字区域 -->
<div class="txt3 pt-3 pb-5">
<div class="blog_time">
<div class="float-left">
<a href="#">08 Feb. 2018</a>
</div>
<div class="float-right">
<ul class="nas list-unstyled">
<li><a href="#">By : Admin</a></li>
<li><a href="#">bekery, sweet</a></li>
<li><a href="#">Comments: 8</a></li>
</ul>
</div>
</div>
<h4 class=" pt-3">This mistaken idea of denouncing pleasure and praising pain</h4>
<p class="text-secondary">Nemo enim ipsam voluptatem quia voluptas sit aspernaturaut odit aut fugit, sed quia
consequuntur magni do-lores eosqui ratione voluptatem sequi nesciunt. Neque porro
quisquam est, qui dolorem ipsum quia dolor sit amet,
consectetur, adipisci velit, sed quia non numquam eius moditempora incidunt ut labore et dolore magnam
aliquam
quaerat voluptatem.</p>
<div class="inner pt-3 ">
<a href="blog-detail.html" class="btn_one px-4 py-2">
Read more
</a>
</div>
</div>
<div class="overflow-hidden img_blog pt-5">
<a href="single-blog.html" class="blog_img"> <img src="img/blog/main-blog/blog-5.jpg" class="w-100" /></a>
</div>
<!-- 文字区域 -->
<div class="txt3 pt-3 pb-5">
<div class="blog_time">
<div class="float-left">
<a href="#">08 Feb. 2018</a>
</div>
<div class="float-right">
<ul class="nas list-unstyled">
<li><a href="#">By : Admin</a></li>
<li><a href="#">bekery, sweet</a></li>
<li><a href="#">Comments: 8</a></li>
</ul>
</div>
</div>
<h4 class=" pt-3">This mistaken idea of denouncing pleasure and praising pain</h4>
<p class="text-secondary">Nemo enim ipsam voluptatem quia voluptas sit aspernaturaut odit aut fugit, sed quia
consequuntur magni do-lores eosqui ratione voluptatem sequi nesciunt. Neque porro
quisquam est, qui dolorem ipsum quia dolor sit amet,
consectetur, adipisci velit, sed quia non numquam eius moditempora incidunt ut labore et dolore magnam
aliquam
quaerat voluptatem.</p>
<!-- 按钮-->
<div class="inner pt-3 ">
<a href="blog-detail.html" class="btn_one px-4 py-2">
Read more
</a>
</div>
</div>
<div class="banner pt-3 pb-5">
<!--指示器-->
<ol class=" list-unstyled btn">
<li class="active text-center float-left " id="one">1</li>
<li id="one" class="text-center float-left ">2</li>
<li id="one" class="text-center float-left ">3</li>
</ol>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-12 col-12 ">
<div class="h-right w-100 pt-3">
<form class="d-flex h-100">
<div class="h_h w-100">
<input type="search" placeholder="Enter Search Keywords" class="p-2 border-0 align-self-center " />
<button class="btn text-center py-1 px-3 float-right">
<i class="fa fa-search search_color"></i>
</button>
</div>
</form>
</div>
<!-- blog categories区域 -->
<div class="h_j w-100 pt-3">
<h3 class="mb-2 text-capitalize color_three ">categories __</h3>
<ul class="list-unstyled">
<li class="w-100"><a href="#">Food<span class="float-right fa fa-angle-right pt-3"></span></a></li>
<li class="w-100"><a href="#">Vegetarian Diet<span class="float-right fa fa-angle-right pt-3"></span></a></li>
<li class="w-100"><a href="#">Restaurant<span class="float-right fa fa-angle-right pt-3"></span></a></li>
<li class="w-100"><a href="#">Healthy Food <span class="float-right fa fa-angle-right pt-3"></span></a></li>
<li class="w-100"><a href="#">Kitchen<span class="float-right fa fa-angle-right pt-3"></span></a></li>
<li class="w-100"><a href="#">Desert & Sweets <span class="float-right fa fa-angle-right pt-3"></span></a></li>
</ul>
</div>
<!-- Recent Post区域 -->
<!-- 图片1 -->
<div class="h_i pt-5">
<h3 class="text-capitalize color_three">Recent News __</h3>
<div class="h_i_txt pt-3 pb-2">
<div class="pb-2">
<div class="h_i_img ">
<a href="#"><img alt="" src="img/blog/recent-post/r-post-1.jpg"></a>
</div>
<h4 class="w-100 mb-0 "><a href="">A very bad quack might jinx zippy fows...</a></h4>
<h3>08 Feb 2018</h3>
</div>
<hr>
</div>
<!-- 图片2 -->
<div class="h_i_txt w-100 float-left pb-2">
<div class="pb-2">
<div class="h_i_img">
<a href="#"><img alt="" src="img/blog/recent-post/r-post-2.jpg"></a>
</div>
<h4 class="w-100 mb-0 "><a href="">Big Steps to change management succes...</a></h4>
<h3>08 Feb 2018</h3>
</div>
<hr>
</div>
<!-- 图片3 -->
<div class="h_i_txt w-100 float-left pb-2">
<div class="pb-2">
<div class="h_i_img">
<a href="#"><img alt="" src="img/blog/recent-post/r-post-3.jpg"></a>
</div>
<h4 class="w-100 mb-0 "><a href="">A paradisematic country, where roasted parts...</a></h4>
<h3>08 Feb 2018</h3>
</div>
<hr>
</div>
<!-- 图片4 -->
<div class="h_i_txt w-100 float-left pb-3">
<div class="pb-2">
<div class="h_i_img">
<a href="#"><img alt="" src="img/blog/recent-post/r-post-4.jpg"></a>
</div>
<h4 class="w-100 mb-0 "><a href="">A wonderful serenity has taken possession...</a></h4>
<h3>08 Feb 2018</h3>
</div>
<hr>
</div>
</div>
<!-- product tags区域 -->
<div class="h-l w-100">
<h3 class="mb-4 text-capitalize color_three"> tags __</h3>
<ul class="list-unstyled">
<li><a href="#">Baking Tips</a></li>
<li><a href="#">Bakery</a></li>
<li><a href="#">Recipe</a></li>
<li><a href="#">Baking Tool</a></li>
<li><a href="#">Cakes</a></li>
<li><a href="#">Chocolates</a></li>
</ul>
</div>
</div>
</div>
<!-- 中部右边区域 -->
</div>
</div>
</div>
</div>
<!-- 尾部区域 -->
<!-- 尾部红色 -->
<div class="container-fluid wbh">
<div class="container">
<div class="row py-3">
<div class="col-md-5 col-12 py-3">
<p class="my-auto">
Join our Newsletter list to get all the latest offers,
discounts and other benefits
</p>
</div>
<div class="col-md-5 col-12 py-2 my-auto input1">
<input type="text" class="w-100 py-2 pl-2 mx-auto" placeholder="Enter your email address" />
</div>
<div class="col-md-2 col-12 py-2 my-auto text-center w-100 button1">
<button class="border-0 px-4 py-2">Subscribe Now</button>
</div>
</div>
</div>
</div>
<!-- 尾部背景图区域 -->
<div class="container-fluid wbimg">
<div class="container">
<div class="row py-5">
<div class="col-lg-3 col-md-6 col-12">
<img src="img/logo.png" />
<br />
<i>.</i>
<p class="mt-3">
At vero eos et accusamus et iusto odio dignissimos ducimus qui
bland itiis praesentium voluptatum deleniti atque corrupti.
</p>
<p>
<span class="fa fa-facebook text-center qq"></span>
<span class="fa fa-linkedin text-center qq"></span>
<span class="fa fa-twitter text-center qq"></span>
<span class="fa fa-google-plus text-center qq"></span>
</p>
</div>
<div class="col-lg-3 col-md-6 col-12">
<h3 class="text-white">
Quick links<br />
<span class="s1"></span>
</h3>
<p class="pt-2">
Your Account
</p>
<p>
View Order
</p>
<p>
Privacy Policy
</p>
<p>
Terms & Conditionis
</p>
</div>
<div class="col-lg-3 col-md-6 col-12">
<h3 class="text-white">
Work Times<br />
<span class="s1"></span>
</h3>
<p class="pt-2">
Mon.:Fri.: 8 am- 8 pm
</p>
<p>
Sat. : 9am - 4pm
</p>
<p>
Sun. : Closed
</p>
</div>
<div class="col-lg-3 col-md-6 col-12">
<h3 class="text-white">
Contact Info<br />
<span class="s1"></span>
</h3>
<p class="pt-2">
(1800) 574 9687
</p>
<p>
Bapoon Restro
</p>
<p>
256, baker Street,, New Youk, 5245Justrestro@contact.co.in
</p>
</div>
</div>
</div>
<div class="container ww py-3">
<div class="row">
<div class="col-md-6 col-12 px-0 left">
<span class="span1">
<i class="fa fa-copyright"></i> Copyright Bapoon Restro WordPress Theme.All right reserved.
</span>
</div>
<div class="col-md-4 col-0"></div>
<div class="col-md-2 col-12 px-0 right">
<span class="span2">
Purchase Now
</span>
</div>
</div>
</div>
</div>
</body>
</html>
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化