index.php 9.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233
  1. <?php
  2. use yii\helpers\Url;
  3. ?>
  4. <!DOCTYPE html>
  5. <html lang="zh-CN">
  6. <head>
  7. <meta charset="utf-8">
  8. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  9. <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
  10. <title>豪省心</title>
  11. <link rel="stylesheet" href="/extension/css/swiper-3.4.2.min.css">
  12. <link rel="stylesheet" href="/extension/css/base.css?2018">
  13. </head>
  14. <body>
  15. <div class="banner">
  16. <div class="top_logo">
  17. <img src="/extension/images/logo.png" alt="">
  18. </div>
  19. <div class="swiper-container banner_info">
  20. <div class="swiper-wrapper">
  21. <div class="swiper-slide">
  22. <img src="/extension/images/banner.jpg" />
  23. </div>
  24. <div class="swiper-slide">
  25. <img src="/extension/images/banner2.jpg" />
  26. </div>
  27. <div class="swiper-slide">
  28. <img src="/extension/images/banner3.jpg" />
  29. </div>
  30. <div class="swiper-slide">
  31. <img src="/extension/images/banner4.jpg" />
  32. </div>
  33. </div>
  34. <div class="swiper-pagination"></div>
  35. </div>
  36. </div>
  37. <div class="container">
  38. <div class="title img1">
  39. <img src="/extension/images/Company-profile.png" alt="">
  40. </div>
  41. <p>
  42. &nbsp;&nbsp;&nbsp;&nbsp;豪省心装修导航平台是厦门龙装素果网络科技有限公司旗下的装修行业门户网站,专注于运用互联网的力量推动传统装修行业的消费升级。我们独创的“装修导航”新零售模式,搭建了类似滴滴叫车的导航信息平台,在平台上即可获得装修新房所需的一切资讯,客户通过网站强大的共享资源,能够迅速、全面、优质地获取设计师及施工人员的相关信息,解决装修过程中会遇到的问题,监督工程进度,真正实现客户、装饰公司、建材商、设计师和装修工人“五维一体”线上线下的无限沟通,极大提高客户装修的效率。
  43. 装修有烦恼,就找豪省心。
  44. </p>
  45. <h2>装修有烦恼 就找豪省心&nbsp;&nbsp;</h2>
  46. <p>
  47. &nbsp;&nbsp;&nbsp;&nbsp;楼盘附近的实景样板房,在线工地,建材商,工人,设计师,装修公司都在豪省心装修导航平台。
  48. </p>
  49. <h2>我们的服务主要有:</h2>
  50. <p>
  51. 1.&nbsp;&nbsp;在业界率先推出看附近实景样板房的服务,让业主更真实地体验装修效果;<br>
  52. 2.&nbsp;&nbsp;提供免费量房、设计、报价优惠套餐等等多方位服务,帮助客户拟定最适合的家装方案;<br>
  53. 3.&nbsp;&nbsp;在平台上搜索装修建材,比传统地到处跑家装商城更有效率更省心省钱。<br>
  54. 4.&nbsp;&nbsp;在平台上实现与设计师和施工人员的无缝对接,让装修有专业指导,免后顾之忧。<br>
  55. </p>
  56. <p>
  57. &nbsp;&nbsp;&nbsp;&nbsp;豪省心装修导航平台不仅作为一种纯粹的商业交流模式出现,同时是一个集合全国装饰咨询最大规模的网络平台。它不仅涵盖辐射城市里的装饰企业名录、全面的建材产品、优质设计师和施工队伍,同时也承担行业相关资讯发布、更新和交流的功能,因此,它的创新将对装修行业产生深远影响。
  58. </p>
  59. <p>
  60. &nbsp;&nbsp;&nbsp;&nbsp;豪省心装修导航平台将入驻全国各地新老小区,联合开发商物业,并在线下线上全渠道进行推广,为商家带来源源不断的精准客源,同时也是装修企业打造良好企业形象的优质平台。
  61. </p>
  62. <p class="img">
  63. <img src="/extension/images/souye.png" alt="">
  64. <img src="/extension/images/xianqin.png" alt="">
  65. </p>
  66. <div class="title img2">
  67. <img src="/extension/images/sk.png" alt="">
  68. </div>
  69. <ul>
  70. <li>
  71. <span>1</span>装修样板房和工地无限量的上传,增加样板房和工地的曝光率,在豪省心装修导航的地图上显示,可以吸引更多的业主来参观样板房和工地,看到装修真实效果,了解装修公司工艺。
  72. </li>
  73. <li>
  74. <span>2</span>豪省心装修导航随机推荐,优先推荐合作商家的样板房和工地案例。
  75. </li>
  76. <li>
  77. <span>3</span>预约参观样板房和工地的业主可以不经过平台客服直接后台对接。
  78. </li>
  79. <li>
  80. <span>4</span>免费参与平台举办的一些线下活动。
  81. </li>
  82. <li>
  83. <span>5</span>样板房和工地营销活动,看样板房和工地,送红包的配合举办。
  84. </li>
  85. <li>
  86. <span>6</span>预约参观样板房和工地的业主信息免费对接。
  87. </li>
  88. <li>
  89. <span>7</span>豪省心装修导航平台即将入驻全国各地新建小区、联合开发商物业,并在公交、户外、腾讯、阿里、百度、今日头条、线上、线下全渠道进行推广,为您带来源源不断的精准客源,同时也是装修企业打造良好企业形象的优质平台。
  90. </li>
  91. </ul>
  92. <!-- Swiper -->
  93. <div class="swiper-container imgSwiper">
  94. <div class="swiper-wrapper">
  95. <div class="swiper-slide">
  96. <img src="/extension/images/z1.png" alt="">
  97. </div>
  98. <div class="swiper-slide">
  99. <img src="/extension/images/z2.png" alt="">
  100. </div>
  101. <div class="swiper-slide">
  102. <img src="/extension/images/z3.png" alt="">
  103. </div>
  104. <div class="swiper-slide">
  105. <img src="/extension/images/z4.png" alt="">
  106. </div>
  107. <div class="swiper-slide">
  108. <img src="/extension/images/z5.png" alt="">
  109. </div>
  110. <div class="swiper-slide">
  111. <img src="/extension/images/z6.png" alt="">
  112. </div>
  113. </div>
  114. </div>
  115. <div class="qrcode">
  116. <h3>扫一扫随时随地看工地</h3>
  117. <div class="info">
  118. <img src="/extension/images/qrcode.png" alt="">
  119. </div>
  120. <b>400-0592-018</b>
  121. <p>全国服务热线</p>
  122. </div>
  123. <div class="address">
  124. <div class="left">
  125. 地址:
  126. </div>
  127. <div class="right">
  128. <p>厦门市湖里区高新技术园恒辉大厦402号</p>
  129. <p>厦门市集美区软件园三期06栋1702B</p>
  130. </div>
  131. </div>
  132. </div>
  133. <footer>
  134. <div class="title">入驻申请</div>
  135. <form method="post" id="formInfo">
  136. <div class="checkbox">
  137. <div class="info">
  138. <input type="radio" id="yz" value="<?= \common\models\User::USER_ROLE_COMMON ?>" name="Share[role]">
  139. <label for="yz">我是业主</label>
  140. </div>
  141. <div class="info">
  142. <input type="radio" id="zx" value="<?= \common\models\User::USER_ROLE_DECORATE ?>" name="Share[role]">
  143. <label for="zx">我是装修公司</label>
  144. </div>
  145. <div class="info">
  146. <input type="radio" id="jc" value="<?= \common\models\User::USER_ROLE_MATER ?>" name="Share[role]">
  147. <label for="jc">我是建材商</label>
  148. </div>
  149. </div>
  150. <ul>
  151. <li>
  152. <input type="text" name="Share[name]" placeholder="请输入姓名">
  153. </li>
  154. <li>
  155. <input type="tel" name="Share[tel]" placeholder="请输入联系电话">
  156. </li>
  157. <li>
  158. <a href="javascript:;" class="submit">立即申请</a>
  159. </li>
  160. <input type="hidden" name="<?= Yii::$app->request->csrfParam;?>" value="<?=Yii::$app->request->csrfToken;?>" />
  161. </ul>
  162. </form>
  163. </footer>
  164. <script src="/extension/js/jquery.min.js"></script>
  165. <script src="/extension/js/swiper-3.4.2.min.js"></script>
  166. <script>
  167. $('.submit').on('click',function(){
  168. var role = $('input[name="Share[role]"]:checked').val();
  169. var name = $.trim($('input[name="Share[name]"]').val());
  170. var tel = $('input[name="Share[tel]"]').val();
  171. if(role == undefined)
  172. {
  173. alert('请选择角色');
  174. return false;
  175. }
  176. if(name=='')
  177. {
  178. alert('请输入姓名');
  179. return false;
  180. }
  181. var tel_reg =/^1[34578][0-9]{9}$/;
  182. if(!tel_reg.test(tel))
  183. {
  184. alert('请请输入正确的手机号');
  185. return false;
  186. }
  187. $.ajax({
  188. url: '<?=Url::toRoute(['share/insert'])?>',
  189. type: 'POST',
  190. dataType:"json",
  191. data: $('#formInfo').serialize(),
  192. success: function (data) {
  193. if(data.sign==1)
  194. $('#formInfo').get(0).reset();
  195. alert(data.msg);
  196. }
  197. });
  198. })
  199. // banner
  200. var swiper = new Swiper('.banner_info',{
  201. autoplay: 5000,
  202. pagination : '.swiper-pagination',
  203. paginationClickable :true
  204. });
  205. var windowWidth = document.body.clientWidth;
  206. if ( windowWidth <= 767){
  207. // Swiper
  208. var swiper = new Swiper('.imgSwiper', {
  209. slidesPerView: 3, // 显示栏数
  210. spaceBetween: 10, // 间距
  211. freeMode: false // 自由滑动
  212. });
  213. }else {
  214. // Swiper
  215. var swiper = new Swiper('.imgSwiper', {
  216. slidesPerView: 4, // 显示栏数
  217. spaceBetween: 20, // 间距
  218. freeMode: false // 自由滑动
  219. });
  220. }
  221. </script>
  222. </body>
  223. </html>