index.html 6.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147
  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"></div>
  35. <div class="button">
  36. <img class="button--ios" src="http://oss.caihongxingqiu.com/official/ios.png">
  37. <img class="button--android" src="http://oss.caihongxingqiu.com/official/android.png">
  38. </div>
  39. </div>
  40. </div>
  41. </div>
  42. </div>
  43. </div>
  44. <div class="section page page-2">
  45. <div class="wrap">
  46. <div class="wrap__layout">
  47. <div class="wrap__layout--box">
  48. <div class="content__box">
  49. <div class="content">
  50. <p class="title"><span class="underline">内容</span>由你</p>
  51. <p class="text">人人平权的社区系统</p>
  52. <p class="text">每条内容都将收获等价的激励</p>
  53. </div>
  54. <div class="img">
  55. <img src="http://oss.caihongxingqiu.com/official/phone1.png" alt="img">
  56. </div>
  57. </div>
  58. </div>
  59. </div>
  60. </div>
  61. </div>
  62. <div class="section page page-3">
  63. <div class="wrap">
  64. <div class="wrap__layout">
  65. <div class="wrap__layout--box">
  66. <div class="content__box right">
  67. <div class="img">
  68. <img src="http://oss.caihongxingqiu.com/official/phone2.png" alt="img">
  69. </div>
  70. <div class="content">
  71. <p class="title">好玩<span class="underline">由你</span></p>
  72. <p class="text">脑洞大开的体力设定</p>
  73. <p class="text">社区互动跨界融入游戏化规则</p>
  74. </div>
  75. </div>
  76. </div>
  77. </div>
  78. </div>
  79. </div>
  80. <div class="section page page-4">
  81. <div class="wrap">
  82. <div class="wrap__layout">
  83. <div class="wrap__layout--box">
  84. <div class="content__box">
  85. <div class="content">
  86. <p class="title"><span class="underline">成就</span>由你</p>
  87. <p class="text">打破固化的参与规则</p>
  88. <p class="text">每个人都可以成为社区合伙人</p>
  89. </div>
  90. <div class="img">
  91. <img src="http://oss.caihongxingqiu.com/official/phone3.png" alt="img">
  92. </div>
  93. </div>
  94. </div>
  95. </div>
  96. </div>
  97. </div>
  98. <div class="section page page-5">
  99. <div class="wrap">
  100. <div class="wrap__layout">
  101. <div class="wrap__layout--box">
  102. <div class="content__box right">
  103. <div class="img">
  104. <img src="http://oss.caihongxingqiu.com/official/phone4.png" alt="img">
  105. </div>
  106. <div class="content">
  107. <p class="title">价值<span class="underline">由你</span></p>
  108. <p class="text">重视质量的激励策略</p>
  109. <p class="text">优质内容可收获的激励无上限</p>
  110. </div>
  111. </div>
  112. </div>
  113. </div>
  114. </div>
  115. </div>
  116. <div class="section page page-6">
  117. <div class="wrap">
  118. <div class="wrap__layout">
  119. <div class="wrap__layout--box">
  120. <div class="content">
  121. <div class="title">关于我们</div>
  122. <div class="subtitle">由你——Z世代的互动协作社区</div>
  123. <p class="text">
  124. 每个人对社区的贡献都值得被记录!在由你,你的每次浏览,分享,评价等行为都将视为对社区的贡献,转换为相应的社区激励。在结识平台好友、获取新鲜资讯、分享有趣动态的同时,还可以收获U米,兑换奖品,成为社区红人,甚至成为由你合伙人,享受项目分红。
  125. </p>
  126. </div>
  127. </div>
  128. <div class="footer">
  129. <div class="footer__item">
  130. <div class="info">联系:Contact</div>
  131. <div class="info" style="margin: 0 .6rem;">地址: 陕西省西安市雁塔区翠华南路创意盒子20楼</div>
  132. <div class="info">举报电话: 17749037320</div>
  133. </div>
  134. <div class="footer__item" style="margin-top: .24rem;">
  135. <div class="info">商务合作邮箱: business@uptoyo.com</div>
  136. <div class="info" style="margin: 0 .6rem;">邮箱: report@uptoyo.com</div>
  137. <a href="http://beian.miit.gov.cn" target="_blank">琼ICP备19003173号-1</a>
  138. </div>
  139. </div>
  140. </div>
  141. </div>
  142. </div>
  143. </div>
  144. <script src="https://cdn.bootcss.com/fullPage.js/3.0.7/fullpage.min.js"></script>
  145. <script src="./index.js"></script>
  146. </body>
  147. </html>