Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
303 changes: 159 additions & 144 deletions about.html
Original file line number Diff line number Diff line change
Expand Up @@ -36,9 +36,9 @@
</div>

<div class="wrapper">
<!-- end loader -->
<!-- end loader -->

<div class="sidebar">
<div class="sidebar">
<!-- Sidebar -->
<nav id="sidebar">

Expand All @@ -48,7 +48,7 @@

<ul class="list-unstyled components">

<li >
<li>
<a href="index.html">Home</a>
</li>
<li class="active">
Expand All @@ -68,157 +68,172 @@
</nav>
</div>

<div id="content">
<!-- header -->
<header>
<div class="container-fluid">
<div class="row">
<div class="col-md-3">
<div class="full">
<a class="logo" href="index.html"><img src="images/logo.png" alt="#" /></a>
<div id="content">
<!-- header -->
<header>
<div class="container-fluid">
<div class="row">
<div class="col-md-3">
<div class="full">
<a class="logo" href="index.html"><img src="images/logo.png" alt="#" /></a>
</div>
</div>
<div class="col-md-9">
<div class="full">
<div class="right_header_info">
<ul>
<li class="dinone">Contact Us : <img
style="margin-right: 15px;margin-left: 15px;"
src="images/phone_icon.png" alt="#"><a href="#">987-654-3210</a></li>
<li class="dinone"><img style="margin-right: 15px;" src="images/mail_icon.png"
alt="#"><a href="#">demo@gmail.com</a></li>
<li class="dinone"><img
style="margin-right: 15px;height: 21px;position: relative;top: -2px;"
src="images/location_icon.png" alt="#"><a href="#">104 New york ,
USA</a></li>
<li class="button_user"><a class="button active" href="#">Login</a><a
class="button" href="#">Register</a></li>
<li><img style="margin-right: 15px;" src="images/search_icon.png" alt="#"></li>
<li>
<button type="button" id="sidebarCollapse">
<img src="images/menu_icon.png" alt="#">
</button>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-9">
<div class="full">
<div class="right_header_info">
<ul>
<li class="dinone">Contact Us : <img style="margin-right: 15px;margin-left: 15px;" src="images/phone_icon.png" alt="#"><a href="#">987-654-3210</a></li>
<li class="dinone"><img style="margin-right: 15px;" src="images/mail_icon.png" alt="#"><a href="#">demo@gmail.com</a></li>
<li class="dinone"><img style="margin-right: 15px;height: 21px;position: relative;top: -2px;" src="images/location_icon.png" alt="#"><a href="#">104 New york , USA</a></li>
<li class="button_user"><a class="button active" href="#">Login</a><a class="button" href="#">Register</a></li>
<li><img style="margin-right: 15px;" src="images/search_icon.png" alt="#"></li>
<li>
<button type="button" id="sidebarCollapse">
<img src="images/menu_icon.png" alt="#">
</button>
</li>
</ul>
</header>
<!-- end header -->

<div class="yellow_bg">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="title">
<h2>About</h2>

</div>
</div>
</div>
</div>
</div>
</div>
</header>
<!-- end header -->

<div class="yellow_bg">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="title">
<h2>About</h2>

</div>
</div>
</div>
</div>
</div>
<!-- about -->
<div class="about">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="title">
<i><img src="images/title.png" alt="#"/></i>

<span>It is a long established fact that a reader will be distracted by the readable content of a
<br> page when looking at its layout. The point of using Lorem
</span>
</div>
</div>
</div>
<div class="row">
<div class="col-xl-6 col-lg-6 col-md-12 col-sm-12">
<div class="about_box">
<h3>Best Food</h3>
<p>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscureContrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard </p>
<a href="#">Read More <i class="fa fa-long-arrow-right" aria-hidden="true"></i></a>
</div>
</div>
<div class="col-xl-5 col-lg-5 col-md-10 col-sm-12 about_img_boxpdnt">
<div class="about_img">
<figure><img src="images/about-img.jpg" alt="#/"></figure>
</div>
</div>
</div>
</div>
</div>
<!-- end about -->


<!-- footer -->
<fooetr>
<div class="footer">
<div class="container-fluid">
<div class="row">
<div class=" col-md-12">
<h2>Request A<strong class="white"> Call Back</strong></h2>
</div>
<div class="col-xl-6 col-lg-6 col-md-6 col-sm-12">

<form class="main_form">
<div class="row">

<div class="col-xl-12 col-lg-12 col-md-12 col-sm-12">
<input class="form-control" placeholder="Name" type="text" name="Name">
</div>
<div class="col-xl-12 col-lg-12 col-md-12 col-sm-12">
<input class="form-control" placeholder="Email" type="text" name="Email">
</div>
<div class="col-xl-12 col-lg-12 col-md-12 col-sm-12">
<input class="form-control" placeholder="Phone" type="text" name="Phone">
</div>
<div class="col-xl-12 col-lg-12 col-md-12 col-sm-12">
<textarea class="textarea" placeholder="Message" type="text" name="Message"></textarea>
</div>
<div class="col-xl-12 col-lg-12 col-md-12 col-sm-12">
<button class="send">Send</button>
</div>
<!-- about -->
<div class="about">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="title">
<i><img src="images/title.png" alt="#" /></i>

