首頁 探索 說明
登入
rainbow
/
uptoyo-website
關註 6
讚好 0
複刻 0
檔案 問題管理 0 合併請求 0 Wiki
分支: master
分支列表 標籤列表
uptoyo-website
/
index.html

index.html 11 KB
永久連結 文件歷史 原始文件

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149 
  1. <!DOCTYPE html>
    2. 

  2. <html lang="en">
    3. 

  3. <head>
    4. 

  4.   <meta charset="UTF-8">
    5. 

  5.   <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0, shrink-to-fit=no, viewport-fit=cover">
    6. 

  6.   <meta http-equiv="X-UA-Compatible" content="ie=edge">
    7. 

  7.   <meta name="description" content="每个人对社区的贡献都值得被记录！在由你，你的每次浏览，分享，评价等行为都将视为对社区的贡献，转换为相应的社区激励。在结识平台好友、获取新鲜资讯、分享有趣动态的同时，还可以收获U米，兑换奖品，成为社区红人，甚至成为由你合伙人，享受项目分红。">
    8. 

  8.   <meta name="keywords" content="由你,youni,由你app,由你社区,由你app,大学生,大学生社区,大学生活,西安大学生,网赚,区块链,U米 网易星球,体力,赚金币,后院,积分,兑换商城,兴趣,视频,匿名树洞,校园交友,大学生搜题,爱情故事,约炮,约爱,陪玩,内涵段子,哦了么,撸啊撸">
    9. 

  9.   <title>由你[官网]-新青年国风社区</title>
    10. 

  10.   <link href="https://cdn.bootcss.com/fullPage.js/3.0.7/fullpage.min.css" rel="stylesheet">
    11. 

  11.   <link href="./index.css" rel="stylesheet">
    12. 

  12. </head>
    13. 

  13. <body>
    14. 

  14.   <h1 style="display: none">由你</h1>
    15. 

  15.   <div class="nav">
    16. 

  16.     <div class="wrap">
    17. 

  17.       <div class="nav__wrap">
    18. 

  18.         <img src="http://oss.caihongxingqiu.com/official/logo.png" alt="logo">
    19. 

  19.         <div class="menu">
    20. 

  20.           <div class="index" onclick="index()">首页</div>
    21. 

  21.           <div class="about" onclick="about()">关于我们</div>
    22. 

  22.         </div>
    23. 

  23.       </div>
    24. 

  24.     </div>
    25. 

  25.   </div>
    26. 

  26.   <div id="fullpage">
    27. 

  27.     <div class="section page page-1">
    28. 

  28.       <div class="wrap">
    29. 

  29.         <div class="wrap__layout">
    30. 

  30.           <div class="wrap__layout--box">
    31. 

  31.             <p class="title">“由你” 新青年 新国风</p>
    32. 

  32.             <p class="text">新青年国风社区</p>
    33. 

  33.             <div class="download">
    34. 

  34.               <div class="qr">
    35. 

  35.                 <img src="data:image/png;base64,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" alt="QRCode">
    36. 

  36.               </div>
    37. 

  37.               <div class="button">
    38. 

  38.                 <img class="button--ios" src="http://oss.caihongxingqiu.com/official/ios.png">
    39. 

  39.                 <img class="button--android" src="http://oss.caihongxingqiu.com/official/android.png" onclick="download()">
    40. 

  40.               </div>
    41. 

  41.             </div>
    42. 

  42.           </div>
    43. 

  43.         </div>
    44. 

  44.       </div>
    45. 

  45.     </div>
    46. 

  46.     <div class="section page page-2">
    47. 

  47.       <div class="wrap">
    48. 

  48.         <div class="wrap__layout">
    49. 

  49.           <div class="wrap__layout--box">
    50. 

  50.             <div class="content__box">
    51. 

  51.               <div class="content">
    52. 

  52.                 <p class="title"><span class="underline">内容</span>由你</p>
    53. 

  53.                 <p class="text">人人平权的社区系统</p>
    54. 

  54.                 <p class="text">每条内容都将收获等价的激励</p>
    55. 

  55.               </div>
    56. 

  56.               <div class="img">
    57. 

  57.                 <img src="http://oss.caihongxingqiu.com/official/phone1.png" alt="img">
    58. 

  58.               </div>
    59. 

  59.             </div>
    60. 

  60.           </div>
    61. 

  61.         </div>
    62. 

  62.       </div>
    63. 

  63.     </div>
    64. 

  64.     <div class="section page page-3">
    65. 

  65.       <div class="wrap">
    66. 

  66.         <div class="wrap__layout">
    67. 

  67.           <div class="wrap__layout--box">
    68. 

  68.             <div class="content__box right">
    69. 

  69.               <div class="img">
    70. 

  70.                 <img src="http://oss.caihongxingqiu.com/official/phone2.png" alt="img">
    71. 

  71.               </div>
    72. 

  72.               <div class="content">
    73. 

  73.                 <p class="title">好玩<span class="underline">由你</span></p>
    74. 

  74.                 <p class="text">脑洞大开的体力设定</p>
    75. 

  75.                 <p class="text">社区互动跨界融入游戏化规则</p>
    76. 

  76.               </div>
    77. 

  77.             </div>
    78. 

  78.           </div>
    79. 

  79.         </div>
    80. 

  80.       </div>
    81. 

  81.     </div>
    82. 

  82.     <div class="section page page-4">
    83. 

  83.       <div class="wrap">
    84. 

  84.         <div class="wrap__layout">
    85. 

  85.           <div class="wrap__layout--box">
    86. 

  86.             <div class="content__box">
    87. 

  87.               <div class="content">
    88. 

  88.                 <p class="title"><span class="underline">成就</span>由你</p>
    89. 

  89.                 <p class="text">打破固化的参与规则</p>
    90. 

  90.                 <p class="text">每个人都可以成为社区合伙人</p>
    91. 

  91.               </div>
    92. 

  92.               <div class="img">
    93. 

  93.                 <img src="http://oss.caihongxingqiu.com/official/phone3.png" alt="img">
    94. 

  94.               </div>
    95. 

  95.             </div>
    96. 

  96.           </div>
    97. 

  97.         </div>
    98. 

  98.       </div>
    99. 

  99.     </div>
    100. 

  100.     <div class="section page page-5">
    101. 

  101.       <div class="wrap">
    102. 

  102.         <div class="wrap__layout">
    103. 

  103.           <div class="wrap__layout--box">
    104. 

  104.             <div class="content__box right">
    105. 

  105.               <div class="img">
    106. 

  106.                 <img src="http://oss.caihongxingqiu.com/official/phone4.png" alt="img">
    107. 

  107.               </div>
    108. 

  108.               <div class="content">
    109. 

  109.                 <p class="title">价值<span class="underline">由你</span></p>
    110. 

  110.                 <p class="text">重视质量的激励策略</p>
    111. 

  111.                 <p class="text">优质内容可收获的激励无上限</p>
    112. 

  112.               </div>
    113. 

  113.             </div>
    114. 

  114.           </div>
    115. 

  115.         </div>
    116. 

  116.       </div>
    117. 

  117.     </div>
    118. 

  118.     <div class="section page page-6">
    119. 

  119.       <div class="wrap">
    120. 

  120.         <div class="wrap__layout">
    121. 

  121.           <div class="wrap__layout--box">
    122. 

  122.             <div class="content">
    123. 

  123.               <div class="title">关于我们</div>
    124. 

  124.               <div class="subtitle">由你——新青年国风社区</div>
    125. 

  125.               <p class="text">
    126. 

  126.                 由你是一款立足新国风，专为当代新青年提供的兴趣社交平台。帮助你迅速结识更多大佬和同好，掌握兴趣圈内最新动向。每个关于文化交流的声音都值得被尊重，每个人对社区的贡献都值得被纪录。不管你是大佬还是新人小白，都可以通过浏览，分享，评论，邀请等社区行为赚取对应的U米奖励兑换奖品，或是成为社区合伙人实现个人价值，为更多同好打造自由平等的精神家园。
    127. 

  127.               </p>
    128. 

  128.             </div>
    129. 

  129.           </div>
    130. 

  130.           <div class="footer">
    131. 

  131.             <div class="footer__item">
    132. 

  132.               <div class="info">联系人：张先生</div>
    133. 

  133.               <div class="info" style="margin: 0 .6rem;">地址: 陕西省西安市雁塔区翠华南路创意盒子20楼</div>
    134. 

  134.               <div class="info">联系电话: 17749037320</div>
    135. 

  135.             </div>
    136. 

  136.             <div class="footer__item" style="margin-top: .24rem;">
    137. 

  137.               <div class="info">商务合作邮箱: business@uptoyo.com</div>
    138. 

  138.               <div class="info" style="margin: 0 .6rem;">邮箱: report@uptoyo.com</div>
    139. 

  139.               <a href="http://beian.miit.gov.cn" target="_blank">琼ICP备19003173号-1</a>
    140. 

  140.             </div>
    141. 

  141.           </div>
    142. 

  142.         </div>
    143. 

  143.       </div>
    144. 

  144.     </div>
    145. 

  145.   </div>
    146. 

  146.   <script src="https://cdn.bootcss.com/fullPage.js/3.0.7/fullpage.min.js"></script>
    147. 

  147.   <script src="./index.js"></script>
    148. 

  148. </body>
    149. 

  149. </html>
    150.