about_us.html 2.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  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.0">
  6. <meta http-equiv="X-UA-Compatible" content="ie=edge">
  7. <title>关于友期</title>
  8. <style type="text/css">
  9. body{
  10. font: 14px/1.5 Arial,verdana,'Hiragino Sans GB','Microsoft Yahei',sans-serif;
  11. font-family: PingFangSC-Regular, Roboto-Regular;
  12. -webkit-font-smoothing:antialiased;
  13. margin: 0;
  14. padding-bottom:constant(safe-area-inset-bottom);
  15. }
  16. h1{
  17. width: 100%;
  18. text-align: center;
  19. font-size: 16px;
  20. font-weight: 600;
  21. }
  22. h2{
  23. width: 100%;
  24. text-align: left;
  25. font-size: 14px;
  26. font-weight: 400;
  27. }
  28. .box{
  29. display: flex;;
  30. flex-direction: column;
  31. margin: 16px;
  32. }
  33. </style>
  34. </head>
  35. <body>
  36. <script>
  37. (function (doc, win) {
  38. var docEl = doc.documentElement,
  39. resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
  40. recalc = function () {
  41. var clientWidth = docEl.clientWidth;
  42. if (!clientWidth) return;
  43. // 最大宽度
  44. clientWidth = clientWidth > 640 ? 640 : clientWidth
  45. var fontSize = clientWidth / 7.5;
  46. docEl.style.fontSize = fontSize + 'px';
  47. };
  48. if (!doc.addEventListener) return;
  49. win.addEventListener(resizeEvt, recalc, false);
  50. doc.addEventListener('DOMContentLoaded', recalc, false);
  51. })(document, window);
  52. </script>
  53. <div class="box">
  54. <h1>友期app是一款基于音乐短视频社交App。</h1>
  55. <h2>用户可以在上面真实的表达自己,打造全新的社交身份。产品通过“ai智能算法的匹配”一键推荐用户可能喜欢的人,让用户通过在友期上和聊得来的 朋友沟通和交流来降低孤独感,提升幸福感。</h2>
  56. <h2>友期app打造了全新的线上社交网络,每天有数百万的年轻人在友期上分享心情,更有不计其数的小伙伴在友期上相遇,成为了真正的朋友和伴侣。</h2>
  57. <h2>读万卷书不如行万里路,行万里路不如见万个人。友期app的愿景是让天下没有孤独的人,我们秉着善意、平等、高效和创新的价值观,并希望人们 能从不断的交流中,实现成长,收获善意和快乐,从而使整个社会的快乐程度提升。</h2>
  58. </div>
  59. </body>
  60. </html>