Car_rental/blog-single-post.php

476 lines
25 KiB
PHP
Raw Normal View History

2025-01-07 15:54:52 +05:45
<!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">
<title>Car|Rental Landingpage</title>
<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- Bootstrap -->
<link href="css/animate.css" rel="stylesheet">
<!-- Google Font Lato -->
<link href='http://fonts.googleapis.com/css?family=Lato:400,700,900,400italic,700italic,900italic' rel='stylesheet'
type='text/css'>
<link rel="stylesheet" href="css/font-awesome.min.css">
<!-- Plugin Styles -->
<link href="css/datepicker.css" rel="stylesheet">
<!-- Main Styles -->
<link href="css/styles-red.css" rel="stylesheet">
<!-- Available main styles: styles-red.css, styles-green.css -->
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<link href="css/ie8fix.css" rel="stylesheet">
<link href='http://fonts.googleapis.com/css?family=Lato:400' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Lato:700' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Lato:900' rel='stylesheet' type='text/css'>
<![endif]-->
<!-- Fav and touch icons -->
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="img/ico/apple-touch-icon-144-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="img/ico/apple-touch-icon-114-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="img/ico/apple-touch-icon-72-precomposed.png">
<link rel="apple-touch-icon-precomposed" href="img/ico/apple-touch-icon-57-precomposed.png">
<link rel="shortcut icon" href="img/ico/favicon.png">
</head>
<body id="top" data-spy="scroll" data-target=".navbar" data-offset="260">
<!-- Header start -->
<header data-spy="affix" data-offset-top="39" data-offset-bottom="0" class="large">
<div class="row container box">
<div class="col-md-5">
<!-- Logo start -->
<div class="brand">
<h1><a class="scroll-to" href="index.php#top"><img class="img-responsive" src="img/logo-red.gif" alt="Car|Rental"></a></h1>
</div>
<!-- Logo end -->
</div>
<div class="col-md-7">
<div class="pull-right">
<div class="header-info pull-right">
<div class="contact pull-left">CONTACT: (562) 498-4600</div>
<!-- Language Switch start -->
<div class="language-switch pull-right">
<div class="dropdown">
<a data-toggle="dropdown" href="blog-single-post.php#" id="language-switch-dropdown">Select your language </a>
<ul class="dropdown-menu" role="menu" aria-labelledby="language-switch-dropdown">
<li><a href="blog-single-post.php#"><img src="img/flags/United-States.png" alt="usa"> English</a></li>
<li><a href="blog-single-post.php#"><img src="img/flags/Germany.png" alt="germany"> German</a></li>
<li><a href="blog-single-post.php#"><img src="img/flags/France.png" alt="france"> French</a></li>
</ul>
</div>
</div>
<!-- Language Switch end -->
</div>
</div>
<div class="clearfix"></div>
<!-- start navigation -->
<nav class="navbar navbar-default" role="navigation">
<div class="container-fluid">
<!-- Toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand scroll-to" href="index.php#top"><img class="img-responsive" src="img/logo-red.gif" alt="Car|Rental"></a>
</div>
<!-- Collect the nav links, for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<!-- Nav-Links start -->
<ul class="nav navbar-nav navbar-right">
<li class="active"><a href="index.php#top" class="scroll-to">Home</a></li>
<li><a href="index.php#services" class="scroll-to">Services</a></li>
<li><a href="index.php#vehicles" class="scroll-to">Vehicle Models</a></li>
<li class="dropdown">
<a href="blog-single-post.php#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Blog <span class="caret"></span></a>
<ul class="dropdown-menu" role="menu">
<li><a href="blog-posts.php">Blog Posts</a></li>
<li><a href="blog-single-post.php">Blog Single Post</a></li>
<li><a href="error404.php">Error 404</a></li>
</ul>
</li>
<li><a href="index.php#locations" class="scroll-to">Locations</a></li>
<li><a href="index.php#contact" class="scroll-to">Contact</a></li>
</ul>
<!-- Nav-Links end -->
</div>
</div>
</nav>
<!-- end navigation -->
</div>
</div>
</header>
<!-- Header end -->
<!-- Teaser start -->
<section id="teaser-blog">
<div class="container">
<div class="row">
<div class="col-md-6">
<h2 class="title">Car Rental Blog Page</h2>
</div>
<div class="col-md-6 text-right">
<ul class="breadcrumbs page-depth">
<li><a href="blog-single-post.php#">Home</a></li>
<li><a href="blog-single-post.php#">Blog</a></li>
<li class="active">Single Post</li>
</ul>
</div>
</div>
</div>
</section>
<!-- Teaser end -->
<section class="blog-posts">
<div class="container">
<div class="row">
<div class="col-md-8">
<div class="blog-box">
<div class="blog-post single-post">
<div class="post-attachment">
<img src="img/blog-post-img.jpg" class="img-responsive" alt="1">
</div>
<div class="post-content-text">
<h2 class="post-title"><a href="blog-single-post.php#">How Ford switched gears for the all-new F-150</a></h2>
<span class="post-date">February 15, 2015</span>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In efficitur commodo libero,
eget iaculis metus imperdiet sed. Proin sit amet nunc lacinia, rhoncus mauris quis,
imperdiet sapien. Sed gravida tempus nibh ut blandit. Ut et pellentesque dolor. Mauris
semper odio maximus quam ultrices, nec malesuada risus commodo. Integer in nisl diam.
Sed tincidunt vel sem vel ultricies. Curabitur sed augue vel risus vestibulum semper.
Proin ornare ultrices eros. Ut quis turpis a erat vehicula vestibulum. Pellentesque
porttitor libero nec accumsan tristique. In lacinia dictum felis sit amet
condimentum.</p>
<p>Nam vitae consectetur ipsum. Aenean ullamcorper, augue at euismod hendrerit, nisl urna
vulputate sapien, sit amet gravida ante est eget neque. Aliquam nisl velit, pellentesque
sed sodales eu, ultricies eget augue. Praesent at rutrum justo. Praesent eget leo
consectetur, venenatis nulla eu, malesuada leo. Duis id urna at orci molestie laoreet
sodales at purus. Nulla facilisi. Mauris non pharetra magna, quis viverra lacus. Duis
orci velit, consectetur sit amet ante quis, tempor vestibulum metus.</p>
<blockquote>Ut et pellentesque dolor. Mauris semper odio maximus quam ultrices, nec
malesuada risus commodo. Integer in nisl diam. Sed tincidunt vel sem vel ultricies.
Curabitur sed augue vel risus vestibulum semper.
</blockquote>
<p>Morbi mauris felis, interdum ut hendrerit vitae, efficitur nec est. Curabitur posuere
augue eleifend nibh finibus luctus. Ut nec ullamcorper nisi, sit amet accumsan nibh. In
pellentesque aliquet lectus non convallis. Cum sociis natoque penatibus et magnis dis
parturient montes, nascetur ridiculus mus. Mauris urna mauris, elementum eu pharetra
nec, bibendum vitae magna. Cras condimentum enim sit amet purus commodo vehicula. Nunc
ut leo id nisi mollis elementum ac ac nisi. Duis vel pretium libero. Vestibulum suscipit
egestas scelerisque. Proin varius ante vel ante posuere tincidunt.</p>
<ul class="single-post-tags">
<li><span>Tags: </span></li>
<li><a href="" rel="tag">cars</a>,</li>
<li><a href="" rel="tag">rental services</a>,</li>
<li><a href="" rel="tag">offers</a></li>
</ul>
</div>
</div>
<div class="author-post">
<div class="author-img">
<img src="img/blog-author.jpg">
</div>
<div class="author-content">
<h2> Mike Smith
<small>| Customer Support</small>
</h2>
<p>Cras condimentum enim sit amet purus commodo vehicula. Nunc ut leo id nisi mollis elementum ac ac nisi. Duis vel pretium libero. Vestibulum suscipit egestas scelerisque.
Proin varius ante vel ante posuere tincidunt.</p>
</div>
<div class="clearfix"></div>
</div>
<div class="comment-section">
<h2>3 Comments</h2>
<ul class="comment-tree">
<li class="comment byuser comment-author-admin bypostauthor even thread-even depth-1 clearfix"
id="comment-3">
<div class="comment-box">
<div class="comment-img">
<img src="img/comment-img1.jpg">
</div>
<div class="comment-content">
<h4>Mike Smith <a class="comment-reply-link pull-right" href="blog-single-post.php#">Reply</a></h4>
<span>February 23, 2015 at 4:06 pm</span>
<p>Class aptent taciti sociosqu litora torquent per conubia per himenaeos. Nulla
tristique in semper vel. Vestibulum sodales ante a purus volutpat euismod.
Proin sodales quam nec ante sollicitudin lacinia.</p>
</div>
</div>
<ul class="children">
<li class="comment byuser comment-author-admin bypostauthor odd alt depth-2 clearfix"
id="comment-4">
<div class="comment-box">
<div class="comment-img">
<img src="img/comment-img2.jpg">
</div>
<div class="comment-content">
<h4>Mike Smith <a class="comment-reply-link pull-right" href="blog-single-post.php#">Reply</a></h4>
<span>February 23, 2015 at 4:07 pm</span>
<p>Class aptent taciti sociosqu litora torquent per conubia per
himenaeos. Nulla tristique in semper vel.</p>
</div>
</div>
</li>
</ul>
</li>
<li class="comment byuser comment-author-admin bypostauthor even thread-odd thread-alt depth-1 clearfix"
id="comment-5">
<div class="comment-box">
<div class="comment-img">
<img src="img/comment-img3.jpg">
</div>
<div class="comment-content">
<h4>Mike Smith <a class="comment-reply-link pull-right" href="blog-single-post.php#">Reply</a></h4>
<span>February 23, 2015 at 4:08 pm</span>
<p>Class aptent taciti sociosqu litora torquent per conubia per himenaeos. Nulla
tristique in semper vel. Vestibulum sodales ante a purus volutpat euismod.
Proin sodales quam nec ante sollicitudin lacinias.</p>
</div>
</div>
</li>
</ul>
<div id="respond" class="comment-respond">
<h3 id="reply-title" class="comment-reply-title">Leave a Reply
<small><a rel="nofollow" id="cancel-comment-reply-link"
href=""
style="display:none;">Cancel reply</a></small>
</h3>
<form action="#"
method="post" id="commentform" class="comment-form" novalidate="">
<p class="comment-notes"><span id="email-notes">Your email address will not be published.</span>
Required fields are marked <span class="required">*</span></p>
<input type="text" name="author" class="form-control" placeholder="Name (required)"
id="name" value="" aria-required="true" data-cip-id="name">
<input id="mail" name="email" class="form-control" placeholder="Email (required)"
type="text" value="" aria-required="true" data-cip-id="mail">
<input id="website" name="url" class="form-control" placeholder="Website" type="text"
value="" data-cip-id="website">
<textarea class="form-control" rows="7" id="comment"
placeholder="Your Message (required)" name="comment"
aria-required="true"></textarea>
<p class="form-submit">
<input name="submit" type="submit" id="submit" class="submit" value="Post Comment">
<input type="hidden" name="comment_post_ID" value="48" id="comment_post_ID">
<input type="hidden" name="comment_parent" id="comment_parent" value="0">
</p>
</form>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="sidebar">
<aside id="search-2" class="widget widget_search">
<div class="search-widget">
<form method="get" class="searchform" action="http://qkthemes-demo.com/wordpress/housebuild"
id="search">
<div class="input-group">
<span class="input-group-addon"><span
class="glyphicon glyphicon-search"></span></span>
<input type="text" name="search" class="form-control" placeholder="Search...">
</div>
</form>
</div>
</aside>
<aside id="categories-2" class="widget widget_categories"><h2 class="widget-title">Categories</h2>
<ul>
<li class="cat-item cat-item-2"><i class="fa fa-chevron-right"></i> <a href="blog-single-post.php#">Car Rental
Service</a></li>
<li class="cat-item cat-item-3"><i class="fa fa-chevron-right"></i> <a href="blog-single-post.php#">New Cars</a>
</li>
<li class="cat-item cat-item-4"><i class="fa fa-chevron-right"></i> <a href="blog-single-post.php#">Post
Video</a></li>
<li class="cat-item cat-item-1"><i class="fa fa-chevron-right"></i> <a href="blog-single-post.php#">Uncategorized</a>
</li>
</ul>
</aside>
<aside id="text-1" class="widget widget_text"><h2 class="widget-title">Text Widget</h2>
<div class="textwidget">
<div class="text-box">
<p>At vero eos et accusam et justo duo dolores et ea rebum. Lorem ipsum dolor sit amet,
consetetur sadipscing elitr, sed nonumy eirmod tempor invidunt ut labore et dolore
magnaed aliquyam erat, sed diam voluptua. Stet clita kasd gubergren.</p>
</div>
</div>
</aside>
<aside id="archives-2" class="widget widget_archive"><h2 class="widget-title">Archives</h2>
<ul>
<li><i class="fa fa-chevron-right"></i> <a href="blog-single-post.php#">February 2015</a></li>
<li><i class="fa fa-chevron-right"></i> <a href="blog-single-post.php#">January 2015</a></li>
<li><i class="fa fa-chevron-right"></i> <a href="blog-single-post.php#">September 2014</a></li>
<li><i class="fa fa-chevron-right"></i> <a href="blog-single-post.php#">February 2014</a></li>
<li><i class="fa fa-chevron-right"></i> <a href="blog-single-post.php#">February 2013</a></li>
</ul>
</aside>
<aside id="tag_cloud-1" class="widget widget_tag_cloud"><h2 class="widget-title">Tag Widget</h2>
<div class="tagcloud">
<a href="">cars</a>
<a href="">rental services</a>
<a href="">rental services</a>
<a href="">videos</a>
<a href="">youtube</a>
<a href="">offers</a>
<a href="">news</a>
<a href="">motorcycle</a>
</div>
</aside>
</div>
</div>
</div>
</div>
</section>
<a href="blog-single-post.php#" class="scrollup">ScrollUp</a>
<section id="footer-bar">
<div class="container">
<div class="row">
<div class="col-md-4">
<aside id="footer-text-1" class="footer-widget widget_text">
<h2 class="widget-title">About Us</h2>
<div class="textwidget"><p>At vero eos et accusam et justo duo dolores et ea rebum. Lorem ipsum
dolor sit amet, consetetur sadipscing elitr, sed nonumy eirmod tempor .</p>
<img src="img/footer-logo.png" alt="CarRental" class="img-responsive" style="margin-top: 20px;">
</div>
</aside>
<div class="clearfix"></div>
</div>
<div class="col-md-4">
<aside id="footer-text-2" class="footer-widget widget_text">
<h2 class="widget-title">Gallery</h2>
<div class="gallerywidget">
<a href="blog-single-post.php#"><img src="img/footer-img1.jpg" alt="Footer Img"/></a>
<a href="blog-single-post.php#"><img src="img/footer-img2.jpg" alt="Footer Img"/></a>
<a href="blog-single-post.php#"><img src="img/footer-img3.jpg" alt="Footer Img"/></a>
<a href="blog-single-post.php#"><img src="img/footer-img4.jpg" alt="Footer Img"/></a>
<a href="blog-single-post.php#"><img src="img/footer-img5.jpg" alt="Footer Img"/></a>
<a href="blog-single-post.php#"><img src="img/footer-img6.jpg" alt="Footer Img"/></a>
</div>
</aside>
<div class="clearfix"></div>
</div>
<div class="col-md-4">
<aside id="footer-text-3" class="footer-widget widget_text">
<h2 class="widget-title">Info</h2>
<div class="textwidget"><p>You can contact or visit us during working time. <br/>
<strong class="text-main-color">Address:</strong> 3861 Sepulveda Blvd. / Los Angeles<br/>
<strong class="text-main-color">Phone:</strong> 1234 - 5678 - 9012<br/>
<strong class="text-main-color">Email:</strong> support@car-rental.com<br/>
<strong class="text-main-color">Working Hours:</strong> 8:00 a.m - 17:00 a.m</p>
</div>
</aside>
<div class="clearfix"></div>
</div>
</div>
</div>
</section>
<!-- Footer start -->
<footer>
<div class="container">
<div class="row">
<div class="col-md-12 text-center">
<ul class="footer-nav">
<li><a class="scroll-to" href="blog-single-post.php#top">Home</a></li>
<li><a class="scroll-to" href="blog-single-post.php#services">Service</a></li>
<li><a class="scroll-to" href="blog-single-post.php#vehicles">Vehicle Models</a></li>
<li><a class="scroll-to" href="blog-single-post.php#reviews">Reviews</a></li>
<li><a class="scroll-to" href="blog-single-post.php#locations">Locations</a></li>
<li><a class="scroll-to" href="blog-single-post.php#contact">Contact</a></li>
</ul>
<div class="clearfix"></div>
<p class="copyright">©2014 Themeinjection, All Rights Reserved</p>
</div>
</div>
</div>
</footer>
<!-- Footer end -->
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery-1.11.0.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.autocomplete.min.js"></script>
<script src="js/jquery.placeholder.js"></script>
<script src="js/locations-autocomplete.js"></script>
<script src="js/bootstrap-datepicker.js"></script>
<script src="http://maps.google.com/maps/api/js?sensor=false&language=en"></script>
<script src="js/gmap3.min.js"></script>
<!--[if !(gte IE 8)]><!-->
<script src="js/wow.min.js"></script>
<script>
// Initialize WOW
//-------------------------------------------------------------
new WOW({mobile: false}).init();
</script>
<!--<![endif]-->
<script src="js/custom.js"></script>
</body>
</html>