<!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 -->
<link rel="icon" href="images/fevicon.png" type="image/gif" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta name="author" content="" />
<title>Motora</title>
<!-- bootstrap core css -->
<link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
<!-- fonts style -->
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap" rel="stylesheet">
<!-- font awesome style -->
<link href="css/font-awesome.min.css" 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>
<!-- 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>Motora</span>
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class=""> </span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ml-auto">
<li class="nav-item active">
<a class="nav-link" href="index.html">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="about.html"> About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="service.html">Services</a>
</li>
<li class="nav-item">
<a class="nav-link" href="why.html">Why Us</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html">Contact Us</a>
</li>
</ul>
<div class="quote_btn-container">
<form class="form-inline">
<button class="btn nav_search-btn" type="submit">
<i class="fa fa-search" aria-hidden="true"></i>
</button>
</form>
<a href="">
<i class="fa fa-phone" aria-hidden="true"></i>
<span>
Call : +01 123455678990
</span>
</a>
</div>
</div>
</nav>
</div>
</header>
<!-- end header section -->
<!-- slider section -->
<section class="slider_section ">
<div id="customCarousel1" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<div class="container ">
<div class="row">
<div class="col-md-6 col-lg-5">
<div class="detail-box">
<h1>
Car Repair <br>
And Maintenance
</h1>
<p>
Anything embarrassing hidden in the middle of text. All the Lorem Ipsuanything embarrassing hidden in the middle of text. All the Lorem Ipsumm </p>
<div class="btn-box">
<a href="" class="btn-1">
Read More
</a>
<a href="" class="btn-2">
Contact Us
</a>
</div>
</div>
</div>
<div class="col-md-6 col-lg-7">
<div class="img-box">
<img src="images/slider-img.png" alt="">
</div>
</div>
</div>
</div>
</div>
<div class="carousel-item">
<div class="container ">
<div class="row">
<div class="col-md-6 col-lg-5">
<div class="detail-box">
<h1>
Car Repair <br>
And Maintenance
</h1>
<p>
Anything embarrassing hidden in the middle of text. All the Lorem Ipsuanything embarrassing hidden in the middle of text. All the Lorem Ipsumm </p>
<div class="btn-box">
<a href="" class="btn-1">
Read More
</a>
<a href="" class="btn-2">
Contact Us
</a>
</div>
</div>
</div>
<div class="col-md-6 col-lg-7">
<div class="img-box">
<img src="images/slider-img.png" alt="">
</div>
</div>
</div>
</div>
</div>
<div class="carousel-item">
<div class="container ">
<div class="row">
<div class="col-md-6 col-lg-5">
<div class="detail-box">
<h1>
Car Repair <br>
And Maintenance
</h1>
<p>
Anything embarrassing hidden in the middle of text. All the Lorem Ipsuanything embarrassing hidden in the middle of text. All the Lorem Ipsumm </p>
<div class="btn-box">
<a href="" class="btn-1">
Read More
</a>
<a href="" class="btn-2">
Contact Us
</a>
</div>
</div>
</div>
<div class="col-md-6 col-lg-7">
<div class="img-box">
<img src="images/slider-img.png" alt="">
</div>
</div>
</div>
</div>
</div>
</div>
<ol class="carousel-indicators">
<li data-target="#customCarousel1" data-slide-to="0" class="active"></li>
<li data-target="#customCarousel1" data-slide-to="1"></li>
<li data-target="#customCarousel1" data-slide-to="2"></li>
</ol>
</div>
</section>
<!-- end slider section -->
<!-- service section -->
<section class="service_section ">
<div class="container">
<div class="heading_container heading_center">
<h2>
Our Services
</h2>
</div>
</div>
<div class="container ">
<div class="row">
<div class="col-md-6 col-lg-4">
<div class="box ">
<div class="img-box">
<img src="images/s1.png" alt="">
</div>
<div class="detail-box">
<h4>
General Maintenance
</h4>
<p>
Generators on the Internet tend to repeat predefined chunks as necessary
</p>
<a href="">
Read More
<i class="fa fa-long-arrow-right" aria-hidden="true"></i>
</a>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4">
<div class="box ">
<div class="img-box">
<img src="images/s2.png" alt="">
</div>
<div class="detail-box">
<h4>
Repair and Replacement
</h4>
<p>
Generators on the Internet tend to repeat predefined chunks as necessary
</
HTML网站源码-汽车维修养护平台响应式网页模板-响应式源码.zip
版权申诉
136 浏览量
2024-03-27
08:49:56
上传
评论
收藏 966KB ZIP 举报
HTML网站源码-汽车维修养护平台响应式网页模板-响应式源码.zip （31个子文件） 
HTML网站源码-汽车维修养护平台响应式网页模板-响应式源码 html js 
bootstrap.js 134KB custom.js 215B jquery-3.4.1.min.js 86KB
why.html 8KB service.html 10KB css style.css 15KB style.css.map 13KB responsive.css 2KB bootstrap.css 188KB font-awesome.min.css 30KB style.scss 12KB index.html 23KB contact.html 7KB about.html 7KB images 
s2.png 19KB slider-img.png 83KB s6.png 22KB s4.png 37KB w2.png 34KB s3.png 33KB
client.jpg 24KB about-img.png 131KB w3.png 34KB fevicon.png 13KB s1.png 17KB contact-img.png 104KB w1.png 23KB s5.png 20KB fonts fontawesome-webfont.woff 96KB fontawesome-webfont.woff2 75KB fontawesome-webfont.ttf 162KB资源评论
