index_back.html 2.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677
  1. <!DOCTYPE html>
  2. <HTML lang="ko">
  3. <head>
  4. <meta charset="utf-8">
  5. <title>UPRO</title>
  6. <meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, width=device-width">
  7. <meta name="format-detection" content="telephone=no">
  8. <link rel="stylesheet" type="text/css" href="/m/css/swiper.min.css">
  9. <link rel="stylesheet" type="text/css" href="/m/css/common.css">
  10. <link rel="stylesheet" type="text/css" href="/m/css/main.css">
  11. <script type="text/javascript" charset="utf-8" src="/m/js/jquery-1.11.2.min.js"></script>
  12. <script type="text/javascript" charset="utf-8" src="/m/js/swiper.min.js"></script>
  13. <script type="text/javascript" charset="utf-8" src="/m/js/ui.js"></script>
  14. </head>
  15. <body>
  16. <!-- s : header -->
  17. <? include("inc/inc_header.php"); ?>
  18. <!-- // e : header -->
  19. <!-- s : container -->
  20. <section id="container">
  21. <section id="visual" class="swiper-container">
  22. <ul class="swiper-wrapper">
  23. <li class="swiper-slide"><img src="/img/@main_visual.jpg"></li>
  24. <li class="swiper-slide"><img src="/img/@main_visual02.jpg"></li>
  25. <!--<li class="swiper-slide"><img src="/img/@main_visual.jpg"></li>-->
  26. </ul>
  27. <div class="swiper-pagination"></div>
  28. </section>
  29. <section class="main_con1">
  30. <ul>
  31. <li><span></span>1분<br>간편신청</li>
  32. <li><span></span>최고가<br>경쟁입찰</li>
  33. <li><span></span>감가없이<br>판매완료</li>
  34. </ul>
  35. </section>
  36. <section class="main_con2">
  37. <dl class="mobile">
  38. <dt>스마트폰으로<br>쉽<em>/</em>고<em>/</em>빠<em>/</em>르<em>/</em>게</dt>
  39. <dd class="txt">중고차 딜러들의 경쟁 입찰로<br>타시던 차를 최고 매입가에 <br>판매하세요</dd>
  40. <dd class="btn"><a href="#">Google Play</a><a href="#">App Store</a></dd>
  41. </dl>
  42. </section>
  43. <section class="main_con3">
  44. <h2>실시간 접수 현황</h2>
  45. <p class="date">2018.10.17</p>
  46. <ul class="num_estimate">
  47. <li><em>23,431,845</em> 누적 견적 조회수</li>
  48. <li><em>5,658</em> 오늘의 견적 조회수</li>
  49. <li><em>80,659</em> 총 접수량</li>
  50. </ul>
  51. </section>
  52. </section>
  53. <!-- // e : container -->
  54. <!-- s : footer -->
  55. <? include("inc/inc_footer.html"); ?>
  56. <!-- // e : footer -->
  57. <script type="text/javascript">
  58. var swiper = new Swiper('.swiper-container', {
  59. speed : 1000,
  60. autoplay: {
  61. delay: 4500,
  62. disableOnInteraction: false,
  63. },
  64. loop : true,
  65. pagination: {
  66. el: '.swiper-pagination',
  67. clickable: true,
  68. },
  69. });
  70. </script>
  71. </body>
  72. </html>