xinyouhe/orzar
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Initial commit

Browse Source
This commit is contained in:
chenlan 2025-06-05 14:46:21 +08:00
commit 89e6faffb8
325 changed files with 57267 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
404.html Executable file
View File

@ -0,0 +1,6 @@
<html>
<head><title>404 Not Found</title></head>
<body>
<center><h1>404 Not Found</h1></center>
<hr><center>nginx</center>
</body>

498
about.html Executable file
View File

@ -0,0 +1,498 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="Teach Me || E-Learning HTML Template">
<title>Orzar</title>
<!-- Favicon -->
<link rel="shortcut icon" type="image/x-icon" href="assets/media/user/favicon.png">
<!-- All CSS files -->
<link rel="stylesheet" href="assets/css/vendor/font-awesome.css">
<link rel="stylesheet" href="assets/css/vendor/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/vendor/slick.css">
<link rel="stylesheet" href="assets/css/vendor/slick-theme.css">
<link rel="stylesheet" href="assets/css/vendor/smoothScorllbar.css">
<link rel="stylesheet" href="assets/css/app.css">
</head>
<body class="x-hidden">
<!-- PRELOADER START -->
<div id="preloader">
<div class="spinner"></div>
<div id="content"></div>
</div>
<!-- PRELOADER END -->
<!-- Main Wrapper Start -->
<!-- HEADER MENU START -->
<header class="header my-40">
<div class="container-fluid">
<nav class="navigation d-flex align-items-center justify-content-between">
<!-- <a href="index.html" class="d-flex align-items-center">
<img src="assets/media/user/logo.png" alt="/logo" class="header-logo">
</a> -->
<div class="menu-button-right">
<div class="main-menu__nav">
<ul class="main-menu__list position-relative">
<li>
<a href="index.html" data-i18n="home"></a>
</li>
<!-- <li>
<a href="about.html" data-i18n="about"></a>
</li> -->
<li class="dropdown">
<a href="rental-sidebar.html"><span data-i18n="UsedCar"></span></a>
<ul>
<li><a href="rental-sidebar.html?store_status=1" data-i18n="inventoryStatus.inStock"></a></li>
<li><a href="rental-sidebar.html?store_status=2" data-i18n="inventoryStatus.inTransit"></a></li>
<li><a href="rental-sidebar.html?store_status=3" data-i18n="inventoryStatus.onOrder"></a></li>
</ul>
</li>
<li >
<a href="https://hesucar.com/shop/" data-i18n="newcar" target="_blank"></a>
</li>
<li>
<a href="contact.html" data-i18n="Contactus"></a>
</li>
</ul>
</div>
</div>
<div class="main-menu__right">
<div class="d-md-inline d-none">
<a href="tel:+375(29)524803" class="pic mb-8">
<i class="fa-solid fa-phone-volume"></i>
<div class="text">
<p class="" data-i18n="companyinfo.tel"></p>
</div>
</a>
<a href="https://api.whatsapp.com/send/?phone=+86-18603858592&text=Hello&type=phone_number&app_absent=0" class="pic">
<img src="assets/media/icons/whatsapp1.png" class="whatsapp" alt="whatsapp">
<div class="text">
<p data-i18n="companyinfo.phone"></p>
</div>
</a>
</div>
<div class="d-flex custom-select position-relative">
<div class="select-selected" data-i18n="lang"></div>
<div class="select-items">
<div data-id="zh_CN" data-i18n="zh"></div>
<div data-id="en" data-i18n="en"></div>
<div data-id="ru" data-i18n="ru"></div>
<!-- <div data-id="ar" data-i18n="ar"></div> -->
</div>
</div>
<div class="search-heart-icon d-md-flex d-none align-items-center gap-24">
<a href="contact.html" class="cus-btn">
<span class="btn-text" data-i18n="consult"></span>
<span data-i18n="consult"></span>
</a>
</div>
<a href="#" class="d-xl-none d-flex main-menu__toggler mobile-nav__toggler">
<i class="fa-light fa-bars"></i>
</a>
</div>
</nav>
</div>
</header>
<!-- HEADER MENU END -->
<!--title start -->
<section class="about my-80">
<div class="container-fluid">
<div class="txt">
<div class="row justify-content-center">
<div class="col-xl-8">
<h2 class=" text-center black-2 mb-48">Unveiling the Story Behind RapidRide<br><span>RapidRide</span> Car Rental</h2>
<h6 class="mb-24">what we offer</h6>
<ul class="offers">
<li>
<img src="assets/media/icons/uil-check-circle.png" alt="circle">
<p>Comfortable Rides</p>
</li>
<li>
<img src="assets/media/icons/uil-check-circle.png" alt="circle">
<p>Top of the line Cars</p>
</li>
<li>
<img src="assets/media/icons/uil-check-circle.png" alt="circle">
<p>Secure Payment Options</p>
</li>
<li>
<img src="assets/media/icons/uil-check-circle.png" alt="circle">
<p>Variety of options to choose from</p>
</li>
<li>
<img src="assets/media/icons/uil-check-circle.png" alt="circle">
<p>Variety of options to choose from</p>
</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<!-- title end -->
<!-- vichles-section -->
<section class="vehicles-2 py-80">
<div class="container-fluid">
<div class="row">
<div class="col-lg-6 col-md-6 text-center">
<img src="assets/media/blogs/car.png" alt="car">
</div>
<div class="col-lg-6 col-md-6">
<div class="txt">
<h2 class="mb-24">Our Journey So Far</h2>
<p class="mb-24">Lorem ipsum dolor sit amet consectetur. Ac nisl lacus fermentum
sollicitudin
nascetur ipsum commodo. Sed in ultricies placerat sed commodo ut rhoncus ac. Vel ut
neque
amet tellus tristique sit. Condimentum at diam pulvinar praesent est amet egestas morbi.
Vivamus ut commodo venenatis hac porttitor sed risus a. Faucibus risus blandit convallis
risus sit fermentum quisque. Aliquam quis ut sagittis nullam eget diam.<br><br>
Massa urna quis aliquet vel condimentum. Adipiscing adipiscing volutpat sem non.
Tincidunt
enim vitae consectetur neque amet.</p>
</div>
<a href="contact.html" class="cus-btn">
<span class="btn-text">
View Our Cars
</span>
<span>
View Our Cars
</span>
</a>
</div>
</div>
</div>
</section>
<!-- vicheles-end -->
<!-- catagory -->
<section class="catagory py-80">
<div class="container-fluid">
<div class="row row-gap-3">
<div class="col-lg-4 col-md-4">
<div class="block">
<img src="assets/media/user/uil-book-open.png" alt="book">
<h5>Mission</h5>
</div>
<div class="txt">
<p>Lorem ipsum dolor sit amet consectetur.<br>
Ac nisl lacus fermentum sollicitudin nascetur ipsum commodo. Sed in ultricies placerat sed
commodo ut rhoncus ac.<br><br>
Condimentum at diam pulvinar praesent est amet egestas morbi. </p>
</div>
</div>
<div class="col-lg-4 col-md-4">
<div class="block">
<img src="assets/media/user/uil-eye.png" alt="eye">
<h5>Vision</h5>
</div>
<div class="txt">
<p>Lorem ipsum dolor sit amet consectetur.<br>
Ac nisl lacus fermentum sollicitudin nascetur ipsum commodo. Sed in ultricies placerat sed
commodo ut rhoncus ac.<br><br>
Condimentum at diam pulvinar praesent est amet egestas morbi. </p>
</div>
</div>
<div class="col-lg-4 col-md-4">
<div class="block">
<img src="assets/media/user/uil-heart.png" alt="heart">
<h5>Value</h5>
</div>
<div class="txt">
<p>Lorem ipsum dolor sit amet consectetur.<br>
Ac nisl lacus fermentum sollicitudin nascetur ipsum commodo. Sed in ultricies placerat sed
commodo ut rhoncus ac.<br><br>
Condimentum at diam pulvinar praesent est amet egestas morbi. </p>
</div>
</div>
</div>
</div>
</section>
<!-- catagory end -->
<!-- brands-start -->
<div class="brand-section my-40 py-48">
<div class="container-fluid">
<div class="row justify-content-center">
<div class="col-lg-8">
<div class="brand-slider">
<div class="brand-block">
<img src="assets/media/brands/brand-1.png" alt="brand-1">
</div>
<div class="brand-block">
<img src="assets/media/brands/brand-2.png" alt="brand-2">
</div>
<div class="brand-block">
<img src="assets/media/brands/brand-3.png" alt="brand-3">
</div>
<div class="brand-block">
<img src="assets/media/brands/brand-4.png" alt="brand-4">
</div>
<div class="brand-block">
<img src="assets/media/brands/brand-5.png" alt="brand-4">
</div>
<div class="brand-block">
<img src="assets/media/brands/brand-6.png" alt="brand-5">
</div>
<div class="brand-block">
<img src="assets/media/brands/brand-1.png" alt="brand-1">
</div>
<div class="brand-block">
<img src="assets/media/brands/brand-2.png" alt="brand-2">
</div>
<div class="brand-block">
<img src="assets/media/brands/brand-3.png" alt="brand-3">
</div>
<div class="brand-block">
<img src="assets/media/brands/brand-4.png" alt="brand-4">
</div>
<div class="brand-block">
<img src="assets/media/brands/brand-5.png" alt="brand-5">
</div>
<div class="brand-block">
<img src="assets/media/brands/brand-6.png" alt="brand-6">
</div>
</div>
</div>
</div>
</div>
</div>
<!-- brands-end -->
<!-- choose us -->
<section class="choose my-80">
<div class="container-fluid">
<div class="heading">
<div class="row justify-content-center">
<div class="col-xl-8">
<h2 class="text-center black-2 mb-12">Why You Should <span>Choose Us?</span></h2>
<p class="text-center mb-48">Massa urna quis aliquet vel condimentum. Adipiscing adipiscing
volutpat sem non.</p>
</div>
</div>
</div>
<div class="row d-flex row-gap-3">
<div class="col-lg-3 col-md-3 col-sm-6">
<div class="d-flex gap-8">
<div>
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none">
<path d="M15.22 8.79L10.93 13.09L9.28 11.44C9.19036 11.3353 9.08004 11.2503 8.95597 11.1903C8.83191 11.1303 8.69678 11.0965 8.55906 11.0912C8.42134 11.0859 8.28401 11.1091 8.15568 11.1594C8.02736 11.2096 7.91081 11.2859 7.81335 11.3833C7.7159 11.4808 7.63964 11.5974 7.58937 11.7257C7.53909 11.854 7.51589 11.9913 7.52121 12.1291C7.52653 12.2668 7.56026 12.4019 7.62028 12.526C7.6803 12.65 7.76532 12.7604 7.87 12.85L10.22 15.21C10.3134 15.3027 10.4243 15.376 10.5461 15.4258C10.6679 15.4755 10.7984 15.5008 10.93 15.5C11.1923 15.4989 11.4437 15.3947 11.63 15.21L16.63 10.21C16.7237 10.117 16.7981 10.0064 16.8489 9.88458C16.8997 9.76272 16.9258 9.63201 16.9258 9.5C16.9258 9.36799 16.8997 9.23728 16.8489 9.11542C16.7981 8.99356 16.7237 8.88296 16.63 8.79C16.4426 8.60375 16.1892 8.49921 15.925 8.49921C15.6608 8.49921 15.4074 8.60375 15.22 8.79ZM12.5 2C10.5222 2 8.58879 2.58649 6.9443 3.6853C5.29981 4.78412 4.01809 6.3459 3.26121 8.17317C2.50433 10.0004 2.3063 12.0111 2.69215 13.9509C3.078 15.8907 4.03041 17.6725 5.42894 19.0711C6.82746 20.4696 8.60929 21.422 10.5491 21.8079C12.4889 22.1937 14.4996 21.9957 16.3268 21.2388C18.1541 20.4819 19.7159 19.2002 20.8147 17.5557C21.9135 15.9112 22.5 13.9778 22.5 12C22.5 10.6868 22.2413 9.38642 21.7388 8.17317C21.2363 6.95991 20.4997 5.85752 19.5711 4.92893C18.6425 4.00035 17.5401 3.26375 16.3268 2.7612C15.1136 2.25866 13.8132 2 12.5 2ZM12.5 20C10.9178 20 9.37104 19.5308 8.05544 18.6518C6.73985 17.7727 5.71447 16.5233 5.10897 15.0615C4.50347 13.5997 4.34504 11.9911 4.65372 10.4393C4.9624 8.88743 5.72433 7.46197 6.84315 6.34315C7.96197 5.22433 9.38743 4.4624 10.9393 4.15372C12.4911 3.84504 14.0997 4.00346 15.5615 4.60896C17.0233 5.21447 18.2727 6.23984 19.1518 7.55544C20.0308 8.87103 20.5 10.4177 20.5 12C20.5 14.1217 19.6572 16.1566 18.1569 17.6569C16.6566 19.1571 14.6217 20 12.5 20Z" fill="#2D74BA"/>
</svg>
</div>
<div class="block">
<h5 class="mb-8">Safety</h5>
<p>Drive with confidence in our meticulously<br> maintained vehicles.</p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-6">
<div class="d-flex gap-8">
<div>
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none">
<path d="M15.22 8.79L10.93 13.09L9.28 11.44C9.19036 11.3353 9.08004 11.2503 8.95597 11.1903C8.83191 11.1303 8.69678 11.0965 8.55906 11.0912C8.42134 11.0859 8.28401 11.1091 8.15568 11.1594C8.02736 11.2096 7.91081 11.2859 7.81335 11.3833C7.7159 11.4808 7.63964 11.5974 7.58937 11.7257C7.53909 11.854 7.51589 11.9913 7.52121 12.1291C7.52653 12.2668 7.56026 12.4019 7.62028 12.526C7.6803 12.65 7.76532 12.7604 7.87 12.85L10.22 15.21C10.3134 15.3027 10.4243 15.376 10.5461 15.4258C10.6679 15.4755 10.7984 15.5008 10.93 15.5C11.1923 15.4989 11.4437 15.3947 11.63 15.21L16.63 10.21C16.7237 10.117 16.7981 10.0064 16.8489 9.88458C16.8997 9.76272 16.9258 9.63201 16.9258 9.5C16.9258 9.36799 16.8997 9.23728 16.8489 9.11542C16.7981 8.99356 16.7237 8.88296 16.63 8.79C16.4426 8.60375 16.1892 8.49921 15.925 8.49921C15.6608 8.49921 15.4074 8.60375 15.22 8.79ZM12.5 2C10.5222 2 8.58879 2.58649 6.9443 3.6853C5.29981 4.78412 4.01809 6.3459 3.26121 8.17317C2.50433 10.0004 2.3063 12.0111 2.69215 13.9509C3.078 15.8907 4.03041 17.6725 5.42894 19.0711C6.82746 20.4696 8.60929 21.422 10.5491 21.8079C12.4889 22.1937 14.4996 21.9957 16.3268 21.2388C18.1541 20.4819 19.7159 19.2002 20.8147 17.5557C21.9135 15.9112 22.5 13.9778 22.5 12C22.5 10.6868 22.2413 9.38642 21.7388 8.17317C21.2363 6.95991 20.4997 5.85752 19.5711 4.92893C18.6425 4.00035 17.5401 3.26375 16.3268 2.7612C15.1136 2.25866 13.8132 2 12.5 2ZM12.5 20C10.9178 20 9.37104 19.5308 8.05544 18.6518C6.73985 17.7727 5.71447 16.5233 5.10897 15.0615C4.50347 13.5997 4.34504 11.9911 4.65372 10.4393C4.9624 8.88743 5.72433 7.46197 6.84315 6.34315C7.96197 5.22433 9.38743 4.4624 10.9393 4.15372C12.4911 3.84504 14.0997 4.00346 15.5615 4.60896C17.0233 5.21447 18.2727 6.23984 19.1518 7.55544C20.0308 8.87103 20.5 10.4177 20.5 12C20.5 14.1217 19.6572 16.1566 18.1569 17.6569C16.6566 19.1571 14.6217 20 12.5 20Z" fill="#2D74BA"/>
</svg>
</div>
<div class="block">
<h5 class="mb-8">Reliabilty</h5>
<p>Count on us for a seamless rental<br>experience every time.</p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-6">
<div class="d-flex gap-8">
<div>
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none">
<path d="M15.22 8.79L10.93 13.09L9.28 11.44C9.19036 11.3353 9.08004 11.2503 8.95597 11.1903C8.83191 11.1303 8.69678 11.0965 8.55906 11.0912C8.42134 11.0859 8.28401 11.1091 8.15568 11.1594C8.02736 11.2096 7.91081 11.2859 7.81335 11.3833C7.7159 11.4808 7.63964 11.5974 7.58937 11.7257C7.53909 11.854 7.51589 11.9913 7.52121 12.1291C7.52653 12.2668 7.56026 12.4019 7.62028 12.526C7.6803 12.65 7.76532 12.7604 7.87 12.85L10.22 15.21C10.3134 15.3027 10.4243 15.376 10.5461 15.4258C10.6679 15.4755 10.7984 15.5008 10.93 15.5C11.1923 15.4989 11.4437 15.3947 11.63 15.21L16.63 10.21C16.7237 10.117 16.7981 10.0064 16.8489 9.88458C16.8997 9.76272 16.9258 9.63201 16.9258 9.5C16.9258 9.36799 16.8997 9.23728 16.8489 9.11542C16.7981 8.99356 16.7237 8.88296 16.63 8.79C16.4426 8.60375 16.1892 8.49921 15.925 8.49921C15.6608 8.49921 15.4074 8.60375 15.22 8.79ZM12.5 2C10.5222 2 8.58879 2.58649 6.9443 3.6853C5.29981 4.78412 4.01809 6.3459 3.26121 8.17317C2.50433 10.0004 2.3063 12.0111 2.69215 13.9509C3.078 15.8907 4.03041 17.6725 5.42894 19.0711C6.82746 20.4696 8.60929 21.422 10.5491 21.8079C12.4889 22.1937 14.4996 21.9957 16.3268 21.2388C18.1541 20.4819 19.7159 19.2002 20.8147 17.5557C21.9135 15.9112 22.5 13.9778 22.5 12C22.5 10.6868 22.2413 9.38642 21.7388 8.17317C21.2363 6.95991 20.4997 5.85752 19.5711 4.92893C18.6425 4.00035 17.5401 3.26375 16.3268 2.7612C15.1136 2.25866 13.8132 2 12.5 2ZM12.5 20C10.9178 20 9.37104 19.5308 8.05544 18.6518C6.73985 17.7727 5.71447 16.5233 5.10897 15.0615C4.50347 13.5997 4.34504 11.9911 4.65372 10.4393C4.9624 8.88743 5.72433 7.46197 6.84315 6.34315C7.96197 5.22433 9.38743 4.4624 10.9393 4.15372C12.4911 3.84504 14.0997 4.00346 15.5615 4.60896C17.0233 5.21447 18.2727 6.23984 19.1518 7.55544C20.0308 8.87103 20.5 10.4177 20.5 12C20.5 14.1217 19.6572 16.1566 18.1569 17.6569C16.6566 19.1571 14.6217 20 12.5 20Z" fill="#2D74BA"/>
</svg>
</div>
<div class="block">
<h5 class="mb-8"> More Options</h5>
<p>With our vast fleet of cars you will get<br> what you want.</p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-6">
<div class="d-flex gap-8">
<div class="align-items-center">
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none">
<path d="M15.22 8.79L10.93 13.09L9.28 11.44C9.19036 11.3353 9.08004 11.2503 8.95597 11.1903C8.83191 11.1303 8.69678 11.0965 8.55906 11.0912C8.42134 11.0859 8.28401 11.1091 8.15568 11.1594C8.02736 11.2096 7.91081 11.2859 7.81335 11.3833C7.7159 11.4808 7.63964 11.5974 7.58937 11.7257C7.53909 11.854 7.51589 11.9913 7.52121 12.1291C7.52653 12.2668 7.56026 12.4019 7.62028 12.526C7.6803 12.65 7.76532 12.7604 7.87 12.85L10.22 15.21C10.3134 15.3027 10.4243 15.376 10.5461 15.4258C10.6679 15.4755 10.7984 15.5008 10.93 15.5C11.1923 15.4989 11.4437 15.3947 11.63 15.21L16.63 10.21C16.7237 10.117 16.7981 10.0064 16.8489 9.88458C16.8997 9.76272 16.9258 9.63201 16.9258 9.5C16.9258 9.36799 16.8997 9.23728 16.8489 9.11542C16.7981 8.99356 16.7237 8.88296 16.63 8.79C16.4426 8.60375 16.1892 8.49921 15.925 8.49921C15.6608 8.49921 15.4074 8.60375 15.22 8.79ZM12.5 2C10.5222 2 8.58879 2.58649 6.9443 3.6853C5.29981 4.78412 4.01809 6.3459 3.26121 8.17317C2.50433 10.0004 2.3063 12.0111 2.69215 13.9509C3.078 15.8907 4.03041 17.6725 5.42894 19.0711C6.82746 20.4696 8.60929 21.422 10.5491 21.8079C12.4889 22.1937 14.4996 21.9957 16.3268 21.2388C18.1541 20.4819 19.7159 19.2002 20.8147 17.5557C21.9135 15.9112 22.5 13.9778 22.5 12C22.5 10.6868 22.2413 9.38642 21.7388 8.17317C21.2363 6.95991 20.4997 5.85752 19.5711 4.92893C18.6425 4.00035 17.5401 3.26375 16.3268 2.7612C15.1136 2.25866 13.8132 2 12.5 2ZM12.5 20C10.9178 20 9.37104 19.5308 8.05544 18.6518C6.73985 17.7727 5.71447 16.5233 5.10897 15.0615C4.50347 13.5997 4.34504 11.9911 4.65372 10.4393C4.9624 8.88743 5.72433 7.46197 6.84315 6.34315C7.96197 5.22433 9.38743 4.4624 10.9393 4.15372C12.4911 3.84504 14.0997 4.00346 15.5615 4.60896C17.0233 5.21447 18.2727 6.23984 19.1518 7.55544C20.0308 8.87103 20.5 10.4177 20.5 12C20.5 14.1217 19.6572 16.1566 18.1569 17.6569C16.6566 19.1571 14.6217 20 12.5 20Z" fill="#2D74BA"/>
</svg>
</div>
<div class="block">
<h5 class="mb-8">Insurance</h5>
<p>Protecting you on the road, ensuring peace of mind throughout your journey</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!--Footer-start -->
<footer class="pt-40">
<div class="container-fluid">
<div class="row mb-16 row-gap-4">
<div class="col-lg-4">
<div class="txt-block">
<a href="index.html">
<img src="assets/media/user/logo1.png" alt="/logo" class="header-logo">
</a>
</div>
<h5 class="white mb-32" data-i18n="title"> </h5>
<h6 class="white mb-16" data-i18n="Subscribe"></h6>
<form action="index.html" class="newsletter-form">
<input type="email" name="email" id="eMail" class="form-input"
data-i18n-placeholder="placeholder.youremali">
<button type="submit">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"
fill="none">
<g clip-path="url(#clip0_383_5670)">
<path
d="M19.8284 0.171647C19.6626 0.00586635 19.414 -0.0451101 19.1965 0.041921L0.36834 7.57308C0.152911 7.65925 0.00865304 7.86441 0.00037181 8.09632C-0.00787036 8.32819 0.121504 8.54308 0.330254 8.64433L7.75477 12.2451L11.3556 19.6697C11.4538 19.8722 11.6589 19.9999 11.8827 19.9999C11.8896 19.9999 11.8966 19.9998 11.9036 19.9995C12.1355 19.9913 12.3407 19.847 12.4268 19.6316L19.9581 0.803599C20.0451 0.585943 19.9941 0.337389 19.8284 0.171647ZM2.0349 8.16862L16.9812 2.19016L8.07383 11.0974L2.0349 8.16862ZM11.8313 17.9651L8.90246 11.926L17.8099 3.01875L11.8313 17.9651Z"
fill="#2D74BA" />
</g>
</svg>
</button>
</form>
</div>
<div class="col-lg-7 col-md-8 offset-lg-1">
<div class="row">
<div class="col-6">
<div class="links-block">
<h6 class="mb-32" data-i18n="sectionTitles.QuickLinks"></h6>
<ul class="unstyled">
<li class="mb-12">
<a href="index.html" data-i18n="home"> </a>
</li>
<li class="mb-12">
<a href="rental-sidebar.html" data-i18n="UsedCar"></a>
</li>
<li class="mb-12">
<a href="contact.html" data-i18n="Contactus"></a>
</li>
</ul>
</div>
</div>
<div class="col-6">
<div class="links-block">
<div class="mb-24">
<h6 class="mb-32" data-i18n="sectionTitles.Contactinfo"></h6>
</div>
<ul class="unstyled">
<li class="mb-16">
<a href="tel:+375(29)524803"class="contact">
<img src="assets/media/footer/uil-outgoing-call.png" alt="call">
<p data-i18n="companyinfo.tel"></p>
</a>
</li>
<li class="mb-16">
<a href="https://api.whatsapp.com/send/?phone=+86-18603858592&text=Hello&type=phone_number&app_absent=0" class="contact">
<img src="assets/media/icons/whatsappw.png" class="whatsapp" alt="whatsapp">
<p data-i18n="companyinfo.phone"></p>
</a>
</li>
<li class="mb-24">
<div class="contact">
<img src="assets/media/footer/uil-envelope.png" alt="logo">
<a href="mailto:info@orzar.shop">info@orzar.shop</a>
</div>
</li>
</ul>
<!-- <h5 data-i18n="sectionTitles.Followus"></h5> -->
<!-- <div class="social-icons mb-12">
<ul class="d-flex unstyled gap-12">
<li>
<a href="">
<img src="assets/media/footer/Instagram.png" alt="logo">
</a>
</li>
<li>
<a href="">
<img src="assets/media/footer/Twitter.png" alt="logo">
</a>
</li>
<li>
<a href="">
<img src="assets/media/footer/Dribbble.png" alt="logo">
</a>
</li>
<li>
<a href="">
<img src="assets/media/footer/Linkedin.png " alt="logo">
</a>
</li>
</ul>
</div> -->
</div>
</div>
</div>
</div>
</div>
<div class="hr-line bg-light-gray"></div>
<p class="mt-32 pb-32 text-center">@2025 All Rights Copyright <span
class="fw-700 color-sec">Orzar.</span>
Design & Developed By XINYOUHE &nbsp; &nbsp;<a href="privacypolicy.html" data-i18n="PrivacyPolicy" style="text-decoration:revert;"></a></p>
</div>
</footer>
<!--Footer-end -->
<!-- Back To Top Start -->
<button class="scrollToTopBtn"><i class="fa fa-arrow-up"></i></button>
<!-- Mobile Menu Start -->
<div class="mobile-nav__wrapper">
<div class="mobile-nav__overlay mobile-nav__toggler"></div>
<div class="mobile-nav__content">
<span class="mobile-nav__close mobile-nav__toggler"><i class="fa fa-times"></i></span>
<div class="logo-box">
<a href="index.html" aria-label="logo image"><img src="assets/media/user/logo.png" alt=""></a>
</div>
<div class="mobile-nav__container"></div>
<ul class="mobile-nav__contact list-unstyled">
<li>
<i class="fas fa-envelope"></i>
<a href="mailto:info@orzar.shop">info@orzar.shop</a>
</li>
<li>
<i class="fa fa-phone-alt"></i>
<a href="tel:+375(29)524803" data-i18n="companyinfo.tel"></a>
</li>
<li>
<img src="assets/media/icons/whatsapp.png" class="whatsapp1" alt="whatsapp">
<a href="https://api.whatsapp.com/send/?phone=+86-18603858592&text=Hello&type=phone_number&app_absent=0" data-i18n="companyinfo.phone"></a>
</li>
</ul>
<div class="mobile-nav__social">
<a href=""><i class="fa-brands fa-x-twitter"></i></a>
<a href=""><i class="fab fa-facebook"></i></a>
<a href=""><i class="fab fa-instagram"></i></a>
</div>
</div>
</div>
<!-- Mobile Menu End -->
<!-- Jquery Js -->
<script src="assets/js/vendor/bootstrap.min.js"></script>
<script src="assets/js/vendor/jquery-3.6.3.min.js"></script>
<script src="assets/js/vendor/slick.min.js"></script>
<script src="assets/js/vendor/smooth-scrollbar.js"></script>
<script src="assets/js/app.js"></script>
<script src="assets/js/i18n.js"></script>
</body>
</html>

