master

分支 (1)

管理

管理

master

guitar-web
/
news.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/animate.min.css">
  <link rel="stylesheet" href="./css/bootstrap.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="col-md-3">
          <div class="container-sidebar">
            <a class="sidebar-type sidebar-type-act">
              <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-12" href="./news-detail.html">
              <div class="news-item row">
                <div class="news-cover-img-box col-12 col-sm-5 wow fadeIn" data-wow-duration="1.5">
                  <img src="./images/news1.png" alt="...">
                </div>
                <div class="col-12 col-sm-7 wow fadeIn" data-wow-duration="1.5">
                  <div class="news-title">TYMA吉他｜2018上海国际乐器展 全记录</div>
                  <div class="news-desc">为期四天的2018上海国际乐器展已圆满落下帷幕，在此期间TYMA吉他展位吸引了众多国内外客户与琴友们来试琴观展，这是新老朋友们的盛大聚会，有着许多精彩的瞬间，请跟着小编的镜..</div>
                  <div class="news-date">2018.10.16</div>
                </div>
              </div>
            </a>
            <a class="dis-b col-12" href="./news-detail.html">
              <div class="news-item row">
                <div class="news-cover-img-box col-12 col-sm-5 wow fadeIn" data-wow-duration="1.5">
                  <img src="./images/news2.png" alt="...">
                </div>
                <div class="col-12 col-sm-7 wow fadeIn" data-wow-duration="1.5">
                  <div class="news-title">记录多彩生活，闪耀你的未来--TYMA多彩系列</div>
                  <div class="news-desc">为期四天的2018上海国际乐器展已圆满落下帷幕，在此期间TYMA吉他展位吸引了众多国内外客户与琴友们来试琴观展，这是新老朋友们的盛大聚会，有着许多精彩的瞬间，请跟着小编的镜..</div>
                  <div class="news-date">2018.10.16</div>
                </div>
              </div>
            </a>
            <a class="dis-b col-12" href="./news-detail.html">
              <div class="news-item row">
                <div class="news-cover-img-box col-12 col-sm-5 wow fadeIn" data-wow-duration="1.5">
                  <img src="./images/news3.png" alt="...">
                </div>
                <div class="col-12 col-sm-7 wow fadeIn" data-wow-duration="1.5">
                  <div class="news-title">TYMA（泰玛）吉他与您相约2018上海国际乐器展</div>
                  <div class="news-desc">为期四天的2018上海国际乐器展已圆满落下帷幕，在此期间TYMA吉他展位吸引了众多国内外客户与琴友们来试琴观展，这是新老朋友们的盛大聚会，有着许多精彩的瞬间，请跟着小编的镜..</div>
                  <div class="news-date">2018.10.16</div>
                </div>
              </div>
            </a>
            <a class="dis-b col-12" href="./news-detail.html">
              <div class="news-item row">
                <div class="news-cover-img-box col-12 col-sm-5 wow fadeIn" data-wow-duration="1.5">
                  <img src="./images/news4.png" alt="...">
                </div>
                <div class="col-12 col-sm-7 wow fadeIn" data-wow-duration="1.5">
                  <div class="news-title">TYMA（泰玛）吉他与您相约2018上海国际乐器展</div>
                  <div class="news-desc">为期四天的2018上海国际乐器展已圆满落下帷幕，在此期间TYMA吉他展位吸引了众多国内外客户与琴友们来试琴观展，这是新老朋友们的盛大聚会，有着许多精彩的瞬间，请跟着小编的镜..</div>
                  <div class="news-date">2018.10.16</div>
                </div>
              </div>
            </a>
            <a class="dis-b col-12" href="./news-detail.html">
              <div class="news-item row">
                <div class="news-cover-img-box col-12 col-sm-5 wow fadeIn" data-wow-duration="1.5">
                  <img src="./images/news5.png" alt="...">
                </div>
                <div class="col-12 col-sm-7 wow fadeIn" data-wow-duration="1.5">
                  <div class="news-title">TYMA（泰玛）吉他与您相约2018上海国际乐器展</div>
                  <div class="news-desc">为期四天的2018上海国际乐器展已圆满落下帷幕，在此期间TYMA吉他展位吸引了众多国内外客户与琴友们来试琴观展，这是新老朋友们的盛大聚会，有着许多精彩的瞬间，请跟着小编的镜..</div>
                  <div class="news-date">2018.10.16</div>
                </div>
              </div>
            </a>
          </div>
        </section>
      </div>
    </div>

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

  </div>
</body>

</html>