about.blade.php 3.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. @include('common.head')
  5. </head>
  6. <body>
  7. <div class="header">
  8. @include('common.header')
  9. </div>
  10. <div id="app">
  11. <!-- 导航栏 -->
  12. @include('audio.common.nav')
  13. </div>
  14. <!--- 首頁輪播 --->
  15. <div class="index-banner">
  16. <div class="swiper-container">
  17. <div class="swiper-wrapper">
  18. <div class="swiper-slide">
  19. <a href="https://download.yososoft.com/jimp/2.0.1/jimp_2.0.1.exe">
  20. <div class="banner-bg" style="background-image: url('/static/images/u26.jpg');"></div>
  21. </a>
  22. </div>
  23. <div class="swiper-slide">
  24. <a href="https://download.yososoft.com/YSRename/2.0.4/YSRename.exe">
  25. <div class="banner-bg" style="background-image: url('/static/images/rename/banner.png');"></div>
  26. </a>
  27. </div>
  28. </div>
  29. <!-- 如果需要分页器 -->
  30. <div class="swiper-pagination"></div>
  31. </div>
  32. </div>
  33. <!-- 公司简介 -->
  34. <div class="width-1200 index-product flex-start">
  35. <div class="introduce-detail">
  36. <div class="de-title" id="introduce1">
  37. <p class="name">关于我们</p>
  38. <p class="en-name">COMPANY PROFILE</p>
  39. </div>
  40. <div class="introduce-content">
  41. <p>
  42. 苏州助友办公软件有限公司是一个专注于办公软开发及推广的专业团队,成立于2018年6月,坐落于苏州工业园区通园路236号博济苏印智造501B。公司拥有一批优秀的技术团队,团队成员均具有多年的开发经验,开发经验丰富。</p>
  43. <p>
  44. 目前主要专注于Windows和Mac平台的PC软件以及iPhone和Android手机端应用,目前的产品主要由助友图片格式转换器、助友文件重命名、助友图片压缩器、助友水印软件、助友文件自动备份等软件,在行业内积累了丰富的经验,产品和服务在业内有着独特且领先的核心竞争力!</p>
  45. <div class="img-area">
  46. <img src="/static/images/29.png" style="width:40%;"/>
  47. <img src="/static/images/30.png" style="width:40%;"/>
  48. </div>
  49. </div>
  50. </div>
  51. </div>
  52. @include('common.footer')
  53. </div>
  54. </body>
  55. <script type="text/javascript" src="/static/public/swiper/swiper-4.3.3.min.js"></script>
  56. <script>
  57. new Vue({
  58. el: '#app',
  59. data: {},
  60. mounted: function () {
  61. var mySwiper = new Swiper('.swiper-container', {
  62. loop: true,
  63. // 如果需要分页器
  64. pagination: {
  65. el: '.swiper-pagination',
  66. }
  67. })
  68. var swiper = new Swiper('.brand-swiper', {
  69. slidesPerView: 5,
  70. spaceBetween: 15,
  71. freeMode: true,
  72. navigation: {
  73. nextEl: '.swiper-button-next',
  74. prevEl: '.swiper-button-prev',
  75. },
  76. });
  77. var swiper = new Swiper('.contact-swiper', {
  78. slidesPerView: 3,
  79. spaceBetween: 15,
  80. freeMode: true,
  81. navigation: {
  82. nextEl: '.swiper-button-next',
  83. prevEl: '.swiper-button-prev',
  84. },
  85. });
  86. },
  87. //方法
  88. methods: {},
  89. });
  90. </script>
  91. </html>