index.html 14 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400
  1. <!DOCTYPE html>
  2. <html class="no-js"><!--<![endif]--><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  3. <title>源代宝-用技术和服务为个人创业赋能-北京时空之翼网络科技有限公司</title>
  4. <meta name="author" content="AGILE STUDIO">
  5. <meta name="description" content="我们是一只特立独行的技术团队,致力于结合先进AI技术创造工具型应用和服务,来为内容创客赋能,我们产品已累计服务10W+内容创作者和内容营销人员。">
  6. <!-- Mobile Specific Meta
  7. ================================================== -->
  8. <meta name="viewport" content="width=device-width, initial-scale=1">
  9. <!-- Favicon -->
  10. <link rel="shortcut icon" type="image/x-icon" href="./resource/favicon.ico">
  11. <!-- bootstrap.min css -->
  12. <link rel="stylesheet" href="./resource/bootstrap.min.css">
  13. <!-- CSS
  14. ================================================== -->
  15. <!-- Themefisher Icon font -->
  16. <link rel="stylesheet" href="./resource/style.css">
  17. <!-- Main Stylesheet -->
  18. <link rel="stylesheet" href="./resource/main.css">
  19. <style type="text/css">#_copy{align-items:center;background:#4494d5;border-radius:3px;color:#fff;cursor:pointer;display:flex;font-size:13px;height:30px;justify-content:center;position:absolute;width:60px;z-index:1000}#select-tooltip,#sfModal,.modal-backdrop,div[id^=reader-helper]{display:none!important}.modal-open{overflow:auto!important}._sf_adjust_body{padding-right:0!important}.enable_copy_btns_div{position:fixed;width:154px;left:10px;top:45%;background:#e7f1ff;border:2px solid #4595d5;font-weight:600;border-radius:2px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;z-index:5000}.enable_copy_btns_logo{width:100%;background:#4595d5;text-align:center;font-size:12px;color:#e7f1ff;line-height:30px;height:30px}.enable_copy_btns_btn{display:block;width:128px;height:28px;background:#7f5711;border-radius:4px;color:#fff;font-size:12px;border:0;outline:0;margin:8px auto;font-weight:700;cursor:pointer;opacity:.9}.enable_copy_btns_btn:hover{opacity:.8}.enable_copy_btns_btn:active{opacity:1}</style><style type="text/css">
  20. #arrow[data-v-20b7fd4a],
  21. #arrow[data-v-20b7fd4a]::before {
  22. transition: background 250ms ease-in-out;
  23. position: absolute;
  24. width: calc(10px - var(--popper-theme-border-width, 0px));
  25. height: calc(10px - var(--popper-theme-border-width, 0px));
  26. box-sizing: border-box;
  27. background: var(--popper-theme-background-color);
  28. }
  29. #arrow[data-v-20b7fd4a] {
  30. visibility: hidden;
  31. }
  32. #arrow[data-v-20b7fd4a]::before {
  33. visibility: visible;
  34. content: "";
  35. transform: rotate(45deg);
  36. }
  37. /* Top arrow */
  38. .popper[data-popper-placement^="top"] > #arrow[data-v-20b7fd4a] {
  39. bottom: -5px;
  40. }
  41. .popper[data-popper-placement^="top"] > #arrow[data-v-20b7fd4a]::before {
  42. border-right: var(--popper-theme-border-width)
  43. var(--popper-theme-border-style) var(--popper-theme-border-color);
  44. border-bottom: var(--popper-theme-border-width)
  45. var(--popper-theme-border-style) var(--popper-theme-border-color);
  46. }
  47. /* Bottom arrow */
  48. .popper[data-popper-placement^="bottom"] > #arrow[data-v-20b7fd4a] {
  49. top: -5px;
  50. }
  51. .popper[data-popper-placement^="bottom"] > #arrow[data-v-20b7fd4a]::before {
  52. border-left: var(--popper-theme-border-width)
  53. var(--popper-theme-border-style) var(--popper-theme-border-color);
  54. border-top: var(--popper-theme-border-width)
  55. var(--popper-theme-border-style) var(--popper-theme-border-color);
  56. }
  57. /* Left arrow */
  58. .popper[data-popper-placement^="left"] > #arrow[data-v-20b7fd4a] {
  59. right: -5px;
  60. }
  61. .popper[data-popper-placement^="left"] > #arrow[data-v-20b7fd4a]::before {
  62. border-right: var(--popper-theme-border-width)
  63. var(--popper-theme-border-style) var(--popper-theme-border-color);
  64. border-top: var(--popper-theme-border-width)
  65. var(--popper-theme-border-style) var(--popper-theme-border-color);
  66. }
  67. /* Right arrow */
  68. .popper[data-popper-placement^="right"] > #arrow[data-v-20b7fd4a] {
  69. left: -5px;
  70. }
  71. </style><style type="text/css">
  72. .inline-block[data-v-5784ed69] {
  73. display: inline-block;
  74. }
  75. .popper[data-v-5784ed69] {
  76. transition: background 250ms ease-in-out;
  77. background: var(--popper-theme-background-color);
  78. padding: var(--popper-theme-padding);
  79. color: var(--popper-theme-text-color);
  80. border-radius: var(--popper-theme-border-radius);
  81. border-width: var(--popper-theme-border-width);
  82. border-style: var(--popper-theme-border-style);
  83. border-color: var(--popper-theme-border-color);
  84. box-shadow: var(--popper-theme-box-shadow);
  85. z-index: var(--c81fc0a4);
  86. }
  87. .popper[data-v-5784ed69]:hover,
  88. .popper:hover > #arrow[data-v-5784ed69]::before {
  89. background: var(--popper-theme-background-color-hover);
  90. }
  91. .inline-block[data-v-5784ed69] {
  92. display: inline-block;
  93. }
  94. .fade-enter-active[data-v-5784ed69],
  95. .fade-leave-active[data-v-5784ed69] {
  96. transition: opacity 0.2s ease;
  97. }
  98. .fade-enter-from[data-v-5784ed69],
  99. .fade-leave-to[data-v-5784ed69] {
  100. opacity: 0;
  101. }
  102. </style></head>
  103. <body id="body">
  104. <!--
  105. Fixed Navigation
  106. ==================================== -->
  107. <section class="header navigation">
  108. <div class="container">
  109. <div class="row">
  110. <div class="col-md-12">
  111. <nav class="navbar navbar-expand-md">
  112. <a class="navbar-brand" href="https://www.yuandaibao.com/">
  113. 源代宝
  114. </a>
  115. <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
  116. <span class="tf-ion-android-menu"></span>
  117. </button>
  118. <div class="collapse navbar-collapse" id="navbarSupportedContent">
  119. <ul class="navbar-nav ml-auto">
  120. <li class="nav-item">
  121. <a class="nav-link" href="#contact">联系我们</a>
  122. </li>
  123. <li class="nav-item">
  124. <a class="nav-link" href="https://blog.yuandaibao.com/">团队博客</a>
  125. </li>
  126. </ul>
  127. </div>
  128. </nav>
  129. </div>
  130. </div>
  131. </div>
  132. </section>
  133. <!--
  134. Welcome Slider
  135. ==================================== -->
  136. <section class="hero-area">
  137. <div class="container">
  138. <div class="row">
  139. <div class="col-md-6 hero-slogan">
  140. <div class="block">
  141. <p>我们致力于结合先进互联网技术创造工具型应用和服务,帮助个人创业者高效创作内容和资源变现,建立个人品牌,获得商业上的成功。</p>
  142. <p>成为源主,您可以:</p>
  143. <p>1、在微信生态圈拥有自己的资源交易与运营系统;</p>
  144. <p>2、打通第三方电商,自动上架并自动同步订单;</p>
  145. <p>3、链接自媒体平台,从公域获客。</p>
  146. </div>
  147. </div>
  148. <div class="col-md-6">
  149. <img src="./resource/engineering_team.svg" class="img-fluid">
  150. </div>
  151. </div>
  152. </div>
  153. </section>
  154. <!--
  155. Start Blog Section
  156. =========================================== -->
  157. <section class="blog section" id="blog">
  158. <div class="container">
  159. <div class="row">
  160. <div class="col">
  161. <div class="title text-center">
  162. <h4>PRODUCT</h4>
  163. <h2>产品</h2>
  164. <span class="border"></span>
  165. <p>创造有用又简单实用的产品,是我们努力的方向</p>
  166. </div>
  167. </div>
  168. </div>
  169. <div class="row">
  170. <!-- single blog post -->
  171. <article class="col-12 col-md-4">
  172. <div class="post-item">
  173. <div class="post-thumb">
  174. <img class="img-fluid shadow rounded" src="./resource/h1.png" alt="资源供货平台">
  175. </div>
  176. <div class="post-content">
  177. <p>提供资源进货渠道,源主可以加入源小货,为其他源主供货</p>
  178. </div>
  179. <div style="display: none" class="text-center"><a class="btn btn-main" href="https://zm.agilestudio.cn/">查看</a></div>
  180. </div>
  181. </article>
  182. <!-- /single blog post -->
  183. <!-- single blog post -->
  184. <article class="col-12 col-md-4">
  185. <div class="post-item">
  186. <div class="post-thumb">
  187. <img class="img-fluid shadow rounded" src="./resource/h2.png" alt="佣金任务发布台">
  188. </div>
  189. <div class="post-content">
  190. <p>完成某种特定的任务获取佣金
  191. </p>
  192. </div>
  193. <div style="display: none" class="text-center"><a class="btn btn-main" href="https://wwww.33subs.com/">查看</a></div>
  194. </div>
  195. </article>
  196. <!-- end single blog post -->
  197. <!-- single blog post -->
  198. <article class="col-12 col-md-4">
  199. <div class="post-item">
  200. <div class="post-thumb">
  201. <img class="img-fluid shadow rounded" src="./resource/h3.png" alt="智能推广素材生成工具">
  202. </div>
  203. <div class="post-content">
  204. <p>AI 生成自媒体宣传素材,支持一键合成视频,让内容创作变得更有效率。
  205. </p>
  206. </div>
  207. <div style="display: none" class="text-center"><a class="btn btn-main" href="https://fse.agilestudio.cn/">查看</a></div>
  208. </div>
  209. </article>
  210. <!-- end single blog post -->
  211. <article class="col-12 col-md-4" style="display:none">
  212. <div class="post-item">
  213. <div class="post-thumb">
  214. <img class="img-fluid shadow rounded" src="./resource/h4.png" alt="智能推广素材生成工具">
  215. </div>
  216. <div class="post-content">
  217. <p>智能推广素材生成工具
  218. </p>
  219. </div>
  220. <div style="display: none" class="text-center"><a class="btn btn-main" href="https://fse.agilestudio.cn/">查看</a></div>
  221. </div>
  222. </article>
  223. </div> <!-- end row -->
  224. </div> <!-- end container -->
  225. </section> <!-- end section -->
  226. <!--
  227. <section class="team section bg-gray" id="team">
  228. <div class="container">
  229. <div class="row">
  230. <div class="col">
  231. <div class="title text-center">
  232. <h4>TEAM</h4>
  233. <h2>成员</h2>
  234. <span class="border"></span>
  235. <p>我们来自中国五湖四海,却囿于昼夜、面包与爱。</p>
  236. </div>
  237. </div>
  238. </div>
  239. <div class="row members-box">
  240. <div class="col-12 col-md-3 col-sm-6">
  241. <div class="team-member text-center">
  242. <div class="member-content">
  243. <h3>Rabin</h3>
  244. <p>百万营收独立产品开发者</p>
  245. </div>
  246. </div>
  247. </div>
  248. <div class="col-12 col-md-3 col-sm-6">
  249. <div class="team-member text-center">
  250. <div class="member-content">
  251. <h3>南亮</h3>
  252. <p>全栈开发,前腾讯高级工程师</p>
  253. </div>
  254. </div>
  255. </div>
  256. <div class="col-12 col-md-3 col-sm-6">
  257. <div class="team-member text-center">
  258. <div class="member-content">
  259. <h3>MIO</h3>
  260. <p>海外背景运营小姐姐</p>
  261. </div>
  262. </div>
  263. </div>
  264. <div class="col-12 col-md-3 col-sm-6">
  265. <div class="team-member text-center">
  266. <div class="member-content">
  267. <h3>MIO</h3>
  268. <p>海外背景运营小姐姐</p>
  269. </div>
  270. </div>
  271. </div>
  272. </div>
  273. </div>
  274. </section>
  275. -->
  276. <!-- Srart Contact Us
  277. =========================================== -->
  278. <section class="contact-us section bg-gray" id="contact">
  279. <div class="container">
  280. <div class="row">
  281. <div class="col">
  282. <div class="title text-center">
  283. <h4>CONNECT</h4>
  284. <h2>联系</h2>
  285. <span class="border"></span>
  286. <p>你可以通过以下的方式找到我们</p>
  287. </div>
  288. </div>
  289. </div>
  290. <div class="row">
  291. <div class="col-12 col-md-4">
  292. <div class="phone-block contact-meta-block">
  293. <i class="tf-ion-ios-telephone"></i>
  294. <h4>联系方式</h4>
  295. <p>
  296. 2934170@qq.com
  297. </p>
  298. </div>
  299. </div>
  300. <div class="col-12 col-md-4">
  301. <div class="address-block contact-meta-block">
  302. <i class="tf-ion-android-pin"></i>
  303. <h4>我们的位置</h4>
  304. <p>
  305. 北京市朝阳区<br>
  306. 光华路2号院6号<br>
  307. </p>
  308. </div>
  309. </div>
  310. <div class="col-12 col-md-4">
  311. <div class="social-icons-block contact-meta-block">
  312. <i class="tf-ion-ios-contact"></i>
  313. <h4>社交账号</h4>
  314. <ul class="list-inline social-icon">
  315. <li class="list-inline-item"><a target="_blank" href="https://www.zhihu.com/people/yuandaibao/"><i class="iconfont icon-zhihu-copy"></i></a></li>
  316. </ul>
  317. </div>
  318. </div>
  319. </div>
  320. </div> <!-- end container -->
  321. </section> <!-- end section -->
  322. <footer id="footer" class="bg-one">
  323. <div class="top-footer">
  324. <div class="container">
  325. <div class="row">
  326. <div class="col-sm-3 col-md-3 col-lg-3">
  327. <h3>源代宝</h3>
  328. <p>北京时空之翼网络科技有限公司.</p>
  329. <p>由资深工程师团队组成,致力于开发先进的 个人创业 工具型应用。</p>
  330. </div>
  331. <!-- End of .col-sm-3 -->
  332. <div class="col-sm-3 col-md-3 col-lg-3">
  333. <h3>合作</h3>
  334. <ul>
  335. <li><a href="mailto:2934170@qq.com">EMAIL</a></li>
  336. </ul>
  337. </div>
  338. <!-- End of .col-sm-3 -->
  339. <div class="col-sm-3 col-md-3 col-lg-3">
  340. <h3>链接</h3>
  341. <ul>
  342. <li><a href="https://www.yuandaibao.com/">源代宝</a></li>
  343. <li><a href="https://www.shemic.com/">神秘城</a></li>
  344. <li><a href="https://www.xinnongbaohe.com/">新农宝盒</a></li>
  345. </ul>
  346. </div>
  347. <!-- End of .col-sm-3 -->
  348. <div class="col-sm-3 col-md-3 col-lg-3">
  349. <h3>微信公众号</h3>
  350. <img src="./resource/qrcode.jpg" class="qr-wechat">
  351. </div>
  352. <!-- End of .col-sm-3 -->
  353. </div>
  354. </div> <!-- end container -->
  355. </div>
  356. <div class="footer-bottom">
  357. <h5>Copyright 2024. 北京时空之翼网络科技有限公司. All rights reserved.</h5>
  358. <h6>备案信息公示: <a href="https://beian.miit.gov.cn/" target="_blank">京ICP备2021025440号-1</a></h6>
  359. </div>
  360. </footer> <!-- end footer -->
  361. <!-- end Footer Area
  362. ========================================== -->
  363. <!--
  364. Essential Scripts
  365. =====================================-->
  366. <!-- Main jQuery -->
  367. <script src="./resource/jquery.min.js"></script>
  368. <!-- Bootstrap 4 -->
  369. <script src="./resource/bootstrap.min.js"></script>
  370. <script src="./resource/script.js"></script>
  371. </html>