5171
assets/css/app.css Executable file
View File

File diff suppressed because it is too large Load Diff

1
assets/css/app.css.map Executable file
View File

File diff suppressed because one or more lines are too long

BIN
assets/css/fonts/metropolis/Metropolis-Black.otf Executable file
View File

Binary file not shown.

BIN
assets/css/fonts/metropolis/Metropolis-Bold.otf Executable file
View File

Binary file not shown.

BIN
assets/css/fonts/metropolis/Metropolis-ExtraBold.otf Executable file
View File

Binary file not shown.

BIN
assets/css/fonts/metropolis/Metropolis-ExtraLight.otf Executable file
View File

Binary file not shown.

BIN
assets/css/fonts/metropolis/Metropolis-Light.otf Executable file
View File

Binary file not shown.

BIN
assets/css/fonts/metropolis/Metropolis-Medium.otf Executable file
View File

Binary file not shown.

BIN
assets/css/fonts/metropolis/Metropolis-Regular.otf Executable file
View File

Binary file not shown.

BIN
assets/css/fonts/metropolis/Metropolis-SemiBold.otf Executable file
View File

Binary file not shown.

BIN
assets/css/fonts/metropolis/Metropolis-Thin.otf Executable file
View File

Binary file not shown.

43
assets/css/fonts/metropolis/SIL Open Font License.txt Executable file
View File

@ -0,0 +1,43 @@
Copyright (c) 2015, Chris Simpson, with Reserved Font Name: "Metropolis".
This Font Software is licensed under the SIL Open Font License, Version 1.1.
This license is copied below, and is also available with a FAQ at: http://scripts.sil.org/OFL
-----------------------------------------------------------
SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
-----------------------------------------------------------
PREAMBLE
The goals of the Open Font License (OFL) are to stimulate worldwide development of collaborative font projects, to support the font creation efforts of academic and linguistic communities, and to provide a free and open framework in which fonts may be shared and improved in partnership with others.
The OFL allows the licensed fonts to be used, studied, modified and redistributed freely as long as they are not sold by themselves. The fonts, including any derivative works, can be bundled, embedded, redistributed and/or sold with any software provided that any reserved names are not used by derivative works. The fonts and derivatives, however, cannot be released under any other type of license. The requirement for fonts to remain under this license does not apply to any document created using the fonts or their derivatives.
DEFINITIONS
"Font Software" refers to the set of files released by the Copyright Holder(s) under this license and clearly marked as such. This may include source files, build scripts and documentation.
"Reserved Font Name" refers to any names specified as such after the copyright statement(s).
"Original Version" refers to the collection of Font Software components as distributed by the Copyright Holder(s).
"Modified Version" refers to any derivative made by adding to, deleting, or substituting -- in part or in whole -- any of the components of the Original Version, by changing formats or by porting the Font Software to a new environment.
"Author" refers to any designer, engineer, programmer, technical writer or other person who contributed to the Font Software.
PERMISSION & CONDITIONS
Permission is hereby granted, free of charge, to any person obtaining a copy of the Font Software, to use, study, copy, merge, embed, modify, redistribute, and sell modified and unmodified copies of the Font Software, subject to the following conditions:
1) Neither the Font Software nor any of its individual components, in Original or Modified Versions, may be sold by itself.
2) Original or Modified Versions of the Font Software may be bundled, redistributed and/or sold with any software, provided that each copy contains the above copyright notice and this license. These can be included either as stand-alone text files, human-readable headers or in the appropriate machine-readable metadata fields within text or binary files as long as those fields can be easily viewed by the user.
3) No Modified Version of the Font Software may use the Reserved Font Name(s) unless explicit written permission is granted by the corresponding Copyright Holder. This restriction only applies to the primary font name as presented to the users.
4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font Software shall not be used to promote, endorse or advertise any Modified Version, except to acknowledge the contribution(s) of the Copyright Holder(s) and the Author(s) or with their explicit written permission.
5) The Font Software, modified or unmodified, in part or in whole, must be distributed entirely under this license, and must not be distributed under any other license. The requirement for fonts to remain under this license does not apply to any document created using the Font Software.
TERMINATION
This license becomes null and void if any of the above conditions are not met.
DISCLAIMER
THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM OTHER DEALINGS IN THE FONT SOFTWARE.

BIN
assets/css/gilroy/210000.jpg Executable file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 35 KiB

BIN
assets/css/gilroy/210001.jpg Executable file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 28 KiB

BIN
assets/css/gilroy/210003.jpg Executable file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 28 KiB

BIN
assets/css/gilroy/210004.jpg Executable file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 20 KiB

BIN
assets/css/gilroy/210006.jpg Executable file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 19 KiB

BIN
assets/css/gilroy/210018.jpg Executable file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 30 KiB

BIN
assets/css/gilroy/210019.jpg Executable file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 9.4 KiB

BIN
assets/css/gilroy/210020.jpg Executable file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 26 KiB

BIN
assets/css/gilroy/210279.jpg Executable file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 26 KiB

BIN
assets/css/gilroy/210280.jpg Executable file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 26 KiB

BIN
assets/css/gilroy/Gilroy-Black.ttf Executable file
View File

Binary file not shown.

BIN
assets/css/gilroy/Gilroy-BlackItalic.ttf Executable file
View File

Binary file not shown.

BIN
assets/css/gilroy/Gilroy-Bold.ttf Executable file
View File

Binary file not shown.

BIN
assets/css/gilroy/Gilroy-BoldItalic.ttf Executable file
View File

Binary file not shown.

BIN
assets/css/gilroy/Gilroy-ExtraBold.ttf Executable file
View File

Binary file not shown.

BIN
assets/css/gilroy/Gilroy-ExtraBoldItalic.ttf Executable file
View File

Binary file not shown.

BIN
assets/css/gilroy/Gilroy-Heavy.ttf Executable file
View File

Binary file not shown.

BIN
assets/css/gilroy/Gilroy-HeavyItalic.ttf Executable file
View File

Binary file not shown.

BIN
assets/css/gilroy/Gilroy-Light.ttf Executable file
View File

Binary file not shown.

BIN
assets/css/gilroy/Gilroy-LightItalic.ttf Executable file
View File

Binary file not shown.

BIN
assets/css/gilroy/Gilroy-Medium.ttf Executable file
View File

Binary file not shown.

BIN
assets/css/gilroy/Gilroy-MediumItalic.ttf Executable file
View File

Binary file not shown.

BIN
assets/css/gilroy/Gilroy-Regular.ttf Executable file
View File

Binary file not shown.

BIN
assets/css/gilroy/Gilroy-RegularItalic.ttf Executable file
View File

Binary file not shown.

BIN
assets/css/gilroy/Gilroy-SemiBold.ttf Executable file
View File

Binary file not shown.

BIN
assets/css/gilroy/Gilroy-SemiBoldItalic.ttf Executable file
View File

Binary file not shown.

BIN
assets/css/gilroy/Gilroy-Thin.ttf Executable file
View File

Binary file not shown.

BIN
assets/css/gilroy/Gilroy-ThinItalic.ttf Executable file
View File

Binary file not shown.

BIN
assets/css/gilroy/Gilroy-UltraLight.ttf Executable file
View File

Binary file not shown.

BIN
assets/css/gilroy/Gilroy-UltraLightItalic.ttf Executable file
View File

Binary file not shown.

BIN
assets/css/gilroy/Help - Guide Document.pdf Executable file
View File

Binary file not shown.

144
assets/css/gilroy/License.txt Executable file
View File

@ -0,0 +1,144 @@
Fontspring Desktop/Webfont EULA v1.70
This license can also be found at this permalink: https://www.fontsquirrel.com/license/gilroy
The Fontspring Desktop Font End User License Agreement
Version 1.7.0 - February 26, 2017
By downloading and/or installing font software (“Font”) offered by Fontspring or its distributors, you (“Licensee”) agree to be bound by the following terms and conditions of this End User Licensing Agreement (“EULA”):
1. Rights Granted
Fontspring grants Licensee a perpetual, worldwide, non-exclusive and non-transferrable license to:
a. Use the Font to create and distribute graphics, logos, and artwork for display on any surface including computer screens, television screens, paper, physical products, or any other surface. The created graphics may be a fixed size (e.g. JPG, PNG, etc.) or a static vector (e.g. SVG, EPS, etc. made with a “create outlines” tool).
b. Embed or link the Font in accordance with the rules described in Section 2d, “Document Embedding,” of this EULA.
2. Requirements and Restrictions
a. Products
Licensee may not use the Font to create alphabet or letterform products for resale where the product consists of individual letterforms, including rubber stamps, die-cut products, stencil products, or adhesive sticker alphabet products where the likeness of the Font can be reproduced and the end-user of said products can create their own typesetting. An extended license may be available for an additional fee.
Licensee may create typographic products using the Font if the product consists of commonly recognized words or phrases, for example, a rubber stamp that has the words “Great!” or a sticker that says “Thank You.”
b. Dingbats and Illustrations
Licensee may NOT use illustrations or images in the Font OTHER THAN letterforms, numbers, punctuation marks, diacritics, etc., in a manner where the illustration or image becomes the primary aspect of a product for resale. For example, a dingbat image in the font can not be the sole design element on a coffee cup, t-shirt, greeting card, etc., intended for resale. An extended license may be available for an additional fee.
c. Users and Deployment
The Font may be simultaneously used by no more than the number of users specified in the Invoice. A “user” is a single person or single machine, at the discretion of the Licensee. All users must belong to the same company or household purchasing the font except for temporary use by third parties as described in Section 3 “Provision to Third Parties” of this EULA. The Font may be installed on a server for the purpose of deploying to licensed users with all user restrictions listed above still applying.
d. Document Embedding (including PDF, Microsoft Word® & Microsoft Powerpoint®)
Documents embedding the Font and sent to third parties, must be read-only by those recipients.
Documents embedding the Font and created for in-house use or sent to third parties working on behalf of the Licensee as described in Section 3 “Provision to Third Parties” may be editable.
3. Provision to Third Parties
The Licensee may temporarily provide the Font to a graphic designer, printer, agent, or independent contractor who is working on behalf of the Licensee. The Agents temporarily using the font are treated as licensed users and count toward the number of users specified on the Invoice. In the case of a single user license, the Licensee may temporarily provide the Font to a single third party without violating this EULA.
The third party designer, developer, agent, or independent contractor must:
a. Agree in writing to use the Font exclusively for Licensee’s work, according to the terms of this EULA.
b. Retain no copies of the Font upon completion of the work.
4. Term
This EULA grants a perpetual license for the rights set forth in Section 1, “Rights Granted,” unless and until the EULA terminates under Section 8, “Termination.” Fontspring will not charge additional fees post purchase, annually or otherwise.
5. Other Usage
Licenses for @font-face embedding, computer applications and games, installable interactive books, software, mobile applications and games, ebooks, product creation websites, website template distribution, website templates, and other uses not allowed by this EULA may be available for an additional fee. Contact Fontspring at support@fontspring.com for more information.
6. Modifications
Licensee may not modify the Font files, or create derivative fonts based on the Font without prior written consent from Fontspring or the owning Foundry EXCEPT THAT Licensee may generate files necessary for embedding or linking in accordance with this EULA.
7. Copyright
The Font is protected by copyright law. The Foundry is the sole, exclusive owner of all intellectual property rights, including rights under copyright and trademark law. Licensee agrees not to use the Font in any manner that infringes the intellectual property rights of the Foundry or violates the terms of this EULA. Licensee will be held legally responsible, and indemnifies Fontspring, for any infringements on the Foundry’s rights caused by failure to abide by the terms of this EULA.
8. Termination
This EULA is effective until terminated. If Licensee fails to comply with any term of this EULA, Fontspring may terminate the EULA with 30 days notice. This EULA will terminate automatically 30 days after the issuance of such notice.
9. Refunds and Disclaimer
Fontspring will, at the Licensee’s request, provide a refund for the Font if:
a. The Font has not been used in any published or released work.
b. No more than 30 days have passed since the date of purchase, specified on the Invoice.
c. The Font has been uninstalled and deleted from all Licensee’s computers.
The Product is provided “as is.” Fontspring makes no warranty of any kind, either expressed or implied, including, but not limited to the implied warranties of merchantability and fitness for a particular purpose.
Fontspring shall not be liable for any direct, indirect, consequential, or incidental damages (including damages from loss of business profits, business interruption, loss of business information, and the like) arising out of the use of or inability to use the product even if Fontspring or the Foundry has been advised of the possibility of such damages.
Because some states do not allow the exclusion or limitation of liability for consequential or incidental damages, the above limitation may not apply to Licensee.
10. Governing Law
This EULA is governed by the laws of the United States of America and the State of Delaware.
11. Entire Agreement
This EULA, in conjunction with the Invoice that accompanies each Font licensed from Fontspring or its distributors, constitutes the entire agreement between Fontspring and Licensee.
12. Modification
The Parties may modify or amend this EULA in writing.
13. Waiver. The waiver of one breach or default hereunder shall not constitute the waiver of any subsequent breach or default.
————————————————————————————————————————————————————————————-
The Fontspring Webfont End User License Agreement
Version 1.7.0 - February 26, 2017
By downloading, installing and/or embedding font software (“Webfont”) offered by Fontspring or its distributors, you (“Licensee”) agree to be bound by the following terms and conditions of this End User Licensing Agreement (“EULA”):
1. Right Granted
Fontspring grants Licensee a perpetual, worldwide, non-exclusive and non-transferrable license to link the Webfont to Websites using the @font-face selector in CSS files.
2. Requirements and Restrictions
Licensee agrees to abide by the following requirements and restrictions:
a. Licensee must use the Webfont provided by Fontspring under this EULA. Licensee may not link to the full, CFF OpenType or TrueType font designed for desktop installation.
b. Licensee must include the entire commented header in the provided CSS file.
c. The total traffic of the Website(s), measured in pageviews per month, may be no greater than the number of pageviews specified in the Invoice.
d. Licensee may only install the Webfont on Websites that it owns or controls.
e. Licensee may embed Webfont in reports generated by the Website(s), provided that Licensee does not sell the reports for profit.
3. Provision to Third Parties
Licensee may temporarily provide the Font to a producer, publisher or other agent who is working on behalf of the Licensee.
The third party designer, developer, agent, or independent contractor must:
(1) Agree in writing to use the Font exclusively for Licensee’s work, according to the terms of this EULA.
(2) Retain no copies of the Font upon completion of the work.
4. Term
This EULA grants a perpetual license for the rights set forth in Paragraph 1 unless and until the EULA terminates under Paragraph 8. Fontspring will not charge additional fees post purchase, annually or otherwise.
5. Other Usage
Licenses for desktop use, computer applications and games, installable interactive books, software, mobile applications and games, Ebooks and Epubs, product creation websites, website template distribution, website templates, and other uses not allowed by this EULA may be available for an additional fee. Contact Fontspring at support@fontspring.com for more information.
6. Modifications
Licensee may not modify the Webfont or create derivative works based upon the Webfont without prior written consent from Fontspring or the owning foundry EXCEPT THAT Licensee may generate files necessary for embedding or linking in accordance with this EULA.
7. Copyright
The Webfont is protected by copyright law. The Foundry is the sole, exclusive owner of all intellectual property rights, including rights under copyright and trademark law. Licensee agrees not to use the Webfont in any manner that infringes the intellectual property rights of the Foundry or violates the terms of this EULA. Licensee will be held legally responsible, and indemnifies Fontspring, for any infringements on the foundry’s rights caused by failure to abide by the terms of this EULA.
8. Termination
This EULA is effective until terminated. If Licensee fails to comply with any term of this EULA, Fontspring may terminate the EULA with 30 days notice. This EULA will terminate automatically 30 days after the issuance of such notice.
9. Refunds and Disclaimer
Fontspring will, at the User’s request, provide a refund for the Font if:
a. The Font has not been used in any published or released work.
b. No more than 30 days have passed since the date of purchase, specified on the Invoice.
c. The Font has been uninstalled and deleted from all Licensee’s computers.
The Product is provided “as is.” Fontspring makes no warranty of any kind, either expressed or implied, including, but not limited to the implied warranties of merchantability and fitness for a particular purpose.
Fontspring shall not be liable for any direct, indirect, consequential, or incidental damages (including damages from loss of business profits, business interruption, loss of business information, and the like) arising out of the use of or inability to use the product even if Fontspring or the foundry has been advised of the possibility of such damages.
Because some states do not allow the exclusion or limitation of liability for consequential or incidental damages, the above limitation may not apply to Licensee.
10. Governing Law
This EULA is governed by the laws of the United States of America and the State of Delaware.
11. Entire Agreement
This EULA, in conjunction with the invoice (“Invoice”) that accompanies each Font licensed from Fontspring or its distributors, constitutes the entire agreement between Fontspring and Licensee.
12. Modification
The Parties may modify or amend this EULA in writing.
13. Waiver. The waiver of one breach or default hereunder shall not constitute the waiver of any subsequent breach or default.

