查看“首页”的源代码

__NOTOC__

<div class="column clearfix">
        <div class="col-md-12">
        <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
          <div class="carousel-inner">
            <div class="item active">
              <div class="">http://www.9tripod.com/uploadfiles/20161103_153359.jpg</div>
              <div class="carousel-caption">
                <h4>X3288核心板</h4>
                <p>瑞芯微RK3288 Cortex-A17四核，主频高达1.8G，内存标配2GB，EMMC标配16GB，专用电源管理芯片RC5T620，支持动态调频，库仑计等。</p>
              </div>
            </div>
            <div class="item">
              <div class="">http://www.9tripod.com/uploadfiles/20161104_140218.jpg</div>
              <div class="carousel-caption">
                <h4>IBOX6818卡片电脑</h4>
                <p>三星S5P6818 Cortex-A53 64位八核，主频1.4G，内存1GB或2GB，EMMC 8GB，工作温度范围-40度 ～ 85度。</p>
              </div>
            </div>
            <div class="item">
              <div class="">http://www.9tripod.com/uploadfiles/20161115_110853.jpg</div>
              <div class="carousel-caption">
                <h4>X6818开发板</h4>
                <p>三星S5P6818 Cortex-A53 64位八核，主频1.4G，内存1GB或2GB，EMMC 8GB，工作温度范围-40度 ～ 85度。</p>
              </div>
            </div>
          </div>
        </div>
      </div>
</div>
<br />

<div class="column clearfix">
      <div class="col-md-4">
        <div class="panel panel-warning-white-border">
          <div class="panel-heading">
            <h3 class="panel-title">开发板</h3>
          </div>
          <div class="panel-body">
            <p>Pellentesque vel egestas diam. Duis pulvinar placerat nisi sit amet sollicitudin. Morbi ullamcorper dui
            vitae odio mattis luctus. Etiam scelerisque nisi id augue cursus rhoncus.</p>
            <div class="btn btn-mango">[[开发板|<span style="color:#fff;">更多</span>]]</div>
          </div>
        </div>
      </div>
      <div class="col-md-4">
        <div class="panel panel-info-white-border">
          <div class="panel-heading">
            <h3 class="panel-title">核心板</h3>
          </div>
          <div class="panel-body">
            <p>Pellentesque vel egestas diam. Duis pulvinar placerat nisi sit amet sollicitudin. Morbi ullamcorper dui
            vitae odio mattis luctus. Etiam scelerisque nisi id augue cursus rhoncus.</p>
            <div class="btn btn-mango">[[核心板|<span style="color:#fff;">更多</span>]]</div>
          </div>
        </div>
      </div>
      <div class="col-md-4">
        <div class="panel panel-success-white-border">
          <div class="panel-heading">
            <h3 class="panel-title">卡片电脑</h3>
          </div>
          <div class="panel-body">
            <p>Pellentesque vel egestas diam. Duis pulvinar placerat nisi sit amet sollicitudin. Morbi ullamcorper dui
            vitae odio mattis luctus. Etiam scelerisque nisi id augue cursus rhoncus.</p>
            <div class="btn btn-mango">[[卡片电脑|<span style="color:#fff;">更多</span>]]</div>
          </div>
        </div>
      </div>
</div>

<div class="column clearfix">
      <div class="col-md-4">
        <div class="panel panel-info-white-border">
          <div class="panel-heading">
            <h3 class="panel-title">液晶模组</h3>
          </div>
          <div class="panel-body">
            <p>Pellentesque vel egestas diam. Duis pulvinar placerat nisi sit amet sollicitudin. Morbi ullamcorper dui
            vitae odio mattis luctus. Etiam scelerisque nisi id augue cursus rhoncus.</p>
            <div class="btn btn-mango">[[液晶模组|<span style="color:#fff;">更多</span>]]</div>
          </div>
        </div>
      </div>
      <div class="col-md-4">
        <div class="panel panel-neutral-white-border">
          <div class="panel-heading">
            <h3 class="panel-title">扩展模块</h3>
          </div>
          <div class="panel-body">
            <p>Pellentesque vel egestas diam. Duis pulvinar placerat nisi sit amet sollicitudin. Morbi ullamcorper dui
            vitae odio mattis luctus. Etiam scelerisque nisi id augue cursus rhoncus.</p>
            <div class="btn btn-mango">[[扩展模块|<span style="color:#fff;">更多</span>]]</div>
          </div>
        </div>
      </div>
      <div class="col-md-4">
        <div class="panel panel-info-white-border">
          <div class="panel-heading">
            <h3 class="panel-title">其他配件</h3>
          </div>
          <div class="panel-body">
            <p>Pellentesque vel egestas diam. Duis pulvinar placerat nisi sit amet sollicitudin. Morbi ullamcorper dui
            vitae odio mattis luctus. Etiam scelerisque nisi id augue cursus rhoncus.</p>
           <div class="btn btn-mango">[[其他配件|<span style="color:#fff;">更多</span>]]</div>
          </div>
        </div>
      </div>
