gift.html

<!DOCTYPE HTML>

<html>

<head>
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
  <meta charset="utf-8">

  <meta name="description" content="楼上看风景的人 FM896803 摩西不摩登 礼物">
  <meta name="author" content="摩西不摩登">
  <title>摩西的礼物 - 楼上看风景的人</title>
  <link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon">

  <!-- Favicons -->
  <link rel="apple-touch-icon" sizes="192x192" href="apple-touch-icon.png">
  <link rel="icon" type="image/png" href="favicon.png">
  <link rel="shortcut icon" href="favicon.ico">

  <style>
		.loader {
			position: fixed;
			left: 0px;
			top: 0px;
			width: 100%;
			height: 100%;
			z-index: 99;
			background: url("images/loader.svg") center no-repeat #F4F4F4;
			background-size: 72px 72px;
		}
	</style>

  <!-- style -->
  <link href="assets/css/style.css" rel="stylesheet" type="text/css">
  <link rel="stylesheet" href="assets/functionx/sweet-alert/sweetalert.css" />

  <!-- bootstrap -->
  <link href="assets/css/bootstrap.min.css" rel="stylesheet" type="text/css">

  <!-- responsive -->
  <link href="assets/css/responsive.css" rel="stylesheet" type="text/css">

  <!-- font-awesome -->
  <link href="assets/css/font-awesome.min.css" rel="stylesheet" type="text/css">

  <link href="assets/css/effects/set2.css" rel="stylesheet" type="text/css">
  <link href="assets/css/effects/normalize.css" rel="stylesheet" type="text/css">
  <link href="assets/css/effects/component.css" rel="stylesheet" type="text/css">

  <!-- Google Analytics -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-137369058-1"></script>
  <script>
    window.dataLayer = window.dataLayer || [];

    function gtag() {
      dataLayer.push(arguments);
    }
    gtag('js', new Date());

    gtag('config', 'UA-137369058-1');
  </script>

</head>

<body onload="onload()">
  <!-- Loader -->
	<div class="loader" id="loader"></div>

  <!-- header -->
  <header role="header">
    <div class="container">

      <!-- logo -->
      <h1> <a href="index.html" title="Back to home"><img class="logo" src="images/logo.png" title="Back to home" alt="Logo" /></a> </h1>

      <!-- nav -->
      <nav role="header-nav" class="navy">
        <ul>
          <li><a href="index.html" title="Home">主页</a></li>
          <li><a href="top10.html" title="FM">TOP 10</a></li>
          <li><a href="fm.html" title="Fans">所有节目</a></li>
          <li><a href="fans.html" title="Fans">粉丝群</a></li>
          <li><a href="me.html" title="Me">撩我</a></li>
        </ul>
      </nav>

    </div>
  </header>

  <!-- main -->
  <main role="main-inner-wrapper" class="container">

    <div class="work-details">
      <div class="row">
        <div class="col-xs-12 col-sm-12 col-md-4">
          <header role="work-title">
            <h2>摩西的礼物</h2>
            <a href="#" class="gift">快来领取 <i class="fa fa-external-link gift" aria-hidden="true"></i></a>
          </header>
        </div>
        <div class="col-xs-12 col-sm-12 col-md-8">
          <section>
            <p class="highlight1">听粉礼包：</p>
            <p>现在纪念品有 「摩西的节目卡片U盘」、「摩西的节目卡片光盘」以及「摩西亲笔明信片套装」，里面除了节目的原声文件，还有粉丝专属的摩西音频哦~</p>
          </section>
        </div>
      </div>
      <div class="clearfix"></div>
      <div class="work-images grid">
        <ul class="grid-lod effect-2" id="grid">
          <li><img src="images/gift-images/001.jpg" alt="" class="img-responsive" /></li>
          <li><img src="images/gift-images/002.jpg" alt="" class="img-responsive" /></li>
          <li><img src="images/gift-images/003.jpg" alt="" class="img-responsive" /></li>
        </ul>
      </div>
    </div>

  </main>

  <!-- footer -->
  <footer role="footer">

    <!-- logo -->
    <h1> <a href="index.html" title="avana LLC"><img class="logo" src="images/logo.png" title="avana LLC"
          alt="avana LLC" /></a> </h1>

    <!-- nav -->
    <nav role="footer-nav">
      <ul>
        <li><a href="index.html" title="Home">主页</a></li>
        <li><a href="top10.html" title="FM">TOP 10</a></li>
        <li><a href="fm.html" title="FM">所有节目</a></li>
        <li><a href="fans.html" title="Fans">粉丝群</a></li>
        <li><a href="me.html" title="Me">撩我</a></li>
      </ul>
    </nav>

    <ul role="social-icons">
      <li><a onClick="t54321()" class="qq"><em class="fa fa-qq" aria-hidden="true"></em></a></li>
      <li><a onClick="t54321()" class="wechat"><em class="fa fa-wechat" aria-hidden="true"></em></a></li>
      <li><a href="http://www.lizhi.fm/896803/" target="_blank" title="荔枝FM"><i class="fa fa-chain"
            aria-hidden="true"></i></a></li>
      <li><a href="https://music.163.com/#/user/home?id=104427729" target="_blank" title="网易云音乐"><i
            class="fa fa-share-alt" aria-hidden="true"></i></a></li>
    </ul>
    <p class="copy-right">&copy; 2015 - <span id="footerYear">2018</span> FM896803. All rights Resved.</p>
  </footer>

  <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
  <script src="assets/js/jquery.min.js" type="text/javascript"></script>

  <!-- custom -->
  <script src="assets/js/nav.js" type="text/javascript"></script>
  <script src="assets/js/custom.js" type="text/javascript"></script>

  <!-- Include all compiled plugins (below), or include individual files as needed -->
  <script src="assets/js/bootstrap.min.js" type="text/javascript"></script>
  <script src="assets/js/effects/masonry.pkgd.min.js" type="text/javascript"></script>
  <script src="assets/js/effects/imagesloaded.js" type="text/javascript"></script>
  <script src="assets/js/effects/classie.js" type="text/javascript"></script>
  <script src="assets/js/effects/AnimOnScroll.js" type="text/javascript"></script>
  <script src="assets/js/effects/modernizr.custom.js"></script>

  <!-- jquery.countdown -->
  <script src="assets/js/html5shiv.js" type="text/javascript"></script>