2
assets/css/gilroy/More Free Fonts on fontshmonts.com.url Executable file
View File

@ -0,0 +1,2 @@
[InternetShortcut]
URL=https://www.fontshmonts.com/?utm_source=file_shortcuts&utm_medium=downloaded_files

BIN
assets/css/gilroy/cover.jpg Executable file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 97 KiB

63
assets/css/index - 副本.css Executable file
View File

@ -0,0 +1,63 @@
.container-fluid .input-group input {
border: 0px;
width: 100%;
padding: 15px 10px;
/* padding: clamp(14px, 1.042vw, 30px) clamp(16px, 1.25vw, 30px); */
border-radius: 12px;
background: white;
}
.wrapper-dropdown{
padding: 15px 24px !important;
}
.seach{
background-image: url(../media/hero/hero-group.png);
/* background-position: bottom left; */
background-repeat: no-repeat;
background-size: cover;
display: flex;
align-items: center;
min-height: 450px;
}
.seach .rowbg {
display: flex;
align-items: center;
padding-top:24px;
border-radius: 8px;
background-color: #ecf3f9;
position: relative;
margin: 0px;
}
.wrapper-dropdown .selected-display {
white-space: nowrap;
overflow: hidden;
width: 78%;
}
.vehica-car-card__separator {
margin: 10px 0 18px 0;
background: #fff;
height: 1px;
}
.vehica-car-card__info {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
}
.vehica-car-card__info__single {
display: inline-block;
border-radius: 5px;
font-size: 14px;
font-weight: 500;
color: #99a1b2;
margin-right: 20px;
line-height: 28px;
}
.vehica-car-card__info__single:first-child {
padding: 0 11px;
color: #fff;
background: #ff4605;
}

822
assets/css/index.css Executable file
View File

@ -0,0 +1,822 @@
.pic i {
font-size: 20px;
color: #2d74ba;
}
.navigation>a {
flex: 1;
}
.navigation>.menu-button-right {
flex: 2;
}
.whatsapp{
width: 24px;
}
.whatsapp1{
width: 30px;
}
.vs--disabled.v-select:not(.vs-open) .vs__dropdown-toggle {
background: #ccc !important;
}
.vs--disabled .vs__clear, .vs--disabled .vs__dropdown-toggle, .vs--disabled .vs__open-indicator, .vs--disabled .vs__search, .vs--disabled .vs__selected {
background-color: #ccc !important;
}
.homesechbtn{
padding: 24px 32px;
}
.vs__actions .vs__clear {
padding: 0px 6px;
}
.vs__actions {
padding: 4px 10px 0 3px !important;
}
.v-select:not(.vs-open) .vs__dropdown-toggle {
padding: 0 0 0 10px !important;
}
.txt-block span {
align-items: center;
}
.slick-slide img {
height: 100%;
width: auto;
}
#rental-slider,.rental-slide{
height: 480px;
}
.vehicle-card .title {
font-size: 24px !important;
display: -webkit-box;
-webkit-line-clamp: 2; /* 限制显示行数 */
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
min-height: 58px;
}
.breadcrumbs{
padding: clamp(21px, 1.667vw, 40px);
background: #ecf3f9;
font-weight: bold;
color: #787878;
}
.breadcrumbs .txt-block{
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.txt-block span{
gap: 1rem;
display: inline-flex;
padding: 0px 1px;
}
.as-nav-slider {
margin: 24px 50px 0px !important;
}
.vehica-car-card__info .cus-btn{
height: 30px;
padding: 0 11px;
margin-right: 10px;
}
.detailsbtn{
display: flex;
justify-content: space-around;
gap: 20px;
}
.detailsbtn a{
flex: 1;
}
.seach .rowbg .row{
padding-left: 0px;
}
.ml0{
margin-left: 0px;
}
@media (max-width:576px) {
.breadcrumbs{
padding: clamp(10px, 1.667vw, 40px);
background: #ecf3f9;
font-weight: bold;
color: #787878;
}
.details .slider-arrows {
top: 28% !important;
}
#rental-slider,.rental-slide{
height: 240px;
}
.as-nav-slider {
margin: 24px 10px 0px !important;
}
.tag{
margin-left: 10px !important;
}
.toppic_content{
display: none !important;
}
.homesechbtn{
padding: 18px 32px;
width: 100%;
}
.col-sm {
flex: 1 0 0%
}
.row-cols-sm-auto>* {
flex: 0 0 auto;
width: auto
}
.row-cols-sm-1>* {
flex: 0 0 auto;
width: 100%
}
.row-cols-sm-2>* {
flex: 0 0 auto;
width: 50%
}
.row-cols-sm-3>* {
flex: 0 0 auto;
width: 33.3333333333%
}
.row-cols-sm-4>* {
flex: 0 0 auto;
width: 25%
}
.row-cols-sm-5>* {
flex: 0 0 auto;
width: 20%
}
.row-cols-sm-6>* {
flex: 0 0 auto;
width: 16.6666666667%
}
.col-sm-auto {
flex: 0 0 auto;
width: auto
}
.col-sm-1 {
flex: 0 0 auto;
width: 8.33333333%
}
.col-sm-2 {
flex: 0 0 auto;
width: 16.66666667%
}
.col-sm-3 {
flex: 0 0 auto;
width: 25%
}
.col-sm-4 {
flex: 0 0 auto;
width: 33.33333333%
}
.col-sm-5 {
flex: 0 0 auto;
width: 41.66666667%
}
.col-sm-6 {
flex: 0 0 auto;
width: 50%
}
.col-sm-7 {
flex: 0 0 auto;
width: 58.33333333%
}
.col-sm-8 {
flex: 0 0 auto;
width: 66.66666667%
}
.col-sm-9 {
flex: 0 0 auto;
width: 75%
}
.col-sm-10 {
flex: 0 0 auto;
width: 83.33333333%
}
.col-sm-11 {
flex: 0 0 auto;
width: 91.66666667%
}
.col-sm-12 {
flex: 0 0 auto;
width: 100%
}
.g-sm-0,
.gx-sm-0 {
--bs-gutter-x: 0
}
.g-sm-0,
.gy-sm-0 {
--bs-gutter-y: 0
}
.g-sm-1,
.gx-sm-1 {
--bs-gutter-x: 0.25rem
}
.g-sm-1,
.gy-sm-1 {
--bs-gutter-y: 0.25rem
}
.g-sm-2,
.gx-sm-2 {
--bs-gutter-x: 0.5rem
}
.g-sm-2,
.gy-sm-2 {
--bs-gutter-y: 0.5rem
}
.g-sm-3,
.gx-sm-3 {
--bs-gutter-x: 1rem
}
.g-sm-3,
.gy-sm-3 {
--bs-gutter-y: 1rem
}
.g-sm-4,
.gx-sm-4 {
--bs-gutter-x: 1.5rem
}
.g-sm-4,
.gy-sm-4 {
--bs-gutter-y: 1.5rem
}
.g-sm-5,
.gx-sm-5 {
--bs-gutter-x: 3rem
}
.g-sm-5,
.gy-sm-5 {
--bs-gutter-y: 3rem
}
}
@media (max-width: 765px) {
.hero-banner .seach img{
display: none;
}
.hero-banner .homesech{
min-height: 230px !important;
}
.seach .rowbg {
top: 0px !important;
width: 100% !important;
justify-content: center;
}
.seach .rowbg .row {
padding: 0px;
}
.hero-banner .seach{
min-height: 320px;
}
.find .input-type {
height: 40px !important;
}
#privacy-content{
padding: 0px 5% !important;
}
}
#privacy-content{
padding: 0px 20%;
}
@media (max-width: 1200px) {
#menu-main>li.has_lv3>.sub-menu{
width: auto !important;
padding: 0px !important;
}
.flex-layout{
max-height: 200px;
overflow-y: scroll;
}
.navnone{
display: none !important;
}
}
@media (max-width: 767px) {
.txt .slider-arrows{
justify-content: space-between;
}
.cus-btns1{
width: 100%;
}
.mb-24 {
margin-bottom: 10px !important;
}
.vs__selected-options {
max-height: 40px !important;
}
.v-select:not(.vs-open) input{
min-height: 40px;
}
}
.spinner {
width: 35px;
height: 34px;
border-radius: 50%;
color:none;
background:none;
background-repeat: no-repeat;
animation: spinner-mu2ebf 1s infinite linear;
position: relative;
}
@keyframes spinner-mu2ebf {
to {
transform: rotate(1turn);
}
}
.header .navigation .menu-button-right .main-menu__nav .main-menu__list > li > a{
font-size: clamp(20px, 0.938vw, 30px);
font-family: "metropolis";
}
.header .navigation .menu-button-right .main-menu__nav .main-menu__list li ul li > a, .header .navigation .menu-button-right .main-menu__nav .stricky-header .main-menu__list li ul li > a {
font-size: clamp(16px, 0.833vw, 28px);
font-family: "metropolis";
}
.clears{
display: flex;
align-content: right;
align-items: center;
justify-content: right;
}
.container-fluid .input-group input {
border: 0px;
width: 100%;
padding: 14px 10px;
/* padding: clamp(14px, 1.042vw, 30px) clamp(16px, 1.25vw, 30px); */
border-radius: 12px;
background: white;
color: #2f3b48;
font-size: 14px;
}
.wrapper-dropdown{
padding: 15px 24px !important;
}
.seach{
position: relative;
/* background-image: url(../media/hero/hero-group.jpg);
background-position: bottom left;
background-repeat: no-repeat;
background-size: cover;
display: flex;
align-items: center;
min-height: 450px; */
}
.seach .rowbg {
display: flex;
align-items: center;
padding-top:24px;
border-radius: 8px;
background-color: #ecf3f9;
justify-content: center;
/* position: absolute; */
/* top: 33%; */
margin: 0px;
/* width: 90%; */
}
.wrapper-dropdown .selected-display {
white-space: nowrap;
overflow: hidden;
width: 78%;
}
.vehica-car-card__separator {
margin: 10px 0 18px 0;
background: #fff;
height: 1px;
}
.vehica-car-card__info {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
min-height: 60px;
}
.vehica-car-card__info__single {
display: inline-block;
border-radius: 5px;
font-size: 14px;
font-weight: 500;
color: #99a1b2;
margin-right: 20px;
line-height: 28px;
}
.vehica-car-card__info__single:first-child {
padding: 0 11px;
color: #fff;
background: #ff4605;
}
.textarea{
width: 100%;
min-height: 200px;
border: none;
border-radius: 10px;
padding: 15px 24px;
}
.main-menu__right .pic{
display: flex;
align-items: center;
}
.main-menu__right .pic i {
font-size: 18px;
color: #2d74ba;
margin-right: 8px;
}
/* 搜索页 */
.clearbtn{
cursor: pointer;
}
.clearbtn:hover{
color: red;
}
.navs{
background: #ecf3f9;
}
.txtblock{
padding: 15px 0px;
}
.vehica-breadcrumbs__last{
color: #2d74ba;
}
.text-r{
text-align: right;
}
.text-c{
text-align: center;
}
.al-c{
align-items: center;
}
.find .input-type{
display: flex;
gap: 11px;
align-items: center;
padding: 0px 24px;
border-radius: 10px;
background-color: #ffffff;
position: relative;
height: 52px;
text-align: center;
}
.find .input-type input {
background: transparent;
width: 100%;
border: none;
padding: 0;
font-size: 14px;
color: #2f3b48;
}
input:focus {
outline: none;
box-shadow: 0 0 0 2px #fff;
border-color: transparent; /* 可选，移除原始边框颜色 */
}
.pagination #border-pagination li button {
display: flex;
align-items: center;
justify-content: center;
text-decoration: none;
color: #2d74ba;
width: clamp(36px, 2.448vw, 60px);
height: clamp(36px, 2.448vw, 60px);
border-radius: 4px;
border: 1px solid #2d74ba;
background: white;
float: left;
transition: all 0.5s ease-in-out;
font-family: "metropolis";
font-size: clamp(16px, 0.938vw, 32px);
font-style: normal;
font-weight: 500;
line-height: 150%;
}
/* 详情页 */
.img-box{
position: relative;
}
.tag{
font-size: 20px;
font-weight: bold;
/* background-color: rgb(45 116 186 / 50%); */
background: linear-gradient(to right, rgb(45 116 186 / 80%), rgb(236 243 249 / 80%));
text-align: center;
position: absolute;
padding: 10px;
bottom: 3%;
color: white;
display: flex;
align-items: center;
justify-content: center;
margin-left: 50px;
}
.alignCenter{
align-items: center;
}
.vehica-grid {
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-bottom: 12px;
}
.vehica-grid__element--1of2 {
width: 50%;
}
.cus-btn1 {
flex-shrink: 0;
position: relative;
overflow: hidden;
border: 1px solid #2d74ba;
display: inline-flex;
justify-content: center;
font-size: clamp(14px, 0.938vw, 32px);
font-weight: 500;
line-height: 120%;
align-items: center;
height: clamp(42px, 2.5vw, 84px);
padding: 0 32px;
text-decoration: none;
border-radius: clamp(5px, 0.521vw, 20px);
cursor: pointer;
text-transform: capitalize;
background: #fff;
user-select: none;
text-align: center;
-webkit-user-select: none;
touch-action: manipulation;
span {
svg {
width: clamp(18px, 1.25vw, 32px);
height: clamp(18px, 1.25vw, 32px);
path {
fill: #fff;
}
}
&:first-child {
color: #2d74ba;
position: relative;
transition: color 600ms cubic-bezier(0.48, 0, 0.12, 1);
z-index: 10;
}
&:last-child {
color: #fff;
display: block;
position: absolute;
bottom: 0;
transition: all 500ms cubic-bezier(0.48, 0, 0.12, 1);
z-index: 100;
opacity: 0;
top: 42%;
left: 50%;
transform: translateY(225%) translateX(-50%);
height: 14px;
line-height: 13px;
width: 100%;
text-align: center;
/* background-color:#2d74ba; */
svg {
path {
fill: #fff;
}
}
}
}
&:after {
content: "";
position: absolute;
bottom: -50%;
left: 0;
width: 100%;
height: 100%;
background-color: #2d74ba;
border: 0;
transform-origin: bottom center;
transition: transform 600ms cubic-bezier(0.48, 0, 0.12, 1);
transform: skewY(9.3deg) scaleY(0);
z-index: 50;
}
&:hover {
border: 1px solid #2d74ba;
&:after {
transform-origin: bottom center;
transform: skewY(6.3deg) scaleY(2);
}
span {
&:last-child {
transform: translateX(-50%) translateY(-50%);
opacity: 1;
transition: all 900ms cubic-bezier(0.48, 0, 0.12, 1);
}
}
}
}
.banner-3 input {
border: 0px;
margin-bottom: 22px;
width: 100%;
padding: clamp(14px, 1.042vw, 30px) clamp(16px, 1.25vw, 30px);
border-radius: 12px;
background: #ecf3f9;
}
.banner-3 textarea{
background: #ecf3f9;
}
.cards .banner {
height: 100%;
}
/* 轮播图 */
.slick-slide img{
margin: auto;
}
.as-nav-slider .img-box {
width: 160px;
height: 120px;
}
.vehicle-card img{
/* height: 300px; */
margin: auto;
display: flex;
height: 300px;
width: 100%;
object-fit: cover;
object-position: center;
}
#rental-slider{
margin-top: -30px;
}
.details .slider-arrows {
top: 35%;
}
/* newcar */
.alphabet-filter {
display: flex;
flex-wrap: wrap;
gap: 5px;
margin-bottom: 15px;
}
.alphabet-item {
padding: 2px 6px;
font-size: 14px;
line-height: 20px;
border-radius: 2px;
cursor: pointer;
position: relative;
}
.alphabet-item.active {
background: #2d74ba;
color: white;
}
.brand {
flex: 1;
display: flex;
flex-wrap: wrap;
align-items: center;
padding: 6px 12px;
background-color: #f7f8fc;
}
.brand_brands{
/* width: 120px; */
padding: 2px 10px;
flex: none;
margin: 0px 0;
font-size: 13px;
line-height: 20px;
overflow: hidden;
cursor: pointer;
}
/* .brand_brands:hover{
color: #2d74ba;
} */
.brand img{
width: 20px;
height: 20px;
}
/* 新车页面 */
#menu-main>li.has_lv3 {
position: static;
}
#menu-main>li.has_lv3>.sub-menu {
gap: 0 1rem;
/* left: calc(43vw - clamp(500px,calc(760px + 34.375vw),650px)/2); */
padding: 1rem 1.5rem;
transform: translate(0);
width: 125%;
left: -12%;
max-width: clamp(500px,calc(760px + 34.375vw),680px)
}
#menu-main>li.has_lv3>.sub-menu.flex-layout {
display: grid;
gap: 0 1rem;
grid-template-columns: repeat(auto-fill,minmax(10rem,auto))
}
#menu-main>li.has_lv3 .flex-layout .menu-item{
width: auto;
}
#menu-main>li.has_lv3 .flex-layout .menu-item img{
width: 22px;
height: 22px;
}
#menu-main>li.has_lv3>.sub-menu>li>a {
color: #333;
display: inline-block;
transition: all .3s ease;
font-size: clamp(14px, 0.833vw, 24px);
}
#menu-main>li.has_lv3>.sub-menu>li:hover > a {
color: #2d74ba;
background: none;
}
#menu-main>li.has_lv3>.sub-menu>li>a:hover {
color: #2d74ba;
background: none;
}
#menu-main>li.has_lv3>.sub-menu .sub-menu {
display: block
}
#menu-main>li.has_lv3>.sub-menu .sub-menu a {
color: #666;
display: block;
font-size: 1.4rem;
line-height: 1.8rem;
padding: .8rem 2.4rem .8rem 1.6rem;
transition: all .1s ease
}
#menu-main>li.has_lv3>.sub-menu .sub-menu a:hover {
background: rgba(44,159,28,.15);
color: #2d74ba
}
#menu-main>li.has_lv3 .current-menu-item>a {
color: #2c9f1c!important
}
.sub-menu .menu-item{
font-size: clamp(15px, 0.833vw, 18px);
font-weight: 400;
}
.features .info {
height: 100%;
}
.error{
text-align: center;
padding: 20px 0px 40px;
}
.ml8-i{
margin-left: 8px;
vertical-align: middle;
}