<span>It is a long established fact that a reader will be distracted by the readable
content of a
<br> page when looking at its layout. The point of using Lorem
</span>
</div>
</form>
</div>
</div>
<div class="col-xl-6 col-lg-6 col-md-6 col-sm-12">
<div class="img-box">
<figure><img src="images/img.jpg" alt="img" /></figure>
<div class="row">
<div class="col-xl-6 col-lg-6 col-md-12 col-sm-12">
<div class="about_box">
<h3>Best Food</h3>
<p>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a
piece of classical Latin literature from 45 BC, making it over 2000 years old.
Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked
up one of the more obscureContrary to popular belief, Lorem Ipsum is not simply
random text. It has roots in a piece of classical Latin literature from 45 BC,
making it over 2000 years old. Richard </p>
<a href="#">Read More <i class="fa fa-long-arrow-right" aria-hidden="true"></i></a>
</div>
</div>
<div class="col-xl-5 col-lg-5 col-md-10 col-sm-12 about_img_boxpdnt">
<div class="about_img">
<figure><img src="images/about-img.jpg" alt="#/"></figure>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="footer_logo">
<a href="index.html"><img src="images/logo1.jpg" alt="logo" /></a>
</div>
<!-- end about -->


<!-- footer -->
<fooetr>
<div class="footer">
<div class="container-fluid">
<div class="row">
<div class=" col-md-12">
<h2>Request A<strong class="white"> Call Back</strong></h2>
</div>
<div class="col-xl-6 col-lg-6 col-md-6 col-sm-12">

<form class="main_form">
<div class="row">

<div class="col-xl-12 col-lg-12 col-md-12 col-sm-12">
<input class="form-control" placeholder="Name" type="text" name="Name">
</div>
<div class="col-xl-12 col-lg-12 col-md-12 col-sm-12">
<input class="form-control" placeholder="Email" type="text" name="Email">
</div>
<div class="col-xl-12 col-lg-12 col-md-12 col-sm-12">
<input class="form-control" placeholder="Phone" type="text" name="Phone">
</div>
<div class="col-xl-12 col-lg-12 col-md-12 col-sm-12">
<textarea class="textarea" placeholder="Message" type="text"
name="Message"></textarea>
</div>
<div class="col-xl-12 col-lg-12 col-md-12 col-sm-12">
<button class="send">Send</button>
</div>
</div>
</form>
</div>
<div class="col-xl-6 col-lg-6 col-md-6 col-sm-12">
<div class="img-box">
<figure><img src="images/img.jpg" alt="img" /></figure>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="footer_logo">
<a href="index.html"><img src="images/logo1.jpg" alt="logo" /></a>
</div>
</div>
<div class="col-md-12">
<ul class="lik">
<li> <a href="index.html">Home</a></li>
<li class="active"> <a href="about.html">About</a></li>
<li> <a href="recipe.html">Recipe</a></li>
<li> <a href="blog.html">blog</a></li>
<li> <a href="contact.html">Contact us</a></li>
</ul>
</div>
<div class="col-md-12">
<div class="new">
<h3>Newsletter</h3>
<form class="newtetter">
<input class="tetter" placeholder="Your email" type="text" name="Your email">
<button class="submit">Subscribe</button>
</form>
</div>
</div>
</div>
</div>
<div class="col-md-12">
<ul class="lik">
<li > <a href="index.html">Home</a></li>
<li class="active"> <a href="about.html">About</a></li>
<li> <a href="recipe.html">Recipe</a></li>
<li> <a href="blog.html">blog</a></li>
<li> <a href="contact.html">Contact us</a></li>
</ul>
</div>
<div class="col-md-12">
<div class="new">
<h3>Newsletter</h3>
<form class="newtetter">
<input class="tetter" placeholder="Your email" type="text" name="Your email">
<button class="submit">Subscribe</button>
</form>
<div class="copyright">
<div class="container">
<p>© 2020 All Rights Reserved. Design by<a href="https://html.design/"> Free Html
Templates</a></p>
</div>
</div>
</div>
</div>
<div class="copyright">
<div class="container">
<p>© 2019 All Rights Reserved. Design by<a href="https://html.design/"> Free Html Templates</a></p>
</div>
</div>
</div>
</fooetr>
<!-- end footer -->
</fooetr>
<!-- end footer -->

</div>
</div>
</div>
<div class="overlay"></div>
<!-- Javascript files-->
Expand All @@ -227,21 +242,21 @@ <h3>Newsletter</h3>
<script src="js/bootstrap.bundle.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/custom.js"></script>
<script src="js/jquery.mCustomScrollbar.concat.min.js"></script>
<script src="js/jquery-3.0.0.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
<script src="js/jquery.mCustomScrollbar.concat.min.js"></script>

<script src="js/jquery-3.0.0.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$("#sidebar").mCustomScrollbar({
theme: "minimal"
});

$('#dismiss, .overlay').on('click', function() {
$('#dismiss, .overlay').on('click', function () {
$('#sidebar').removeClass('active');
$('.overlay').removeClass('active');
});

$('#sidebarCollapse').on('click', function() {
$('#sidebarCollapse').on('click', function () {
$('#sidebar').addClass('active');
$('.overlay').addClass('active');
$('.collapse.in').toggleClass('in');
Expand Down
Loading