index.html 11 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>由你[官网]-新青年国风社区</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">新青年国风社区</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">由你——新青年国风社区</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>