Skip to content

Commit

Permalink
Adding initial website
Browse files Browse the repository at this point in the history
  • Loading branch information
@alanboy
alanboy committed Nov 23, 2021
1 parent 886fb1d commit fab9be9
Show file tree
Hide file tree
Showing 41 changed files with 3,449 additions and 0 deletions.
255 changes: 255 additions & 0 deletions about.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,255 @@
<!DOCTYPE html>
<html lang="en">

<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">
<meta name="viewport" content="initial-scale=1, maximum-scale=1">
<!-- site metas -->
<title>Spicyo</title>
<meta name="keywords" content="">
<meta name="description" content="">
<meta name="author" content="">
<!-- bootstrap css -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<!-- owl css -->
<link rel="stylesheet" href="css/owl.carousel.min.css">
<!-- style css -->
<link rel="stylesheet" href="css/style.css">
<!-- responsive-->
<link rel="stylesheet" href="css/responsive.css">
<!-- awesome fontfamily -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script><![endif]-->
</head>
<!-- body -->

<body class="main-layout about_page">
<!-- loader -->
<div class="loader_bg">
<div class="loader"><img src="images/loading.gif" alt="" /></div>
</div>

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

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

<div id="dismiss">
<i class="fa fa-arrow-left"></i>
</div>

<ul class="list-unstyled components">

<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>

</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>
</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="#">[email protected]</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>
</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>
</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="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 -->

</div>
</div>
<div class="overlay"></div>
<!-- Javascript files-->
<script src="js/jquery.min.js"></script>
<script src="js/popper.min.js"></script>
<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() {
$("#sidebar").mCustomScrollbar({
theme: "minimal"
});

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

$('#sidebarCollapse').on('click', function() {
$('#sidebar').addClass('active');
$('.overlay').addClass('active');
$('.collapse.in').toggleClass('in');
$('a[aria-expanded=true]').attr('aria-expanded', 'false');
});
});
</script>

</body>

</html>
Loading

0 comments on commit fab9be9

Please sign in to comment.