index_default.html 6.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144
  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">
  7. <title>{$site.name}</title>
  8. <meta name="keywords" content="小说,小说分销,快看小说,小说分成,{$site.name},西瓜联盟,小说赚钱,推广小说,koread.cn">
  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:280px" 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. <a href="/#w_help" onclick="scrollHash('help')">帮助中心</a>
  26. </p>
  27. <a href="/admin" class="col-xs-3 col-md-2 col-xs-offset-2 col-xs-offset-1 pull-right">
  28. <img src="{:asset('/img/frontend/default/dl.png')}" class="w100" style="max-width:93px"/>
  29. </a>
  30. </div>
  31. </div>
  32. </header>
  33. <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
  34. <!-- Indicators -->
  35. <ol class="carousel-indicators">
  36. <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
  37. <li data-target="#carousel-example-generic" data-slide-to="1"></li>
  38. <li data-target="#carousel-example-generic" data-slide-to="2"></li>
  39. </ol>
  40. <!-- Wrapper for slides -->
  41. <div class="carousel-inner" role="listbox">
  42. <div class="item active">
  43. <img src="{:asset('/img/frontend/default/banner1.jpg')}">
  44. </div>
  45. <div class="item">
  46. <img src="{:asset('/img/frontend/default/banner2.jpg')}">
  47. </div>
  48. <div class="item">
  49. <img src="{:asset('/img/frontend/default/banner3.jpg')}">
  50. </div>
  51. </div>
  52. </div>
  53. <div class="container" id="advantages">
  54. <h2>我们的优势</h2>
  55. <div class="row">
  56. <div class="col-xs-6 col-md-2" align="center">
  57. <img src="{:asset('/img/frontend/default/ys1.jpg')}" class="w100"/>
  58. <h3>百万小说,正版授权</h3>
  59. <p style="height: 36px;line-height: 18px;">正版授权:内容丰富,优质安全,深受粉丝喜爱</p>
  60. </div>
  61. <div class="col-xs-6 col-md-2" align="center">
  62. <img src="{:asset('/img/frontend/default/ys2.jpg')}" class="w100"/>
  63. <h3>高分成,高转化</h3>
  64. <p style="height: 36px;line-height: 18px;">最高100%收益分成,用户转化高、留存高</p>
  65. </div>
  66. <div class="col-xs-6 col-md-2" align="center">
  67. <img src="{:asset('/img/frontend/default/ys3.jpg')}" class="w100"/>
  68. <h3>零成本投入</h3>
  69. <p style="height: 36px;line-height: 18px;">0成本投入,仅需提供渠道,让流量帮你赚钱</p>
  70. </div>
  71. <div class="col-xs-6 col-md-2" align="center">
  72. <img src="{:asset('/img/frontend/default/ys4.jpg')}" class="w100"/>
  73. <h3>涨粉快</h3>
  74. <p style="height: 36px;line-height: 18px;">粉丝粘性高,日涨千粉很轻松</p>
  75. </div>
  76. <div class="col-xs-6 col-md-2" align="center">
  77. <img src="{:asset('/img/frontend/default/ys5.jpg')}" class="w100"/>
  78. <h3>提现快</h3>
  79. <p style="height: 36px;line-height: 18px;">当天申请提现,次日就打款</p>
  80. </div>
  81. <div class="col-xs-6 col-md-2" align="center">
  82. <img src="{:asset('/img/frontend/default/ys6.jpg')}" class="w100"/>
  83. <h3>资质齐全</h3>
  84. <p style="height: 36px;line-height: 18px;">杜绝内容风险,确保渠道推广稳定、安全。</p>
  85. </div>
  86. </div>
  87. </div>
  88. <div class="container" id="cp">
  89. <h2>合作模式</h2>
  90. <div class="row">
  91. <img src="{:asset('/img/frontend/default/ms1.png')}" class="col-xs-6 col-md-3 mt20"/>
  92. <img src="{:asset('/img/frontend/default/ms2.jpg')}" class="col-xs-6 col-md-3 mt20"/>
  93. <img src="{:asset('/img/frontend/default/ms3.jpg')}" class="col-xs-6 col-md-3 mt20"/>
  94. <img src="{:asset('/img/frontend/default/ms4.png')}" class="col-xs-6 col-md-3 mt20"/>
  95. </div>
  96. </div>
  97. <div class="container" align="center" id="cases">
  98. <h2>合作案例</h2>
  99. <img src="{:asset('/img/frontend/default/al.png')}" class="w100"/>
  100. </div>
  101. <div class="container" id="help">
  102. <h2>帮助中心</h2>
  103. <div class="row">
  104. <img src="{:asset('/img/frontend/default/bz1.jpg')}" class="col-xs-12 col-md-6 mt20"/>
  105. <img src="{:asset('/img/frontend/default/bz2.jpg')}" class="col-xs-12 col-md-6 mt20"/>
  106. </div>
  107. </div>
  108. <footer>
  109. <div class="container">
  110. <div class="col-xs-12 col-md-7">
  111. <p style="padding-bottom: 0;">Copyright©2016-{:date('Y')} {:get_host_no_port()} All Rights Reserved</p>
  112. {notempty name="$domain_put"}
  113. <p style="padding-top: 0px;">{$domain_put}</p>
  114. {/notempty}
  115. </div>
  116. </div>
  117. </footer>
  118. </body>
  119. </html>
  120. <script>
  121. window.onscroll = function () {
  122. if (document.documentElement.scrollTop + document.body.scrollTop > 100) {
  123. $("header").addClass("bg")
  124. } else {
  125. $("header").removeClass("bg")
  126. }
  127. };
  128. $(function () {
  129. var hash = window.location.hash.substring(1);
  130. var hash = hash.indexOf("w_") == 0 ? hash.split("w_")[1] : "";
  131. setTimeout(function () {
  132. scrollHash(hash);
  133. }, 500);
  134. });
  135. function scrollHash(hash) {
  136. var obj = $('#' + hash);
  137. if (obj.length) {
  138. $("html,body").animate({"scrollTop": $(obj).offset().top - 110}, 'slow', function () {
  139. $("header").addClass("bg");
  140. })
  141. }
  142. }
  143. </script>