</body>

<script type="text/javascript">
  function onload() {
    if (document.readyState === 'loading') {
      console.log('Loading Not Yet');
    } else {
      console.log('Loading Complete');
      $(".loader").fadeOut("slow");
    }
  }

  function t54321() {
    var seconds = 4;
    var timer = setInterval(function () {
      if (seconds > 0) {
        document.getElementById("count-down").innerHTML = seconds;
        seconds--;
      } else {
        clearInterval(timer);
        seconds = 4;
        return;
      }
    }, 1000);
  };

  document.getElementById('footerYear').innerHTML = new Date().getFullYear() + '';
</script>

<!-- start sweet alert js -->
<script type="text/javascript" src="assets/functionx/sweet-alert/sweetalert.min.js"></script>
<script type="text/javascript">
  $(function () {

    $(".qq").click(function () {
      swal({
        title: "QQ群",
        text: 'QQ群：318168260<br><a href="http://shang.qq.com/wpa/qunwpa?idkey=9c92ebacfa2bc41f3db76d54a1c5fda087a025918c5a6231aa01c715253ad547" target="_blank" style="color: cornflowerblue">点击加群</a><br><br>（<span id="count-down">5</span>秒钟后自动关闭）',
        imageUrl: "images/qq.jpg",
        html: true,
        timer: 5000,
        showConfirmButton: false
      });
    });

    $(".wechat").click(function () {
      swal({
        title: "微信公众号",
        text: '公众号：FM-896803<br><center><img src="images/wechat-qr.png" width="150px" height="150px"></center><br><br>（<span id="count-down">5</span>秒钟后自动关闭）',
        imageUrl: "images/wechat.jpg",
        html: true,
        timer: 5000,
        showConfirmButton: false
      });
    });

    $(".gift").click(function () {
      swal({
        title: "领取礼物",
        text: '欢迎加入摩西不摩登的QQ群（318168260）<br>不定期分发纪念品~',
        imageUrl: "images/gift.png",
        html: true,
        timer: 5000,
        showConfirmButton: false
      });
    });

  });
</script>

</html>