640 lines
27 KiB
HTML
Executable File
640 lines
27 KiB
HTML
Executable File
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
<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="Certified Quality. Fair Pricing.">
|
|
|
|
<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/ion.rangeSlider.css"> -->
|
|
<!-- <link rel="stylesheet" href="assets/css/vendor/smoothScorllbar.css"> -->
|
|
<link rel="stylesheet" href="assets/css/app.css">
|
|
<link rel="stylesheet" href="assets/css/index.css">
|
|
<link rel="stylesheet" href="assets/css/newcar.css">
|
|
<style>
|
|
/* 左侧导航 */
|
|
.sidebar {
|
|
padding: 20px;
|
|
position: sticky; /* 导航固定，不随内容滚动 */
|
|
top: 0;
|
|
align-self: flex-start; /* 避免拉伸 */
|
|
/* height: 100vh; 导航高度占满屏幕 */
|
|
overflow-y: auto; /* 如果导航项很多，允许滚动 */
|
|
}
|
|
|
|
.nav-menu {
|
|
list-style: none;
|
|
padding-left: 0px;
|
|
}
|
|
|
|
.nav-item {
|
|
margin-bottom: 10px;
|
|
}
|
|
.nav-link {
|
|
display: block;
|
|
padding: 8px 12px;
|
|
color: #333;
|
|
text-decoration: none;
|
|
border-radius: 4px;
|
|
transition: background-color 0.3s;
|
|
}
|
|
.current a{
|
|
color: #2D74BA !important;
|
|
font-weight: bold;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div id="preloader">
|
|
<div class="spinner">
|
|
<img src="assets/media/loing.png" alt="" />
|
|
</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" id="menu-main">
|
|
<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><span data-i18n="UsedCar"></span><i class="fa-solid fa-angle-down ml8-i navnone"></i></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 class="has_lv3 dropdown">
|
|
<!-- <a href="https://hesucar.com/shop/" data-i18n="newcar" target="_blank"></a> -->
|
|
<a href="newcar.html" class="branditems">
|
|
<span><span data-i18n="newcar"></span><i class="fa-solid fa-angle-down ml8-i navnone"></i></span>
|
|
</a>
|
|
<ul class="sub-menu flex-layout">
|
|
</ul>
|
|
</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" 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 -->
|
|
<section class="breadcrumbs">
|
|
<div class="txt-block container-fluid">
|
|
<span><a href="index.html">Home</a></span>
|
|
|
|
/
|
|
<span><a href="newcar.html" data-i18n="newcar"></a></span>
|
|
/
|
|
<span id="brands"></span>
|
|
/
|
|
<span class="carname"></span>
|
|
</div>
|
|
</section>
|
|
<!-- About-area start -->
|
|
<section class="details py-40">
|
|
<div class="container-fluid">
|
|
<div class="row row-gap-4">
|
|
<div class="col-lg-8">
|
|
<div class="slider-arrows smt-sm-0 d-sm-flex">
|
|
<a href="javascript:;" class="arrow-btn btn-prev" data-slide="rental-slider">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="29" viewBox="0 0 16 29"
|
|
fill="none">
|
|
<path fill-rule="evenodd" clip-rule="evenodd"
|
|
d="M13.3048 1.40406L1.15797 13.5503C0.572344 14.1359 0.572344 15.0859 1.15797 15.6716L13.3042 27.8184C13.8898 28.4041 14.8398 28.4041 15.4255 27.8184C15.7458 27.4981 15.7458 26.9788 15.4255 26.6584L4.43922 15.6716C3.85359 15.086 3.85359 14.136 4.43922 13.5503L15.4261 2.56405C15.7464 2.24373 15.7464 1.72439 15.4261 1.40406C14.8405 0.818438 13.8905 0.818438 13.3048 1.40406Z"
|
|
fill="#2D74BA" />
|
|
</svg>
|
|
</a>
|
|
<a href="javascript:;" class="arrow-btn btn-next" data-slide="rental-slider">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="29" viewBox="0 0 16 29"
|
|
fill="none">
|
|
<path fill-rule="evenodd" clip-rule="evenodd"
|
|
d="M3.07992 1.40406L15.2268 13.5503C15.8124 14.1359 15.8124 15.0859 15.2268 15.6716L3.08055 27.8184C2.49492 28.4041 1.54492 28.4041 0.959298 27.8184C0.63897 27.4981 0.638964 26.9788 0.959283 26.6584L11.9455 15.6716C12.5312 15.086 12.5312 14.136 11.9455 13.5503L0.958687 2.56405C0.638355 2.24373 0.63835 1.72439 0.958673 1.40406C1.5443 0.818438 2.4943 0.818438 3.07992 1.40406Z"
|
|
fill="#2D74BA" />
|
|
</svg>
|
|
</a>
|
|
</div>
|
|
<div id="rental-slider" class="rental-slider">
|
|
</div>
|
|
<div id="as-nav-slider" class="as-nav-slider">
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-4">
|
|
<div class="sides-bar">
|
|
<div class="side-bar-1 mb-16">
|
|
<h4 class="mb-4 carname mb-32"></h4>
|
|
<p class="mb-16 condition_desc"></p>
|
|
</div>
|
|
</div>
|
|
<div class="side-bar-2 mt-24 mb-24">
|
|
<div class="form">
|
|
<div class="vehica-grid">
|
|
<div class="vehica-grid__element--1of2"><span data-i18n="carinfo.brand"></span>:
|
|
</div>
|
|
<div class="vehica-grid__element--1of2 carbrand"></div>
|
|
</div>
|
|
<div class="vehica-grid">
|
|
<div class="vehica-grid__element--1of2"><span data-i18n="carinfo.price"></span>:
|
|
</div>
|
|
<div class="vehica-grid__element--1of2 carpice"></div>
|
|
</div>
|
|
<!-- <div class="vehica-grid">
|
|
<div class="vehica-grid__element--1of2"><span
|
|
data-i18n="search.inventoryStatus"></span>:</div>
|
|
<div class="vehica-grid__element--1of2 carstatus"></div>
|
|
</div> -->
|
|
<div class="vehica-grid">
|
|
<div class="vehica-grid__element--1of2"><span
|
|
data-i18n="carinfo.vehicle_type"></span>:</div>
|
|
<div class="vehica-grid__element--1of2 carstype"></div>
|
|
</div>
|
|
<div class="vehica-grid">
|
|
<div class="vehica-grid__element--1of2"><span
|
|
data-i18n="carinfo.vehicle_energy"></span>:</div>
|
|
<div class="vehica-grid__element--1of2 careng"></div>
|
|
</div>
|
|
<!-- <div class="vehica-grid">
|
|
<div class="vehica-grid__element--1of2"><span data-i18n="carinfo.mileage"></span>:
|
|
</div>
|
|
<div class="vehica-grid__element--1of2 carkm"></div>
|
|
</div>
|
|
<div class="vehica-grid">
|
|
<div class="vehica-grid__element--1of2"><span
|
|
data-i18n="carinfo.vehicle_age"></span>:</div>
|
|
<div class="vehica-grid__element--1of2 carage"></div>
|
|
</div> -->
|
|
</div>
|
|
|
|
</div>
|
|
<div class="detailsbtn">
|
|
<a href="contact.html" class="cus-btn mb-24">
|
|
<span class="btn-text" data-i18n="button.cheapcar">
|
|
|
|
</span>
|
|
<span data-i18n="button.cheapcar">
|
|
|
|
</span>
|
|
</a>
|
|
<a href="contact.html" class="cus-btn1">
|
|
<span class="btn-text" data-i18n="consult">
|
|
</span>
|
|
<span data-i18n="consult">
|
|
</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="container-fluid services pt-80 pb-80">
|
|
<!-- 中间区域（左侧导航固定，右侧内容自由滚动） -->
|
|
<div class="middle-container row" id="contapp">
|
|
<!-- 左侧导航（固定） -->
|
|
<div class="sidebar col-lg-3 col-md-3 col-sm-12 ">
|
|
<ul class="nav-menu">
|
|
<!-- <li class="nav-item"><a href="#section1" class="nav-link" data-i18n="newcars.Introduction"></a></li>
|
|
<li class="nav-item"><a href="#section2" class="nav-link" data-i18n="newcars.Highlighted"></a></li>
|
|
<li class="nav-item"><a href="#section3" class="nav-link" data-i18n="newcars.video"></a></li>
|
|
<li class="nav-item"><a href="#section4" class="nav-link" data-i18n="newcars.FAQ"></a></li> -->
|
|
</ul>
|
|
</div>
|
|
|
|
<!-- 右侧内容（自由高度） -->
|
|
<div class="content col-lg-9 col-md-9 col-sm-12">
|
|
<!-- <section id="section1" class="section">
|
|
<h2 class="wp-block-heading" data-i18n="newcars.Introduction"></h2>
|
|
<ul class="wp-block-list unstyled" >
|
|
</ul>
|
|
</section>
|
|
|
|
<section id="section2" class="section">
|
|
<h2 class="wp-block-heading" data-i18n="newcars.Highlighted"></h2>
|
|
<ul class="wp-block-list unstyled" >
|
|
</ul>
|
|
</section>
|
|
|
|
<section id="section3" class="section">
|
|
<h2 class="wp-block-heading" data-i18n="newcars.video"></h2>
|
|
|
|
</section>
|
|
|
|
<section id="section4" class="section">
|
|
<h2 class="wp-block-heading pcontenth2" data-i18n="newcars.FAQ"></h2>
|
|
<div class="schema-faq wp-block-yoast-faq-block" id="faqs">
|
|
</div>
|
|
</section> -->
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section class="my-80">
|
|
<div class="container-fluid">
|
|
<div class="row row-gap-4 form-card">
|
|
<div class="col-lg-4 col-md-4 col-sm-12 form-infos">
|
|
<div class="contact-info-item">
|
|
<img src="assets/media/icons/message.png" alt="" />
|
|
<div class="contact-info-item-x">
|
|
<p class="contact-info-tit" data-i18n="newcars.phone"></p>
|
|
<a class="contact-info-a" href="https://api.whatsapp.com/send/?phone=+86-18603858592&text=Hello&type=phone_number&app_absent=0"> +86-18603858592</a>
|
|
</div>
|
|
</div>
|
|
<div class="contact-info-item">
|
|
<img src="assets/media/icons/email.png" alt="" />
|
|
<div class="contact-info-item-x">
|
|
<p class="contact-info-tit" data-i18n="newcars.SendEmail"></p>
|
|
<a href="mailto:info@orzar.shop" class="contact-info-a">info@orzar.shop</a>
|
|
</div>
|
|
</div>
|
|
<div class="contact-info-item">
|
|
<img src="assets/media/icons/phone.png" alt="" />
|
|
<div class="contact-info-item-x">
|
|
<p class="contact-info-tit" data-i18n="newcars.Tel"></p>
|
|
<a href="tel:+375(29)524803" class="contact-info-a">+375(29)524803</a>
|
|
</div>
|
|
</div>
|
|
<div class="contact-info-item">
|
|
<img src="assets/media/icons/addr.png" alt="" />
|
|
<div class="contact-info-item-x">
|
|
<p class="contact-info-tit" data-i18n="newcars.Address"></p>
|
|
<a class="contact-info-a" data-i18n="companyinfo.position"></a>
|
|
</div>
|
|
</div>
|
|
<ul class="xz-sns-ul unstyled">
|
|
<li class="xz-sns-li xz-sns-f">
|
|
<a href="">
|
|
<img src="assets/media/footer/Instagram.png" alt="logo">
|
|
</a>
|
|
</li>
|
|
<li class="xz-sns-li xz-sns-l">
|
|
<a href="">
|
|
<img src="assets/media/footer/Twitter.png" alt="logo">
|
|
</a>
|
|
</li>
|
|
<li class="xz-sns-li xz-sns-i">
|
|
<a href="">
|
|
<img src="assets/media/footer/Dribbble.png" alt="logo">
|
|
</a>
|
|
</li>
|
|
<li class="xz-sns-li xz-sns-t">
|
|
<a href="">
|
|
<img src="assets/media/footer/Linkedin.png " alt="logo">
|
|
</a>
|
|
</li>
|
|
<!-- <li class="xz-sns-li xz-sns-y">
|
|
<a target="_blank" class="xz-sns-a" href="https://www.youtube.com/@zzborderless" title="Youtube"><i class="iconfont"></i></a>
|
|
</li> -->
|
|
</ul>
|
|
</div>
|
|
<div class="col-lg-8 col-md-8 col-sm-12 my-40 banner-3">
|
|
<h4 data-i18n="GetInTouch.title" class="my-24"></h4>
|
|
<p data-i18n="GetInTouch.memo" class="mb-32"></p>
|
|
<!-- <hr class="my-24"> -->
|
|
<form>
|
|
<div class="row row-gap-3">
|
|
<div class="col-lg-6">
|
|
<input type="text" id="name" data-i18n-placeholder="placeholder.Name">
|
|
</div>
|
|
<div class="col-lg-6">
|
|
<input type="text" id="phone" data-i18n-placeholder="placeholder.Phone"
|
|
name="phone">
|
|
</div>
|
|
<div class="col-lg-12">
|
|
<input type="text" id="Email" data-i18n-placeholder="placeholder.email"
|
|
name="Email">
|
|
</div>
|
|
<div class="col-lg-12">
|
|
<div class="input-group">
|
|
<textarea class="textarea" id="content"
|
|
data-i18n-placeholder="placeholder.describe"></textarea>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-12">
|
|
|
|
<div class="text-center">
|
|
<button type="button" id="subbtn" class="cus-btn">
|
|
<span class="btn-text">
|
|
<span data-i18n="Submit"></span>
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="24"
|
|
viewBox="0 0 25 24" fill="none">
|
|
<path
|
|
d="M21.6498 2.86025C21.2678 2.47082 20.7833 2.19747 20.2524 2.07183C19.7215 1.94619 19.1659 1.97338 18.6498 2.15025L4.4998 6.88025C3.92912 7.06705 3.43049 7.4264 3.07276 7.90869C2.71502 8.39098 2.51582 8.97242 2.50265 9.57276C2.48948 10.1731 2.66299 10.7627 2.99923 11.2602C3.33547 11.7577 3.81786 12.1386 4.37981 12.3503L9.6198 14.3503C9.73912 14.3959 9.84776 14.4656 9.93895 14.5551C10.0301 14.6445 10.1019 14.7518 10.1498 14.8703L12.1498 20.1203C12.3534 20.6742 12.7228 21.152 13.2078 21.4884C13.6927 21.8248 14.2696 22.0036 14.8598 22.0003H14.9298C15.5308 21.9893 16.1134 21.7906 16.5958 21.4319C17.0781 21.0733 17.4362 20.5727 17.6198 20.0003L22.3498 5.83025C22.5218 5.31919 22.5474 4.7702 22.4237 4.24534C22.3 3.72048 22.0319 3.24071 21.6498 2.86025ZM20.4998 5.20025L15.7198 19.3803C15.6643 19.5597 15.5528 19.7167 15.4017 19.8283C15.2505 19.9398 15.0677 20.0001 14.8798 20.0003C14.6931 20.0033 14.5098 19.9495 14.3544 19.8459C14.199 19.7423 14.0788 19.5938 14.0098 19.4203L12.0098 14.1703C11.8648 13.7888 11.6412 13.4421 11.3535 13.1526C11.0658 12.8632 10.7204 12.6375 10.3398 12.4903L5.08981 10.4903C4.9127 10.4254 4.76046 10.3065 4.65459 10.1503C4.54872 9.99423 4.49458 9.8088 4.4998 9.62025C4.49996 9.4324 4.56022 9.24952 4.67178 9.09838C4.78334 8.94724 4.94034 8.83576 5.1198 8.78025L19.2998 4.05025C19.4626 3.9839 19.6411 3.96613 19.8138 3.99908C19.9865 4.03203 20.146 4.1143 20.2729 4.23594C20.3998 4.35758 20.4888 4.51338 20.5291 4.68451C20.5693 4.85565 20.5592 5.03478 20.4998 5.20025Z"
|
|
fill="white" />
|
|
</svg>
|
|
</span>
|
|
<span class="btn-text">
|
|
<span></span>
|
|
<span data-i18n="Submit"></span>
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="24"
|
|
viewBox="0 0 25 24" fill="none">
|
|
<path
|
|
d="M21.6498 2.86025C21.2678 2.47082 20.7833 2.19747 20.2524 2.07183C19.7215 1.94619 19.1659 1.97338 18.6498 2.15025L4.4998 6.88025C3.92912 7.06705 3.43049 7.4264 3.07276 7.90869C2.71502 8.39098 2.51582 8.97242 2.50265 9.57276C2.48948 10.1731 2.66299 10.7627 2.99923 11.2602C3.33547 11.7577 3.81786 12.1386 4.37981 12.3503L9.6198 14.3503C9.73912 14.3959 9.84776 14.4656 9.93895 14.5551C10.0301 14.6445 10.1019 14.7518 10.1498 14.8703L12.1498 20.1203C12.3534 20.6742 12.7228 21.152 13.2078 21.4884C13.6927 21.8248 14.2696 22.0036 14.8598 22.0003H14.9298C15.5308 21.9893 16.1134 21.7906 16.5958 21.4319C17.0781 21.0733 17.4362 20.5727 17.6198 20.0003L22.3498 5.83025C22.5218 5.31919 22.5474 4.7702 22.4237 4.24534C22.3 3.72048 22.0319 3.24071 21.6498 2.86025ZM20.4998 5.20025L15.7198 19.3803C15.6643 19.5597 15.5528 19.7167 15.4017 19.8283C15.2505 19.9398 15.0677 20.0001 14.8798 20.0003C14.6931 20.0033 14.5098 19.9495 14.3544 19.8459C14.199 19.7423 14.0788 19.5938 14.0098 19.4203L12.0098 14.1703C11.8648 13.7888 11.6412 13.4421 11.3535 13.1526C11.0658 12.8632 10.7204 12.6375 10.3398 12.4903L5.08981 10.4903C4.9127 10.4254 4.76046 10.3065 4.65459 10.1503C4.54872 9.99423 4.49458 9.8088 4.4998 9.62025C4.49996 9.4324 4.56022 9.24952 4.67178 9.09838C4.78334 8.94724 4.94034 8.83576 5.1198 8.78025L19.2998 4.05025C19.4626 3.9839 19.6411 3.96613 19.8138 3.99908C19.9865 4.03203 20.146 4.1143 20.2729 4.23594C20.3998 4.35758 20.4888 4.51338 20.5291 4.68451C20.5693 4.85565 20.5592 5.03478 20.4998 5.20025Z"
|
|
fill="white" />
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- title end -->
|
|
|
|
<!-- vicheles-end -->
|
|
|
|
<!-- catagory -->
|
|
|
|
<!--Footer-start -->
|
|
<section>
|
|
<div class="footer-why">
|
|
<div class="xz-main">
|
|
<ul class="row unstyled">
|
|
<li class="col-lg-1"></li>
|
|
<li class="col-lg-2 col-md-6 col-sm-6 mb-24"><img src="assets/media/icons/zhuans.png" alt="" /> <span data-i18n="newcars.Fast"></span></li>
|
|
<li class="col-lg-2 col-md-6 col-sm-6 mb-24"><img src="assets/media/icons/proect.png" alt="" /><span data-i18n="newcars.Diverse"></span></li>
|
|
<li class="col-lg-2 col-md-6 col-sm-6 mb-24"><img src="assets/media/icons/meony.png" alt="" /><span data-i18n="newcars.Competitive"></span></li>
|
|
<li class="col-lg-2 col-md-6 col-sm-6 mb-24"><img src="assets/media/icons/zan.png" alt="" /><span data-i18n="newcars.Quality"></span></li>
|
|
<li class="col-lg-2 col-md-6 col-sm-6 mb-24"><img src="assets/media/icons/xing.png" alt="" /><span data-i18n="newcars.Operation"></span></li>
|
|
<li class="col-lg-1"></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- start -->
|
|
|
|
<!--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="#" class="newsletter-form">
|
|
<input type="email" name="email" id="emailinput" class="form-input"
|
|
data-i18n-placeholder="placeholder.youremali">
|
|
<button type="button" id="subscribeFn">
|
|
<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>
|
|
<!-- <a href="about.html" data-i18n="about"></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 <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 -->
|
|
<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/vendor/ion.rangeSlider.js"></script>
|
|
<script src="assets/js/i18n.js"></script>
|
|
<script src="assets/js/app.js"></script>
|
|
<script src="assets/js/ajax.js"></script>
|
|
<script src="assets/js/main.js"></script>
|
|
<script src="assets/js/newcar-details.js"></script>
|
|
<script>
|
|
document.addEventListener('DOMContentLoaded', function() {
|
|
const navLinks = document.querySelectorAll('.nav-link');
|
|
|
|
// 点击导航时滚动到对应位置
|
|
navLinks.forEach(link => {
|
|
link.addEventListener('click', function(e) {
|
|
e.preventDefault();
|
|
const targetId = this.getAttribute('href');
|
|
const targetSection = document.querySelector(targetId);
|
|
|
|
if (targetSection) {
|
|
// 平滑滚动到目标位置
|
|
targetSection.scrollIntoView({
|
|
behavior: 'smooth'
|
|
});
|
|
|
|
// 更新活动状态
|
|
navLinks.forEach(link => link.classList.remove('active'));
|
|
this.classList.add('active');
|
|
}
|
|
});
|
|
});
|
|
|
|
// 监听滚动，更新导航高亮
|
|
window.addEventListener('scroll', function() {
|
|
const sections = document.querySelectorAll('.section');
|
|
let currentSection = '';
|
|
|
|
sections.forEach(section => {
|
|
const sectionTop = section.offsetTop;
|
|
if (window.scrollY >= sectionTop - 100) {
|
|
currentSection = '#' + section.getAttribute('id');
|
|
}
|
|
});
|
|
|
|
navLinks.forEach(link => {
|
|
link.classList.remove('active');
|
|
if (link.getAttribute('href') === currentSection) {
|
|
link.classList.add('active');
|
|
}
|
|
});
|
|
});
|
|
|
|
// 默认激活第一个导航项
|
|
if (navLinks.length > 0) {
|
|
navLinks[0].classList.add('active');
|
|
}
|
|
});
|
|
</script>
|
|
</body>
|
|
</html> |