1
assets/css/layout/about.css.map Executable file
View File

@ -0,0 +1 @@
{"version":3,"sourceRoot":"","sources":[],"names":[],"mappings":"","file":"about.css"}

1
assets/css/layout/booking-form.css.map Executable file
View File

@ -0,0 +1 @@
{"version":3,"sourceRoot":"","sources":[],"names":[],"mappings":"","file":"booking-form.css"}

1
assets/css/layout/clients.css.map Executable file
View File

@ -0,0 +1 @@
{"version":3,"sourceRoot":"","sources":["../../sass/layout/clients.scss"],"names":[],"mappings":"AAAA;AAAA;EAEI;EACA;EACA;;AACA;AAAA;EACI;EACA;EACA;EACA;EACA;EACA;;AAEJ;AAAA;EACI;;AAGJ;AAAA;EACI;;AACA;EAFJ;AAAA;IAGQ;;;AAEJ;AAAA;EACI;;AACA;EAFJ;AAAA;IAGQ;;;;AAKhB;EACI;EACA","file":"clients.css"}

1
assets/css/layout/coming-soon.css.map Executable file
View File

@ -0,0 +1 @@
{"version":3,"sourceRoot":"","sources":[],"names":[],"mappings":"","file":"coming-soon.css"}

1
assets/css/layout/detail.css.map Executable file
View File

@ -0,0 +1 @@
{"version":3,"sourceRoot":"","sources":[],"names":[],"mappings":"","file":"detail.css"}

1
assets/css/layout/hero-banner.css.map Executable file
View File

@ -0,0 +1 @@
{"version":3,"sourceRoot":"","sources":[],"names":[],"mappings":"","file":"hero-banner.css"}

1
assets/css/layout/testimonials.css.map Executable file
View File

@ -0,0 +1 @@
{"version":3,"sourceRoot":"","sources":["../../sass/layout/testimonials.scss"],"names":[],"mappings":"AACI;EACI;;AACA;EACI;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;;AAIJ;EACI;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;;AAGR;EACI;EACA;EACA;EACA;EACA;;AACA;EACI;;AAEI;EACI;EACA;;AAEJ;EACI;;AAKhB;EACI","file":"testimonials.css"}

709
assets/css/newcar.css Executable file
View File

@ -0,0 +1,709 @@
/* 品牌页 */
.toppic {
position: relative;
}
.toppic>img {
display: block;
-o-object-fit: cover;
object-fit: cover;
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
width: 100%;
}
.toppic-x {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
color: #fff !important;
}
.breadcrumbs-x .xz-main {
align-items: center;
display: flex;
height: 7rem
}
.toppic-x .breadcrumbs-x {
background: none;
left: 0;
position: absolute;
top: 0;
width: 100%
}
#breadcrumbs span {
align-items: center;
display: inline-flex;
gap: 1rem;
}
.toppic_content {
align-items: center;
display: flex;
flex-flow: column;
height: 100%;
justify-content: center
}
.toppic_tit {
margin: 0;
color: #fff !important;
}
.toppic-case-single .toppic_content {
align-items: flex-start
}
.brand-intro .wp-block-media-text__media {
align-self: start!important
}
.brand-intro .wp-block-media-text__media img {
border-radius: .8rem
}
.brand-intro .wp-block-media-text__content {
color: #333;
padding: 0 13.8% 0 0!important
}
.brand-intro .wp-block-media-text__content p {
margin: 0 0 1.5em
}
.brand-intro .wp-block-media-text__content h2 {
display: inline-flex;
flex-flow: column;
font-size: 3rem;
line-height: 1.2em;
margin: 0 0 2rem;
position: relative
}
.brand-intro .wp-block-media-text__content h2:after {
background: #2c9f1c;
border-radius: .5rem;
content: "";
display: block;
height: .3rem;
margin-top: 2rem;
width: 100%
}
.brand-cover {
padding-bottom: 3.5rem!important;
padding-top: 7rem!important
}
.brand-cover .wp-block-cover__inner-container {
align-items: center;
display: flex;
flex-flow: column;
gap: 2.5rem;
margin: 0 auto;
max-width: 95rem
}
.brand-cover .wp-block-cover__inner-container p {
margin: 0
}
.brand-cover .wp-block-cover__inner-container:after {
align-items: center;
background: #2c9f1c;
border-radius: .8rem;
color: #fff;
content: "\e603";
display: flex;
font-family: iconfont;
font-size: 2rem;
height: 6.8rem;
justify-content: center;
width: 6.8rem
}
.facetwp-facet {
display: flex;
gap: 1rem;
justify-content: center;
margin-bottom: 4rem;
margin-top: 8rem;
}
.facetwp-facet .facetwp-radio {
background: #ecf3f9;
border-radius: .4rem;
color: #2d74ba;
display: block;
font-weight: 700;
/* line-height: 3rem; */
padding: 0.4rem 1.7rem;
transition: all .3s ease;
display: flex;
align-items: center;
}
.facetwp-facet .facetwp-radio.checked{
background: #2d74ba;
color: #fff;
}
/* brand 轮播图 */
.slick-prev:before,.slick-next:before {
color: #000000 !important;
}
.slick-prev {
left: -3vw;
}
.slick-next {
right: -3vw;
}
/* 设置间距 */
.slick-slide {
margin: 0 10px; /* 左右各 10px 间距 */
}
/* 调整幻灯片宽度（确保计算正确） */
.slick-list {
margin: 0 -10px; /* 抵消边缘间距 */
}
.xz-card-68ae {
margin-top: 5.2rem
}
.xz-cards-68ae .xz-card-68ae .tit {
color: #333;
font-family: Inter-Bold,Inter;
font-size: 1.5rem;
font-weight: 700;
line-height: 1.2rem;
margin: 0;
position: relative
}
.xz-cards-68ae .xz-card-68ae .tit:before {
background-color: #2d74ba;
bottom: -2rem;
content: "";
height: .2rem;
position: absolute;
width: 4rem
}
.xz-cards-68ae .xz-card-68ae .txt {
color: #666;
font-family: Inter-Regular,Inter;
font-size: 1rem;
font-weight: 400;
line-height: 1.5rem;
margin: 0;
padding-top: 3.4rem
}
.xz-cards-86ae {
margin-bottom: 12rem;
margin-top: 12rem
}
.xz-cards-86ae .xz-card-86ae {
display: flex;
position: relative
}
.xz-cards-86ae .xz-card-86ae .tit {
color: #333;
font-family: Inter-Black,Inter;
margin: 0;
padding-bottom: 4.6rem;
padding-top: 8rem
}
.xz-cards-86ae .xz-card-86ae .txt {
color: #333;
font-family: Inter-Regular,Inter;
font-size: 1.6rem;
font-weight: 400;
line-height: 2.4rem;
margin: 0;
padding-bottom: 8.6rem
}
.form-card{
background: #fff;
box-shadow: 0 .2rem 4rem 0 rgba(0, 0, 0, .1);
}
.form-infos {
padding:6.4rem 6rem 8.8rem 5.2rem;
background:#2d74ba;
}
.contact-info-item {
display: flex;
gap: 1.2rem;
margin-bottom: 1rem;
}
.contact-info-item img{
width: 32px;
height: 32px;
}
.contact-info-tit{
color: #c0c0c0;
font-size: 0.8rem;
line-height: 1.2rem;
margin: 0 0 0.5rem;
}
.form-card .xz-sns-ul {
margin-top: 5rem;
}
.xz-sns-ul {
align-items: center;
display: flex;
gap: 3.2rem;
justify-content: flex-start;
transform: translateX(-2px);
}
.contact-info-a {
color: #fff;
font-size: 1rem;
font-weight: 700;
line-height: 1.5rem;
transition: all .3s ease;
}
/* 底部 */
.footer-why {
background: #ecf3f9;
color: #2d74ba;
font-weight: 700;
height: 10rem;
}
.footer-why ul {
padding: 0px 10px;
height: 10rem;
align-items: center;
display: flex;
}
.footer-why li {
height: 10rem;
align-items: center;
display: flex;
gap: 1rem;
}
/* footer-why .xz-main {
height: 12.6rem;
}
.footer-why ul {
height: 100%;
justify-content: space-between
}
.xz-main {
margin: 0 auto;
width: clamp(1200px,calc(760px + 34.375vw),1440px);
}
.footer-why li,.footer-why ul {
align-items: center;
display: flex
} */
.footer-why li {
font-weight: 700;
/* gap: 1rem */
}
/*
.footer-why i {
font-size: 3rem;
font-weight: 400
} */
/* 新车详情 */
.live-sec-tit-nav {
font-size: 1.1rem;
line-height: 1.2em;
padding-left: 1.8rem;
}
.single-sider-x {
padding-top: 4rem;
position: sticky;
top: 1rem;
}
.live-sec-tit-nav .nav-item {
margin-bottom: 2.2rem;
position: relative;
}
.live-sec-tit-nav .nav-item:before {
background: transparent;
border-radius: .3rem;
content: "";
display: block;
height: 100%;
left: -1.8rem;
position: absolute;
top: 0;
transition: all .3s ease;
width: .3rem;
}
.live-sec-tit-nav .nav-item.current {
color: #333;
font-weight: 700;
}
.live-sec-tit-nav .nav-item.current:before {
background: #2D74BA;
}
/* {
color: #333;
overflow-y: auto;
flex: 1;
scroll-behavior: smooth;
} */
.wp-block-heading {
font-size: 1.8rem;
font-weight: 700;
margin: 0 0 3rem;
}
.pro-para-ls {
background: #f9fef8;
-moz-columns: 2;
column-count: 2;
-moz-column-rule: .1rem solid #ddd;
column-rule: .1rem solid #ddd;
gap: 10%;
padding: 3.6rem 6.2%
}
.pro-para-ls li {
align-items: baseline;
display: flex;
margin-bottom: 3rem
}
.pro-para-ls li strong {
color: #666;
flex: none;
font-weight: 400;
margin-right: 1.5rem;
min-width: 15rem
}
.pro-para-ls li a {
color: #666;
font-size: smaller;
margin: 0 0 0 1rem;
text-decoration: underline;
transition: all .3s ease
}
.pro-para-ls li a:hover {
color: #2c9f1c
}
.pro-para-ls li:last-child {
margin-bottom: 0
}
.pro-feature-ls {
-moz-columns: 2;
column-count: 2;
padding-top: 1rem
}
.pro-feature-ls li {
display: flex;
margin-bottom: 3rem
}
.pro-feature-ls li:last-child {
margin-bottom: 0
}
.pro-feature-ls li em {
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: .2px;
-moz-osx-font-smoothing: grayscale;
color: #666;
font-family: iconfont;
font-size: 2.4rem;
font-style: normal;
font-weight: 400;
margin-right: 1rem
}
.wp-block-yoast-faq-block {
background: #f8f8f8;
padding: 2rem 5.3%
}
.content iframe {
aspect-ratio: 16 / 9;
display: block;
}
.pcontenth2{
padding-top: 4rem;
}
.schema-faq-section {
border-bottom: .1rem solid #ddd;
padding: 2rem 0
}
.schema-faq-section:last-of-type {
border-bottom: none
}
.schema-faq-answer, .schema-faq-question {
align-items: center;
display: flex;
gap: 2rem
}
.schema-faq-answer:before, .schema-faq-question:before {
align-items: center;
background: #999;
border-radius: .4rem;
color: #fff;
content: "Q";
display: flex;
flex: none;
font-weight: 700;
height: 2.2rem;
justify-content: center;
width: 2.2rem
}
.schema-faq-answer {
color: #666;
font-size: 1rem;
margin-bottom: 0;
margin-top: 2.2rem
}
.schema-faq-answer:before {
background: #2d74ba;
content: "A"
}
.wp-block-list {
margin: 4rem 0;
padding: 0
}
.wp-block-list li:not(:last-child) {
margin-bottom: 2rem
}
.wp-block-list li {
padding-left: 3rem;
position: relative
}
.wp-block-list li:before {
background: #2c9f1c;
border-radius: 50%;
content: "";
display: block;
height: 1rem;
left: 0;
position: absolute;
top: .5em;
width: 1rem
}
.wp-block-list li strong {
display: block;
margin-bottom: .5rem
}
.nav-link {
color: #333;
text-decoration: none;
transition: all 0.3s ease;
cursor: pointer;
display: block;
padding: 5px 0;
}
.nav-link:hover {
color: #2D74BA;
}
/* newcar */
.topimg img{
width: 100%;
max-height: 400px;
}
.energy{
flex: 1;
display: flex;
flex-wrap: wrap;
align-items: center;
padding: 2px 12px 12px;
}
.energy-item{
flex: none;
padding: 2px 10px;
font-size: 13px;
line-height: 20px;
cursor: pointer;
}
@media (max-width: 767px){
.form-infos {
padding: 4rem 2rem 4rem 3rem;
}
.footer-why li,.footer-why ul {
height: 2rem;
align-items: center;
display: flex
}
/* 搜索模块左侧折叠样式 */
.filter-wrapper {
position: fixed;
top: 58px;
left: -85%;
width: 85%;
height: calc(100vh - 58px);
background: #fff;
z-index: 5;
transition: all 0.3s ease;
box-shadow: 2px 0 10px rgba(0, 0, 0, 0.1);
}
.filter-wrapper.expanded {
left: 0;
}
.filter-toggle {
position: absolute;
right: -30px;
top: 50%;
transform: translateY(-50%);
width: 30px;
height: 60px;
background: #fff;
display: flex;
align-items: center;
justify-content: center;
border-radius: 0 4px 4px 0;
box-shadow: 2px 0 10px rgba(0, 0, 0, 0.1);
cursor: pointer;
z-index: 6;
}
.filter-toggle i {
transition: transform 0.3s ease;
}
.filter-wrapper.expanded .filter-toggle i {
transform: rotate(180deg);
}
.filter-content {
height: 100%;
overflow-y: auto;
padding: 15px;
}
/* 调整内容区域位置 */
.ride.my-80 {
margin-top: 80px !important;
}
/* 优化筛选器样式 */
.alphabet-filter {
display: flex;
flex-wrap: wrap;
gap: 0px;
}
.alphabet-item {
/* padding: 5px 10px; */
/* background: #f5f5f5; */
border-radius: 4px;
font-size: 12px;
}
.brand{
padding: 6px 0px;
}
.brand-item, .energy-item {
padding: 3px 8px;
/* background: #f5f5f5; */
border-radius: 4px;
font-size: 12px;
margin: 0px;
}
}
/* 移动端筛选按钮样式 */
.mobile-filter-toggle {
position: fixed;
left: 0;
/* top: 50%; */
transform: translateY(-50%);
z-index: 2;
}
.filter-btn {
background: #2D74BA;
color: white;
border: none;
padding: 6px 15px;
border-radius: 0 5px 5px 0;
display: flex;
align-items: center;
/* gap: 8px; */
box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
}
.filter-btn i {
font-size: 18px;
}
/* 筛选容器样式 */
.filter-container {
transition: all 0.3s ease;
}
@media (max-width: 767px) {
.filter-container {
position: fixed;
left: -100%;
top: 0;
width: 80%;
height: 100vh;
background: white;
z-index: 1001;
padding: 20px;
overflow-y: auto;
box-shadow: 2px 0 5px rgba(0,0,0,0.1);
}
.filter-container.active {
left: 0;
}
/* 遮罩层 */
.filter-overlay {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.5);
z-index: 1000;
}
.filter-overlay.active {
display: block;
}
}
.brandactive {
background: #2d74ba;
color: white;
}
.slick-initialized .slick-slide {
text-align: center;
}

3620
assets/css/vendor/animate.min.css vendored Executable file
View File

File diff suppressed because it is too large Load Diff

13617
assets/css/vendor/bootstrap.min.css vendored Executable file
View File

File diff suppressed because it is too large Load Diff

72
assets/css/vendor/classic.css vendored Executable file
View File

@ -0,0 +1,72 @@
.picker,
.picker__holder {
width: 100%;
position: absolute;
top: 80%;
}
.picker {
font-size: 16px;
text-align: left;
line-height: 1.2;
color: #000;
z-index: 10000;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
outline: 0
}
.picker__input {
cursor: default
}
.picker__input.picker__input--active {
border-color: #006937;
}
.picker__holder {
overflow-y: auto;
-webkit-overflow-scrolling: touch;
background: #fff;
border: 1px solid #aaa;
border-top-width: 0;
border-bottom-width: 0;
border-radius: 0 0 5px 5px;
box-sizing: border-box;
min-width: 176px;
max-width: 414px;
max-height: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
-moz-opacity: 0;
opacity: 0;
transform: translateY(-1em) perspective(600px) rotateX(10deg);
transition: transform .15s ease-out, opacity .15s ease-out, max-height 0s .15s, border-width 0s .15s
}
/*!
* Classic picker styling for pickadate.js
* Demo: http://amsul.github.io/pickadate.js
*/
.picker__frame {
padding: 1px
}
.picker__wrap {
margin: -1px
}
.picker--opened .picker__holder {
max-height: 25em;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
border-width: 0;
transform: translateY(0) perspective(600px) rotateX(0);
transition: transform .15s ease-out, opacity .15s ease-out, max-height 0s, border-width 0s;
box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.04), 6px 3px 14px 0px rgba(0, 0, 0, 0.04), 23px 12px 26px 0px rgba(0, 0, 0, 0.03), 53px 27px 35px 0px rgba(0, 0, 0, 0.02), 94px 48px 42px 0px rgba(0, 0, 0, 0.01);
}

302
assets/css/vendor/classic.date.css vendored Executable file
View File