</div>

<div class="column clearfix">
      <div class="col-md-12">
        <div class="panel panel-warning-white-border">
          <div class="panel-heading">
            <h3 class="panel-title">合作伙伴</h3>
          </div>
          <div class="panel-body">
<div class="col-md-3">
    <div class="thumbnail color-border" style="margin:3px;">http://x.9tripod.com/wiki/zh/images/1/1b/Samsung-logo.jpg</div>
</div>
<div class="col-md-3">
    <div class="thumbnail color-border" style="margin:3px;">http://x.9tripod.com/wiki/zh/images/a/a8/Rockchip-logo.jpg</div>
</div>
<div class="col-md-3">
    <div class="thumbnail color-border" style="margin:3px;">http://x.9tripod.com/wiki/zh/images/5/58/Hisense-logo.jpg</div>
</div>
<div class="col-md-3">
    <div class="thumbnail color-border" style="margin:3px;">http://x.9tripod.com/wiki/zh/images/1/1b/Samsung-logo.jpg</div>
</div>
<div class="col-md-3">
    <div class="thumbnail color-border" style="margin:3px;">http://x.9tripod.com/wiki/zh/images/1/1b/Samsung-logo.jpg</div>
</div>
<div class="col-md-3">
    <div class="thumbnail color-border" style="margin:3px;">http://x.9tripod.com/wiki/zh/images/1/1b/Samsung-logo.jpg</div>
</div>
<div class="col-md-3">
    <div class="thumbnail color-border" style="margin:3px;">http://x.9tripod.com/wiki/zh/images/1/1b/Samsung-logo.jpg</div>
</div>
<div class="col-md-3">
    <div class="thumbnail color-border" style="margin:3px;">http://x.9tripod.com/wiki/zh/images/1/1b/Samsung-logo.jpg</div>
</div>
          </div>
        </div>
      </div>
</div>

<div class="column clearfix">
   <div class="col-sm-4">
      <div class="plan light-bgcolor">
        <div class="head">
          <h2>X3288核心板</h2>
        </div>
        <ul class="item-list list-unstyled">
          <li>RK3288 Cortex-A17四核</li>
          <li>主频 1.8GHZ</li>
          <li>内存 2GB</li>
          <li>存储空间 16GB</li>
          <li>电源管理芯片 RC5T620</li>
        </ul>
        <div class="price">
          <h3>￥499</h3>
        </div>
        <div class="btn btn-info btn-lg"><span style="color:#fff;">购买</span></div>
      </div>
    </div>

   <div class="col-sm-4">
      <div class="plan lighter-bgcolor">
        <div class="head">
          <h2>X6818核心板</h2>
        </div>
        <ul class="item-list list-unstyled">
          <li>S5P6818 Cortex-A53八核</li>
          <li>主频 1.4GHZ</li>
          <li>内存 2GB</li>
          <li>存储空间 8GB</li>
          <li>温度范围 -40℃～85℃</li>
        </ul>
        <div class="price">
          <h3>￥350</h3>
        </div>
        <div class="btn btn-info btn-lg"><span style="color:#fff;">购买</span></div>
      </div>
    </div>

   <div class="col-sm-4">
      <div class="plan light-bgcolor">
        <div class="head">
          <h2>X4418核心板</h2>
        </div>
        <ul class="item-list list-unstyled">
          <li>S5P4418 Cortex-A9四核</li>
          <li>主频 1.4GHZ</li>
          <li>内存 1GB</li>
          <li>存储空间 8GB</li>
          <li>温度范围 -40℃～85℃</li>
        </ul>
        <div class="price">
          <h3>￥300</h3>
        </div>
        <div class="btn btn-info btn-lg"><span style="color:#fff;">购买</span></div>
      </div>
    </div>
</div>