master

分支 (1)

管理

管理

master

guitar-web
/
video.html

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>视频中心</title>
  <link rel="stylesheet" href="./css/reset.css" />
  <link rel="stylesheet" href="./css/bootstrap.min.css">
  <link rel="stylesheet" href="./css/animate.min.css">
  <link rel="stylesheet" href="./css/public.css">
  <script src="./js/jquery-3.2.1.min.js"></script>
  <script src="./js/bootstrap.min.js"></script>
  <script src="./js/wow.min.js"></script>
  <script src="./js/public.js"></script>
</head>

<body>
  <div class="wrapper">
    <!-- 头部 -->
    <header id="header"></header>
    <script>
      $('#header').load('./header.html');
    </script>

    <!-- 蒙层 -->
    <div class="screen-mask"></div>

    <!-- 小屏幕顶部滑动导航栏 -->
    <div id="slider"></div>
    <script>
      $('#slider').load('./sliding-drawer.html');
    </script>

    <!-- 中间内容 -->
    <div class="container container-center">
      <div class="row">
        <!-- 左侧边栏 -->
        <section class="container-sidebar-box col-md-3">
          <div class="container-sidebar">
            <a class="sidebar-type sidebar-type-act">
              <div>测评视频</div>
            </a>
            <a class="sidebar-type">
              <div>琴友视频</div>
            </a>
            <a class="sidebar-type">
              <div>乐展视频</div>
            </a>
            <a class="sidebar-type">
              <div>演奏会现场</div>
            </a>
            <a class="sidebar-type">
              <div>推荐弹指音乐人</div>
            </a>
            <a class="sidebar-type">
              <div>制琴工艺影片</div>
            </a>
            <a class="sidebar-type">
              <div>制琴工艺影片</div>
            </a>
            <a class="sidebar-type">
              <div>合作音乐人-莫西子诗</div>
            </a>
            <a class="sidebar-type">
              <div>合作音乐人-纣王老胡</div>
            </a>
            <a class="sidebar-type">
              <div>合作音乐人-李晋</div>
            </a>
          </div>
        </section>
        <!-- 右内容 -->
        <section class="col-md-9">
          <div class="container-right row">
            <!-- 视频列表 -->
            <a class="dis-b col-6 col-sm-6 col-md-6 col-lg-4 wow fadeIn" data-wow-duration="1.5s" href="./video-detail.html">
              <div class="video-item">
                <div class="video-cover-img-box">
                  <img src="./images/video.png" alt="...">
                </div>
                <div class="video-name">HD-350M</div>
              </div>
            </a>
            <a class="dis-b col-6 col-sm-6 col-md-6 col-lg-4 wow fadeIn" data-wow-duration="1.5s" href="./video-detail.html">
              <div class="video-item">
                <div class="video-cover-img-box">
                  <img src="./images/video.png" alt="...">
                </div>
                <div class="video-name">HD-350M</div>
              </div>
            </a>
            <a class="dis-b col-6 col-sm-6 col-md-6 col-lg-4 wow fadeIn" data-wow-duration="1.5s" href="./video-detail.html">
              <div class="video-item">
                <div class="video-cover-img-box">
                  <img src="./images/video.png" alt="...">
                </div>
                <div class="video-name">HD-350M</div>
              </div>
            </a>
            <a class="dis-b col-6 col-sm-6 col-md-6 col-lg-4 wow fadeIn" data-wow-duration="1.5s" href="./video-detail.html">
              <div class="video-item">
                <div class="video-cover-img-box">
                  <img src="./images/video.png" alt="...">
                </div>
                <div class="video-name">HD-350M</div>
              </div>
            </a>
            <a class="dis-b col-6 col-sm-6 col-md-6 col-lg-4 wow fadeIn" data-wow-duration="1.5s" href="./video-detail.html">
              <div class="video-item">
                <div class="video-cover-img-box">
                  <img src="./images/video.png" alt="...">
                </div>
                <div class="video-name">HD-350M</div>
              </div>
            </a>
            <a class="dis-b col-6 col-sm-6 col-md-6 col-lg-4 wow fadeIn" data-wow-duration="1.5s" href="./video-detail.html">
              <div class="video-item">
                <div class="video-cover-img-box">
                  <img src="./images/video.png" alt="...">
                </div>
                <div class="video-name">HD-350M</div>
              </div>
            </a>
          </div>
        </section>
      </div>
    </div>

    <!-- 底部 -->
    <footer id="footer"></footer>
    <script>
      $('#footer').load('./footer.html');
    </script>

  </div>
</body>

</html>