master

分支 (1)

管理

管理

master

chat
/
O2.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Smartisan TNT go</title>
  <link rel="icon" href="./images/favicon.ico">
  <link rel="stylesheet" href="./css/O2.css">
  <link rel="stylesheet" href="./css/bootstrap.min.css">
  <link rel="stylesheet" href="./css/bootstrap.min.css.map">
  <script src="./js/jquery-1.12.4.min.js"></script>
  <script src="./js/bootstrap.min.js"></script>
  <script src="./js/O2.js"></script>
</head>
<body>
  <div class="ctn">
        <!-- 导航条 -->
        <nav class="navbar-inverse">
            <!-- 锤子logo -->
            <div class="logo"><img src="./images/logo-1.png" alt=""></div>
            <!-- 导航选项 -->
            <div class="navbar-container">
                <ul class="navbar-words">
                  <li><a href="shop.html">在线商城</a></li>
                  <li><a href="./r2.html">坚果R2</a></li>
                  <li><a href="./smartisan.html">Smartisan TNT go</a></li>
                  <li><a href="./gongzuozhan.html">坚果TNT工作站</a></li>
                  <li><a href="javascript:void(0);">Smartisan OS</a></li>
                  <li><a href="javascript:void(0);">欢喜云</a></li>
                  <li><a href="javascript:void(0);">论坛</a> </li>
                  <li><a href="javascript:void(0);">开发者支持</a></li>
                  <li><a href="javascript:void(0);">荣誉与奖项</a></li>
                </ul>
            </div>
            <!-- 登录，购物车 -->
            <div class="login"><a href="./login.html"></a></div>
            <div class="shopcart"><a href="./fuqian.html" target="_blank"></a></div>
        </nav>
  </div>
  <section>
  <div>
  <ul class="gongneng">
    <li>概览</li>
    <li class="active">OS 2.0</li>
    <li>技术规格</li>
  </ul>
  <div><span><a href="./r2shouji.html">现在购买</a></span></div>
  </div>
  </section>
  <!-- 商品内容页面 -->
  <div class="full-img">
    <div>
      <img src="./images/sm07.png" alt="">
      <img src="./images/sm08.webp.jpg" alt="">
      <img src="./images/sm09.webp.jpg" alt="">
      <img src="./images/sm10.webp .jpg" alt="">
      <img src="./images/sm11.webp.jpg" alt="">
      <img src="./images/sm12.webp.jpg" alt="">
      <img src="./images/sm13.png" alt="">
      <img src="./images/sm16.png" alt="">
      <!-- banner图 -->
      <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
        <!-- Indicators -->
        <ol class="carousel-indicators">
            <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
            <li data-target="#carousel-example-generic" data-slide-to="1"></li>
            <li data-target="#carousel-example-generic" data-slide-to="2"></li>
            <li data-target="#carousel-example-generic" data-slide-to="3"></li>
        </ol>
        <!-- Wrapper for slides -->
        <div class="carousel-inner" role="listbox">
            <div class="item active">
                <img src="./images/sm15-1.webp.jpg" alt="..." class="center-block">
            </div>
            <div class="item">
                <img src="./images/sm15-2.webp.jpg" alt="..." class="center-block">
            </div>
            <div class="item">
                <img src="./images/sm15-3.webp.jpg" alt="..." class="center-block">
            </div>
            <div class="item">
              <img src="./images/sm15-4.webp.jpg" alt="..." class="center-block">
          </div>
        </div>
       <!--  Controls -->
        <!-- <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
            <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
        </a>
        <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
            <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
        </a> -->
    </div>
      <!-- <img src="./images/sm15-1.webp.jpg" alt=""> -->
      <img src="./images/sm20.webp.jpg" alt="">
      <img src="./images/sm21.webp.jpg" alt="">
      <img src="./images/sm22.webp.jpg" alt="">
      <img src="./images/sm23.webp.jpg" alt="">
      <img src="./images/sm24.webp.jpg" alt="">
      <img src="./images/sm25.webp.jpg" alt="">
      <img src="./images/sm26.webp.jpg" alt="">
      <img src="./images/sm27.webp.jpg" alt="">
      <img src="./images/sm28.webp.jpg" alt="">
    </div>
  </div>
  <footer>
    <div class="footer-wrapper">
    <div  class="footer-menu">
    <ul>
      <li>
        <h3>订单服务</h3>
        <div>
          <a href="#">购买指南</a>
          <a href="#">送货政策</a>
        </div>
      </li>
      <li>
        <h3>服务支持</h3>
        <div>
          <a href="#">零售门店</a>
          <a href="#">自助服务</a>
          <a href="#">维修门店</a>
        </div>
      </li>
      <li>
        <h3>媒体中心</h3>
        <div>
          <a href="#">新闻动态</a>
          <a href="#">官方视频</a>
          <a href="#">图片资源</a>
        </div>
      </li>
      <li>
        <h3>关注我们</h3>
        <div>
          <a href="#">新浪微博</a>
          <a href="#">官方微信</a>
          <a href="#">荣誉奖项</a>
        </div>
      </li>
      <div class="footer-service">
        <h1>400 - 603 - 5000</h1>
        <h2>周一到周六 7:00-20:00</h2>
        <h2>(仅收市话费)</h2>
        <div class="online">
          <a href="#">
            <span>在线帮助</span>
          </a>
        </div>
      </div>
    </ul>
    </div>
    <div class="footer-info">
        <ul>
          <li>Copyright @ 2020 smartisan.com 版权所有</li>
          <li>
            <a href="#">锤子商城隐私政策</a>
          </li>
          <li>
            <a href="#">锤子商城用户协议</a>
          </li>
          <li>
            <a href="#">资质证照</a>
          </li>
        </ul>
        <div class="icp">
            <span> 京ICP备19068576号-1</span>
            <span>京公网安备11010502039854号</span>
            <span>京食药网食备202010031</span>
        </div>
    </div>
   </div>
  </footer>
</body>
</html>
<script>
  $('.carousel').carousel({
  interval: 1500
 })
</script>