查看“首页”的源代码

__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-cyanide-border">
        <div class="panel-heading">
          <h3 class="panel-title">BootStrap Panel</h3>
        </div>
        <div class="panel-body">
          <p class="bs">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas quis leo vehicula, fringilla nulla eu,
          sollicitudin turpis. Donec sed diam purus. Morbi sagittis urna sit amet egestas blandit. Maecenas at turpis quis nulla
          cursus lobortis. Curabitur nisl justo, mollis vel iaculis in, hendrerit rhoncus justo.</p>
        </div>
        <div class="panel-footer">Panel footer</div>
      </div>
    </div>
</div>

<div class="column clearfix">
      <div class="col-md-4">
        <div class="well well-mango">
          <h4>BootStrap Well</h4>
          <p class="bs">Duis commodo sem ac hendrerit vulputate. Duis facilisis nulla pellentesque, hendrerit mauris et, suscipit
          metus. Nullam luctus dictum tristique. Mauris pulvinar facilisis massa vel venenatis.</p>
        </div>
      </div>

      <div class="col-md-4">
        <div class="well well-success">
          <h4>BootStrap Well</h4>
          <p class="bs">Duis commodo sem ac hendrerit vulputate. Duis facilisis nulla pellentesque, hendrerit mauris et, suscipit
          metus. Nullam luctus dictum tristique. Mauris pulvinar facilisis massa vel venenatis.</p>
        </div>
      </div>

      <div class="col-md-4">
        <div class="well well-info">
          <h4>BootStrap Well</h4>
          <p class="bs">Duis commodo sem ac hendrerit vulputate. Duis facilisis nulla pellentesque, hendrerit mauris et, suscipit
          metus. Nullam luctus dictum tristique. Mauris pulvinar facilisis massa vel venenatis.</p>
        </div>
      </div>
</div>

<div class="column clearfix">
   <div class="col-sm-4">
      <div class="plan light-bgcolor">
        <div class="head">
          <h2>Head Title</h2>
        </div>
        <ul class="item-list list-unstyled">
          <li>
          <strong>100GB</strong> Storage</li>
          <li>
          <strong>15</strong> Email Addresses</li>
          <li>
          <strong>10</strong> Domains</li>
          <li>Full 
          <strong>Root</strong> Access</li>
          <li>24/7 Email & Phone 
          <strong>support</strong></li>
        </ul>
        <div class="price">
          <h3>$29</h3>
          <h4>per month</h4>
        </div>
        <div class="btn btn-dark btn-lg">Sign up</div>
        <div class="btn btn-info btn-lg">Details</div>
      </div>
    </div>

    <div class="col-sm-4">
      <div class="plan light-bgcolor">
        <div class="head">
          <h2>Head Title</h2>
        </div>
        <ul class="item-list list-unstyled">
          <li>
          <strong>100GB</strong> Storage</li>
          <li>
          <strong>15</strong> Email Addresses</li>
          <li>
          <strong>10</strong> Domains</li>
          <li>Full 
          <strong>Root</strong> Access</li>
          <li>24/7 Email & Phone 
          <strong>support</strong></li>
        </ul>
        <div class="price">
          <h3>$29</h3>
          <h4>per month</h4>
        </div>
        <div class="btn btn-dark btn-lg">Sign up</div>
        <div class="btn btn-info btn-lg">Details</div>
      </div>
    </div>

    <div class="col-sm-4">
      <div class="plan light-bgcolor">
        <div class="head">
          <h2>Head Title</h2>
        </div>
        <ul class="item-list list-unstyled">
          <li>
          <strong>100GB</strong> Storage</li>
          <li>
          <strong>15</strong> Email Addresses</li>
          <li>
          <strong>10</strong> Domains</li>
          <li>Full 
          <strong>Root</strong> Access</li>
          <li>24/7 Email & Phone 
          <strong>support</strong></li>
        </ul>
        <div class="price">
          <h3>$29</h3>
          <h4>per month</h4>
        </div>
        <div class="btn btn-dark btn-lg">Sign up</div>
        <div class="btn btn-info btn-lg">Details</div>
      </div>
    </div>
</div>