apeblog/public/template/default/features.html

143 lines
5.6 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/css/magnific-popup.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">
<link rel="stylesheet" href="/template/default/vendors/flaticon/flaticon.css">
<!-- main css -->
<link rel="stylesheet" href="/template/default/css/style.css">
</head>
<body>
<!--================Header Menu Area =================-->
{include file="template/default/head.html"}
<!--================Header Menu Area =================-->
<!--================ Start Features 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 Features Banner Area =================-->
<!--================Start Big Features Area =================-->
<section class="section_gap big_features">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8 text-center">
<div class="main_title">
{zz:type typeid="84"}
<p class="top_title">{$field['title']}</p>
<h2>{$field['meta_title']}</h2>
<p>{$field['description']}</p>
{/zz:type}
</div>
</div>
</div>
{zz:arclist typeid="84" orderby="create_time asc" row="1"}
<div class="row features_content">
<div class="col-lg-4 offset-lg-1">
<div class="big_f_left">
<img class="img-fluid" src="{$field['cover_path']}" alt="{$field['title']}">
</div>
</div>
<div class="col-lg-4 offset-lg-2">
<div class="common_style">
<p class="line">{$field['keywords']}</p>
<h3>{$field['title']}</h3>
<p>{$field['description']}</p>
</div>
</div>
<div class="border-line"></div>
<img class="shape1"src="/template/default/img/shape1.png" alt="">
<img class="shape2"src="/template/default/img/shape2.png" alt="">
<img class="shape3"src="/template/default/img/shape1.png" alt="">
</div>
{/zz:arclist}
{zz:arclist typeid="84" orderby="create_time desc" row="1"}
<div class="row features_content bottom-features">
<div class="col-lg-5">
<div class="common_style">
<p class="line">{$field['keywords']}</p>
<h3>{$field['title']}</h3>
<p>{$field['description']}</p>
</div>
</div>
<div class="col-lg-5 offset-lg-2">
<div class="big_f_left">
<img class="img-fluid" src="{$field['cover_path']}" alt="{$field['title']}">
</div>
</div>
<div class="border-line"></div>
<img class="shape1"src="/template/default/img/shape1.png" alt="">
<img class="shape2"src="/template/default/img/shape2.png" alt="">
<img class="shape3"src="/template/default/img/shape1.png" alt="">
</div>
{/zz:arclist}
</div>
</section>
<!--================End Big Features Area =================-->
<!--================Impress Area =================-->
<section class="impress_area">
<div class="container">
<div class="impress_inner">
{zz:type typeid="113"}
<h2>{$field['meta_title']}</h2>
<p>{$field['description']}</p>
{/zz:type}
{zz:type typeid="107"}
<a class="primary_btn" href="{$field['url']}"><span>了解更多>></span></a>
{/zz:type}
</div>
</div>
</section>
<!--================End Impress Area =================-->
<!--================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/js/jquery.magnific-popup.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/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/mail-script.js"></script>
<!--gmaps Js-->
<script src="/template/default/js/gmaps.min.js"></script>
<script src="/template/default/js/theme.js"></script>
</body>
</html>