{include file=comm/head.html}

<!-- banner -->
<div class="flash">
  <ul class="bxslider">
    {pboot:slide gid=1 num=10}
    <li><a href="[slide:link]" title="[slide:title]"><img src="[slide:src]" alt="[slide:title]" /></a></li>
    {/pboot:slide}
  </ul>
</div>
<script type="text/javascript">
          $('.bxslider').bxSlider({
            adaptiveHeight: true,
            infiniteLoop: true,
            hideControlOnEnd: true,
            auto:true
          });
</script>

<div class="container">
  {pboot:nav parent=5 num=7}
  <div class="row">
    <div class="product_head" data-move-y="-40px">
      <h2>[nav:name]</h2>
      <p>{sort:def1}</p>
    </div>
    <div class="col-xs-12 col-sm-12 col-md-12">
      <div class="product_list">
        {pboot:list num=8 scode=[nav:scode]}
        <div class="col-sm-4 col-md-3 col-mm-6 product_img" data-move-y="50px"> <a href="[list:link]" title="[list:title]"> <img src="[list:ico]" class="img-thumbnail" alt="[list:title]"> </a>
          <p class="product_title"><a href="[list:link]">[list:title]</a></p>
        </div>
        {/pboot:list}
      </div>
	  <div style="clear:both;"></div>
	  <p align="center"><a href="[nav:link]" class="p_btn">More</a></p>
    </div>
  </div>
  {/pboot:nav}
  
</div>

<div class="about_bg" style="background-image: url({pboot:sitetplpath}/images/abg.jpg); background-size: cover;background-attachment: fixed;">
  <div class="container">
    <div class="row">
      <div class="col-xs-12 col-sm-12 col-md-12">
        <div class="about_left">
          <div class="about_content">{pboot:content scode=1}[content:content]{/pboot:content}</div>
        </div>
        <div class="about_right">
          <h3>ABOUT US</h3>
          <p>We are the manufactory:Marsha Dance Shoes Factory</p>
          {pboot:sort scode=1}<a href="[sort:link]" class="about_btn">READ MORE</a>{/pboot:sort}</div>
      </div>
    </div>
  </div>
</div>

<div class="container">
  <div class="row">
    <div class="col-xs-12 col-sm-12 col-md-12">
      <div class="news_head" data-move-y="-40px">
        <h2>LATEST NEWS</h2>
        <p>{sort:def1}</p>
      </div>
      <div class="col-xs-12 col-sm-12 col-md-12">
        <div class="news_list">
          {pboot:list scode=2 num=3 order=date}
          <div class="col-sm-4 col-md-4 news_img" data-move-y="50px"> <a href="[list:link]" title="[list:title]"> <img src="[list:ico]" class="opacity_img" alt="[list:title]"> </a>
            <p class="news_title"> <a href="[list:link]">[list:title]</a> </p>
            <p class="news_desc">[list:content drophtml=1 dropblank=1 lencn=46]</p>
          </div>
          {/pboot:list}
        </div>
      </div>
    </div>
  </div>
</div>
  
{include file=comm/foot.html}