index.html 3.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>ShowDoc</title>
  6. <link rel="stylesheet" href="__PUBLIC__/bootstrap/css/bootstrap.min.css">
  7. <link rel="stylesheet" href="__PUBLIC__/css/jquery.fullPage.css">
  8. <style>
  9. .section { text-align: center; font: 30px "Microsoft Yahei"; color: #fff;}
  10. .header{
  11. padding-right: 100px;
  12. padding-top: 30px;
  13. font-size: 18px;
  14. position: fixed;
  15. right: 0;
  16. left: 0;
  17. z-index: 1030;
  18. margin-bottom: 0;
  19. }
  20. .header a {
  21. color: white;
  22. font-size: 12px;
  23. font-weight: bold;
  24. }
  25. </style>
  26. </head>
  27. <body>
  28. <div class="row header ">
  29. <div class="right pull-right">
  30. <ul class="inline pull-right">
  31. <if condition="$login_user">
  32. <li ><a href="{:U('Home/Item/index')}">{$Think.lang.my_item}</a></li>
  33. <else />
  34. <li ><a href="{:U('Home/User/login')}">{$Think.lang.index_login_or_register}</a></li>
  35. </if>
  36. </ul>
  37. </div>
  38. </div>
  39. <div id="dowebok">
  40. <div class="section">
  41. <h1>{$Think.lang.section_title1}</h1>
  42. <br>
  43. <p>{$Think.lang.section_description1}</p>
  44. <br>
  45. <p>
  46. <a class="btn btn-large " href="{$demo_url}" target="_blank">{$Think.lang.demo}</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  47. <a class="btn btn-large" href="{$help_url}" target="_blank" >{$Think.lang.help}&nbsp;</i></a>
  48. </p>
  49. </div>
  50. <div class="section">
  51. <h1>{$Think.lang.section_title2}</h1>
  52. <br>
  53. <p> {$Think.lang.section_description2}</p>
  54. <br>
  55. </div>
  56. <div class="section">
  57. <h1>{$Think.lang.section_title3}</h1>
  58. <br>
  59. <p>{$Think.lang.section_description3}</p>
  60. <br>
  61. </div>
  62. <div class="section">
  63. <h1>{$Think.lang.section_title4}</h1>
  64. <br>
  65. <p>{$Think.lang.section_description4}</p>
  66. <br>
  67. </div>
  68. <div class="section">
  69. <h1>{$Think.lang.section_title5}</h1>
  70. <br>
  71. <p>{$Think.lang.section_description5}</p>
  72. <br>
  73. </div>
  74. <div class="section">
  75. <h1>{$Think.lang.section_title6}</h1>
  76. <br>
  77. <p>{$Think.lang.section_description6}</p>
  78. <br>
  79. </div>
  80. <div class="section">
  81. <h1>{$Think.lang.section_title7}</h1>
  82. <br>
  83. <p>{$Think.lang.section_description7}</p>
  84. <br>
  85. </div>
  86. <div class="section">
  87. <h1></h1>
  88. <br>
  89. <p>{$Think.lang.section_description8}</p>
  90. <br>
  91. <p>
  92. <a class="btn btn-large " href="{:U('Home/User/register')}">{$Think.lang.section_title8}</a>
  93. </p>
  94. </div>
  95. </div>
  96. <include file="Common/footer" />
  97. <script src="__PUBLIC__/js/jquery.fullPage.min.js"></script>
  98. <script>
  99. $(function(){
  100. $('#dowebok').fullpage({
  101. sectionsColor : ['#1bbc9b', '#4BBFC3', '#2C606A', '#f90','#7CBD9D','#A77DC2','#85CE92','#1bbc9b'],
  102. navigation:true,
  103. });
  104. $(window).resize(function(){
  105. autoScrolling();
  106. });
  107. function autoScrolling(){
  108. var $ww = $(window).width();
  109. if($ww < 1024){
  110. $.fn.fullpage.setAutoScrolling(false);
  111. } else {
  112. $.fn.fullpage.setAutoScrolling(true);
  113. }
  114. }
  115. autoScrolling();
  116. });
  117. </script>
  118. </body>
  119. </html>