<!DOCTYPE html>
<html lang="en">
<head>
<!--Header Start-->
<?php include 'includes/head.php';?>
<!--Header End-->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Noto+Serif&display=swap" rel="stylesheet">
<!-- css file -->
<link rel="stylesheet" type="text/css" href="css/all.min.css">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
<!--Navigation start-->
<?php $page = '#'; include 'includes/navbar.php';?>
<!--Navigation End-->
<div class="tips bg-dark text-white">
<img class="tips-img" src="img/tips/1.png">
<h4 class="tips-title">Tips and Suggestion</h4>
</div>
<!-- Slider -->
<div class="main_slider">
<div id="demo" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<ul class="carousel-indicators">
<li data-target="#demo" data-slide-to="0" class="active"></li>
<li data-target="#demo" data-slide-to="1"></li>
<li data-target="#demo" data-slide-to="2"></li>
<li data-target="#demo" data-slide-to="3"></li>
</ul>
<div class="carousel-inner slide_img_cover">
<div class="carousel-item active">
<img src="img/tips/ib7x8sild0o.png" alt="">
<div class="carousel-caption">
<h1>Change Your Car Condition next 30 Days of Self trail.</h1>
<p> This set the epic poem The Song of Hiawatha by Henry Wadsworth Longfellow to music, and was widely performed by choral groups in England and the United States. Composers were not well paid; the work sold hundreds of thousands of copies, but he had sold the music outright for the sum of 15 guineas, so did not benefit directly. </p>
<a href="" class="btn btn-success">Read more</a>
</div>
</div>
<div class="carousel-item">
<img src="img/tips/4.png" alt="">
<div class="carousel-caption">
<h1>Health</h1>
<p>
Check your engine status light other signal light daily. In order to.</p>
<a href="" class="btn btn-success">Read more</a>
</div>
</div>
<div class="carousel-item">
<img src="img/tips/images.png" alt="">
<div class="carousel-caption">
<h1>Car Condition</h1>
<p>The Song of Hiawatha by Henry Wadsworth Longfellow to music, and was widely performed by choral groups in England and the United States.</p>
<a href="" class="btn btn-success">Read more</a>
</div>
</div>
<div class="carousel-item">
<img src="img/tips/download.png" alt="">
<div class="carousel-caption">
<h1>Benefit</h1>
<p> Composers were not well paid; the work sold hundreds of thousands of copies, but he had sold the music outright for the sum of 15 guineas, so did not benefit directly.</p>
<a href="" class="btn btn-success">Read more</a>
</div>
</div>
</div>
<!-- Left and right controls -->
<a class="carousel-control-prev" href="#demo" data-slide="prev">
<span class="carousel-control-prev-icon"></span>
</a>
<a class="carousel-control-next" href="#demo" data-slide="next">
<span class="carousel-control-next-icon"></span>
</a>
</div>
</div>
<div class="card-group">
<div class="card bg-dark text-white">
<img src="img/home/service0.jpg" class="card-img img-fluid" alt="...">
<div class="card-img-overlay text-center">
<svg width="10em" height="35%" viewBox="0 0 16 16" class="bi bi-person-lines-fill" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M1 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H1zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm7 1.5a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 0 1h-4a.5.5 0 0 1-.5-.5zm0-3a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 0 1h-4a.5.5 0 0 1-.5-.5zm2 9a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5z"/>
</svg>
<h5 class="card-title">Become A Member</h5>
<p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>
<a href="#" class="btn btn-light btn-responsive " role="button" aria-pressed="true">Learn More</a>
</div>
</div>
<div class="card bg-dark text-white">
<img src="img/home/location.jpg" class="card-img img-fluid" alt="...">
<div class="card-img-overlay">
<svg width="10em" height="35%" viewBox="0 0 16 16" class="bi bi-geo-fill" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M4 4a4 4 0 1 1 4.5 3.969V13.5a.5.5 0 0 1-1 0V7.97A4 4 0 0 1 4 3.999zm2.493 8.574a.5.5 0 0 1-.411.575c-.712.118-1.28.295-1.655.493a1.319 1.319 0 0 0-.37.265.301.301 0 0 0-.057.09V14l.002.008a.147.147 0 0 0 .016.033.617.617 0 0 0 .145.15c.165.13.435.27.813.395.751.25 1.82.414 3.024.414s2.273-.163 3.024-.414c.378-.126.648-.265.813-.395a.619.619 0 0 0 .146-.15.148.148 0 0 0 .015-.033L12 14v-.004a.301.301 0 0 0-.057-.09 1.318 1.318 0 0 0-.37-.264c-.376-.198-.943-.375-1.655-.493a.5.5 0 1 1 .164-.986c.77.127 1.452.328 1.957.594C12.5 13 13 13.4 13 14c0 .426-.26.752-.544.977-.29.228-.68.413-1.116.558-.878.293-2.059.465-3.34.465-1.281 0-2.462-.172-3.34-.465-.436-.145-.826-.33-1.116-.558C3.26 14.752 3 14.426 3 14c0-.599.5-1 .961-1.243.505-.266 1.187-.467 1.957-.594a.5.5 0 0 1 .575.411z"/>
</svg>
<h4 class="card-title ">Find Services</h4>
<p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>
<a href="location.php" class="btn btn-light btn-responsive " role="button" aria-pressed="true">Learn More</a>
</div>
</div>
<div class="card bg-dark text-white">
<img src="img/home/service1.jpg" class="card-img img img-fluid" alt="...">
<div class="card-img-overlay">
<svg width="10em" height="35%" viewBox="0 0 16 16" class="bi bi-bookmark-star" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M2 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v13.5a.5.5 0 0 1-.777.416L8 13.101l-5.223 2.815A.5.5 0 0 1 2 15.5V2zm2-1a1 1 0 0 0-1 1v12.566l4.723-2.482a.5.5 0 0 1 .554 0L13 14.566V2a1 1 0 0 0-1-1H4z"/>
<path d="M7.84 4.1a.178.178 0 0 1 .32 0l.634 1.285a.178.178 0 0 0 .134.098l1.42.206c.145.021.204.2.098.303L9.42 6.993a.178.178 0 0 0-.051.158l.242 1.414a.178.178 0 0 1-.258.187l-1.27-.668a.178.178 0 0 0-.165 0l-1.27.668a.178.178 0 0 1-.257-.187l.242-1.414a.178.178 0 0 0-.05-.158l-1.03-1.001a.178.178 0 0 1 .098-.303l1.42-.206a.178.178 0 0 0 .134-.098L7.84 4.1z"/>
</svg>
<h5 class="card-title">Authentic Services</h5>
<p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>
<a href="authenticservices.php" class="btn btn-light btn-responsive " role="button" aria-pressed="true">Learn More</a>
</div>
</div>
</div>
<!-- Car Service -->
<div class="service">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="ser_sec_title">
<h1>Car Service Tips and Suggestion</h1>
</div>
</div>
</div>
<div class="row">
<div class="col-md-3">
<div class="each_service">
<h2>Improves Safty</h2>
<p> This set the epic poem The Song of Hiawatha by Henry Wadsworth Longfellow to music, and was widely performed by choral groups in England and the United States.
</p>
<a href="" class="btn btn-success btn-sm">read more</a>
</div>
</div>
<div class="col-md-3">
<div class="each_service">
<h2>Saves You expensive repair costs</h2>
<p> This set the epic poem The Song of Hiawatha by Henry Wadsworth Longfellow to music, and was widely performed by choral groups in England and the United States.
</p>
<a href="" class="btn btn-success btn-sm">read more</a>
</div>
</div>
<div class="col-md-3">
<div class="each_service">
<h2>Higher resale value</h2>
<p> This set the epic poem The Song of Hiawatha by Henry Wadsworth Longfellow to music, and was widely performed by choral groups in England and the United States.
</p>
<a href="" class="btn btn-success btn-sm">read more</a>
</div>
</div>
<div class="col-md-3">
<div class="each_service">
<h2>Car Emergency kit</h2>
<p> This set the epic poem The Song of Hiawatha by Henry Wadsworth Longfellow to music, and was widely performed by choral groups in England and the United States.
</p>
<a href="" class="btn btn-success btn-sm">read more</a>
</div>
</div>
</div>
</div>
</div>
<!--Footer Start-->
<?php include 'includes/footer.php'; ?>
<!--Footer End-->
<!--Script Start-->
<?php include 'includes/scripts.php'; ?>
<!--Script End-->
</body>
</html>