document.write('
Data hosted with ♥ by Pastebin.com - Download Raw - See Original
  1. <!DOCTYPE html>
  2. <html lang="en">
  3.  
  4. <head>
  5.     <meta charset="UTF-8">
  6.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  7.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  8.  
  9.     <link rel="stylesheet" href="https://unpkg.com/swiper@7/swiper-bundle.min.css" />
  10.  
  11.     <!-- font awesome cdn link  -->
  12.     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
  13.  
  14.     <!-- custom css file link  -->
  15.     <link rel="stylesheet" href="css/style.css">
  16.     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css" />
  17.     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  18.     <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css">
  19.  
  20.  
  21.     <style>
  22.         .mybuttonWA {
  23.             margin: 0;
  24.             padding: 0;
  25.             text-align: center;
  26.             position: fixed;
  27.             bottom: 35px;
  28.             right: 45px
  29.         }
  30.  
  31.         .buttonWA {
  32.             font-size: 17px;
  33.             color: #f0e2dd;
  34.             background: #1fe76e;
  35.             padding: 10px;
  36.             margin: 0;
  37.             overflow: hidden;
  38.             border-radius: 3px;
  39.             text-decoration: none
  40.         }
  41.  
  42.         .mybuttonWA .buttonWA:hover {
  43.             background: #62abd0
  44.         }
  45.  
  46.         .mybuttonWA2 {
  47.             margin: 0;
  48.             padding: 0;
  49.             text-align: center;
  50.             position: fixed;
  51.             bottom: 85px;
  52.             right: 45px
  53.         }
  54.  
  55.         .buttonWA2 {
  56.             font-size: 17px;
  57.             color: #000000;
  58.             background: #cacfcc;
  59.             padding: 10px;
  60.             margin: 0;
  61.             overflow: hidden;
  62.             border-radius: 3px;
  63.             text-decoration: none
  64.         }
  65.  
  66.         .mybuttonWA2 .buttonWA2:hover {
  67.             background: #62abd0
  68.         }
  69.     </style>
  70.  
  71.     <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
  72.  
  73. </head>
  74.  
  75. <body>
  76.  
  77.     <header class="header">
  78.  
  79.         <div id="menu-btn" class="fas fa-bars"></div>
  80.  
  81.         <a href="#" class="logo"> <img src="image/logo-new.png" width="150"> </a>
  82.  
  83.         <nav class="navbar">
  84.             <a href="#home">home</a>
  85.             <a href="#vehicles">vehicles</a>
  86.             <a href="#services">services</a>
  87.             <a href="#featured">featured</a>
  88.             <a href="#reviews">reviews</a>
  89.             <a href="#contact">contact</a>
  90.         </nav>
  91.  
  92.         <div id="login-btn">
  93.             <button class="btn">login</button>
  94.             <i class="far fa-user"></i>
  95.         </div>
  96.  
  97.     </header>
  98.  
  99.     <div class="login-form-container">
  100.  
  101.         <span id="close-login-form" class="fas fa-times"></span>
  102.  
  103.         <form action="">
  104.             <h3>user login</h3>
  105.             <input type="email" placeholder="Email" class="box">
  106.             <input type="password" placeholder="Password" class="box">
  107.             <p> forget your password <a href="#">click here</a> </p>
  108.             <input type="submit" value="login" class="btn">
  109.             <p>or login with</p>
  110.             <div class="buttons">
  111.                 <a href="#" class="btn"> google </a>
  112.                 <a href="#" class="btn"> facebook </a>
  113.             </div>
  114.             <p> don\'t have an account <a href="#">create one</a> </p>
  115.         </form>
  116.  
  117.     </div>
  118.  
  119.     <div id=\'whatsapp-chat\' class=\'hide\'>
  120.         <div class=\'header-chat\'>
  121.             <div class=\'head-home\'>
  122.                 <h3>Hello!</h3>
  123.                 <p>Selamat datang di Aplikasi untuk membantu kamu apabila ada kendala
  124.                     customer-care@toyota.astra.co.id</p>
  125.             </div>
  126.             <div class=\'get-new hide\'>
  127.                 <div id=\'get-label\'></div>
  128.                 <div id=\'get-nama\'></div>
  129.             </div>
  130.         </div>
  131.         <div class=\'home-chat\'>
  132.             <!-- Info Contact Start -->
  133.             <!-- <a class=\'informasi\' href=\'javascript:void\' title=\'Chat Whatsapp\'>
  134.                <div class=\'info-avatar\'><img
  135.                        src=\'https://2.bp.blogspot.com/-y6xNA_8TpFo/XXWzkdYk0MI/AAAAAAAAA5s/RCzTBJ_FbMwVt5AEZKekwQqiDNqdNQJjgCLcBGAs/s70/supportmale.png\' />
  136.                </div>
  137.                <div class=\'info-chat\'>
  138.                    <span class=\'chat-label\'>Support</span>
  139.                    <span class=\'chat-nama\'>Udin</span>
  140.                </div><span class=\'my-number\'>6281977094280</span>
  141.            </a> -->
  142.             <!-- Info Contact End -->
  143.             <!-- Info Contact Start -->
  144.             <a class=\'informasi\' href=\'javascript:void\' title=\'Chat Whatsapp\'>
  145.                 <div class=\'info-avatar\'><img src=\'image/tasia.png\' />
  146.                 </div>
  147.                 <div class=\'info-chat\'>
  148.                     <span class=\'chat-label\'>Support</span>
  149.                     <span class=\'chat-nama\'>Tasia</span>
  150.                 </div>
  151.             </a>
  152.             <!-- Info Contact End -->
  153.             <div class=\'blanter-msg\'>Hubungi kami atau tekan nomor ini <b><a
  154.                        href="https://api.whatsapp.com/send?phone=6282289802000&amp;text=Halo%20Admin%20Apa%20Kabar">+628
  155.                         22-8980-2000</a></b></a> layanan mulai <i>0:00 hingga 24:00</i></div>
  156.         </div>
  157.         <div class=\'start-chat hide\'>
  158.             <div class=\'first-msg\'><span>Hallo! Apa yang bisa kubantu ? Apakah mobilnya sudah servis ?</span></div>
  159.             <div class=\'blanter-msg\'><textarea id=\'chat-input\' placeholder=\'Write a response\' maxlength=\'120\'
  160.                    row=\'1\'></textarea>
  161.                 <a href=\'javascript:void;\' id=\'send-it\'>Send</a></div>
  162.         </div>
  163.         <div id=\'get-number\'></div><a class=\'close-chat\' href=\'javascript:void\'>×</a>
  164.     </div>
  165.     <a class=\'blantershow-chat\' href=\'javascript:void\' title=\'Show Chat\'><i class=\'fab fa-rocketchat\'></i>Tanya
  166.         Tasia</a>
  167.  
  168.     <!-- <div class="mybuttonWA">
  169.        <a class="buttonWA" href="https://api.whatsapp.com/send?phone=6282289602000&amp;text=Halo%20Admin%20Apa%20Kabar"
  170.            rel="nofollow" target="_blank"><i class="fa fa-whatsapp"> </i> WhatsApp</a>
  171.    </div> -->
  172.  
  173.     <!-- <div class="mybuttonWA2">
  174.        <a class="buttonWA2"
  175.            href="https://api.whatsapp.com/send?phone=6282289802000&amp;text=Halo%20Admin%20Apa%20Kabar" rel="nofollow"
  176.            target="_blank">Tanya Tasia <img src="image/tasia.png" alt="tasia" width="50px" height="55px"> </a>
  177.    </div> -->
  178.  
  179.  
  180.  
  181.     <section class="home" id="home">
  182.         <h3 data-speed="-2" class="home-parallax">find your car</h3>
  183.         <img data-speed="5" class="home-parallax" src="image/home-img.png" alt="">
  184.         <a data-speed="7" href="#featured" class="btn home-parallax">explore cars</a>
  185.     </section>
  186.  
  187.     <section class="icons-container">
  188.  
  189.         <div class="icons">
  190.             <i class="fas fa-home"></i>
  191.             <div class="content">
  192.                 <h3>150+</h3>
  193.                 <p>branches</p>
  194.             </div>
  195.         </div>
  196.  
  197.         <div class="icons">
  198.             <i class="fas fa-car"></i>
  199.             <div class="content">
  200.                 <h3>4770+</h3>
  201.                 <p>cars sold</p>
  202.             </div>
  203.         </div>
  204.  
  205.         <div class="icons">
  206.             <i class="fas fa-users"></i>
  207.             <div class="content">
  208.                 <h3>320+</h3>
  209.                 <p>happy clients</p>
  210.             </div>
  211.         </div>
  212.  
  213.         <div class="icons">
  214.             <i class="fas fa-car"></i>
  215.             <div class="content">
  216.                 <h3>1500+</h3>
  217.                 <p>news cars</p>
  218.             </div>
  219.         </div>
  220.  
  221.     </section>
  222.  
  223.     <section class="vehicles" id="vehicles">
  224.  
  225.         <h1 class="heading"> popular <span>vehicles</span> </h1>
  226.  
  227.         <div class="swiper vehicles-slider">
  228.  
  229.             <div class="swiper-wrapper">
  230.  
  231.                 <div class="swiper-slide box">
  232.                     <img src="image/toyota/4runner.png" alt="">
  233.                     <div class="content">
  234.                         <h3>Toyota 4Runner</h3>
  235.                         <div class="price"> <span>price : </span> Rp818.189.143,50/- </div>
  236.                         <p>
  237.                             new
  238.                             <span class="fas fa-circle"></span> 2021
  239.                             <span class="fas fa-circle"></span> automatic
  240.                             <span class="fas fa-circle"></span> petrol
  241.                             <span class="fas fa-circle"></span> 183mph
  242.                         </p>
  243.                         <a href="#" class="btn">check out</a>
  244.                     </div>
  245.                 </div>
  246.  
  247.                 <div class="swiper-slide box">
  248.                     <img src="image/toyota/86.png" alt="">
  249.                     <div class="content">
  250.                         <h3>Toyota 86</h3>
  251.                         <div class="price"> <span>price : </span> Rp427.556.933,50/- </div>
  252.                         <p>
  253.                             new
  254.                             <span class="fas fa-circle"></span> 2021
  255.                             <span class="fas fa-circle"></span> automatic
  256.                             <span class="fas fa-circle"></span> petrol
  257.                             <span class="fas fa-circle"></span> 183mph
  258.                         </p>
  259.                         <a href="#" class="btn">check out</a>
  260.                     </div>
  261.                 </div>
  262.  
  263.                 <div class="swiper-slide box">
  264.                     <img src="image/toyota/avalon.png" alt="">
  265.                     <div class="content">
  266.                         <h3>Toyota Avalon</h3>
  267.                         <div class="price"> <span>price : </span> Rp717.537.194,50/- </div>
  268.                         <p>
  269.                             new
  270.                             <span class="fas fa-circle"></span> 2021
  271.                             <span class="fas fa-circle"></span> automatic
  272.                             <span class="fas fa-circle"></span> petrol
  273.                             <span class="fas fa-circle"></span> 183mph
  274.                         </p>
  275.                         <a href="#" class="btn">check out</a>
  276.                     </div>
  277.                 </div>
  278.  
  279.                 <div class="swiper-slide box">
  280.                     <img src="image/toyota/c-hr.png" alt="">
  281.                     <div class="content">
  282.                         <h3>Toyota C-HR</h3>
  283.                         <div class="price"> <span>price : </span> Rp394.239.142,45/- </div>
  284.                         <p>
  285.                             new
  286.                             <span class="fas fa-circle"></span> 2021
  287.                             <span class="fas fa-circle"></span> automatic
  288.                             <span class="fas fa-circle"></span> petrol
  289.                             <span class="fas fa-circle"></span> 183mph
  290.                         </p>
  291.                         <a href="#" class="btn">check out</a>
  292.                     </div>
  293.                 </div>
  294.  
  295.                 <div class="swiper-slide box">
  296.                     <img src="image/toyota/camry.png" alt="">
  297.                     <div class="content">
  298.                         <h3>Toyota Camry</h3>
  299.                         <div class="price"> <span>price : </span> Rp517.630.448,20/- </div>
  300.                         <p>
  301.                             new
  302.                             <span class="fas fa-circle"></span> 2021
  303.                             <span class="fas fa-circle"></span> automatic
  304.                             <span class="fas fa-circle"></span> petrol
  305.                             <span class="fas fa-circle"></span> 183mph
  306.                         </p>
  307.                         <a href="#" class="btn">check out</a>
  308.                     </div>
  309.                 </div>
  310.  
  311.                 <div class="swiper-slide box">
  312.                     <img src="image/toyota/corolla.png" alt="">
  313.                     <div class="content">
  314.                         <h3>Toyota Corolla</h3>
  315.                         <div class="price"> <span>price : </span> Rp387.780.880,00/- </div>
  316.                         <p>
  317.                             new
  318.                             <span class="fas fa-circle"></span> 2021
  319.                             <span class="fas fa-circle"></span> automatic
  320.                             <span class="fas fa-circle"></span> petrol
  321.                             <span class="fas fa-circle"></span> 183mph
  322.                         </p>
  323.                         <a href="#" class="btn">check out</a>
  324.                     </div>
  325.                 </div>
  326.  
  327.             </div>
  328.  
  329.             <div class="swiper-pagination"></div>
  330.  
  331.         </div>
  332.  
  333.     </section>
  334.  
  335.     <section class="services" id="services">
  336.  
  337.         <h1 class="heading"> our <span>services</span> </h1>
  338.  
  339.         <div class="box-container">
  340.  
  341.             <div class="box">
  342.                 <i class="fas fa-car"></i>
  343.                 <h3>Jual Mobil</h3>
  344.                 <p>Melayani jual beli Mobil</p>
  345.                 <a href="https://api.whatsapp.com/send?phone=6282289802000&amp;text=Halo%20Admin%20Pengen%20Beli%20Mobil%20Dong" class="btn"> read more</a>
  346.                
  347.             </div>
  348.  
  349.             <div class="box">
  350.                 <i class="fas fa-tools"></i>
  351.                 <h3>Perbaikan Suku Cadang</h3>
  352.                 <p>Melayani perbaikan suku cadang</p>
  353.                 <a href="https://api.whatsapp.com/send?phone=6282289802000&amp;text=Halo%20Admin%20Pengen%20Perbaikan%20Mobil%20Dong" class="btn"> read more</a>
  354.             </div>
  355.  
  356.             <div class="box">
  357.                 <i class="fas fa-car-crash"></i>
  358.                 <h3>Asuransi Mobil</h3>
  359.                 <p>Asuransi Mobil Terjamin</p>
  360.                 <a href="https://api.whatsapp.com/send?phone=6282289802000&amp;text=Halo%20Admin%20Pengen%20dapat%20info%20Asuransi%20Mobil%20Dong" class="btn"> read more</a>
  361.             </div>
  362.  
  363.             <div class="box">
  364.                 <i class="fas fa-car-battery"></i>
  365.                 <h3>Layanan Penggantian Aki</h3>
  366.                 <p>Pergantian Aki dengan yang sudah tidak ada listrik</p>
  367.                 <a href="https://api.whatsapp.com/send?phone=6282289802000&amp;text=Halo%20Admin%20Pengen%20Perbaikan%20Aki%20Dong" class="btn"> read more</a>
  368.             </div>
  369.  
  370.             <div class="box">
  371.                 <i class="fas fa-gas-pump"></i>
  372.                 <h3>Tukar Oli</h3>
  373.                 <p>Jasa Tukar Oli yang terpercaya</p>
  374.                 <a href="https://api.whatsapp.com/send?phone=6282289802000&amp;text=Halo%20Admin%20Pengen%Tukar%20Oli%20Mobil%20Dong" class="btn"> read more</a>
  375.             </div>
  376.  
  377.             <div class="box">
  378.                 <i class="fas fa-headset"></i>
  379.                 <h3>24/7 Mendukung Service</h3>
  380.                 <p>Mendukung service selama 24 jam selama 7 hari secara penuh</p>
  381.                 <a href="https://api.whatsapp.com/send?phone=6282289802000&amp;text=Halo%20Admin%20Pengen%Tanya%20Mobil%20Dong" class="btn"> read more</a>
  382.             </div>
  383.  
  384.         </div>
  385.  
  386.     </section>
  387.  
  388.     <section class="featured" id="featured">
  389.  
  390.         <h1 class="heading"> <span>featured</span> cars </h1>
  391.  
  392.         <div class="swiper featured-slider">
  393.  
  394.             <div class="swiper-wrapper">
  395.  
  396.                 <div class="swiper-slide box">
  397.                     <img src="image/toyota/gr-supra.png" alt="">
  398.                     <div class="content">
  399.                         <h3>Toyota GR Supra</h3>
  400.                         <div class="stars">
  401.                             <i class="fas fa-star"></i>
  402.                             <i class="fas fa-star"></i>
  403.                             <i class="fas fa-star"></i>
  404.                             <i class="fas fa-star"></i>
  405.                             <i class="fas fa-star"></i>
  406.                         </div>
  407.                         <div class="price">Rp779.696.188,50/-</div>
  408.                         <a href="#" class="btn">check out</a>
  409.                     </div>
  410.                 </div>
  411.  
  412.                 <div class="swiper-slide box">
  413.                     <img src="image/toyota/highlander.png" alt="">
  414.                     <div class="content">
  415.                         <h3>Toyota Highlander</h3>
  416.                         <div class="stars">
  417.                             <i class="fas fa-star"></i>
  418.                             <i class="fas fa-star"></i>
  419.                             <i class="fas fa-star"></i>
  420.                             <i class="fas fa-star"></i>
  421.                             <i class="fas fa-star-half-alt"></i>
  422.                         </div>
  423.                         <div class="price">Rp720.388.524,50/-</div>
  424.                         <a href="#" class="btn">check out</a>
  425.                     </div>
  426.                 </div>
  427.  
  428.                 <div class="swiper-slide box">
  429.                     <img src="image/toyota/prius.png" alt="">
  430.                     <div class="content">
  431.                         <h3>Toyota Prius</h3>
  432.                         <div class="stars">
  433.                             <i class="fas fa-star"></i>
  434.                             <i class="fas fa-star"></i>
  435.                             <i class="fas fa-star"></i>
  436.                             <i class="fas fa-star"></i>
  437.                             <i class="fas fa-star-half-alt"></i>
  438.                         </div>
  439.                         <div class="price">Rp531.773.045,00/-</div>
  440.                         <a href="#" class="btn">check out</a>
  441.                     </div>
  442.                 </div>
  443.  
  444.                 <div class="swiper-slide box">
  445.                     <img src="image/toyota/rav4.png" alt="">
  446.                     <div class="content">
  447.                         <h3>Toyota RAV4</h3>
  448.                         <div class="stars">
  449.                             <i class="fas fa-star"></i>
  450.                             <i class="fas fa-star"></i>
  451.                             <i class="fas fa-star"></i>
  452.                             <i class="fas fa-star"></i>
  453.                             <i class="fas fa-star"></i>
  454.                         </div>
  455.                         <div class="price">Rp466.620.154,50/-</div>
  456.                         <a href="#" class="btn">check out</a>
  457.                     </div>
  458.                 </div>
  459.  
  460.             </div>
  461.  
  462.             <div class="swiper-pagination"></div>
  463.  
  464.         </div>
  465.  
  466.         <div class="swiper featured-slider">
  467.  
  468.             <div class="swiper-wrapper">
  469.  
  470.                 <div class="swiper-slide box">
  471.                     <img src="image/toyota/sienna.png" alt="">
  472.                     <div class="content">
  473.                         <h3>Toyota Sienna</h3>
  474.                         <div class="stars">
  475.                             <i class="fas fa-star"></i>
  476.                             <i class="fas fa-star"></i>
  477.                             <i class="fas fa-star"></i>
  478.                             <i class="fas fa-star"></i>
  479.                             <i class="fas fa-star"></i>
  480.                         </div>
  481.                         <div class="price">Rp592.078.674,50/-</div>
  482.                         <a href="#" class="btn">check out</a>
  483.                     </div>
  484.                 </div>
  485.  
  486.                 <div class="swiper-slide box">
  487.                     <img src="image/toyota/tacoma.png" alt="">
  488.                     <div class="content">
  489.                         <h3>Toyota Tacoma</h3>
  490.                         <div class="stars">
  491.                             <i class="fas fa-star"></i>
  492.                             <i class="fas fa-star"></i>
  493.                             <i class="fas fa-star"></i>
  494.                             <i class="fas fa-star"></i>
  495.                             <i class="fas fa-star-half-alt"></i>
  496.                         </div>
  497.                         <div class="price">Rp617.740.644,50/-</div>
  498.                         <a href="#" class="btn">check out</a>
  499.                     </div>
  500.                 </div>
  501.  
  502.                 <div class="swiper-slide box">
  503.                     <img src="image/toyota/tundra.png" alt="">
  504.                     <div class="content">
  505.                         <h3>Toyota Tundra</h3>
  506.                         <div class="stars">
  507.                             <i class="fas fa-star"></i>
  508.                             <i class="fas fa-star"></i>
  509.                             <i class="fas fa-star"></i>
  510.                             <i class="fas fa-star"></i>
  511.                             <i class="fas fa-star-half-alt"></i>
  512.                         </div>
  513.                         <div class="price">Rp742.272.482,25/-</div>
  514.                         <a href="#" class="btn">check out</a>
  515.                     </div>
  516.                 </div>
  517.  
  518.                 <div class="swiper-slide box">
  519.                     <img src="image/toyota/yaris.png" alt="">
  520.                     <div class="content">
  521.                         <h3>Toyota Yaris</h3>
  522.                         <div class="stars">
  523.                             <i class="fas fa-star"></i>
  524.                             <i class="fas fa-star"></i>
  525.                             <i class="fas fa-star"></i>
  526.                             <i class="fas fa-star"></i>
  527.                             <i class="fas fa-star"></i>
  528.                         </div>
  529.                         <div class="price">Rp223.686.838,50/-</div>
  530.                         <a href="#" class="btn">check out</a>
  531.                     </div>
  532.                 </div>
  533.  
  534.             </div>
  535.  
  536.             <div class="swiper-pagination"></div>
  537.  
  538.         </div>
  539.  
  540.     </section>
  541.  
  542.     <section class="newsletter">
  543.  
  544.         <h3>subscribe for latest updates</h3>
  545.         <p>Fitur Langganan untuk pengguna Auto2000</p>
  546.  
  547.         <form action="">
  548.             <input type="email" placeholder="enter your email">
  549.             <input type="submit" value="subscribe">
  550.         </form>
  551.  
  552.     </section>
  553.  
  554.     <section class="reviews" id="reviews">
  555.  
  556.         <h1 class="heading"> client\'s <span>review</span> </h1>
  557.  
  558.         <div class="swiper review-slider">
  559.  
  560.             <div class="swiper-wrapper">
  561.  
  562.                 <div class="swiper-slide box">
  563.                     <img src="image/pic-1.png" alt="">
  564.                     <div class="content">
  565.                         <p>Setiap kali saya melakukan servis, saya dapat melihat history record servis kendaraan yang
  566.                             lengkap dan komprehensif serta bisa diakses di seluruh cabang Auto2000 maupun melalui
  567.                             aplikasi.</p>
  568.                         <h3>Bhagawad G</h3>
  569.                         <div class="stars">
  570.                             <i class="fas fa-star"></i>
  571.                             <i class="fas fa-star"></i>
  572.                             <i class="fas fa-star"></i>
  573.                             <i class="fas fa-star"></i>
  574.                             <i class="fas fa-star-half-alt"></i>
  575.                         </div>
  576.                     </div>
  577.                 </div>
  578.  
  579.                 <div class="swiper-slide box">
  580.                     <img src="image/pic-2.png" alt="">
  581.                     <div class="content">
  582.                         <p>Sejak pertama beli Toyota, saya selalu percayakan Auto2000, termasuk untuk after sales
  583.                             servicenya. Mekaniknya handal dan tersertifikasi. Layanan reminder servis dan booking online
  584.                             juga.</p>
  585.                         <h3>Agatha</h3>
  586.                         <div class="stars">
  587.                             <i class="fas fa-star"></i>
  588.                             <i class="fas fa-star"></i>
  589.                             <i class="fas fa-star"></i>
  590.                             <i class="fas fa-star"></i>
  591.                             <i class="fas fa-star"></i>
  592.                         </div>
  593.                     </div>
  594.                 </div>
  595.  
  596.                 <div class="swiper-slide box">
  597.                     <img src="image/pic-3.png" alt="">
  598.                     <div class="content">
  599.                         <p>Di Auto2000, saya mudah mendapatkan jadwal servis karena sudah booking terlebih dahulu dan
  600.                             langsung dilayani ketika sampai di bengkel.</p>
  601.                         <h3>Bagus Prakoso</h3>
  602.                         <div class="stars">
  603.                             <i class="fas fa-star"></i>
  604.                             <i class="fas fa-star"></i>
  605.                             <i class="fas fa-star"></i>
  606.                             <i class="fas fa-star"></i>
  607.                             <i class="fas fa-star-half-alt"></i>
  608.                         </div>
  609.                     </div>
  610.                 </div>
  611.  
  612.                 <div class="swiper-slide box">
  613.                     <img src="image/pic-4.png" alt="">
  614.                     <div class="content">
  615.                         <p>Service di Auto2000, petugas service nya ramah, snack nya banyak, ruang tunggunya juga
  616.                             nyaman. Betah service disini.</p>
  617.                         <h3>Farida</h3>
  618.                         <div class="stars">
  619.                             <i class="fas fa-star"></i>
  620.                             <i class="fas fa-star"></i>
  621.                             <i class="fas fa-star"></i>
  622.                             <i class="fas fa-star"></i>
  623.                             <i class="fas fa-star"></i>
  624.                         </div>
  625.                     </div>
  626.                 </div>
  627.  
  628.                 <div class="swiper-slide box">
  629.                     <img src="image/pic-5.png" alt="">
  630.                     <div class="content">
  631.                         <p>Penjelasan yang diberikan salesman kepada pelanggan sangat jelas dan rinci terkait dengan
  632.                             fitur-fitur yang terdapat pada kendaraan.</p>
  633.                         <h3>Adib Fathoni</h3>
  634.                         <div class="stars">
  635.                             <i class="fas fa-star"></i>
  636.                             <i class="fas fa-star"></i>
  637.                             <i class="fas fa-star"></i>
  638.                             <i class="fas fa-star"></i>
  639.                             <i class="fas fa-star-half-alt"></i>
  640.                         </div>
  641.                     </div>
  642.                 </div>
  643.  
  644.                 <div class="swiper-slide box">
  645.                     <img src="image/pic-6.png" alt="">
  646.                     <div class="content">
  647.                         <p>Saya pernah beli mobil di Auto2000 Kelapa Gading, pelayanannya cepat dan jelas, nggak
  648.                             berbelit-belit, nggak tipu-tipu diskon dan promonya. Mantap lah pokoknya salesmannya
  649.                             Auto2000.</p>
  650.                         <h3>Magdalena</h3>
  651.                         <div class="stars">
  652.                             <i class="fas fa-star"></i>
  653.                             <i class="fas fa-star"></i>
  654.                             <i class="fas fa-star"></i>
  655.                             <i class="fas fa-star"></i>
  656.                             <i class="fas fa-star"></i>
  657.                         </div>
  658.                     </div>
  659.                 </div>
  660.  
  661.             </div>
  662.  
  663.             <div class="swiper-pagination"></div>
  664.  
  665.         </div>
  666.  
  667.     </section>
  668.  
  669.     <section class="contact" id="contact">
  670.  
  671.         <h1 class="heading"><span>contact</span> us</h1>
  672.  
  673.         <div class="row">
  674.  
  675.             <iframe class="map"
  676.                src="https://maps.google.com/maps?q=AUTO2000%20manyar%20gresik&t=&z=13&ie=UTF8&iwloc=&output=embed"
  677.                allowfullscreen="" loading="lazy"></iframe>
  678.  
  679.             <form action="">
  680.                 <h3>get in touch</h3>
  681.                 <input type="text" placeholder="Your name" class="box">
  682.                 <input type="email" placeholder="Your email" class="box">
  683.                 <input type="tel" placeholder="Subject" class="box">
  684.                 <textarea placeholder="Your message" class="box" cols="30" rows="10"></textarea>
  685.                 <input type="submit" value="send message" class="btn">
  686.             </form>
  687.  
  688.         </div>
  689.  
  690.     </section>
  691.  
  692.     <section class="footer" id="footer">
  693.  
  694.         <div class="box-container">
  695.  
  696.             <div class="box">
  697.                 <h3>our branches</h3>
  698.                 <a href="#"> <i class="fas fa-map-marker-alt"></i> india </a>
  699.                 <a href="#"> <i class="fas fa-map-marker-alt"></i> japan </a>
  700.                 <a href="#"> <i class="fas fa-map-marker-alt"></i> france </a>
  701.                 <a href="#"> <i class="fas fa-map-marker-alt"></i> russia </a>
  702.                 <a href="#"> <i class="fas fa-map-marker-alt"></i> USA </a>
  703.                 <a href="#"> <i class="fas fa-map-marker-alt"></i> Indonesia </a>
  704.             </div>
  705.  
  706.             <div class="box">
  707.                 <h3>quick links</h3>
  708.                 <a href="#"> <i class="fas fa-arrow-right"></i> home </a>
  709.                 <a href="#"> <i class="fas fa-arrow-right"></i> vehicles </a>
  710.                 <a href="#"> <i class="fas fa-arrow-right"></i> services </a>
  711.                 <a href="#"> <i class="fas fa-arrow-right"></i> featured </a>
  712.                 <a href="#"> <i class="fas fa-arrow-right"></i> reviews </a>
  713.                 <a href="#"> <i class="fas fa-arrow-right"></i> contact </a>
  714.             </div>
  715.  
  716.             <div class="box">
  717.                 <h3>contact info</h3>
  718.                 <a href="#"> <i class="fas fa-phone"></i> +628 22-8980-2000 </a>
  719.                 <a href="#"> <i class="fas fa-phone"></i> +628 22-8980-2000 </a>
  720.                 <a href="#"> <i class="fas fa-envelope"></i> customer-care@toyota.astra.co.id </a>
  721.                 <a href="#"> <i class="fas fa-map-marker-alt"></i> PT. Toyota Astra Motor
  722.                     Jl. Laksda Yos Sudarso, Sunter II </a>
  723.             </div>
  724.  
  725.             <div class="box">
  726.                 <h3>contact info</h3>
  727.                 <a href="#"> <i class="fab fa-facebook-f"></i> facebook </a>
  728.                 <a href="#"> <i class="fab fa-twitter"></i> twitter </a>
  729.                 <a href="#"> <i class="fab fa-instagram"></i> instagram </a>
  730.                 <a href="#"> <i class="fab fa-linkedin"></i> linkedin </a>
  731.                 <a href="#"> <i class="fab fa-pinterest"></i> pinterest </a>
  732.             </div>
  733.  
  734.         </div>
  735.  
  736.         <div class="credits"> AUTO 2000 | all rights reserved </div>
  737.  
  738.     </section>
  739.  
  740.  
  741.     <script src="https://unpkg.com/swiper@7/swiper-bundle.min.js"></script>
  742.  
  743.     <script src="js/script.js"></script>
  744.     <script>
  745.         /* Whatsapp Chat Widget by www.idblanter.com */
  746.         $(document).on("click", "#send-it", function () {
  747.             var a = document.getElementById("chat-input");
  748.             if ("" != a.value) {
  749.                 var b = $("#get-number").text(),
  750.                     c = document.getElementById("chat-input").value,
  751.                     d = "https://web.whatsapp.com/send",
  752.                     e = b,
  753.                     f = "&text=" + c;
  754.                 if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent))
  755.                     var d = "whatsapp://send";
  756.                 var g = d + "?phone=" + e + f;
  757.                 window.open(g, \'_blank\')
  758.             }
  759.         }), $(document).on("click", ".informasi", function () {
  760.             document.getElementById("get-number").innerHTML = $(this).children(".my-number").text(), $(
  761.                     ".start-chat,.get-new").addClass("show").removeClass("hide"), $(".home-chat,.head-home")
  762.                 .addClass("hide").removeClass("show"), document.getElementById("get-nama").innerHTML = $(this)
  763.                 .children(".info-chat").children(".chat-nama").text(), document.getElementById("get-label")
  764.                 .innerHTML = $(this).children(".info-chat").children(".chat-label").text()
  765.         }), $(document).on("click", ".close-chat", function () {
  766.             $("#whatsapp-chat").addClass("hide").removeClass("show")
  767.         }), $(document).on("click", ".blantershow-chat", function () {
  768.             $("#whatsapp-chat").addClass("show").removeClass("hide")
  769.         });
  770.     </script>
  771.  
  772. </body>
  773.  
  774. </html>
');