index_default.html 5.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
  7. <title>{$site.name}</title>
  8. <meta name="keywords" content="{$site.name}">
  9. <meta name="description" content="{$site.name}是全网更大更受欢迎的小说阅读分销平台,原创,经典,全面!拥有版权书籍几十万册,覆盖时下流行畅销的都市、玄幻、言情等各类男女频小说。全网优质书籍覆盖率高达百分之九十,品质更高端,收益更稳定!">
  10. <link href="__CDN__/assets/css/frontend/default/bootstrap.min.css" rel="stylesheet" type="text/css">
  11. <link href="{:asset('/css/frontend/default/css.css')}" rel="stylesheet" type="text/css">
  12. <script type="text/javascript" src="__CDN__/assets/js/frontend/default/jquery.min.js"></script>
  13. <script type="text/javascript" src="__CDN__/assets/js/frontend/default/bootstrap.min.js"></script>
  14. <link rel="shortcut icon" href="{:asset('/img/favicon.ico')}" type="image/x-icon" />
  15. </head>
  16. <body>
  17. <header>
  18. <div class="container">
  19. <div class="row">
  20. <img src="{:asset('/img/frontend/default/logo.png')}" class="col-xs-7 col-md-3" style="max-width:208px" alt="{$site.name}"/>
  21. <p class="col-md-6 hidden-sm hidden-xs">
  22. <a href="/#w_advantages" onclick="scrollHash('advantages')">优势</a>
  23. <a href="/#w_cp" onclick="scrollHash('cp')">合作模式</a>
  24. <a href="/#w_cases" onclick="scrollHash('cases')">合作案例</a>
  25. </p>
  26. <a href="/admin" class="col-xs-3 col-md-2 col-xs-offset-2 col-xs-offset-1 pull-right">
  27. <img src="{:asset('/img/frontend/default/dl.png')}" class="w100" style="max-width:93px"/>
  28. </a>
  29. </div>
  30. </div>
  31. </header>
  32. <div class="carousel slide" data-ride="carousel">
  33. <!-- Wrapper for slides -->
  34. <div class="carousel-inner" role="listbox">
  35. <div class="item active">
  36. <img src="{:asset('/img/frontend/default/banner4.jpg')}">
  37. </div>
  38. </div>
  39. </div>
  40. <div class="container" id="advantages">
  41. <h2>我们的优势</h2>
  42. <div class="row">
  43. <div class="col-xs-6 col-md-2" align="center">
  44. <img src="{:asset('/img/frontend/default/ys1.jpg')}" class="w100"/>
  45. <h3>百万小说,正版授权</h3>
  46. <p style="height: 36px;line-height: 18px;">正版授权:内容丰富,优质安全,深受粉丝喜爱</p>
  47. </div>
  48. <div class="col-xs-6 col-md-2" align="center">
  49. <img src="{:asset('/img/frontend/default/ys2.jpg')}" class="w100"/>
  50. <h3>高分成,高转化</h3>
  51. <p style="height: 36px;line-height: 18px;">最高100%收益分成,用户转化高、留存高</p>
  52. </div>
  53. <div class="col-xs-6 col-md-2" align="center">
  54. <img src="{:asset('/img/frontend/default/ys3.jpg')}" class="w100"/>
  55. <h3>零成本投入</h3>
  56. <p style="height: 36px;line-height: 18px;">0成本投入,仅需提供渠道,让流量帮你赚钱</p>
  57. </div>
  58. <div class="col-xs-6 col-md-2" align="center">
  59. <img src="{:asset('/img/frontend/default/ys4.jpg')}" class="w100"/>
  60. <h3>涨粉快</h3>
  61. <p style="height: 36px;line-height: 18px;">粉丝粘性高,日涨千粉很轻松</p>
  62. </div>
  63. <div class="col-xs-6 col-md-2" align="center">
  64. <img src="{:asset('/img/frontend/default/ys5.jpg')}" class="w100"/>
  65. <h3>提现快</h3>
  66. <p style="height: 36px;line-height: 18px;">当天申请提现,次日就打款</p>
  67. </div>
  68. <div class="col-xs-6 col-md-2" align="center">
  69. <img src="{:asset('/img/frontend/default/ys6.jpg')}" class="w100"/>
  70. <h3>资质齐全</h3>
  71. <p style="height: 36px;line-height: 18px;">杜绝内容风险,确保渠道推广稳定、安全。</p>
  72. </div>
  73. </div>
  74. </div>
  75. <div class="container" id="cp">
  76. <h2>合作模式</h2>
  77. <div class="row">
  78. <img src="{:asset('/img/frontend/default/ms1.jpg')}" class="col-xs-6 col-md-3 mt20"/>
  79. <img src="{:asset('/img/frontend/default/ms2.jpg')}" class="col-xs-6 col-md-3 mt20"/>
  80. <img src="{:asset('/img/frontend/default/ms3.jpg')}" class="col-xs-6 col-md-3 mt20"/>
  81. <img src="{:asset('/img/frontend/default/ms4.jpg')}" class="col-xs-6 col-md-3 mt20"/>
  82. </div>
  83. </div>
  84. <div class="container" align="center" id="cases">
  85. <h2>合作案例</h2>
  86. <img src="{:asset('/img/frontend/default/al.jpg')}" class="w100"/>
  87. </div>
  88. <footer style="min-height:200px;">
  89. <div class="container">
  90. <div class="col-xs-12 col-md-7">
  91. <p style="padding-bottom: 0;">Copyright©2016-{:date('Y')} {:get_host_no_port()} All Rights Reserved</p>
  92. {notempty name="$domain_put"}
  93. <p style="padding-top: 0px;">{$domain_put}</p>
  94. {/notempty}
  95. </div>
  96. </div>
  97. </footer>
  98. </body>
  99. </html>
  100. <script>
  101. window.onscroll = function () {
  102. if (document.documentElement.scrollTop + document.body.scrollTop > 100) {
  103. $("header").addClass("bg")
  104. } else {
  105. $("header").removeClass("bg")
  106. }
  107. };
  108. $(function () {
  109. var hash = window.location.hash.substring(1);
  110. var hash = hash.indexOf("w_") == 0 ? hash.split("w_")[1] : "";
  111. setTimeout(function () {
  112. scrollHash(hash);
  113. }, 500);
  114. });
  115. function scrollHash(hash) {
  116. var obj = $('#' + hash);
  117. if (obj.length) {
  118. $("html,body").animate({"scrollTop": $(obj).offset().top - 110}, 'slow', function () {
  119. $("header").addClass("bg");
  120. })
  121. }
  122. }
  123. </script>