index.html 9.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0, shrink-to-fit=no, viewport-fit=cover">
  6. <meta http-equiv="X-UA-Compatible" content="ie=edge">
  7. <meta name="description" content="每个人对社区的贡献都值得被记录!在由你,你的每次浏览,分享,评价等行为都将视为对社区的贡献,转换为相应的社区激励。在结识平台好友、获取新鲜资讯、分享有趣动态的同时,还可以收获U米,兑换奖品,成为社区红人,甚至成为由你合伙人,享受项目分红。">
  8. <meta name="keywords" content="由你,youni,由你app,由你社区,由你app,大学生,大学生社区,大学生活,西安大学生,网赚,区块链,U米 网易星球,体力,赚金币,后院,积分,兑换商城,兴趣,视频,匿名树洞,校园交友,大学生搜题,爱情故事,约炮,约爱,陪玩,内涵段子,哦了么,撸啊撸">
  9. <title>由你[官网]-Z世代的互动协作社区</title>
  10. <link href="https://cdn.bootcss.com/fullPage.js/3.0.7/fullpage.min.css" rel="stylesheet">
  11. <link href="./index.css" rel="stylesheet">
  12. </head>
  13. <body>
  14. <h1 style="display: none">由你</h1>
  15. <div class="nav">
  16. <div class="wrap">
  17. <div class="nav__wrap">
  18. <img src="http://oss.caihongxingqiu.com/official/logo.png" alt="logo">
  19. <div class="menu">
  20. <div class="index" onclick="index()">首页</div>
  21. <div class="about" onclick="about()">关于我们</div>
  22. </div>
  23. </div>
  24. </div>
  25. </div>
  26. <div id="fullpage">
  27. <div class="section page page-1">
  28. <div class="wrap">
  29. <div class="wrap__layout">
  30. <div class="wrap__layout--box">
  31. <p class="title">“由你” 这里一切都由你</p>
  32. <p class="text">Z世代的互动协作社区</p>
  33. <div class="download">
  34. <div class="qr">
  35. <img src="data:image/png;base64,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" alt="QRCode">
  36. </div>
  37. <div class="button">
  38. <!-- <img class="button--ios" src="http://oss.caihongxingqiu.com/official/ios.png"> -->
  39. <img class="button--android" src="http://oss.caihongxingqiu.com/official/android.png" onclick="download()">
  40. </div>
  41. </div>
  42. </div>
  43. </div>
  44. </div>
  45. </div>
  46. <div class="section page page-2">
  47. <div class="wrap">
  48. <div class="wrap__layout">
  49. <div class="wrap__layout--box">
  50. <div class="content__box">
  51. <div class="content">
  52. <p class="title"><span class="underline">内容</span>由你</p>
  53. <p class="text">人人平权的社区系统</p>
  54. <p class="text">每条内容都将收获等价的激励</p>
  55. </div>
  56. <div class="img">
  57. <img src="http://oss.caihongxingqiu.com/official/phone1.png" alt="img">
  58. </div>
  59. </div>
  60. </div>
  61. </div>
  62. </div>
  63. </div>
  64. <div class="section page page-3">
  65. <div class="wrap">
  66. <div class="wrap__layout">
  67. <div class="wrap__layout--box">
  68. <div class="content__box right">
  69. <div class="img">
  70. <img src="http://oss.caihongxingqiu.com/official/phone2.png" alt="img">
  71. </div>
  72. <div class="content">
  73. <p class="title">好玩<span class="underline">由你</span></p>
  74. <p class="text">脑洞大开的体力设定</p>
  75. <p class="text">社区互动跨界融入游戏化规则</p>
  76. </div>
  77. </div>
  78. </div>
  79. </div>
  80. </div>
  81. </div>
  82. <div class="section page page-4">
  83. <div class="wrap">
  84. <div class="wrap__layout">
  85. <div class="wrap__layout--box">
  86. <div class="content__box">
  87. <div class="content">
  88. <p class="title"><span class="underline">成就</span>由你</p>
  89. <p class="text">打破固化的参与规则</p>
  90. <p class="text">每个人都可以成为社区合伙人</p>
  91. </div>
  92. <div class="img">
  93. <img src="http://oss.caihongxingqiu.com/official/phone3.png" alt="img">
  94. </div>
  95. </div>
  96. </div>
  97. </div>
  98. </div>
  99. </div>
  100. <div class="section page page-5">
  101. <div class="wrap">
  102. <div class="wrap__layout">
  103. <div class="wrap__layout--box">
  104. <div class="content__box right">
  105. <div class="img">
  106. <img src="http://oss.caihongxingqiu.com/official/phone4.png" alt="img">
  107. </div>
  108. <div class="content">
  109. <p class="title">价值<span class="underline">由你</span></p>
  110. <p class="text">重视质量的激励策略</p>
  111. <p class="text">优质内容可收获的激励无上限</p>
  112. </div>
  113. </div>
  114. </div>
  115. </div>
  116. </div>
  117. </div>
  118. <div class="section page page-6">
  119. <div class="wrap">
  120. <div class="wrap__layout">
  121. <div class="wrap__layout--box">
  122. <div class="content">
  123. <div class="title">关于我们</div>
  124. <div class="subtitle">由你——Z世代的互动协作社区</div>
  125. <p class="text">
  126. 每个人对社区的贡献都值得被记录!在由你,你的每次浏览,分享,评价等行为都将视为对社区的贡献,转换为相应的社区激励。在结识平台好友、获取新鲜资讯、分享有趣动态的同时,还可以收获U米,兑换奖品,成为社区红人,甚至成为由你合伙人,享受项目分红。
  127. </p>
  128. </div>
  129. </div>
  130. <div class="footer">
  131. <div class="footer__item">
  132. <div class="info">联系人:张先生</div>
  133. <div class="info" style="margin: 0 .6rem;">地址: 陕西省西安市雁塔区翠华南路创意盒子20楼</div>
  134. <div class="info">联系电话: 17749037320</div>
  135. </div>
  136. <div class="footer__item" style="margin-top: .24rem;">
  137. <div class="info">商务合作邮箱: business@uptoyo.com</div>
  138. <div class="info" style="margin: 0 .6rem;">邮箱: report@uptoyo.com</div>
  139. <a href="http://beian.miit.gov.cn" target="_blank">琼ICP备19003173号-1</a>
  140. </div>
  141. </div>
  142. </div>
  143. </div>
  144. </div>
  145. </div>
  146. <script src="https://cdn.bootcss.com/fullPage.js/3.0.7/fullpage.min.js"></script>
  147. <script src="./index.js"></script>
  148. </body>
  149. </html>