<!DOCTYPE html>
<html>
<head>
<!-- Basic -->
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<!-- Mobile Metas -->
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<!-- Site Metas -->
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta name="author" content="" />
<title>Rent4u</title>
<!-- slider stylesheet -->
<link rel="stylesheet" type="text/css" href="css/owl.carousel.min.css" />
<!-- bootstrap core css -->
<link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
<!-- fonts style -->
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,700|Poppins:400,600,700&display=swap" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="css/style.css" rel="stylesheet" />
<!-- responsive style -->
<link href="css/responsive.css" rel="stylesheet" />
</head>
<body>
<div class="hero_area">
<!-- header section strats -->
<header class="header_section">
<div class="container-fluid">
<nav class="navbar navbar-expand-lg custom_nav-container">
<a class="navbar-brand" href="index.html">
<span>
Rent4u
</span>
</a>
<div class="navbar-collapse" id="">
<div class="user_option">
<a href="">
Login
</a>
</div>
<div class="custom_menu-btn">
<button onclick="openNav()">
<span class="s-1"> </span>
<span class="s-2"> </span>
<span class="s-3"> </span>
</button>
</div>
<div id="myNav" class="overlay">
<div class="overlay-content">
<a href="index.html">Home</a>
<a href="about.html">About</a>
<a href="car.html">Cars</a>
<a href="blog.html">Blog</a>
<a href="contact.html">Contact Us</a>
<a href="#">Login</a>
</div>
</div>
</div>
</nav>
</div>
</header>
<!-- end header section -->
<!-- slider section -->
<section class=" slider_section position-relative">
<div class="slider_container">
<div class="img-box">
<img src="images/hero-img.jpg" alt="">
</div>
<div class="detail_container">
<div id="carouselExampleControls" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<div class="detail-box">
<h1>
Rent Car <br>
Experts <br>
Service
</h1>
<a href="">
Contact Us
</a>
</div>
</div>
<div class="carousel-item">
<div class="detail-box">
<h1>
Rent Car <br>
Experts <br>
Service
</h1>
<a href="">
Contact Us
</a>
</div>
</div>
<div class="carousel-item">
<div class="detail-box">
<h1>
Rent Car <br>
Experts <br>
Service
</h1>
<a href="">
Contact Us
</a>
</div>
</div>
</div>
<a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev">
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next">
<span class="sr-only">Next</span>
</a>
</div>
</div>
</div>
</section>
<!-- end slider section -->
</div>
<!-- book section -->
<section class="book_section">
<div class="form_container">
<form action="">
<div class="form-row">
<div class="col-lg-8">
<div class="form-row">
<div class="col-md-6">
<label for="parkingName">Pick Up Locaion</label>
<input type="text" class="form-control" placeholder="acb ">
</div>
<div class="col-md-6">
<label for="parkingNumber">Drop Location</label>
<input type="text" class="form-control" placeholder="acb ">
</div>
</div>
<div class="form-row">
<div class="col-md-6">
<label for="parkingName">Pick Up Date</label>
<input type="text" class="form-control" placeholder="07/09/2020">
</div>
<div class="col-md-6">
<label for="parkingNumber">Return Date</label>
<input type="text" class="form-control" placeholder="07/09/2020">
</div>
</div>
</div>
<div class="col-lg-4">
<div class="btn-container">
<button type="submit" class="">
Search
</button>
</div>
</div>
</div>
</form>
</div>
<div class="img-box">
<img src="images/book-car.png" alt="">
</div>
</section>
<!-- end book section -->
<!-- car section -->
<section class="car_section layout_padding2-top layout_padding-bottom">
<div class="container">
<div class="heading_container">
<h2>
Better Way For Find Your Favourite Cars
</h2>
<p>
It is a long established fact that a reader will be distracted by the readable
</p>
</div>
<div class="car_container">
<div class="box">
<div class="img-box">
<img src="images/c-1.png" alt="">
</div>
<div class="detail-box">
<h5>
Choose Your Car
</h5>
<p>
It is a long established fact that a reader will be distracted by the readable content of a page when
</p>
<a href="">
Read More
</a>
</div>
</div>
<div class="box">
<div class="img-box">
<img src="images/c-2.png" alt="">
</div>
<div class="detail-box">
<h5>
Get Your Car
</h5>
<p>
It is a long established fact that a reader will be distracted by the readable content of a page when
</p>
<a href="">
Read More
</a>
</div>
</div>
<div class="box">
<div class="img-box">
<img src="images/c-3.png" alt="">
</div>
<div class="detail-box">
<h5>
Contact Your Dealer
</h5>
<p>
It is a long established fact that a reader will be distracted by the readable content of a page when
</p>
<a href="">
Read More
</a>
</div>
</div>
</div>
</div>
</section>
<!-- end car section -->
<!-- about section -->
<section class="about_section layout_padding-bottom">
<div class="container-fluid">
<div class="row">
<div class="col-md-7 px-0">
<div class="img-box">
<img src="images/about-img.png" alt="">
</div>
HTML5黑色宽屏样式商务租车平台企业网站模板代码下载.zip （53个子文件） 
26621 js 
bootstrap.js 134KB owl.carousel.min.js 43KB custom.js 532B jquery-3.4.1.min.js 86KB _menu.json 270B css style.css 22KB responsive.css 3KB bootstrap.css 188KB owl.carousel.min.css 3KB
car.html 7KB index.html 24KB contact.html 5KB about.html 3KB images 
book-car.png 27KB r-1.png 14KB c-3.png 18KB right-angle.png 284B r-5.png 18KB u-3.png 6KB
b-3.jpg 55KB client-2-white.png 351B prev.png 158B client-1-white.png 300B b-1.jpg 63KB mail.png 2KB b-2.jpg 79KB insta.png 1KB client-2.png 446B client-1.png 355B about-img.png 132KB left-angle.png 295B r-2.png 16KB next.png 187B u-2.png 6KB fb.png 780B contact-bg.jpg 62KB r-4.png 15KB r-3.png 18KB twitter.png 894B c-2.png 15KB r-6.png 15KB location.png 2KB hero-img.jpg 149KB call.png 2KB us-bg.jpg 70KB c-1.png 16KB u-1.png 6KB linkedin.png 923B u-4.png 6KB left-angle-grey.png 464B right-angle-grey.png 446B _tree.json 106KB blog.html 6KB资源评论
小徐博客
- 粉丝: 1973
- 资源: 3874
最新资源
- 【java毕业设计】旅游管理系统源码（springboot+vue+mysql+说明文档+LW）.zip
- 华为NetEngine AR6121E-S路由器升级包
- matlab联合c++混编
- 基于Pytorch实现MNIST手写数字数据集识别源码+数据集（Python期末大作业）
- 智慧景区系统全场景应用方案（完整版）.pdf
- 智慧道路解决方案2023.pdf
- java物品分类管理系统源码带本地搭建教程数据库 MySQL源码类型 WebForm
- 数字矿山开发应用平台产品KingMine在智慧选煤厂建设中的应用
- Python毕业设计基于Pytorch的CNN垃圾分类系统项目源码（高分项目）
- 亚控KingSCADA软件在能源数据采集与监测的应用
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
