about.blade.php 3.0 KB

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