apeblog/public/template/default/single-blog.html

155 lines
8.7 KiB
HTML

<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="icon" href="/template/default/img/favicon.png" type="image/png">
<title>{$zzField['title']}_{:system_config("title")}</title>
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="/template/default/css/bootstrap.css">
<link rel="stylesheet" href="/template/default/vendors/linericon/style.css">
<link rel="stylesheet" href="/template/default/css/font-awesome.min.css">
<link rel="stylesheet" href="/template/default/vendors/owl-carousel/owl.carousel.min.css">
<link rel="stylesheet" href="/template/default/vendors/lightbox/simpleLightbox.css">
<link rel="stylesheet" href="/template/default/vendors/nice-select/css/nice-select.css">
<link rel="stylesheet" href="/template/default/vendors/animate-css/animate.css">
<!-- main css -->
<link rel="stylesheet" href="/template/default/css/style.css">
<link rel="stylesheet" href="/template/default/css/responsive.css">
</head>
<body>
<!--================Header Menu Area =================-->
{include file="template/default/head.html"}
<!--================Header Menu Area =================-->
<!--================ Start Single Blog Banner Area =================-->
<section class="banner_area">
<div class="banner_inner d-flex align-items-center">
<div class="overlay bg-parallax" data-stellar-ratio="0.9" data-stellar-vertical-offset="0" data-background=""></div>
<div class="container">
<div class="banner_content text-left">
<div class="page_link">
{$zzField['position']|raw}
</div>
<h2>{$zzField['title']}</h2>
</div>
</div>
</div>
</section>
<!--================ End Single Blog Banner Area =================-->
<!--================Blog Area =================-->
<section class="blog_area single-post-area section_gap">
<div class="container">
<div class="row">
<div class="col-lg-8 posts-list">
<div class="single-post row">
<div class="col-lg-12">
<div class="feature-img">
<img class="img-fluid" src="{$zzField['cover_path']}" alt="">
</div>
</div>
<div class="col-lg-3 col-md-3">
<div class="blog_info text-right">
<ul class="blog_meta list">
<li><a>{$zzField['writer']}<i class="lnr lnr-user"></i></a></li>
<li><a>{:MyDate('Y-m-d',$zzField['create_time'])}<i class="lnr lnr-calendar-full"></i></a></li>
<li><a>{$zzField['view']}<i class="lnr lnr-eye"></i></a></li>
</ul>
</div>
</div>
<div class="col-lg-9 col-md-9 blog_details">
<h2>{$zzField['title']}</h2>
{$zzField['content']|raw}
</div>
</div>
<!--<div class="comment-form">
<h4>Leave a Reply</h4>
<form>
<div class="form-group form-inline">
<div class="form-group col-lg-6 col-md-6 name">
<input type="text" class="form-control" id="name" placeholder="Enter Name" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Enter Name'">
</div>
<div class="form-group col-lg-6 col-md-6 email">
<input type="email" class="form-control" id="email" placeholder="Enter email address" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Enter email address'">
</div>
</div>
<div class="form-group">
<input type="text" class="form-control" id="subject" placeholder="Subject" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Subject'">
</div>
<div class="form-group">
<textarea class="form-control mb-10" rows="5" name="message" placeholder="Messege" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Messege'" required=""></textarea>
</div>
<a href="#" class="primary-btn primary_btn"><span>Post Comment</span></a>
</form>
</div>-->
</div>
<div class="col-lg-4">
<div class="blog_right_sidebar">
<aside class="single_sidebar_widget search_widget">
<div class="input-group">
<form action="{:url('Article/search')}" style="width: 100%;">
<input type="text" value="" name="kw" placeholder="输入关键字...回车键进行搜索" class="form-control" />
</form>
<!--<input type="text" class="form-control" placeholder="Search Posts">-->
</div><!-- /input-group -->
<div class="br"></div>
</aside>
<aside class="single_sidebar_widget popular_post_widget">
<h3 class="widget_title">热点新闻</h3>
{zz:arclist row="4" typeid="85" orderby="create_time desc"}
<div class="media post_item">
<img src="/template/default/img/blog/popular-post/post{$i}.jpg" alt="post">
<div class="media-body">
<a href="{$field['url']}"><h3>{:cn_substr($field['title'],15)}...</h3></a>
<p>{:MyDate('Y-m-d',$field['create_time'])}</p>
</div>
</div>
{/zz:arclist}
<div class="br"></div>
</aside>
</div>
</div>
</div>
</div>
</div>
</section>
<!--================Blog Area =================-->
<style type="text/css">
.footer_area {
padding-top: 80px !important;
}
</style>
<!--================Footer Area =================-->
{include file="template/default/footer.html"}
<!--================End Footer Area =================-->
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="/template/default/js/jquery-3.2.1.min.js"></script>
<script src="/template/default/js/popper.js"></script>
<script src="/template/default/js/bootstrap.min.js"></script>
<script src="/template/default/js/stellar.js"></script>
<script src="/template/default/vendors/lightbox/simpleLightbox.min.js"></script>
<script src="/template/default/vendors/nice-select/js/jquery.nice-select.min.js"></script>
<script src="/template/default/vendors/isotope/imagesloaded.pkgd.min.js"></script>
<script src="/template/default/vendors/isotope/isotope-min.js"></script>
<script src="/template/default/vendors/owl-carousel/owl.carousel.min.js"></script>
<script src="/template/default/js/jquery.ajaxchimp.min.js"></script>
<script src="/template/default/js/mail-script.js"></script>
<script src="/template/default/vendors/counter-up/jquery.waypoints.min.js"></script>
<script src="/template/default/vendors/counter-up/jquery.counterup.min.js"></script>
<script src="/template/default/js/theme.js"></script>
</body>
</html>