@ -0,0 +1,302 @@
.picker__footer,
.picker__header,
.picker__table {
text-align: center
}
.picker__box {
padding: 0 1em
}
.picker__header {
position: relative;
margin-top: .75em
}
.picker__month,
.picker__year {
font-weight: 500;
display: inline-block;
margin-left: .25em;
margin-right: .25em
}
.picker__year {
color: #999;
font-size: .8em;
font-style: italic
}
.picker__select--month,
.picker__select--year {
border: 1px solid #b7b7b7;
height: 2em;
padding: .5em;
margin-left: .25em;
margin-right: .25em
}
.picker__select--month {
width: 35%
}
.picker__select--year {
width: 22.5%
}
.picker__select--month:focus,
.picker__select--year:focus {
border-color: #2d74ba
}
.picker__nav--next,
.picker__nav--prev {
position: absolute;
padding: .5em 1.25em;
width: 1em;
height: 1em;
box-sizing: content-box;
top: -.25em
}
.picker__nav--prev {
left: -1em;
padding-right: 1.25em
}
.picker__nav--next {
right: -1em;
padding-left: 1.25em
}
@media (min-width:24.5em) {
.picker__select--month,
.picker__select--year {
margin-top: -.5em
}
.picker__nav--next,
.picker__nav--prev {
top: -.33em
}
.picker__nav--prev {
padding-right: 1.5em
}
.picker__nav--next {
padding-left: 1.5em
}
}
.picker__nav--next:before,
.picker__nav--prev:before {
content: " ";
width: 12px;
height: 12px;
display: block;
margin: 0 auto;
border: 2px solid black;
border-left: 0;
border-bottom: 0;
transform: rotate(-136deg);
}
.picker__nav--next:before {
transform: rotate(45deg);
}
/* .picker__nav--next:hover,
.picker__nav--prev:hover {
cursor: pointer;
color: #000;
background: #2d74ba
} */
.picker__nav--disabled,
.picker__nav--disabled:before,
.picker__nav--disabled:before:hover,
.picker__nav--disabled:hover {
cursor: default;
background: 0 0;
border-right-color: #f5f5f5;
border-left-color: #f5f5f5
}
.picker__table {
border-collapse: collapse;
border-spacing: 0;
table-layout: fixed;
font-size: inherit;
width: 100%;
margin-top: .75em;
margin-bottom: .5em
}
@media (min-height:33.875em) {
.picker__table {
margin-bottom: .75em
}
}
.picker__table td {
margin: 0;
padding: 0
}
.picker__weekday {
width: 14.285714286%;
font-size: .75em;
padding-bottom: .25em;
color: #999;
font-weight: 500
}
@media (min-height:33.875em) {
.picker__weekday {
padding-bottom: .5em
}
}
.picker__day {
padding: .3125em 0;
font-weight: 200;
border: 1px solid transparent
}
.picker__day--today {
position: relative
}
.picker__day--today:before {
content: " ";
position: absolute;
top: 2px;
right: 2px;
width: 0;
height: 0;
border-top: .5em solid #2d74ba;
border-left: .5em solid transparent
}
.picker__day--disabled:before {
border-top-color: #aaa
}
.picker__day--outfocus {
color: #ddd
}
.picker--focused .picker__day--highlighted,
.picker__day--highlighted:hover,
.picker__day--infocus:hover,
.picker__day--outfocus:hover {
cursor: pointer;
color: #FCFDFD;
background: #2d74ba
}
.picker__day--highlighted {
border-color: #2d74ba
}
.picker--focused .picker__day--selected,
.picker__day--selected,
.picker__day--selected:hover {
background: #2d74ba;
color: #fff
}
.picker--focused .picker__day--disabled,
.picker__day--disabled,
.picker__day--disabled:hover {
background: #f5f5f5;
border-color: #f5f5f5;
color: #ddd;
cursor: default
}
.picker__day--highlighted.picker__day--disabled,
.picker__day--highlighted.picker__day--disabled:hover {
background: #bbb
}
.picker__button--clear,
.picker__button--close,
.picker__button--today {
border: 1px solid #fff;
background: #fff;
font-size: .8em;
padding: .66em 0;
font-weight: 700;
width: 33%;
display: inline-block;
vertical-align: bottom
}
.picker__button--clear:hover,
.picker__button--close:hover,
.picker__button--today:hover {
cursor: pointer;
color: #000;
background: #2d74ba;
border-bottom-color: #2d74ba
}
.picker__button--clear:focus,
.picker__button--close:focus,
.picker__button--today:focus {
background: #2d74ba;
border-color: #2d74ba;
outline: 0
}
.picker__button--clear:before,
.picker__button--close:before,
.picker__button--today:before {
position: relative;
display: inline-block;
height: 0
}
.picker__button--clear:before,
.picker__button--today:before {
content: " ";
margin-right: .45em
}
.picker__button--today:before {
top: -.05em;
width: 0;
border-top: .66em solid #2d74ba;
border-left: .66em solid transparent
}
.picker__button--clear:before {
top: -.25em;
width: .66em;
border-top: 3px solid #e20
}
.picker__button--close:before {
content: "\D7";
top: -.1em;
vertical-align: top;
font-size: 1.1em;
margin-right: .35em;
color: #777
}
.picker__button--today[disabled],
.picker__button--today[disabled]:hover {
background: #f5f5f5;
border-color: #f5f5f5;
color: #ddd;
cursor: default
}
.picker__button--today[disabled]:before {
border-top-color: #aaa
}

12
assets/css/vendor/font-awesome.css vendored Executable file
View File

File diff suppressed because one or more lines are too long

685
assets/css/vendor/ion.rangeSlider.css vendored Executable file
View File

