index_default.html 6.2 KB

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