TOC] (Table of Contents)
1. Detailed introduction
The website template developed by the PbootCMS kernel is suitable for brand planning websites, planning and planning websites and other enterprises. Of course, other industries can also do it. You only need to replace the text and pictures with those of other industries; adaptive mobile terminal, the same background
, Instant data synchronization, easy to apply! Comes with test data!
Friendly seo, all pages can fully customize the title/keyword/description, PHP program, safe, stable and fast; get a steady stream of orders at low cost!
Background: domain name/admin.php
Account: admin
Password: admin
template features
1: Manually write DIV+CSS, code simplification without redundancy.
2: Adaptive structure, global advanced technology, high-end visual experience.
3: SEO framework layout, title/keyword/description can be set independently for columns and article pages.
4: Comes with test data, installation tutorial, introductory tutorial, security and backup tutorial.
5: It is more convenient to modify the contact information, fax, email, address, etc. directly in the background.
2. Effect display
1. Part of the code
The code is as follows (example):
<div id="page-body-wrap">
{
include file=head.html}
<div id="main" role="main">
<div class="mod modDefaultSlider" id="index-slider">
<div class="sequence" data-autostop="on" data-timeout="0"> <a class="sequence-prev" href="javascript:void(0);"><span></span></a> <a class="sequence-next" href="javascript:void(0);"><span></span></a>
<ul class="sequence-pagination">
</ul>
<ul class="sequence-canvas">
{
pboot:slide gid=1 num=10}
<li class="frame static">
<a href="[slide:link]" target="_blank"><div class="bg" style="background-image: url([slide:src]);"></div></a>
</li>
{
/pboot:slide}
</ul>
</div>
</div>
<section class="section-padding" id="index-widget-1">
<div class="container">
<div class="row">
{
pboot:sort scode=36}
<div class="medium-3 large-3 columns iw4-item">
<div class="fadein mod modIconText" data-delay="600">
<div class="icon-text-circle"> <i class="fa fa-leaf"></i>
<h3><a>[sort:name]</a></h3>
<p>[sort:description]</p>
</div>
</div>
</div>
{
/pboot:sort}
{
pboot:sort scode=37}
<div class="medium-3 large-3 columns iw4-item">
<div class="fadein mod modIconText" data-delay="600">
<div class="icon-text-circle"> <i class="fa fa-th"></i>
<h3><a>[sort:name]</a></h3>
<p>[sort:description]</p>
</div>
</div>
</div>
{
/pboot:sort}
{
pboot:sort scode=38}
<div class="medium-3 large-3 columns iw4-item">
<div class="fadein mod modIconText" data-delay="600">
<div class="icon-text-circle"> <i class="fa fa-paper-plane-o"></i>
<h3><a>[sort:name]</a></h3>
<p>[sort:description]</p>
</div>
</div>
</div>
{
/pboot:sort}
{
pboot:sort scode=39}
<div class="medium-3 large-3 columns iw4-item">
<div class="fadein mod modIconText" data-delay="600">
<div class="icon-text-circle"> <i class="fa fa-star"></i>
<h3><a>[sort:name]</a></h3>
<p>[sort:description]</p>
</div>
</div>
</div>
{
/pboot:sort}
</div>
</div>
</section>
2. Rendering display