@ -0,0 +1,685 @@
/**
Ion.RangeSlider, 2.3.1
© Denis Ineshin, 2010 - 2019, IonDen.com
Build date: 2019-12-19 16:51:02
*/
.irs {
position: relative;
display: block;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
font-size: 12px;
font-family: Arial, sans-serif;
}
.irs-line {
position: relative;
display: block;
overflow: hidden;
outline: none !important;
}
.irs-bar {
position: absolute;
display: block;
left: 0;
width: 0;
}
.irs-shadow {
position: absolute;
display: none;
left: 0;
width: 0;
}
.irs-handle {
position: absolute;
display: block;
box-sizing: border-box;
cursor: default;
z-index: 1;
}
.irs-handle.type_last {
z-index: 2;
}
.irs-min,
.irs-max {
position: absolute;
display: block;
cursor: default;
}
.irs-min {
left: 0;
}
.irs-max {
right: 0;
}
.irs-from,
.irs-to,
.irs-single {
position: absolute;
display: block;
top: 0;
left: 0;
cursor: default;
white-space: nowrap;
}
.irs-grid {
position: absolute;
display: none;
bottom: 0;
left: 0;
width: 100%;
height: 20px;
}
.irs-with-grid .irs-grid {
display: block;
}
.irs-grid-pol {
position: absolute;
top: 0;
left: 0;
width: 1px;
height: 8px;
background: #000;
}
.irs-grid-pol.small {
height: 4px;
}
.irs-grid-text {
position: absolute;
bottom: 0;
left: 0;
white-space: nowrap;
text-align: center;
font-size: 9px;
line-height: 9px;
padding: 0 3px;
color: #000;
}
.irs-disable-mask {
position: absolute;
display: block;
top: 0;
left: -1%;
width: 102%;
height: 100%;
cursor: default;
background: rgba(0, 0, 0, 0);
z-index: 2;
}
.lt-ie9 .irs-disable-mask {
background: #000;
filter: alpha(opacity=0);
cursor: not-allowed;
}
.irs-disabled {
opacity: 0.4;
}
.irs-hidden-input {
position: absolute !important;
display: block !important;
top: 0 !important;
left: 0 !important;
width: 0 !important;
height: 0 !important;
font-size: 0 !important;
line-height: 0 !important;
padding: 0 !important;
margin: 0 !important;
overflow: hidden;
outline: none !important;
z-index: -9999 !important;
background: none !important;
border-style: solid !important;
border-color: transparent !important;
}
.irs--flat {
height: 20px;
}
.irs--flat.irs-with-grid {
height: 60px;
}
.irs--flat .irs-line {
top: 10px;
height: 8px;
background-color: #F9DDF1;
border-radius: 4px;
}
.irs--flat .irs-bar {
top: 10px;
height: 8px;
background-color: #BE70A7;
}
.irs--flat .irs-bar--single {
border-radius: 4px 0 0 4px;
}
.irs--flat .irs-shadow {
height: 1px;
bottom: 16px;
background-color: #e1e4e9;
}
.irs--flat .irs-handle {
top: 4px;
width: 16px;
height: 20px;
background-color: transparent;
}
.irs--flat .irs-handle > i:first-child {
position: absolute;
display: block;
top: 0;
left: 0%;
width: 20px;
height: 100%;
margin-left: -1px;
border: 2px solid #985A86;
background-color: #BE70A7;
}
.irs--flat .irs-handle.state_hover > i:first-child,
.irs--flat .irs-handle:hover > i:first-child {
background-color: #BE70A7;
}
.irs--flat .irs-min,
.irs--flat .irs-max {
top: 0;
padding: 1px 3px;
color: #999;
font-size: 10px;
line-height: 1.333;
text-shadow: none;
background-color: #e1e4e9;
border-radius: 4px;
display: none;
}
.order .irs--flat .irs-min,
.order .irs--flat .irs-max,
.order .irs--flat .irs-single{
visibility: hidden !important;
}
.irs--flat .irs-from,
.irs--flat .irs-to,
.irs--flat .irs-single {
color: white;
font-size: 10px;
line-height: 1.333;
text-shadow: none;
padding: 1px 5px;
background-color: #BE70A7;
border-radius: 4px;
display: none;
}
.irs--flat .irs-from:before,
.irs--flat .irs-to:before,
.irs--flat .irs-single:before {
position: absolute;
display: block;
content: "";
bottom: -6px;
left: 50%;
width: 0;
height: 0;
margin-left: -3px;
overflow: hidden;
border: 3px solid transparent;
border-top-color: #BE70A7;
}
.irs--flat .irs-grid-pol {
background-color: #e1e4e9;
}
.irs--flat .irs-grid-text {
color: #999;
}
.irs--big {
height: 55px;
}
.irs--big.irs-with-grid {
height: 70px;
}
.irs--big .irs-line {
top: 33px;
height: 12px;
background-color: white;
background: linear-gradient(to bottom, #ddd -50%, white 150%);
border: 1px solid #ccc;
border-radius: 12px;
}
.irs--big .irs-bar {
top: 33px;
height: 12px;
background-color: #92bce0;
border: 1px solid #428bca;
background: linear-gradient(to bottom, #ffffff 0%, #428bca 30%, #b9d4ec 100%);
box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.5);
}
.irs--big .irs-bar--single {
border-radius: 12px 0 0 12px;
}
.irs--big .irs-shadow {
height: 1px;
bottom: 16px;
background-color: rgba(66, 139, 202, 0.5);
}
.irs--big .irs-handle {
top: 25px;
width: 30px;
height: 30px;
border: 1px solid rgba(0, 0, 0, 0.3);
background-color: #cbcfd5;
background: linear-gradient(to bottom, white 0%, #B4B9BE 30%, white 100%);
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2), inset 0 0 3px 1px white;
border-radius: 30px;
}
.irs--big .irs-handle.state_hover,
.irs--big .irs-handle:hover {
border-color: rgba(0, 0, 0, 0.45);
background-color: #939ba7;
background: linear-gradient(to bottom, white 0%, #919BA5 30%, white 100%);
}
.irs--big .irs-min,
.irs--big .irs-max {
top: 0;
padding: 1px 5px;
color: white;
text-shadow: none;
background-color: #9f9f9f;
border-radius: 3px;
}
.irs--big .irs-from,
.irs--big .irs-to,
.irs--big .irs-single {
color: white;
text-shadow: none;
padding: 1px 5px;
background-color: #428bca;
background: linear-gradient(to bottom, #428bca 0%, #3071a9 100%);
border-radius: 3px;
}
.irs--big .irs-grid-pol {
background-color: #428bca;
}
.irs--big .irs-grid-text {
color: #428bca;
}
.irs--modern {
height: 55px;
}
.irs--modern.irs-with-grid {
height: 55px;
}
.irs--modern .irs-line {
top: 25px;
height: 5px;
background-color: #d1d6e0;
background: linear-gradient(to bottom, #e0e4ea 0%, #d1d6e0 100%);
border: 1px solid #a3adc1;
border-bottom-width: 0;
border-radius: 5px;
}
.irs--modern .irs-bar {
top: 25px;
height: 5px;
background: #20b426;
background: linear-gradient(to bottom, #20b426 0%, #18891d 100%);
}
.irs--modern .irs-bar--single {
border-radius: 5px 0 0 5px;
}
.irs--modern .irs-shadow {
height: 1px;
bottom: 21px;
background-color: rgba(209, 214, 224, 0.5);
}
.irs--modern .irs-handle {
top: 37px;
width: 12px;
height: 13px;
border: 1px solid #a3adc1;
border-top-width: 0;
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
border-radius: 0 0 3px 3px;
}
.irs--modern .irs-handle > i:nth-child(1) {
position: absolute;
display: block;
top: -4px;
left: 1px;
width: 6px;
height: 6px;
border: 1px solid #a3adc1;
background: white;
transform: rotate(45deg);
}
.irs--modern .irs-handle > i:nth-child(2) {
position: absolute;
display: block;
box-sizing: border-box;
top: 0;
left: 0;
width: 10px;
height: 12px;
background: #e9e6e6;
background: linear-gradient(to bottom, white 0%, #e9e6e6 100%);
border-radius: 0 0 3px 3px;
}
.irs--modern .irs-handle > i:nth-child(3) {
position: absolute;
display: block;
box-sizing: border-box;
top: 3px;
left: 3px;
width: 4px;
height: 5px;
border-left: 1px solid #a3adc1;
border-right: 1px solid #a3adc1;
}
.irs--modern .irs-handle.state_hover,
.irs--modern .irs-handle:hover {
border-color: #7685a2;
background: #c3c7cd;
background: linear-gradient(to bottom, #ffffff 0%, #919ba5 30%, #ffffff 100%);
}
.irs--modern .irs-handle.state_hover > i:nth-child(1),
.irs--modern .irs-handle:hover > i:nth-child(1) {
border-color: #7685a2;
}
.irs--modern .irs-handle.state_hover > i:nth-child(3),
.irs--modern .irs-handle:hover > i:nth-child(3) {
border-color: #48536a;
}
.irs--modern .irs-min,
.irs--modern .irs-max {
top: 0;
font-size: 10px;
line-height: 1.333;
text-shadow: none;
padding: 1px 5px;
color: white;
background-color: #d1d6e0;
border-radius: 5px;
}
.irs--modern .irs-from,
.irs--modern .irs-to,
.irs--modern .irs-single {
font-size: 10px;
line-height: 1.333;
text-shadow: none;
padding: 1px 5px;
background-color: #20b426;
color: white;
border-radius: 5px;
}
.irs--modern .irs-from:before,
.irs--modern .irs-to:before,
.irs--modern .irs-single:before {
position: absolute;
display: block;
content: "";
bottom: -6px;
left: 50%;
width: 0;
height: 0;
margin-left: -3px;
overflow: hidden;
border: 3px solid transparent;
border-top-color: #20b426;
}
.irs--modern .irs-grid {
height: 25px;
}
.irs--modern .irs-grid-pol {
background-color: #dedede;
}
.irs--modern .irs-grid-text {
color: silver;
font-size: 13px;
}
.irs--sharp {
height: 50px;
font-size: 12px;
line-height: 1;
}
.irs--sharp.irs-with-grid {
height: 57px;
}
.irs--sharp .irs-line {
top: 30px;
height: 2px;
background-color: black;
border-radius: 2px;
}
.irs--sharp .irs-bar {
top: 30px;
height: 2px;
background-color: #ee22fa;
}
.irs--sharp .irs-bar--single {
border-radius: 2px 0 0 2px;
}
.irs--sharp .irs-shadow {
height: 1px;
bottom: 21px;
background-color: rgba(0, 0, 0, 0.5);
}
.irs--sharp .irs-handle {
top: 25px;
width: 10px;
height: 10px;
background-color: #a804b2;
}
.irs--sharp .irs-handle > i:first-child {
position: absolute;
display: block;
top: 100%;
left: 0;
width: 0;
height: 0;
border: 5px solid transparent;
border-top-color: #a804b2;
}
.irs--sharp .irs-handle.state_hover,
.irs--sharp .irs-handle:hover {
background-color: black;
}
.irs--sharp .irs-handle.state_hover > i:first-child,
.irs--sharp .irs-handle:hover > i:first-child {
border-top-color: black;
}
.irs--sharp .irs-min,
.irs--sharp .irs-max {
color: white;
font-size: 14px;
line-height: 1;
top: 0;
padding: 3px 4px;
opacity: 0.4;
background-color: #a804b2;
border-radius: 2px;
}
.irs--sharp .irs-from,
.irs--sharp .irs-to,
.irs--sharp .irs-single {
font-size: 14px;
line-height: 1;
text-shadow: none;
padding: 3px 4px;
background-color: #a804b2;
color: white;
border-radius: 2px;
}
.irs--sharp .irs-from:before,
.irs--sharp .irs-to:before,
.irs--sharp .irs-single:before {
position: absolute;
display: block;
content: "";
bottom: -6px;
left: 50%;
width: 0;
height: 0;
margin-left: -3px;
overflow: hidden;
border: 3px solid transparent;
border-top-color: #a804b2;
}
.irs--sharp .irs-grid {
height: 25px;
}
.irs--sharp .irs-grid-pol {
background-color: #dedede;
}
.irs--sharp .irs-grid-text {
color: silver;
font-size: 13px;
}
.irs--round {
height: 50px;
}
.irs--round.irs-with-grid {
height: 65px;
}
.irs--round .irs-line {
top: 36px;
height: 4px;
background-color: #dee4ec;
border-radius: 4px;
}
.irs--round .irs-bar {
top: 36px;
height: 4px;
background-color: #006cfa;
}
.irs--round .irs-bar--single {
border-radius: 4px 0 0 4px;
}
.irs--round .irs-shadow {
height: 4px;
bottom: 21px;
background-color: rgba(222, 228, 236, 0.5);
}
.irs--round .irs-handle {
top: 26px;
width: 24px;
height: 24px;
border: 4px solid #006cfa;
background-color: white;
border-radius: 24px;
box-shadow: 0 1px 3px rgba(0, 0, 255, 0.3);
}
.irs--round .irs-handle.state_hover,
.irs--round .irs-handle:hover {
background-color: #f0f6ff;
}
.irs--round .irs-min,
.irs--round .irs-max {
color: #333;
font-size: 14px;
line-height: 1;
top: 0;
padding: 3px 5px;
background-color: rgba(0, 0, 0, 0.1);
border-radius: 4px;
}
.irs--round .irs-from,
.irs--round .irs-to,
.irs--round .irs-single {
font-size: 14px;
line-height: 1;
text-shadow: none;
padding: 3px 5px;
background-color: #006cfa;
color: white;
border-radius: 4px;
}
.irs--round .irs-from:before,
.irs--round .irs-to:before,
.irs--round .irs-single:before {
position: absolute;
display: block;
content: "";
bottom: -6px;
left: 50%;
width: 0;
height: 0;
margin-left: -3px;
overflow: hidden;
border: 3px solid transparent;
border-top-color: #006cfa;
}
.irs--round .irs-grid {
height: 25px;
}
.irs--round .irs-grid-pol {
background-color: #dedede;
}
.irs--round .irs-grid-text {
color: silver;
font-size: 13px;
}
.irs--square {
height: 50px;
}
.irs--square.irs-with-grid {
height: 60px;
}
.irs--square .irs-line {
top: 31px;
height: 4px;
background-color: #dedede;
}
.irs--square .irs-bar {
top: 31px;
height: 4px;
background-color: black;
}
.irs--square .irs-shadow {
height: 2px;
bottom: 21px;
background-color: #dedede;
}
.irs--square .irs-handle {
top: 25px;
width: 16px;
height: 16px;
border: 3px solid black;
background-color: white;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.irs--square .irs-handle.state_hover,
.irs--square .irs-handle:hover {
background-color: #f0f6ff;
}
.irs--square .irs-min,
.irs--square .irs-max {
color: #333;
font-size: 14px;
line-height: 1;
top: 0;
padding: 3px 5px;
background-color: rgba(0, 0, 0, 0.1);
}
.irs--square .irs-from,
.irs--square .irs-to,
.irs--square .irs-single {
font-size: 14px;
line-height: 1;
text-shadow: none;
padding: 3px 5px;
background-color: black;
color: white;
}
.irs--square .irs-grid {
height: 25px;
}
.irs--square .irs-grid-pol {
background-color: #dedede;
}
.irs--square .irs-grid-text {
color: silver;
font-size: 11px;
}

166
assets/css/vendor/nice-select.css vendored Executable file
View File

@ -0,0 +1,166 @@
.nice-select {
-webkit-tap-highlight-color: transparent;
background-color: transparent;
border-radius: 0px;
border: none;
box-sizing: border-box;
clear: both;
cursor: pointer;
display: block;
float: left;
font-size: 16px;
font-weight: 500;
line-height: 150%;
letter-spacing: 0.32px;
/* height: 42px; */
outline: none;
padding-left: 0px;
padding-right: 34px;
position: relative;
text-align: left !important;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap;
width: auto;
}
.nice-select:hover {
border-color: #dbdbdb;
}
.nice-select:active,
.nice-select.open,
.nice-select:focus {
border-color: #999;
}
.nice-select:after {
border-bottom: 2px solid #2A322D;
border-right: 2px solid #2A322D;
content: "";
display: block;
width: 12px;
height: 12px;
margin-top: -7px;
pointer-events: none;
position: absolute;
right: 12px;
top: 50%;
-webkit-transform-origin: 66% 66%;
-ms-transform-origin: 66% 66%;
transform-origin: 66% 66%;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: all 0.15s ease-in-out;
transition: all 0.15s ease-in-out;
}
.nice-select.open:after {
-webkit-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
transform: rotate(-135deg);
}
.nice-select.open .list {
opacity: 1;
pointer-events: auto;
-webkit-transform: scale(1) translateY(0);
-ms-transform: scale(1) translateY(0);
transform: scale(1) translateY(0);
}
.nice-select.disabled {
border-color: #ededed;
color: #999;
pointer-events: none;
}
.nice-select.disabled:after {
border-color: #cccccc;
}
.nice-select.wide {
width: 100%;
}
.nice-select.wide .list {
left: 0 !important;
right: 0 !important;
}
.nice-select.right {
float: right;
}
.nice-select.right .list {
left: auto;
right: 0;
}
.nice-select.small {
font-size: 12px;
height: 36px;
line-height: 34px;
}
.nice-select.small:after {
height: 4px;
width: 4px;
}
.nice-select.small .option {
line-height: 34px;
min-height: 34px;
}
.nice-select .list {
background-color: #fff;
border-radius: 5px;
box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
box-sizing: border-box;
margin-top: 4px;
opacity: 0;
overflow: hidden;
padding: 0;
pointer-events: none;
position: absolute;
top: 100%;
left: 0;
-webkit-transform-origin: 50% 0;
-ms-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transform: scale(0.75) translateY(-21px);
-ms-transform: scale(0.75) translateY(-21px);
transform: scale(0.75) translateY(-21px);
-webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25),
opacity 0.15s ease-out;
transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
z-index: 99;
}
.nice-select .list:hover .option:not(:hover) {
background-color: transparent !important;
}
.nice-select .option {
cursor: pointer;
font-weight: 400;
line-height: 40px;
list-style: none;
min-height: 40px;
outline: none;
padding-left: 18px;
padding-right: 29px;
text-align: left;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.nice-select .option:hover,
.nice-select .option.focus,
.nice-select .option.selected.focus {
background-color: #f6f6f6;
}
.nice-select .option.selected {
/* font-weight: bold; */
}
.nice-select .option.disabled {
background-color: transparent;
color: #999;
cursor: default;
}
.no-csspointerevents .nice-select .list {
display: none;
}
.no-csspointerevents .nice-select.open .list {
display: block;
}

2
assets/css/vendor/slick-slider.css vendored Executable file
View File

@ -0,0 +1,2 @@
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}
/*# sourceMappingURL=slick.min.css.map */

205
assets/css/vendor/slick-theme.css vendored Executable file
View File

@ -0,0 +1,205 @@
/* Slider */
.slick-loading .slick-list
{
/* background: #fff url('../fonts/ajax-loader.gif') center center no-repeat; */
}
/* Icons */
/* Arrows */
.slick-prev,
.slick-next
{
font-size: 0;
line-height: 0;
color: #7A7F85;
position: absolute;
top: 49%;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
z-index: 999;
cursor: pointer;
border: none;
outline: none;
background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
opacity: .25;
}
.slick-prev:before,
.slick-next:before
{
font-family: 'Font Awesome 5 Pro';
font-size: 24px;
line-height: 1;
opacity: 1;
color: #FAFDFF;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev
{
left: -0.9895833333333334vw;
}
[dir='rtl'] .slick-prev
{
right: -0.9895833333333334vw;
left: auto;
}
.slick-prev:before
{
content: "\f104";
}
[dir='rtl'] .slick-prev:before
{
content: '→';
}
.slick-next
{
right: -0.9895833333333334vw;
}
[dir='rtl'] .slick-next
{
right: auto;
left: -0.9895833333333334vw;
}
.slick-next:before
{
content: "\f105";
}
[dir='rtl'] .slick-next:before
{
content: '←';
}
/* Dots */
.slick-dotted.slick-slider
{
margin-bottom: 30px;
}
.slick-dots
{
position: absolute;
bottom: -25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li
{
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button
{
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
opacity: 1;
}
.slick-dots li button:before
{
font-family: 'slick';
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '•';
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
opacity: .75;
color: black;
}
@media only screen and (max-width: 991px) {
.slick-next{
right: -7px;
}
.slick-prev{
left: -7px;
}
.slick-prev:before, .slick-next:before{
font-size: 16px;
}
}

115
assets/css/vendor/slick.css vendored Executable file
View File

@ -0,0 +1,115 @@
/* Slider */
.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after {
display: table;
content: '';
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}

86
assets/css/vendor/smoothScorllbar.css vendored Executable file
View File

@ -0,0 +1,86 @@
/* ------------------------------------------------------------- *
* Custom scrollbar style
/* ------------------------------------------------------------- */
.tt-custom-scrollbar {
overflow-y: auto;
}
/* Works on Firefox */
.tt-custom-scrollbar,
.tt-sliding-sidebar-inner,
.tt-sidebar {
scrollbar-width: thin;
scrollbar-color: #555 #2a2a2a;
}
select {
scrollbar-width: thin;
scrollbar-color: #666 #2a2a2a;
}
.tt-custom-scrollbar::-webkit-scrollbar,
.tt-sliding-sidebar-inner::-webkit-scrollbar,
.tt-sidebar::-webkit-scrollbar {
width: 8px;
height: 8px;
}
select::-webkit-scrollbar {
width: 10px;
}
.tt-custom-scrollbar::-webkit-scrollbar-track,
.tt-sliding-sidebar-inner::-webkit-scrollbar-track,
.tt-sidebar::-webkit-scrollbar-track,
select::-webkit-scrollbar-track {
background: #2a2a2a;
}
.tt-custom-scrollbar::-webkit-scrollbar-thumb,
.tt-sliding-sidebar-inner::-webkit-scrollbar-thumb,
.tt-sidebar::-webkit-scrollbar-thumb {
background-color: #555;
border-radius: 50px;
}
select::-webkit-scrollbar-thumb {
background-color: #666;
border-radius: 50px;
}
body:not(.is-mobile).tt-smooth-scroll {
overflow: hidden;
}
body:not(.is-mobile).tt-smooth-scroll #scroll-container {
width: auto;
height: 100vh;
overflow: auto;
margin: 0;
}
/* Styling scrollbar */
.scrollbar-track {
background: transparent !important;
z-index: 99999 !important;
}
.scrollbar-thumb {
background: #DDD !important;
opacity: .25;
transition: opacity 0.2s ease-in-out;
top: 15px !important;
}
.scrollbar-track:hover .scrollbar-thumb {
opacity: .5;
}
#scroll-container{
overflow: hidden;
}
.scroll-content{
overflow: hidden;
}
.scrollbar-track-x{
display: none;
&.show{
display: none;
}
}

708
assets/css/vendor/timePicker.css vendored Executable file
View File

@ -0,0 +1,708 @@
.mdtp__wrapper,
body[mdtimepicker-display="on"] {
overflow: hidden;
}
.mdtimepicker {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
font-family: Roboto, sans-serif;
font-size: 14px;
z-index: 100001;
}
.mdtimepicker.hidden {
display: none;
}
.mdtimepicker.animate {
background-color: transparent;
}
.mdtp__wrapper {
position: absolute;
display: flex;
flex-direction: column;
left: 35%;
bottom: -96px;
min-width: 280px;
opacity: 1;
user-select: none;
border-radius: 2px;
transform: translate(-50%, -50%) scale(1);
box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2),
0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12);
transition: transform 0.28s ease, opacity 0.28s ease;
}
.mdtp__wrapper.animate {
transform: translateX(-50%) scale(1.05);
opacity: 0;
}
.mdtp__time_holder {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
font-size: 46px;
padding: 20px 24px;
color: rgba(255, 255, 255, 0.5);
text-align: center;
background-color: #1565c0;
}
.mdtp__time_holder > span {
display: inline-block;
line-height: 48px;
cursor: default;
}
.mdtp__time_holder > span:not(.mdtp__timedots):not(.mdtp__ampm) {
cursor: pointer;
margin: 0 4px;
}
.mdtp__time_holder .mdtp__time_h.active,
.mdtp__time_holder .mdtp__time_m.active {
color: #fafafa;
}
.mdtp__time_holder .mdtp__ampm {
font-size: 18px;
}
.mdtp__clock_holder {
position: relative;
padding: 20px;
background-color: #fff;
}
.mdtp__clock_holder .mdtp__clock {
position: relative;
width: 250px;
height: 250px;
margin-bottom: 20px;
border-radius: 50%;
background-color: #eee;
}
.mdtp__clock .mdtp__am,
.mdtp__clock .mdtp__pm {
display: block;
position: absolute;
bottom: -8px;
width: 36px;
height: 36px;
line-height: 36px;
text-align: center;
cursor: pointer;
border-radius: 50%;
border: 1px solid rgba(0, 0, 0, 0.1);
background: rgba(0, 0, 0, 0.05);
transition: background-color 0.2s ease, color 0.2s;
z-index: 3;
}
.mdtp__clock .mdtp__am {
left: -8px;
}
.mdtp__clock .mdtp__pm {
right: -8px;
}
.mdtp__clock .mdtp__am:hover,
.mdtp__clock .mdtp__pm:hover {
background-color: rgba(0, 0, 0, 0.1);
}
.mdtp__clock .mdtp__am.active,
.mdtp__clock .mdtp__pm.active {
color: #fafafa;
background-color: #1565c0;
}
.mdtp__clock .mdtp__clock_dot {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
padding: 4px;
background-color: #1565c0;
border-radius: 50%;
}
.mdtp__clock .mdtp__hour_holder,
.mdtp__clock .mdtp__minute_holder {
position: absolute;
top: 0;
width: 100%;
height: 100%;
opacity: 1;
transform: scale(1);
transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.35s ease;
overflow: hidden;
}
.mdtp__clock .mdtp__hour_holder.animate {
transform: scale(1.2);
opacity: 0;
}
.mdtp__clock .mdtp__minute_holder.animate {
transform: scale(0.8);
opacity: 0;
}
.mdtp__clock .mdtp__hour_holder.hidden,
.mdtp__clock .mdtp__minute_holder.hidden {
display: none;
}
.mdtp__clock .mdtp__digit {
position: absolute;
width: 50%;
top: 50%;
left: 0;
margin-top: -16px;
transform-origin: right center;
z-index: 1;
}
.mdtp__clock .mdtp__digit span {
display: inline-block;
width: 32px;
height: 32px;
line-height: 32px;
margin-left: 8px;
text-align: center;
border-radius: 50%;
cursor: pointer;
transition: background-color 0.28s, color 0.14s;
}
.mdtp__clock .mdtp__digit span:hover,
.mdtp__digit.active span {
background-color: #1565c0 !important;
color: #fff;
z-index: 2;
}
.mdtp__button,
.mdtp__wrapper[data-theme="blue"] .mdtp__button {
color: #1565c0;
}
.mdtp__digit.active:before {
content: "";
display: block;
position: absolute;
top: calc(50% - 1px);
right: 0;
height: 2px;
width: calc(100% - 40px);
background-color: #1565c0;
}
.mdtp__clock .mdtp__minute_holder .mdtp__digit {
font-size: 13px;
}
.mdtp__clock .mdtp__minute_holder .mdtp__digit:not(.marker) {
margin-top: -6px;
height: 12px;
}
.mdtp__clock .mdtp__minute_holder .mdtp__digit:not(.marker).active:before {
width: calc(100% - 26px);
}
.mdtp__clock .mdtp__minute_holder .mdtp__digit:not(.marker) span {
width: 12px;
height: 12px;
line-height: 12px;
margin-left: 14px;
}
.mdtp__clock .mdtp__minute_holder .mdtp__digit.marker {
margin-top: -12px;
}
.mdtp__clock .mdtp__minute_holder .mdtp__digit.marker.active:before {
width: calc(100% - 34px);
}
.mdtp__clock .mdtp__minute_holder .mdtp__digit.marker span {
width: 24px;
height: 24px;
line-height: 24px;
margin-left: 10px;
}
.mdtp__digit.rotate-6 {
transform: rotate(6deg);
}
.mdtp__digit.rotate-6 span {
transform: rotate(-6deg);
}
.mdtp__digit.rotate-12 {
transform: rotate(12deg);
}
.mdtp__digit.rotate-12 span {
transform: rotate(-12deg);
}
.mdtp__digit.rotate-18 {
transform: rotate(18deg);
}
.mdtp__digit.rotate-18 span {
transform: rotate(-18deg);
}
.mdtp__digit.rotate-24 {
transform: rotate(24deg);
}
.mdtp__digit.rotate-24 span {
transform: rotate(-24deg);
}
.mdtp__digit.rotate-30 {
transform: rotate(30deg);
}
.mdtp__digit.rotate-30 span {
transform: rotate(-30deg);
}
.mdtp__digit.rotate-36 {
transform: rotate(36deg);
}
.mdtp__digit.rotate-36 span {
transform: rotate(-36deg);
}
.mdtp__digit.rotate-42 {
transform: rotate(42deg);
}
.mdtp__digit.rotate-42 span {
transform: rotate(-42deg);
}
.mdtp__digit.rotate-48 {
transform: rotate(48deg);
}
.mdtp__digit.rotate-48 span {
transform: rotate(-48deg);
}
.mdtp__digit.rotate-54 {
transform: rotate(54deg);
}
.mdtp__digit.rotate-54 span {
transform: rotate(-54deg);
}
.mdtp__digit.rotate-60 {
transform: rotate(60deg);
}
.mdtp__digit.rotate-60 span {
transform: rotate(-60deg);
}
.mdtp__digit.rotate-66 {
transform: rotate(66deg);
}
.mdtp__digit.rotate-66 span {
transform: rotate(-66deg);
}
.mdtp__digit.rotate-72 {
transform: rotate(72deg);
}
.mdtp__digit.rotate-72 span {
transform: rotate(-72deg);
}
.mdtp__digit.rotate-78 {
transform: rotate(78deg);
}
.mdtp__digit.rotate-78 span {
transform: rotate(-78deg);
}
.mdtp__digit.rotate-84 {
transform: rotate(84deg);
}
.mdtp__digit.rotate-84 span {
transform: rotate(-84deg);
}
.mdtp__digit.rotate-90 {
transform: rotate(90deg);
}
.mdtp__digit.rotate-90 span {
transform: rotate(-90deg);
}
.mdtp__digit.rotate-96 {
transform: rotate(96deg);
}
.mdtp__digit.rotate-96 span {
transform: rotate(-96deg);
}
.mdtp__digit.rotate-102 {
transform: rotate(102deg);
}
.mdtp__digit.rotate-102 span {
transform: rotate(-102deg);
}
.mdtp__digit.rotate-108 {
transform: rotate(108deg);
}
.mdtp__digit.rotate-108 span {
transform: rotate(-108deg);
}
.mdtp__digit.rotate-114 {
transform: rotate(114deg);
}
.mdtp__digit.rotate-114 span {
transform: rotate(-114deg);
}
.mdtp__digit.rotate-120 {
transform: rotate(120deg);
}
.mdtp__digit.rotate-120 span {
transform: rotate(-120deg);
}
.mdtp__digit.rotate-126 {
transform: rotate(126deg);
}
.mdtp__digit.rotate-126 span {
transform: rotate(-126deg);
}
.mdtp__digit.rotate-132 {
transform: rotate(132deg);
}
.mdtp__digit.rotate-132 span {
transform: rotate(-132deg);
}
.mdtp__digit.rotate-138 {
transform: rotate(138deg);
}
.mdtp__digit.rotate-138 span {
transform: rotate(-138deg);
}
.mdtp__digit.rotate-144 {
transform: rotate(144deg);
}
.mdtp__digit.rotate-144 span {
transform: rotate(-144deg);
}
.mdtp__digit.rotate-150 {
transform: rotate(150deg);
}
.mdtp__digit.rotate-150 span {
transform: rotate(-150deg);
}
.mdtp__digit.rotate-156 {
transform: rotate(156deg);
}
.mdtp__digit.rotate-156 span {
transform: rotate(-156deg);
}
.mdtp__digit.rotate-162 {
transform: rotate(162deg);
}
.mdtp__digit.rotate-162 span {
transform: rotate(-162deg);
}
.mdtp__digit.rotate-168 {
transform: rotate(168deg);
}
.mdtp__digit.rotate-168 span {
transform: rotate(-168deg);
}
.mdtp__digit.rotate-174 {
transform: rotate(174deg);
}
.mdtp__digit.rotate-174 span {
transform: rotate(-174deg);
}
.mdtp__digit.rotate-180 {
transform: rotate(180deg);
}
.mdtp__digit.rotate-180 span {
transform: rotate(-180deg);
}
.mdtp__digit.rotate-186 {
transform: rotate(186deg);
}
.mdtp__digit.rotate-186 span {
transform: rotate(-186deg);
}
.mdtp__digit.rotate-192 {
transform: rotate(192deg);
}
.mdtp__digit.rotate-192 span {
transform: rotate(-192deg);
}
.mdtp__digit.rotate-198 {
transform: rotate(198deg);
}
.mdtp__digit.rotate-198 span {
transform: rotate(-198deg);
}
.mdtp__digit.rotate-204 {
transform: rotate(204deg);
}
.mdtp__digit.rotate-204 span {
transform: rotate(-204deg);
}
.mdtp__digit.rotate-210 {
transform: rotate(210deg);
}
.mdtp__digit.rotate-210 span {
transform: rotate(-210deg);
}
.mdtp__digit.rotate-216 {
transform: rotate(216deg);
}
.mdtp__digit.rotate-216 span {
transform: rotate(-216deg);
}
.mdtp__digit.rotate-222 {
transform: rotate(222deg);
}
.mdtp__digit.rotate-222 span {
transform: rotate(-222deg);
}
.mdtp__digit.rotate-228 {
transform: rotate(228deg);
}
.mdtp__digit.rotate-228 span {
transform: rotate(-228deg);
}
.mdtp__digit.rotate-234 {
transform: rotate(234deg);
}
.mdtp__digit.rotate-234 span {
transform: rotate(-234deg);
}
.mdtp__digit.rotate-240 {
transform: rotate(240deg);
}
.mdtp__digit.rotate-240 span {
transform: rotate(-240deg);
}
.mdtp__digit.rotate-246 {
transform: rotate(246deg);
}
.mdtp__digit.rotate-246 span {
transform: rotate(-246deg);
}
.mdtp__digit.rotate-252 {
transform: rotate(252deg);
}
.mdtp__digit.rotate-252 span {
transform: rotate(-252deg);
}
.mdtp__digit.rotate-258 {
transform: rotate(258deg);
}
.mdtp__digit.rotate-258 span {
transform: rotate(-258deg);
}
.mdtp__digit.rotate-264 {
transform: rotate(264deg);
}
.mdtp__digit.rotate-264 span {
transform: rotate(-264deg);
}
.mdtp__digit.rotate-270 {
transform: rotate(270deg);
}
.mdtp__digit.rotate-270 span {
transform: rotate(-270deg);
}
.mdtp__digit.rotate-276 {
transform: rotate(276deg);
}
.mdtp__digit.rotate-276 span {
transform: rotate(-276deg);
}
.mdtp__digit.rotate-282 {
transform: rotate(282deg);
}
.mdtp__digit.rotate-282 span {
transform: rotate(-282deg);
}
.mdtp__digit.rotate-288 {
transform: rotate(288deg);
}
.mdtp__digit.rotate-288 span {
transform: rotate(-288deg);
}
.mdtp__digit.rotate-294 {
transform: rotate(294deg);
}
.mdtp__digit.rotate-294 span {
transform: rotate(-294deg);
}
.mdtp__digit.rotate-300 {
transform: rotate(300deg);
}
.mdtp__digit.rotate-300 span {
transform: rotate(-300deg);
}
.mdtp__digit.rotate-306 {
transform: rotate(306deg);
}
.mdtp__digit.rotate-306 span {
transform: rotate(-306deg);
}
.mdtp__digit.rotate-312 {
transform: rotate(312deg);
}
.mdtp__digit.rotate-312 span {
transform: rotate(-312deg);
}
.mdtp__digit.rotate-318 {
transform: rotate(318deg);
}
.mdtp__digit.rotate-318 span {
transform: rotate(-318deg);
}
.mdtp__digit.rotate-324 {
transform: rotate(324deg);
}
.mdtp__digit.rotate-324 span {
transform: rotate(-324deg);
}
.mdtp__digit.rotate-330 {
transform: rotate(330deg);
}
.mdtp__digit.rotate-330 span {
transform: rotate(-330deg);
}
.mdtp__digit.rotate-336 {
transform: rotate(336deg);
}
.mdtp__digit.rotate-336 span {
transform: rotate(-336deg);
}
.mdtp__digit.rotate-342 {
transform: rotate(342deg);
}
.mdtp__digit.rotate-342 span {
transform: rotate(-342deg);
}
.mdtp__digit.rotate-348 {
transform: rotate(348deg);
}
.mdtp__digit.rotate-348 span {
transform: rotate(-348deg);
}
.mdtp__digit.rotate-354 {
transform: rotate(354deg);
}
.mdtp__digit.rotate-354 span {
transform: rotate(-354deg);
}
.mdtp__digit.rotate-360 {
transform: rotate(360deg);
}
.mdtp__digit.rotate-360 span {
transform: rotate(-360deg);
}
.mdtp__buttons {
margin: 0 -10px -10px;
text-align: right;
}
.mdtp__button {
display: inline-block;
padding: 0 16px;
min-width: 50px;
text-align: center;
text-transform: uppercase;
line-height: 32px;
font-weight: 500;
cursor: pointer;
}
.mdtp__button:hover {
background-color: #e0e0e0;
}
.mdtp__wrapper[data-theme="blue"] .mdtp__clock .mdtp__am.active,
.mdtp__wrapper[data-theme="blue"] .mdtp__clock .mdtp__clock_dot,
.mdtp__wrapper[data-theme="blue"] .mdtp__clock .mdtp__pm.active,
.mdtp__wrapper[data-theme="blue"] .mdtp__time_holder {
background-color: #1565c0;
}
.mdtp__wrapper[data-theme="blue"] .mdtp__clock .mdtp__digit span:hover,
.mdtp__wrapper[data-theme="blue"] .mdtp__digit.active span {
background-color: #1565c0 !important;
}
.mdtp__wrapper[data-theme="blue"] .mdtp__digit.active:before {
background-color: #1565c0;
}
.mdtp__wrapper[data-theme="red"] .mdtp__clock .mdtp__am.active,
.mdtp__wrapper[data-theme="red"] .mdtp__clock .mdtp__clock_dot,
.mdtp__wrapper[data-theme="red"] .mdtp__clock .mdtp__pm.active,
.mdtp__wrapper[data-theme="red"] .mdtp__time_holder {
background-color: #c62828;
}
.mdtp__wrapper[data-theme="red"] .mdtp__clock .mdtp__digit span:hover,
.mdtp__wrapper[data-theme="red"] .mdtp__digit.active span {
background-color: #c62828 !important;
}
.mdtp__wrapper[data-theme="red"] .mdtp__digit.active:before {
background-color: #c62828;
}
.mdtp__wrapper[data-theme="red"] .mdtp__button {
color: #c62828;
}
.mdtp__wrapper[data-theme="purple"] .mdtp__clock .mdtp__am.active,
.mdtp__wrapper[data-theme="purple"] .mdtp__clock .mdtp__clock_dot,
.mdtp__wrapper[data-theme="purple"] .mdtp__clock .mdtp__pm.active,
.mdtp__wrapper[data-theme="purple"] .mdtp__time_holder {
background-color: #6a1b9a;
}
.mdtp__wrapper[data-theme="purple"] .mdtp__clock .mdtp__digit span:hover,
.mdtp__wrapper[data-theme="purple"] .mdtp__digit.active span {
background-color: #6a1b9a !important;
}
.mdtp__wrapper[data-theme="purple"] .mdtp__digit.active:before {
background-color: #6a1b9a;
}
.mdtp__wrapper[data-theme="purple"] .mdtp__button {
color: #6a1b9a;
}
.mdtp__wrapper[data-theme="indigo"] .mdtp__clock .mdtp__am.active,
.mdtp__wrapper[data-theme="indigo"] .mdtp__clock .mdtp__clock_dot,
.mdtp__wrapper[data-theme="indigo"] .mdtp__clock .mdtp__pm.active,
.mdtp__wrapper[data-theme="indigo"] .mdtp__time_holder {
background-color: #283593;
}
.mdtp__wrapper[data-theme="indigo"] .mdtp__clock .mdtp__digit span:hover,
.mdtp__wrapper[data-theme="indigo"] .mdtp__digit.active span {
background-color: #283593 !important;
}
.mdtp__wrapper[data-theme="indigo"] .mdtp__digit.active:before {
background-color: #283593;
}
.mdtp__wrapper[data-theme="indigo"] .mdtp__button {
color: #283593;
}
.mdtp__wrapper[data-theme="teal"] .mdtp__clock .mdtp__am.active,
.mdtp__wrapper[data-theme="teal"] .mdtp__clock .mdtp__clock_dot,
.mdtp__wrapper[data-theme="teal"] .mdtp__clock .mdtp__pm.active,
.mdtp__wrapper[data-theme="teal"] .mdtp__time_holder {
background-color: #00695c;
}
.mdtp__wrapper[data-theme="teal"] .mdtp__clock .mdtp__digit span:hover,
.mdtp__wrapper[data-theme="teal"] .mdtp__digit.active span {
background-color: #00695c !important;
}
.mdtp__wrapper[data-theme="teal"] .mdtp__digit.active:before {
background-color: #00695c;
}
.mdtp__wrapper[data-theme="teal"] .mdtp__button {
color: #00695c;
}
.mdtp__wrapper[data-theme="green"] .mdtp__clock .mdtp__am.active,
.mdtp__wrapper[data-theme="green"] .mdtp__clock .mdtp__clock_dot,
.mdtp__wrapper[data-theme="green"] .mdtp__clock .mdtp__pm.active,
.mdtp__wrapper[data-theme="green"] .mdtp__time_holder {
background-color: #2e7d32;
}
.mdtp__wrapper[data-theme="green"] .mdtp__clock .mdtp__digit span:hover,
.mdtp__wrapper[data-theme="green"] .mdtp__digit.active span {
background-color: #2e7d32 !important;
}
.mdtp__wrapper[data-theme="green"] .mdtp__digit.active:before {
background-color: #2e7d32;
}
.mdtp__wrapper[data-theme="green"] .mdtp__button {
color: #2e7d32;
}
@media (max-height: 360px) {
.mdtp__wrapper {
flex-direction: row;
bottom: 8px;
}
.mdtp__time_holder {
width: 160px;
padding: 20px;
}
.mdtp__clock_holder {
padding: 16px;
}
.mdtp__clock .mdtp__am,
.mdtp__clock .mdtp__pm {
bottom: -4px;
}
.mdtp__clock .mdtp__am {
left: -4px;
}
.mdtp__clock .mdtp__pm {
right: -4px;
}
}
@media (max-height: 320px) {
.mdtp__wrapper {
bottom: 0;
}
}

3
assets/css/vendor/vue-select.css vendored Executable file
View File

File diff suppressed because one or more lines are too long

BIN
assets/css/webfonts/fa-brands-400.ttf Executable file
View File

Binary file not shown.

BIN
assets/css/webfonts/fa-brands-400.woff2 Executable file
View File

Binary file not shown.

BIN
assets/css/webfonts/fa-duotone-900.ttf Executable file
View File

Binary file not shown.

BIN
assets/css/webfonts/fa-duotone-900.woff2 Executable file
View File

Binary file not shown.

BIN
assets/css/webfonts/fa-light-300.ttf Executable file
View File

Binary file not shown.

BIN
assets/css/webfonts/fa-light-300.woff2 Executable file
View File

Binary file not shown.

BIN
assets/css/webfonts/fa-regular-400.ttf Executable file
View File

Binary file not shown.

BIN
assets/css/webfonts/fa-regular-400.woff2 Executable file
View File

Binary file not shown.

BIN
assets/css/webfonts/fa-sharp-light-300.ttf Executable file
View File

Binary file not shown.

BIN
assets/css/webfonts/fa-sharp-light-300.woff2 Executable file
View File

Binary file not shown.

BIN
assets/css/webfonts/fa-sharp-regular-400.ttf Executable file
View File

Binary file not shown.

BIN
assets/css/webfonts/fa-sharp-regular-400.woff2 Executable file
View File

Binary file not shown.

BIN
assets/css/webfonts/fa-sharp-solid-900.ttf Executable file
View File

Binary file not shown.

BIN
assets/css/webfonts/fa-sharp-solid-900.woff2 Executable file
View File

Binary file not shown.

BIN
assets/css/webfonts/fa-sharp-thin-100.ttf Executable file
View File

Binary file not shown.

BIN
assets/css/webfonts/fa-sharp-thin-100.woff2 Executable file
View File

Binary file not shown.

BIN
assets/css/webfonts/fa-solid-900.ttf Executable file
View File

Binary file not shown.

BIN
assets/css/webfonts/fa-solid-900.woff2 Executable file
View File

Binary file not shown.

BIN
assets/css/webfonts/fa-thin-100.ttf Executable file
View File

Binary file not shown.

BIN
assets/css/webfonts/fa-thin-100.woff2 Executable file
View File

Binary file not shown.

BIN
assets/css/webfonts/fa-v4compatibility.ttf Executable file
View File

Binary file not shown.

BIN
assets/css/webfonts/fa-v4compatibility.woff2 Executable file
View File

Binary file not shown.

170
assets/js/ajax.js Executable file
View File

@ -0,0 +1,170 @@
function getQueryString(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
var r = window.location.search.substr(1).match(reg);
if (r != null) return unescape(r[2]); return null;
}
function namelist(list){
var dalist=[]
list.forEach(element => {
var obj={}
obj.id = element
obj.name = element
dalist.push(obj)
})
return dalist
}
const options={
method:'GET',//请求模式get
headers:{
'lang':localStorage.getItem('lang')?localStorage.getItem('lang'): 'en'//设置请求标头数据为json格式
},
};
const baseURL='https://server.orzar.shop/'
// const baseURL='https://usedcar.server.hnxinyouhe.com/'
// 定义AJAX工具类
const AjaxUtils = {
// 基础配置
config: {
baseURL: baseURL, // 替换为实际的API基础URL
timeout: 30000, // 请求超时时间
headers: {'lang':localStorage.getItem('lang')?localStorage.getItem('lang'): 'en'}
},
// 设置基础URL
setBaseURL: function(url) {
this.config.baseURL = url;
},
// 设置请求头
setHeaders: function(headers) {
this.config.headers = $.extend({}, this.config.headers, headers);
},
// 获取请求头
getHeaders: function() {
const token = localStorage.getItem('auth_token');
if (token) {
return $.extend({}, this.config.headers, {
'Authorization': `Bearer ${token}`
});
}
return this.config.headers;
},
// 处理响应
handleResponse: function(response) {
if (response.code !== 0) {
throw new Error(response.message || '请求失败');
}
$("#preloader").hide("slow")
return response.data;
},
// GET请求
get: function(url, params = {}) {
$("#preloader").show("slow");
return $.ajax({
url: this.config.baseURL + url,
type: 'GET',
data: params,
headers: this.getHeaders(),
timeout: this.config.timeout,
success: this.handleResponse,
error: function(xhr, status, error) {
$("#preloader").hide("slow")
alert(xhr.responseJSON.message)
// console.error('POST请求错误:', xhr.responseJSON.message);
// throw error;
}
});
},
// POST请求
post: function(url, data = {}) {
// $("#preloader").show("slow");
return $.ajax({
url: this.config.baseURL + url,
type: 'POST',
data: data,
headers: this.getHeaders(),
timeout: this.config.timeout,
success: this.handleResponse,
error: function(xhr, status, error) {
$("#preloader").hide("slow")
alert(xhr.responseJSON.message)
// console.error('POST请求错误:', xhr.responseJSON.message);
// throw error;
}
});
},
// PUT请求
put: function(url, data = {}) {
return $.ajax({
url: this.config.baseURL + url,
type: 'PUT',
data: JSON.stringify(data),
headers: this.getHeaders(),
timeout: this.config.timeout,
success: this.handleResponse,
error: function(xhr, status, error) {
// console.error('POST请求错误:', xhr.responseJSON.message);
// throw error;
}
});
},
// DELETE请求
delete: function(url) {
return $.ajax({
url: this.config.baseURL + url,
type: 'DELETE',
headers: this.getHeaders(),
timeout: this.config.timeout,
success: this.handleResponse,
error: function(xhr, status, error) {
// console.error('POST请求错误:', xhr.responseJSON.message);
// throw error;
}
});
},
// 文件上传
upload: function(url, file, data = {}) {
const formData = new FormData();
formData.append('file', file);
// 添加其他数据
$.each(data, function(key, value) {
formData.append(key, value);
});
return $.ajax({
url: this.config.baseURL + url,
type: 'POST',
data: formData,
processData: false,
contentType: false,
headers: this.getHeaders(),
timeout: this.config.timeout,
success: this.handleResponse,
error: function(xhr, status, error) {
console.error('文件上传错误:', error);
throw error;
}
});
},
// 设置请求拦截器
setRequestInterceptor: function(interceptor) {
this.requestInterceptor = interceptor;
},
// 设置响应拦截器
setResponseInterceptor: function(interceptor) {
this.responseInterceptor = interceptor;
}
};

662
assets/js/app.js Executable file
View File

@ -0,0 +1,662 @@
// =================== ****************** ================== //
// Template Name: Soccer Club
// Description: Soccer Club Html Template
// Version: 1.0.0
// =================== ****************** ================== //
var MyScroll = "";
(function (window, document, $, undefined) {
"use strict";
// ==========================================================
// Detect mobile device and add class "is-mobile" to </body>
// ==========================================================
// Detect mobile device (Do not remove!!!)
var isMobile =
/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Nokia|Opera Mini/i.test(
navigator.userAgent
)
? true
: false;
var Scrollbar = window.Scrollbar;
// Add class "is-mobile" to </body>
var Init = {
i: function (e) {
Init.s();
Init.methods();
},
s: function (e) {
(this._window = $(window)),
(this._document = $(document)),
(this._body = $("body")),
(this._html = $("html"));
},
methods: function (e) {
Init.w();
Init.preloader();
Init.BackToTop();
Init.header();
Init.dropdown();
Init.slick();
Init.categoryToggle();
Init.filterSearch();
Init.passwordIcon();
Init.priceRangeSlider();
Init.niceSelect();
Init.quantityHandle();
Init.countdownInit(".countdown", "2024/12/01");
Init.formValidation();
Init.contactForm();
Init.bookingForm();
},
w: function (e) {
if (isMobile) {
$("body").addClass("is-mobile");
}
},
// Preloader
preloader: function () {
setTimeout(function () {
// $("#preloader").hide("slow");
}, 100);
},
BackToTop: function () {
var scrollToTopBtn = document.querySelector(".scrollToTopBtn");
var rootElement = document.documentElement;
function handleScroll() {
var scrollTotal = rootElement.scrollHeight - rootElement.clientHeight;
if (rootElement.scrollTop / scrollTotal > 0.05) {
scrollToTopBtn.classList.add("showBtn");
} else {
scrollToTopBtn.classList.remove("showBtn");
}
}
function scrollToTop() {
rootElement.scrollTo({ top: 0, behavior: "smooth" });
}
scrollToTopBtn.addEventListener("click", scrollToTop);
document.addEventListener("scroll", handleScroll);
},
dropdown: function () {
const selectedAll = document.querySelectorAll(".wrapper-dropdown");
selectedAll.forEach((selected) => {
const optionsContainer = selected.children[2];
const optionsList = selected.querySelectorAll(
"div.wrapper-dropdown li"
);
selected.addEventListener("click", () => {
let arrow = selected.children[1];
if (selected.classList.contains("active")) {
handleDropdown(selected, arrow, false);
} else {
let currentActive = document.querySelector(
".wrapper-dropdown.active"
);
if (currentActive) {
let anotherArrow = currentActive.children[1];
handleDropdown(currentActive, anotherArrow, false);
}
handleDropdown(selected, arrow, true);
}
});
// update the display of the dropdown
for (let o of optionsList) {
o.addEventListener("click", () => {
selected.querySelector(".selected-display").innerHTML = o.innerHTML;
});
}
});
// check if anything else ofther than the dropdown is clicked
window.addEventListener("click", function (e) {
if (e.target.closest(".wrapper-dropdown") === null) {
closeAllDropdowns();
}
});
// close all the dropdowns
function closeAllDropdowns() {
const selectedAll = document.querySelectorAll(".wrapper-dropdown");
selectedAll.forEach((selected) => {
const optionsContainer = selected.children[2];
let arrow = selected.children[1];
handleDropdown(selected, arrow, false);
});
}
// open all the dropdowns
function handleDropdown(dropdown, arrow, open) {
if (open) {
arrow.classList.add("rotated");
dropdown.classList.add("active");
} else {
arrow.classList.remove("rotated");
dropdown.classList.remove("active");
}
}
},
// Header
header: function () {
function dynamicCurrentMenuClass(selector) {
let FileName = window.location.href.split("/").reverse()[0];
selector.find("li").each(function () {
let anchor = $(this).find("a");
if ($(anchor).attr("href") == FileName) {
$(this).addClass("current");
}
});
selector.children("li").each(function () {
if ($(this).find(".current").length) {
$(this).addClass("current");
}
});
if ("" == FileName) {
selector.find("li").eq(0).addClass("current");
}
}
if ($(".main-menu__list").length) {
let mainNavUL = $(".main-menu__list");
dynamicCurrentMenuClass(mainNavUL);
}
if ($(".main-menu__nav").length && $(".mobile-nav__container").length) {
let navContent = document.querySelector(".main-menu__nav").innerHTML;
let mobileNavContainer = document.querySelector(
".mobile-nav__container"
);
mobileNavContainer.innerHTML = navContent;
}
if ($(".sticky-header__content").length) {
let navContent = document.querySelector(".main-menu").innerHTML;
let mobileNavContainer = document.querySelector(
".sticky-header__content"
);
mobileNavContainer.innerHTML = navContent;
}
if ($(".mobile-nav__container .main-menu__list").length) {
let dropdownAnchor = $(
".mobile-nav__container .main-menu__list .dropdown > a"
);
dropdownAnchor.each(function () {
let self = $(this);
let toggleBtn = document.createElement("BUTTON");
toggleBtn.setAttribute("aria-label", "dropdown toggler");
toggleBtn.innerHTML = "<i class='fa fa-angle-down'></i>";
self.append(function () {
return toggleBtn;
});
self.find("button").on("click", function (e) {
e.preventDefault();
let self = $(this);
self.toggleClass("expanded");
self.parent().toggleClass("expanded");
self.parent().parent().children("ul").slideToggle();
});
// console.log($(this).hasClass('branditems'))
if($(this).hasClass('branditems')){
self.toggleClass("expanded");
self.children().toggleClass("expanded");
// self.parent().parent().children("ul").slideToggle();
// $(".flex-layout").css('display','none')
}else{
self.find("button").click()
}
});
}
if ($(".mobile-nav__toggler").length) {
$(".mobile-nav__toggler").on("click", function (e) {
e.preventDefault();
$(".mobile-nav__wrapper").toggleClass("expanded");
$("body").toggleClass("locked");
});
}
$(window).on("scroll", function () {
if ($(".stricked-menu").length) {
var headerScrollPos = 130;
var stricky = $(".stricked-menu");
if ($(window).scrollTop() > headerScrollPos) {
stricky.addClass("stricky-fixed");
} else if ($(this).scrollTop() <= headerScrollPos) {
stricky.removeClass("stricky-fixed");
}
}
});
},
// Slick Slider
slick: function () {
if ($(".blog-slider").length) {
$(".blog-slider").slick({
slidesToShow: 3,
slidesToScroll: 1,
infinite: true,
autoplay: false,
dots: false,
draggable: true,
arrows: false,
lazyLoad: "progressive",
speed: 800,
autoplaySpeed: 2000,
responsive: [
{
breakpoint: 992,
settings: {
slidesToShow: 2,
},
},
{
breakpoint: 576,
settings: {
slidesToShow: 1,
},
},
],
});
}
if ($(".highlights-slider").length) {
$(".highlights-slider").slick({
slidesToShow: 3,
slidesToScroll: 1,
infinite: true,
autoplay: true,
dots: false,
draggable: true,
arrows: false,
lazyLoad: "progressive",
speed: 800,
autoplaySpeed: 2000,
responsive: [
{
breakpoint: 992,
settings: {
slidesToShow: 2,
},
},
{
breakpoint: 576,
settings: {
slidesToShow: 1,
},
},
],
});
}
if ($(".brand-slider").length) {
$(".brand-slider").slick({
infinite: true,
slidesToShow: 6,
arrows: false,
autoplay: true,
cssEase: "linear",
autoplaySpeed: 0,
speed: 8000,
pauseOnFocus: false,
pauseOnHover: false,
responsive: [
{
breakpoint: 1699,
settings: {
slidesToShow: 5,
},
},
{
breakpoint: 1599,
settings: {
slidesToShow: 4,
},
},
{
breakpoint: 769,
settings: {
slidesToShow: 3,
},
},
{
breakpoint: 576,
settings: {
slidesToShow: 2,
},
},
{
breakpoint: 450,
settings: {
slidesToShow: 1,
},
},
],
});
}
if ($(".shop-slider").length) {
$(".shop-slider").slick({
slidesToShow: 4,
slidesToScroll: 1,
infinite: true,
autoplay: false,
dots: false,
draggable: true,
arrows: false,
lazyLoad: "progressive",
speed: 800,
autoplaySpeed: 2000,
responsive: [
{
breakpoint: 1025,
settings: {
slidesToShow: 3,
},
},
{
breakpoint: 992,
settings: {
slidesToShow: 2,
},
},
{
breakpoint: 576,
settings: {
slidesToShow: 1,
},
},
],
});
}
if ($(".testimonials-slider").length) {
$(".testimonials-slider").slick({
slidesToShow: 4,
slidesToScroll: 1,
infinite: true,
autoplay: true,
dots: false,
draggable: true,
arrows: false,
cssEase: "linear",
lazyLoad: "progressive",
speed: 800,
autoplaySpeed: 2000,
responsive: [
{
breakpoint: 1200,
settings: {
slidesToShow: 3,
},
},
{
breakpoint: 1025,
settings: {
slidesToShow: 2,
},
},
{
breakpoint: 576,
settings: {
slidesToShow: 1,
},
},
],
});
}
$(".btn-prev").click(function () {
var $this = $(this).attr("data-slide");
$("." + $this).slick("slickPrev");
});
$(".btn-next").click(function () {
var $this = $(this).attr("data-slide");
$("." + $this).slick("slickNext");
});
},
// Filter Toggle Button
categoryToggle: function () {
if ($(".category-block").length) {
$(".category-block .title").on("click", function (e) {
var count = $(this).data("count");
if (
$(".category-block.box-" + count + " .content-block").is(":visible")
) {
$(".category-block.box-" + count + " i").removeClass(
"fa-horizontal-rule"
);
$(".category-block.box-" + count + " i").addClass("fa-plus");
$(".category-block.box-" + count + " .content-block").hide("slow");
} else {
$(".category-block.box-" + count + " i").removeClass("fa-plus");
$(".category-block.box-" + count + " i").addClass(
"fa-horizontal-rule"
);
$(".category-block.box-" + count + " .content-block").show("slow");
}
});
}
if ($(".customer-container").length) {
$(".signin-button").click(function () {
$(".sign-form").slideToggle();
});
}
if ($("#shipAddress").length) {
$(".billing-address").hide();
$("#shipAddress").change(function () {
if ($(this).is(":unchecked")) {
$(".billing-address").hide("slow");
} else {
$(".billing-address").show("slow");
}
});
}
},
filterSearch: function () {
if ($("#searchInput").length) {
$("#searchInput").on("keyup", function () {
var value = $(this).val().toLowerCase();
$(".blogs-block").filter(function () {
var hasMatch =
$(this).find(".blog-title").text().toLowerCase().indexOf(value) >
-1;
$(this).toggle(hasMatch);
});
});
}
},
// Password Icon
passwordIcon: function () {
$("#eye , #eye-icon").click(function () {
if ($(this).hasClass("fa-eye-slash")) {
$(this).removeClass("fa-eye-slash");
$(this).addClass("fa-eye");
$(".password-input").attr("type", "text");
} else {
$(this).removeClass("fa-eye");
$(this).addClass("fa-eye-slash");
$(".password-input").attr("type", "password");
}
});
},
priceRangeSlider: function () {
const priceGap = 1000;
$(".price-input input").on("input", function () {
let minPrice = parseInt($(".price-input .input-min").val()),
maxPrice = parseInt($(".price-input .input-max").val());
if (
maxPrice - minPrice >= priceGap &&
maxPrice <= $(".range-input .range-max").attr("max")
) {
if ($(this).hasClass("input-min")) {
$(".range-input .range-min").val(minPrice);
$(".slider .progress").css(
"left",
(minPrice / $(".range-input .range-min").attr("max")) * 100 + "%"
);
} else {
$(".range-input .range-max").val(maxPrice);
$(".slider .progress").css(
"right",
100 -
(maxPrice / $(".range-input .range-max").attr("max")) * 100 +
"%"
);
}
}
});
$(".range-input input").on("input", function () {
let minVal = parseInt($(".range-input .range-min").val()),
maxVal = parseInt($(".range-input .range-max").val());
if (maxVal - minVal < priceGap) {
if ($(this).hasClass("range-min")) {
$(".range-input .range-min").val(maxVal - priceGap);
} else {
$(".range-input .range-max").val(minVal + priceGap);
}
} else {
$(".price-input .input-min").val(minVal);
$(".price-input .input-max").val(maxVal);
$(".slider .progress").css(
"left",
(minVal / $(".range-input .range-min").attr("max")) * 100 + "%"
);
$(".slider .progress").css(
"right",
100 -
(maxVal / $(".range-input .range-max").attr("max")) * 100 +
"%"
);
}
});
},
// Nice Select
niceSelect: function () {
if ($(".has-nice-select").length) {
$(".has-nice-select, .contact-form select").niceSelect();
}
},
// Quantity Controller
quantityHandle: function () {
$(".decrement").on("click", function () {
var qtyInput = $(this).closest(".quantity-wrap").children(".number");
var qtyVal = parseInt(qtyInput.val());
if (qtyVal > 0) {
qtyInput.val(qtyVal - 1);
}
});
$(".increment").on("click", function () {
var qtyInput = $(this).closest(".quantity-wrap").children(".number");
var qtyVal = parseInt(qtyInput.val());
qtyInput.val(parseInt(qtyVal + 1));
});
},
// Countdown Timer
countdownInit: function (countdownSelector, countdownTime, countdown) {
var eventCounter = $(countdownSelector);
if (eventCounter.length) {
eventCounter.countdown(countdownTime, function (e) {
$(this).html(
e.strftime(
"<li><h2>%D</h2><h6>Days</h6></li>\
<li><h2>%H</h2><h6>Hrs</h6></li>\
<li><h2>%M</h2><h6>Mins</h6></li>\
<li><h2>%S</h2><h6>Secs</h6></li>"
)
);
});
}
},
// Form Validation
formValidation: function () {
if ($(".contact-form").length) {
$(".contact-form").validate();
}
if ($(".car-booking-form").length) {
$(".car-booking-form").validate();
}
if ($(".login-form").length) {
$(".login-form").validate();
}
},
// Contact Form
contactForm: function () {
$(".contact-form").on("submit", function (e) {
e.preventDefault();
if ($(".contact-form").valid()) {
var _self = $(this);
_self
.closest("div")
.find('button[type="submit"]')
.attr("disabled", "disabled");
var data = $(this).serialize();
$.ajax({
url: "./assets/mail/contact.php",
type: "post",
dataType: "json",
data: data,
success: function (data) {
$(".contact-form").trigger("reset");
_self.find('button[type="submit"]').removeAttr("disabled");
if (data.success) {
document.getElementById("message").innerHTML =
"<h4 class='color-primary mt-16 mb-16'>Email Sent Successfully</h4>";
} else {
document.getElementById("message").innerHTML =
"<h4 class='color-primary mt-16 mb-16'>There is an error</h4>";
}
$("#messages").show("slow");
$("#messages").slideDown("slow");
setTimeout(function () {
$("#messages").slideUp("hide");
$("#messages").hide("slow");
}, 4000);
},
});
} else {
return false;
}
});
},
bookingForm: function(){
$(".bookingProcced").on("click", function () {
$('.stepone').hide('slow');
$('.steptwo').show('slow');
});
}
};
Init.i();
})(window, document, jQuery);

175
assets/js/brand.js Executable file
View File

@ -0,0 +1,175 @@
$(function() {
// facetwp-radio 点击切换效果
// $(document).on('click', '.facetwp-radio', function() {
// $('.facetwp-radio').removeClass('checked');
// $(this).addClass('checked');
// });
var id = getQueryString("id")
var vm = new Vue({
el: '#brandapp',
data: {
currentPage: 1, // 当前页码
pageSize: 12, // 每页条数
totalItems: 0, // 总数据量（后端分页用）
energy:'',
dataList: [],
energylist:[]
},
computed: {
// 当前页数据（前端分页）
currentPageData() {
const start = (this.currentPage - 1) * this.pageSize;
return this.allData.slice(start, start + this.pageSize);
},
// 总页数
totalPages() {
return Math.ceil(this.totalItems / this.pageSize);
},
// 动态页码范围
visiblePages() {
const maxVisible = 5;
let start = Math.max(1, this.currentPage - 2);
let end = Math.min(start + maxVisible - 1, this.totalPages);
return Array.from({
length: end - start + 1
}, (_, i) => start + i);
}
},
watch: {
currentPage() {
this.fetchData(); // 后端分页时触发数据更新
}
},
created: function() {
this.fetchData()
this.energylistfn()
},
methods: {
fetchData() {
var that = this
AjaxUtils.get('apis/vehicle/new/list', {
page: this.currentPage,
per_page: this.pageSize,
brand:id,
energy:this.energy,
}).done(function(data) {
that.dataList = data.data.list
that.allData = data.data.list; // 前端分页时存储所有数据
that.totalItems = data.data.meta.total; // 后端分页时更新总数
// if(that.dataList.length<=0){
// that.isshow = true
// that.licklistfn()
// }else{
// that.isshow = false
// }
// console.log(data.data.list);
}).fail(function(error) {
// console.error(error);
});
},
energylistfn() {
var that = this
AjaxUtils.get('apis/vehicle/energy', {
brand:id,
}).done(function(data) {
that.energylist = data.data
}).fail(function(error) {
// console.error(error);
});
},
energyclick(item){
if(item==''){
this.energy =''
}else{
this.energy = item.id
}
this.fetchData()
},
prevPage() {
if (this.currentPage > 1) this.currentPage--;
$('html, body').animate({
scrollTop: $('.navs').offset().top - 0
}, 0);
},
nextPage() {
if (this.currentPage < this.totalPages) {
this.currentPage++
};
$('html, body').animate({
scrollTop: $('.navs').offset().top - 0
}, 0);
},
gotoPage(page) {
this.currentPage = page;
},
godetil(item) {
window.location.href = 'newcar-details.html?id=' + item.id
}
},
})
AjaxUtils.get('apis/brand/detail/'+id, {}).done(function(data) {
var datas = data.data;
$(".brandname").html(datas.name)
$(".dese").html(datas.desc)
$(".topimg").html('<img src="'+datas.toppic_full+'" class="attachment-full size-full" decoding="async" fetchpriority="high" >')
$(".descpicing").html('<img src="'+datas.descpic_full+'" alt="car">')
var bannerhtml=''
$.each(datas.banner,function(){
bannerhtml+= `<div class="col-12"><a href="#"><img src="${this.pic_full}" alt="" /></a> </div>`
});
$(".slider").html(bannerhtml)
initslick()
var traithtml=''
$.each(datas.trait,function(){
traithtml+= `<div class="xz-card-68ae col-lg-4 col-md-6 col-sm-12">
<h4 class="tit">${this.title}</h4><p class="txt">${this.content}</p>
</div>`
});
$(".trait").html(traithtml)
}).fail(function(error) {
// console.error(error);
});
})
function initslick(){
$(".slider").slick({
slidesToShow: 3,
slidesToScroll: 1,
infinite: true,
autoplay: true,
dots: false,
draggable: true,
arrows: false,
cssEase: "linear",
lazyLoad: "progressive",
speed: 800,
autoplaySpeed: 2000,
responsive: [
{
breakpoint: 1200,
settings: {
slidesToShow: 3,
},
},
{
breakpoint: 1025,
settings: {
slidesToShow: 2,
},
},
{
breakpoint: 576,
settings: {
slidesToShow: 1,
},
},
],
});
}
$(function () {
});

36
assets/js/date.js Executable file
View File

@ -0,0 +1,36 @@
$(function() {
var from_$input = $('.date_from').pickadate(),
from_picker = from_$input.pickadate('picker')
var to_$input = $('.date_to').pickadate(),
to_picker = to_$input.pickadate('picker')
// Check if there’s a “from” or “to” date to start with.
if ( from_picker.get('value') ) {
to_picker.set('min', from_picker.get('select'))
}
if ( to_picker.get('value') ) {
from_picker.set('max', to_picker.get('select'))
}
// When something is selected, update the “from” and “to” limits.
from_picker.on('set', function(event) {
if ( event.select ) {
to_picker.set('min', from_picker.get('select'))
}
else if ( 'clear' in event ) {
to_picker.set('min', false)
}
})
to_picker.on('set', function(event) {
if ( event.select ) {
from_picker.set('max', to_picker.get('select'))
}
else if ( 'clear' in event ) {
from_picker.set('max', false)
}
})
});

130
assets/js/i18n.js Executable file
View File

@ -0,0 +1,130 @@
// 同步加载 markers.json 文件
function loadJSONSync(url) {
var xhr = new XMLHttpRequest();
xhr.open('GET', url, false); // false 表示同步请求
try {
xhr.send(null);
if (xhr.status === 200) {
return JSON.parse(xhr.responseText);
} else {
// console.error('请求失败，状态码:', xhr.status);
return null;
}
} catch (e) {
// console.error('请求过程中出错:', e);
return null;
}
}
// DOM元素
const elements = {
htmlElement: document.documentElement,
bodyElement: document.body
};
// 点击选择框时显示/隐藏选项
$(".select-selected").click(function() {
$(this).toggleClass("select-arrow-active");
$(this).next(".select-items").toggle();
});
// 点击页面其他位置时关闭下拉框
$(document).click(function(e) {
if (!$(e.target).closest(".custom-select").length) {
$(".select-selected").removeClass("select-arrow-active");
$(".select-items").hide();
}
});
const i18n = {
currentLang: 'en', // 默认语言
init: function() {
var that = this
this.currentLang = localStorage.getItem('lang')?localStorage.getItem('lang'): 'en';
this.loadLanguage(this.currentLang);
if (this.currentLang === 'ar') {
elements.htmlElement.lang = 'ar';
elements.htmlElement.dir = 'rtl';
elements.bodyElement.setAttribute('dir', 'rtl');
} else {
elements.htmlElement.lang = this.currentLang;
elements.htmlElement.dir = 'ltr';
elements.bodyElement.removeAttribute('dir');
}
// 点击选项时更新选择
$(".select-items div").click(function() {
// 更新显示文本
const selectedText = $(this).text();
// $(".select-selected").text(selectedText);
// 更新选中状态样式
$(".select-items div").removeClass("same-as-selected");
$(this).addClass("same-as-selected");
// 隐藏选项框
$(".select-selected").removeClass("select-arrow-active");
$(".select-items").hide();
// 显示当前选择
localStorage.setItem('langtext', selectedText);
that.toggleLanguage($(this).attr('data-id'))
localStorage.setItem('lang', $(this).attr('data-id'));
location.reload();
});
},
loadLanguage: function(lang) {
var data = loadJSONSync(`./assets/js/lang/${lang}.json`);
// console.log(data)
// $('[data-i18n]').each(function() {
// const key = $(this).data('i18n');
// $(this).text(data[key]); // 更新文本内容
// });
// 常规文本内容
$('[data-i18n]').each(function() {
const keys = $(this).data('i18n').split('.');
let value = data;
keys.forEach(key => {
value = value[key];
});
$(this).text(value || '');
});
// placeholder翻译
$('[data-i18n-placeholder]').each(function() {
const keys = $(this).data('i18n-placeholder').split('.');
let value = data;
keys.forEach(key => {
value = value[key];
});
$(this).attr('placeholder', value || '');
// console.log($(this).attr('placeholder'))
});
// option文本翻译
$('option[data-i18n]').each(function() {
const keys = $(this).data('i18n').split('.');
let value = data;
keys.forEach(key => {
value = value[key];
});
$(this).text(value || '');
});
},
toggleLanguage: function(selectedText) {
// console.log(selectedText)
// console.log('111')
this.currentLang = selectedText;
this.loadLanguage(this.currentLang);
if (this.currentLang === 'ar') {
elements.htmlElement.lang = 'ar';
elements.htmlElement.dir = 'rtl';
elements.bodyElement.setAttribute('dir', 'rtl');
} else {
elements.htmlElement.lang = this.currentLang;
elements.htmlElement.dir = 'ltr';
elements.bodyElement.removeAttribute('dir');
}
}
};
$(document).ready(() => i18n.init());

183
assets/js/index.js Executable file
View File

@ -0,0 +1,183 @@
$(function() {
Vue.component('v-select', VueSelect.VueSelect);
var vm = new Vue({
el: '#app',
data: {
reactdata: '222',
name: '',
phone: '',
email: '',
content: '',
emailinput: '',
dataList: [],
model: [],
brandlist: [],
energy: [],
mileage: [],
pricemin: [],
pricemax: [],
mileagemin: [],
mileagemax: [],
score_status: [],
vehicletypes: [],
select: {
brand: '',
model: '',
energy: '',
store_status: '',
min_price: '',
max_price: '',
min_mileage: '',
max_mileage:'',
price:'',
mileage:'',
},
},
created: function() {
this.getbrand()
this.hotList()
this.vehicletypesfn()
},
methods: {
// 热门
hotList() {
var that = this
AjaxUtils.get('apis/vehicle/list', {
page: 1,
per_page: 4,
is_hot: 1
}).done(function(data) {
that.dataList = data.data.list
}).fail(function(error) {
// console.error(error);
});
},
//车辆类型快捷搜索
vehicletypesfn() {
var that = this
AjaxUtils.get('apis/vehicle/types', {}).done(function(data) {
that.vehicletypes = data.data
}).fail(function(error) {
// console.error(error);
});
},
vehicletypesgo(item) {
window.location.href = 'rental-sidebar.html?type=' + item.id
},
godetil(item) {
window.location.href = 'vehicle-details.html?id=' + item.id
},
getbrand(brand_id) {
var that = this
AjaxUtils.get('apis/search/options', {}).done(function(data) {
var datas = data.data
that.brandlist = datas.brand
that.energy = datas.energy
that.mileage = datas.price
that.pricemin = datas.mileage
that.mileagemin = datas.mileage
that.score_status = datas.score_status
that.type = datas.type
}).fail(function(error) {
// console.error(error);
});
},
//获取品牌类型
getmodels(brand_id) {
var that = this
AjaxUtils.get('apis/get/models', {
brand_id: brand_id
}).done(function(data) {
that.model = data.data
}).fail(function(error) {
// console.error(error);
});
// fetch(baseURL+'apis/get/models?brand_id='+brand_id,options)
// .then(response => {
// if (!response.ok) {
// throw new Error('Network response was not ok');
// }
// return response.json();
// })
// .then(data => {
// that.model = data.data
// // console.log(that.model)
// })
// .catch(error => {
// this.error = error.message;
// this.loading = false;
// });
},
//品牌选择
onSelectbrand(item) {
this.select.brand = item
this.getmodels(item)
},
//类型
onSelectmodel(item) {
this.select.model = item
},
onSelectengineType(item) {
this.select.energy = item
},
onSelectinventoryStatus(item) {
this.select.store_status = item
},
onSelectpriceFromLow(item) {
var min=''
var max=''
if (item == null) {
item = ''
}else{
min = item.split(/\s*-\s*/).map(Number)[0];
max = item.split(/\s*-\s*/).map(Number)[1];
}
this.select.min_price = min
this.select.max_price = max
this.select.price = item
},
onSelectmileageRange(item) {
var min=''
var max=''
if (item == null) {
item = ''
}else{
min = item.split(/\s*-\s*/).map(Number)[0];
max = item.split(/\s*-\s*/).map(Number)[1];
}
this.select.min_mileage = min
this.select.max_mileage = max
this.select.mileage = item
},
serchfn() {
const params = new URLSearchParams();
Object.entries(this.select).forEach(([key, value]) => {
if (value !== null && value !== undefined && value !== '') {
params.append(key, value);
}
});
// console.log(params.toString())
// 跳转到rental-sidebar页面并传递参数
window.location.href = `rental-sidebar.html?${params.toString()}`;
},
bookfn() {
if (this.name == '') {
}
AjaxUtils.post('apis/contact/add', {
name: this.name,
phone: this.phone,
email: this.email,
content: this.content,
vehicle_id: 0
}).done(function(result) {
alert(result.data.message)
// console.log(result);
}).fail(function(error) {
// console.error(error);
});
}
},
})
});

8
assets/js/lang/ar.json Executable file
View File

@ -0,0 +1,8 @@
{
"zh": "中文",
"en": "English",
"ru": "Русский",
"ar": "العربية",
"lang":"العربية",
"title":"فقط السيارات المجربة بأسعار شفافة."
}

Some files were not shown because too many files have changed in this diff Show More