works.php 7.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156
  1. <!--作品开始-->
  2. <div class="works-main">
  3. <div class="com_w">
  4. <div class="com_title">婚礼现场布置作品</div>
  5. <div id="myNiceCarousel2" class="carousel slide" data-ride="carousel" data-interval="0">
  6. <!-- 轮播项目 -->
  7. <div class="carousel-inner">
  8. <div class="item active">
  9. <div class="swiper-box">
  10. <img src="/images/glhs/hlxc/1.jpg" style="width:590px;height:590px;" />
  11. <img src="/images/glhs/hlxc/2.jpg" style="width:590px;height:590px;" />
  12. </div>
  13. </div>
  14. <div class="item">
  15. <div class="swiper-box">
  16. <img src="/images/glhs/hlxc/3.jpg" style="width:590px;height:590px;" />
  17. <img src="/images/glhs/hlxc/4.jpg" style="width:590px;height:590px;" />
  18. </div>
  19. </div>
  20. <div class="item">
  21. <div class="swiper-box">
  22. <img src="/images/glhs/hlxc/5.jpg" style="width:590px;height:590px;" />
  23. <img src="/images/glhs/hlxc/6.jpg" style="width:590px;height:590px;" />
  24. </div>
  25. </div>
  26. </div>
  27. <!-- 项目切换按钮 -->
  28. <a class="left carousel-control" href="#myNiceCarousel2" data-slide="prev">
  29. <img src="/images/glhs/pre.png"/>
  30. </a>
  31. <a class="right carousel-control" href="#myNiceCarousel2" data-slide="next">
  32. <img src="/images/glhs/next.png"/>
  33. </a>
  34. </div>
  35. <div class="com_title">主题会议现场布置作品</div>
  36. <div id="myNiceCarousel3" class="carousel slide" data-ride="carousel" data-interval="0">
  37. <!-- 轮播项目 -->
  38. <div class="carousel-inner">
  39. <div class="item active">
  40. <div class="swiper-box">
  41. <img src="/images/glhs/hy/1.jpg" style="width:590px;height:590px;" />
  42. <img src="/images/glhs/hy/2.jpg" style="width:590px;height:590px;" />
  43. </div>
  44. </div>
  45. <div class="item">
  46. <div class="swiper-box">
  47. <img src="/images/glhs/hy/3.jpg" style="width:590px;height:590px;" />
  48. <img src="/images/glhs/hy/4.jpg" style="width:590px;height:590px;" />
  49. </div>
  50. </div>
  51. <div class="item">
  52. <div class="swiper-box">
  53. <img src="/images/glhs/hy/5.jpg" style="width:590px;height:590px;" />
  54. <img src="/images/glhs/hy/6.jpg" style="width:590px;height:590px;" />
  55. </div>
  56. </div>
  57. </div>
  58. <!-- 项目切换按钮 -->
  59. <a class="left carousel-control" href="#myNiceCarousel3" data-slide="prev">
  60. <img src="/images/glhs/pre.png"/>
  61. </a>
  62. <a class="right carousel-control" href="#myNiceCarousel3" data-slide="next">
  63. <img src="/images/glhs/next.png"/>
  64. </a>
  65. </div>
  66. <div class="com_title">精美花束作品</div>
  67. <div id="myNiceCarousel4" class="carousel slide" data-ride="carousel" data-interval="0">
  68. <!-- 轮播项目 -->
  69. <div class="carousel-inner">
  70. <div class="item active">
  71. <div class="swiper-box">
  72. <img src="/images/glhs/hs/1.jpg" style="width:285px;height:285px;" />
  73. <img src="/images/glhs/hs/2.jpg" style="width:285px;height:285px;" />
  74. <img src="/images/glhs/hs/3.jpg" style="width:285px;height:285px;" />
  75. <img src="/images/glhs/hs/4.jpg" style="width:285px;height:285px;" />
  76. </div>
  77. </div>
  78. </div>
  79. <!-- 项目切换按钮 -->
  80. <a class="left carousel-control" href="#myNiceCarousel4" data-slide="prev">
  81. <img src="/images/glhs/pre.png"/>
  82. </a>
  83. <a class="right carousel-control" href="#myNiceCarousel4" data-slide="next">
  84. <img src="/images/glhs/next.png"/>
  85. </a>
  86. </div>
  87. <div class="com_title">节庆礼篮作品</div>
  88. <div id="myNiceCarousel5" class="carousel slide" data-ride="carousel" data-interval="0">
  89. <!-- 轮播项目 -->
  90. <div class="carousel-inner">
  91. <div class="item active">
  92. <div class="swiper-box">
  93. <img src="/images/glhs/hl/1.jpg" style="width:285px;height:285px;" />
  94. <img src="/images/glhs/hl/2.jpg" style="width:285px;height:285px;" />
  95. <img src="/images/glhs/hl/3.jpg" style="width:285px;height:285px;" />
  96. <img src="/images/glhs/hl/4.jpg" style="width:285px;height:285px;" />
  97. </div>
  98. </div>
  99. </div>
  100. <!-- 项目切换按钮 -->
  101. <a class="left carousel-control" href="#myNiceCarousel5" data-slide="prev">
  102. <img src="/images/glhs/pre.png"/>
  103. </a>
  104. <a class="right carousel-control" href="#myNiceCarousel5" data-slide="next">
  105. <img src="/images/glhs/next.png"/>
  106. </a>
  107. </div>
  108. <div class="com_title">婚庆套餐作品</div>
  109. <div id="myNiceCarousel5" class="carousel slide" data-ride="carousel" data-interval="0">
  110. <!-- 轮播项目 -->
  111. <div class="carousel-inner">
  112. <div class="item active">
  113. <div class="swiper-box">
  114. <img src="/images/glhs/hqtc/1.jpg" style="width:285px;height:285px;" />
  115. <img src="/images/glhs/hqtc/2.jpg" style="width:285px;height:285px;" />
  116. <img src="/images/glhs/hqtc/3.jpg" style="width:285px;height:285px;" />
  117. <img src="/images/glhs/hqtc/4.jpg" style="width:285px;height:285px;" />
  118. </div>
  119. </div>
  120. <div class="item">
  121. <div class="swiper-box">
  122. <img src="/images/glhs/works5.jpg" />
  123. <img src="/images/glhs/works5.jpg" />
  124. <img src="/images/glhs/works5.jpg" />
  125. <img src="/images/glhs/works5.jpg" />
  126. </div>
  127. </div>
  128. <div class="item">
  129. <div class="swiper-box">
  130. <img src="/images/glhs/works5.jpg" />
  131. <img src="/images/glhs/works5.jpg" />
  132. <img src="/images/glhs/works5.jpg" />
  133. <img src="/images/glhs/works5.jpg" />
  134. </div>
  135. </div>
  136. </div>
  137. <!-- 项目切换按钮 -->
  138. <a class="left carousel-control" href="#myNiceCarousel5" data-slide="prev">
  139. <img src="/images/glhs/pre.png"/>
  140. </a>
  141. <a class="right carousel-control" href="#myNiceCarousel5" data-slide="next">
  142. <img src="/images/glhs/next.png"/>
  143. </a>
  144. </div>
  145. </div>
  146. </div>
  147. <!--作品结束-->
  148. <div style="padding-bottom:40px;"> </div>