<!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 -->
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta name="author" content="" />
<link rel="shortcut icon" href="images/favicon.png" type="">
<title> Feane </title>
<!-- bootstrap core css -->
<link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
<!--owl slider stylesheet -->
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css" />
<!-- nice select -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-nice-select/1.1.0/css/nice-select.min.css" integrity="sha512-CruCP+TD3yXzlvvijET8wV5WxxEh5H8P4cmz0RFbKK6FlZ2sYl3AEsKlLPHbniXKSrDdFewhbmBK5skbdsASbQ==" crossorigin="anonymous" />
<!-- 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>
<div class="hero_area">
<div class="bg-box">
<img src="images/hero-bg.jpg" alt="">
</div>
<!-- header section strats -->
<header class="header_section">
<div class="container">
<nav class="navbar navbar-expand-lg custom_nav-container ">
<a class="navbar-brand" href="index.html">
<span>
Feane
</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 mx-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="menu.html">Menu</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="book.html">Book Table</a>
</li>
</ul>
<div class="user_option">
<a href="" class="user_link">
<i class="fa fa-user" aria-hidden="true"></i>
</a>
<a class="cart_link" href="#">
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 456.029 456.029" style="enable-background:new 0 0 456.029 456.029;" xml:space="preserve">
<g>
<g>
<path d="M345.6,338.862c-29.184,0-53.248,23.552-53.248,53.248c0,29.184,23.552,53.248,53.248,53.248
c29.184,0,53.248-23.552,53.248-53.248C398.336,362.926,374.784,338.862,345.6,338.862z" />
</g>
</g>
<g>
<g>
<path d="M439.296,84.91c-1.024,0-2.56-0.512-4.096-0.512H112.64l-5.12-34.304C104.448,27.566,84.992,10.67,61.952,10.67H20.48
C9.216,10.67,0,19.886,0,31.15c0,11.264,9.216,20.48,20.48,20.48h41.472c2.56,0,4.608,2.048,5.12,4.608l31.744,216.064
c4.096,27.136,27.648,47.616,55.296,47.616h212.992c26.624,0,49.664-18.944,55.296-45.056l33.28-166.4
C457.728,97.71,450.56,86.958,439.296,84.91z" />
</g>
</g>
<g>
<g>
<path d="M215.04,389.55c-1.024-28.16-24.576-50.688-52.736-50.688c-29.696,1.536-52.224,26.112-51.2,55.296
c1.024,28.16,24.064,50.688,52.224,50.688h1.024C193.536,443.31,216.576,418.734,215.04,389.55z" />
</g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
</svg>
</a>
<form class="form-inline">
<button class="btn my-2 my-sm-0 nav_search-btn" type="submit">
<i class="fa fa-search" aria-hidden="true"></i>
</button>
</form>
<a href="" class="order_online">
Order Online
</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-7 col-lg-6 ">
<div class="detail-box">
<h1>
Fast Food Restaurant
</h1>
<p>
Doloremque, itaque aperiam facilis rerum, commodi, temporibus sapiente ad mollitia laborum quam quisquam esse error unde. Tempora ex doloremque, labore, sunt repellat dolore, iste magni quos nihil ducimus libero ipsam.
</p>
<div class="btn-box">
<a href="" class="btn1">
Order Now
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="carousel-item ">
<div class="container ">
<div class="row">
<div class="col-md-7 col-lg-6 ">
<div class="detail-box">
<h1>
Fast Food Restaurant
</h1>
<p>
Doloremque, itaque aperiam facilis rerum, commodi, temporibus sapiente ad mollitia laborum quam quisquam esse error unde. Tempora ex doloremque, labore, sunt repellat dolore, iste magni quos nihil ducimus libero ipsam.
</p>
<div class="btn-box">
<a href="" class="btn1">
Order Now
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="carousel-item">
<div class="container ">
<div class="row">
<div class="col-md-7 col-lg-6 ">
<div class="detail-box">
<h1>
Fast Food Restaurant
</h1>
<p>
Doloremque, itaque aperiam facilis rerum, commodi, temporibus sapiente ad mollitia laborum quam quisquam esse error unde. Tempora ex doloremque, labore, sunt repellat dolore, iste magni quos nihil ducimus libero ipsam.
</p>
<div class="btn-box">
<a href="" class="btn1">
Order Now
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<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>
</div>
</section>
<!-- end slider section -->
</div>
<!-- offer section -->
<section class="offer_section layout_padding-bottom">
<div class="offer_container">
<div class="container ">
<div class="row">
<div class="col-md-6 ">
<div class="box ">
<div class="img-box">
<img src="images/o1.jpg" alt="">
</div>
<div class="detail-box">
<h5>
Tasty Thursdays
</h5>
<h6>
<span>20%</span> Off
</h6>
<a href="">
Order Now <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 456.029 456.029" style="enable-background:new 0 0 456.029 456.029;" xml:space="preserve">
<g>
<g>
<path d="M345.6,338.862c-29.184,0-53.248,23.552-53.248,53.248c0,29.184,23.552,53.248,53.248,53.248
c29.184,0,53.248-23.552,53.248-53.248C398.336,362.926,374.784,338.862,345.6,338.862z" />
</g>
</g>
<g>
<g>
<path d="M439.296,84.91c-1.024,0-2.56-0.512-4.096-0.512H112.64l-5.12-34.304C104.448,27.566,84.992,10.67,61.952,10.67H20.48
C9.216,10.67,0,19.886,0,31.15c0,11.264,9.216,20.48,20.48,20.48h41.472c2.56,0,4.608,2.048,5.12,4.608l31.744,216.064
c4.096,27.136,27.648,47.616,55.296,47.616h212.992c26.624,0,49.664-18.944,55.296-45.056l33.28-166.4
C457.728,97.71,450.56,86.958,439.296,84.91z" />
</g>
</g>
<g>
<g>
<path d="M215.04,389.55c-1.024-28.16-24.576-50.688-52.736-50.688c-29.696,1.536-52.224,26.112-51.2,55.296
c1.024,28.16,24.064,50.688,52.224,50.688h1.024C193.536,443.31,216.576,418.734,215.04,389.55z" />
</g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
</svg>
</a>
</div>
</div>
</div>
<div class="col-md-6 ">
<div class="box ">
<div class="img-box">
<img src="images/o2.jpg" alt="">
</div>
<div class="detail-box">
<h5>
Pizza Days
</h5>
<h6>
<span>15%</span> Off
</h6>
<a href="">
Order Now <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 456.029 456.029" style="enable-background:new 0 0 456.029 456.029;" xml:space="preserve">
<g>
<g>
<path d="M345.6,338.862c-29.184,0-53.248,23.552-53.248,53.248c0,29.184,23.552,53.248,53.248,53.248
c29.184,0,53.248-23.552,53.248-53.248C398.336,362.926,374.784,338.862,345.6,338.862z" />
</g>
</g>
<g>
<g>
<path d="M439.296,84.91c-1.024,0-2.56-0.512-4.096-0.512H112.64l-5.12-34.304C104.448,27.566,84.992,10.67,61.952,10.67H20.48
C9.216,10.67,0,19.886,0,31.15c0,11.264,9.216,20.48,20.48,20.48h41.472c2.56,0,4.608,2.048,5.12,4.608l31.744,216.064
c4.096,27.136,27.648,47.616,55.296,47.616h212.992c26.624,0,49.664-18.944,55.296-45.056l33.28-166.4
C457.728,97.71,450.56,86.958,439.296,84.91z" />
</g>
</g>
<g>
<g>
<path d="M215.04,389.55c-1.024-28.16-24.576-50.688-52.736-50.688c-29.696,1.536-52.224,26.112-51.2,55.296
c1.024,28.16,24.064,50.688,52.224,50.688h1.024C193.536,443.31,216.576,418.734,215.04,389.55z" />
</g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
</svg>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- end offer section -->
<!-- food section -->
<section class="food_section layout_padding-bottom">
<div class="container">
<div class="heading_container heading_center">
<h2>
Our Menu
</h2>
</div>
<ul class="filters_menu">
<li class="active" data-filter="*">All</li>
<li data-filter=".burger">Burger</li>
<li data-filter=".pizza">Pizza</li>
<li data-filter=".pasta">Pasta</li>
<li data-filter=".fries">Fries</li>
</ul>
<div class="filters-content">
<div class="row grid">
<div class="col-sm-6 col-lg-4 all pizza">
<div class="box">
<div>
<div class="img-box">
<img src="images/f1.png" alt="">
</div>
<div class="detail-box">
<h5>
Delicious Pizza
</h5>
<p>
Veniam debitis quaerat officiis quasi cupiditate quo, quisquam velit, magnam voluptatem repellendus sed eaque
</p>
<div class="options">
<h6>
$20
</h6>
<a href="">
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 456.029 456.029" style="enable-background:new 0 0 456.029 456.029;" xml:space="preserve">
<g>
<g>
<path d="M345.6,338.862c-29.184,0-53.248,23.552-53.248,53.248c0,29.184,23.552,53.248,53.248,53.248
c29.184,0,53.248-23.552,53.248-53.248C398.336,362.926,374.784,338.862,345.6,338.862z" />
</g>
</g>
<g>
<g>
<path d="M439.296,84.91c-1.024,0-2.56-0.512-4.096-0.512H112.64l-5.12-34.304C104.448,27.566,84.992,10.67,61.952,10.67H20.48
C9.216,10.67,0,19.886,0,31.15c0,11.264,9.216,20.48,20.48,20.48h41.472c2.56,0,4.608,2.048,5.12,4.608l31.744,216.064
c4.096,27.136,27.648,47.616,55.296,47.616h212.992c26.624,0,49.664-18.944,55.296-45.056l33.28-166.4
C457.728,97.71,450.56,86.958,439.296,84.91z" />
</g>
</g>
<g>
<g>
<path d="M215.04,389.55c-1.024-28.16-24.576-50.688-52.736-50.688c-29.696,1.536-52.224,26.112-51.2,55.296
c1.024,28.16,24.064,50.688,52.224,50.688h1.024C193.536,443.31,216.576,418.734,215.04,389.55z" />
</g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
</svg>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-sm-6 col-lg-4 all burger">
<div class="box">
<div>
<div class="img-box">
<img src="images/f2.png" alt="">
</div>
<div class="detail-box">
<h5>
Delicious Burger
</h5>
<p>
Veniam debitis quaerat officiis quasi cupiditate quo, quisquam velit, magnam voluptatem repellendus sed eaque
</p>
<div class="options">
<h6>
$15
</h6>
<a href="">
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 456.029 456.029" style="enable-background:new 0 0 456.029 456.029;" xml:space="preserve">
<g>
<g>
<path d="M345.6,338.862c-29.184,0-53.248,23.552-53.248,53.248c0,29.184,23.552,53.248,53.248,53.248
c29.184,0,53.248-23.552,53.248-53.248C398.336,362.926,374.784,338.862,345.6,338.862z" />
</g>
</g>
<g>
<g>
<path d="M439.296,84.91c-1.024,0-2.56-0.512-4.096-0.512H112.64l-5.12-34.304C104.448,27.566,84.992,10.67,61.952,10.67H20.48
C9.216,10.67,0,19.886,0,31.15c0,11.264,9.216,20.48,20.48,20.48h41.472c2.56,0,4.608,2.048,5.12,4.608l31.744,216.064
c4.096,27.136,27.648,47.616,55.296,47.616h212.992c26.624,0,49.664-18.944,55.296-45.056l33.28-166.4
C457.728,97.71,450.56,86.958,439.296,84.91z" />
</g>
</g>
<g>
<g>
<path d="M215.04,389.55c-1.024-28.16-24.576-50.688-52.736-50.688c-29.696,1.536-52.224,26.112-51.2,55.296
c1.024,28.16,24.064,50.688,52.224,50.688h1.024C193.536,443.31,216.576,418.734,215.04,389.55z" />
</g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
</svg>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-sm-6 col-lg-4 all pizza">
<div class="box">
<div>
<div class="img-box">
<img src="images/f3.png" alt="">
</div>
<div class="detail-box">
<h5>
Delicious Pizza
</h5>
<p>
Veniam debitis quaerat officiis quasi cupiditate quo, quisquam velit, magnam voluptatem repellendus sed eaque
</p>
<div class="options">
<h6>
$17
</h6>
<a href="">
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 456.029 456.029" style="enable-background:new 0 0 456.029 456.029;" xml:space="preserve">
<g>
<g>
<path d="M345.6,338.862c-29.184,0-53.248,23.552-53.248,53.248c0,29.184,23.552,53.248,53.248,53.248
c29.184,0,53.248-23.552,53.248-53.248C398.336,362.926,374.784,338.862,345.6,338.862z" />
</g>
</g>
<g>
<g>
<path d="M439.296,84.91c-1.024,0-2.56-0.512-4.096-0.512H112.64l-5.12-34.304C104.448,27.566,84.992,10.67,61.952,10.67H20.48
C9.216,10.67,0,19.886,0,31.15c0,11.264,9.216,20.48,20.48,20.48h41.472c2.56,0,4.608,2.048,5.12,4.608l31.744,216.064
c4.096,27.136,27.648,47.616,55.296,47.616h212.992c26.624,0,49.664-18.944,55.296-45.056l33.28-166.4
C457.728,97.71,450.56,86.958,439.296,84.91z" />
</g>
</g>
<g>
<g>
<path d="M215.04,389.55c-1.024-28.16-24.576-50.688-52.736-50.688c-29.696,1.536-52.224,26.112-51.2,55.296
c1.024,28.16,24.064,50.688,52.224,50.688h1.024C193.536,443.31,216.576,418.734,215.04,389.55z" />
</g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
</svg>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-sm-6 col-lg-4 all pasta">
<div class="box">
<div>
<div class="img-box">
<img src="images/f4.png" alt="">
</div>
<div class="detail-box">
<h5>
Delicious Pasta
</h5>
<p>
Veniam debitis quaerat officiis quasi cupiditate quo, quisquam velit, magnam voluptatem repellendus sed eaque
</p>
<div class="options">
<h6>
$18
</h6>
<a href="">
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 456.029 456.029" style="enable-background:new 0 0 456.029 456.029;" xml:space="preserve">
<g>
<g>
<path d="M345.6,338.862c-29.184,0-53.248,23.552-53.248,53.248c0,29.184,23.552,53.248,53.248,53.248
c29.184,0,53.248-23.552,53.248-53.248C398.336,362.926,374.784,338.862,345.6,338.862z" />
</g>
</g>
<g>
<g>
<path d="M439.296,84.91c-1.024,0-2.56-0.512-4.096-0.512H112.64l-5.12-34.304C104.448,27.566,84.992,10.67,61.952,10.67H20.48
C9.216,10.67,0,19.886,0,31.15c0,11.264,9.216,20.48,20.48,20.48h41.472c2.56,0,4.608,2.048,5.12,4.608l31.744,216.064
c4.096,27.136,27.648,47.616,55.296,47.616h212.992c26.624,0,49.664-18.944,55.296-45.056l33.28-166.4
C457.728,97.71,450.56,86.958,439.296,84.91z" />
</g>
</g>
<g>
<g>
<path d="M215.04,389.55c-1.024-28.16-24.576-50.688-52.736-50.688c-29.696,1.536-52.224,26.112-51.2,55.296
c1.024,28.16,24.064,50.688,52.224,50.688h1.024C193.536,443.31,216.576,418.734,215.04,389.55z" />
</g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
</svg>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-sm-6 col-lg-4 all fries">
<div class="box">
<div>
<div class="img-box">
<img src="images/f5.png" alt="">
</div>
<div class="detail-box">
<h5>
French Fries
</h5>
<p>
Veniam debitis quaerat officiis quasi cupiditate quo, quisquam velit, magnam voluptatem repellendus sed eaque
</p>
<div class="options">
<h6>
$10
</h6>
<a href="">
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 456.029 456.029" style="enable-background:new 0 0 456.029 456.029;" xml:space="preserve">
<g>
<g>
<path d="M345.6,338.862c-29.184,0-53.248,23.552-53.248,53.248c0,29.184,23.552,53.248,53.248,53.248
c29.184,0,53.248-23.552,53.248-53.248C398.336,362.926,374.784,338.862,345.6,338.862z" />
</g>
</g>
<g>
<g>
<path d="M439.296,84.91c-1.024,0-2.56-0.512-4.096-0.512H112.64l-5.12-34.304C104.448,27.566,84.992,10.67,61.952,10.67H20.48
C9.216,10.67,0,19.886,0,31.15c0,11.264,9.216,20.48,20.48,20.48h41.472c2.56,0,4.608,2.048,5.12,4.608l31.744,216.064
c4.096,27.136,27.648,47.616,55.296,47.616h212.992c26.624,0,49.664-18.944,55.296-45.056l33.28-166.4
C457.728,97.71,450.56,86.958,439.296,84.91z" />
</g>
</g>
<g>
<g>
<path d="M215.04,389.55c-1.024-28.16-24.576-50.688-52.736-50.688c-29.696,1.536-52.224,26.112-51.2,55.296
c1.024,28.16,24.064,50.688,52.224,50.688h1.024C193.536,443.31,216.576,418.734,215.04,389.55z" />
</g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
</svg>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-sm-6 col-lg-4 all pizza">
<div class="box">
<div>
<div class="img-box">
<img src="images/f6.png" alt="">
</div>
<div class="detail-box">
<h5>
Delicious Pizza
</h5>
<p>
Veniam debitis quaerat officiis quasi cupiditate quo, quisquam velit, magnam voluptatem repellendus sed eaque
</p>
<div class="options">
<h6>
$15
</h6>
<a href="">
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 456.029 456.029" style="enable-background:new 0 0 456.029 456.029;" xml:space="preserve">
<g>
<g>
<path d="M345.6,338.862c-29.184,0-53.248,23.552-53.248,53.248c0,29.184,23.552,53.248,53.248,53.248
c29.184,0,53.248-23.552,53.248-53.248C398.336,362.926,374.784,338.862,345.6,338.862z" />
</g>
</g>
<g>
<g>
<path d="M439.296,84.91c-1.024,0-2.56-0.512-4.096-0.512H112.64l-5.12-34.304C104.448,27.566,84.992,10.67,61.952,10.67H20.48
C9.216,10.67,0,19.886,0,31.15c0,11.264,9.216,20.48,20.48,20.48h41.472c2.56,0,4.608,2.048,5.12,4.608l31.744,216.064
c4.096,27.136,27.648,47.616,55.296,47.616h212.992c26.624,0,49.664-18.944,55.296-45.056l33.28-166.4
C457.728,97.71,450.56,86.958,439.296,84.91z" />
</g>
</g>
<g>
<g>
<path d="M215.04,389.55c-1.024-28.16-24.576-50.688-52.736-50.688c-29.696,1.536-52.224,26.112-51.2,55.296
c1.024,28.16,24.064,50.688,52.224,50.688h1.024C193.536,443.31,216.576,418.734,215.04,389.55z" />
</g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
</svg>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-sm-6 col-lg-4 all burger">
<div class="box">
<div>
<div class="img-box">
<img src="images/f7.png" alt="">
</div>
<div class="detail-box">
<h5>
Tasty Burger
</h5>
<p>
Veniam debitis quaerat officiis quasi cupiditate quo, quisquam velit, magnam voluptatem repellendus sed eaque
</p>
<div class="options">
<h6>
$12
</h6>
<a href="">
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 456.029 456.029" style="enable-background:new 0 0 456.029 456.029;" xml:space="preserve">
<g>
<g>
<path d="M345.6,338.862c-29.184,0-53.248,23.552-53.248,53.248c0,29.184,23.552,53.248,53.248,53.248
c29.184,0,53.248-23.552,53.248-53.248C398.336,362.926,374.784,338.862,345.6,338.862z" />
</g>
</g>
<g>
<g>
<path d="M439.296,84.91c-1.024,0-2.56-0.512-4.096-0.512H112.64l-5.12-34.304C104.448,27.566,84.992,10.67,61.952,10.67H20.48
C9.216,10.67,0,19.886,0,31.15c0,11.264,9.216,20.48,20.48,20.48h41.472c2.56,0,4.608,2.048,5.12,4.608l31.744,216.064
c4.096,27.136,27.648,47.616,55.296,47.616h212.992c26.624,0,49.664-18.944,55.296-45.056l33.28-166.4
C457.728,97.71,450.56,86.958,439.296,84.91z" />
</g>
</g>
<g>
<g>
<path d="M215.04,389.55c-1.024-28.16-24.576-50.688-52.736-50.688c-29.696,1.536-52.224,26.112-51.2,55.296
c1.024,28.16,24.064,50.688,52.224,50.688h1.024C193.536,443.31,216.576,418.734,215.04,389.55z" />
</g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
</svg>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-sm-6 col-lg-4 all burger">
<div class="box">
<div>
<div class="img-box">
<img src="images/f8.png" alt="">
</div>
<div class="detail-box">
<h5>
Tasty Burger
</h5>
<p>
Veniam debitis quaerat officiis quasi cupiditate quo, quisquam velit, magnam voluptatem repellendus sed eaque
</p>
<div class="options">
<h6>
$14
</h6>
<a href="">
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 456.029 456.029" style="enable-background:new 0 0 456.029 456.029;" xml:space="preserve">
<g>
<g>
<path d="M345.6,338.862c-29.184,0-53.248,23.552-53.248,53.248c0,29.184,23.552,53.248,53.248,53.248
c29.184,0,53.248-23.552,53.248-53.248C398.336,362.926,374.784,338.862,345.6,338.862z" />
</g>
</g>
<g>
<g>
<path d="M439.296,84.91c-1.024,0-2.56-0.512-4.096-0.512H112.64l-5.12-34.304C104.448,27.566,84.992,10.67,61.952,10.67H20.48
C9.216,10.67,0,19.886,0,31.15c0,11.264,9.216,20.48,20.48,20.48h41.472c2.56,0,4.608,2.048,5.12,4.608l31.744,216.064
c4.096,27.136,27.648,47.616,55.296,47.616h212.992c26.624,0,49.664-18.944,55.296-45.056l33.28-166.4
C457.728,97.71,450.56,86.958,439.296,84.91z" />
</g>
</g>
<g>
<g>
<path d="M215.04,389.55c-1.024-28.16-24.576-50.688-52.736-50.688c-29.696,1.536-52.224,26.112-51.2,55.296
c1.024,28.16,24.064,50.688,52.224,50.688h1.024C193.536,443.31,216.576,418.734,215.04,389.55z" />
</g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
</svg>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-sm-6 col-lg-4 all pasta">
<div class="box">
<div>
<div class="img-box">
<img src="images/f9.png" alt="">
</div>
<div class="detail-box">
<h5>
Delicious Pasta
</h5>
<p>
Veniam debitis quaerat officiis quasi cupiditate quo, quisquam velit, magnam voluptatem repellendus sed eaque
</p>
<div class="options">
<h6>
$10
</h6>
<a href="">
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 456.029 456.029" style="enable-background:new 0 0 456.029 456.029;" xml:space="preserve">
<g>
<g>
<path d="M345.6,338.862c-29.184,0-53.248,23.552-53.248,53.248c0,29.184,23.552,53.248,53.248,53.248
c29.184,0,53.248-23.552,53.248-53.248C398.336,362.926,374.784,338.862,345.6,338.862z" />
</g>
</g>
<g>
<g>
<path d="M439.296,84.91c-1.024,0-2.56-0.512-4.096-0.512H112.64l-5.12-34.304C104.448,27.566,84.992,10.67,61.952,10.67H20.48
C9.216,10.67,0,19.886,0,31.15c0,11.264,9.216,20.48,20.48,20.48h41.472c2.56,0,4.608,2.048,5.12,4.608l31.744,216.064
c4.096,27.136,27.648,47.616,55.296,47.616h212.992c26.624,0,49.664-18.944,55.296-45.056l33.28-166.4
C457.728,97.71,450.56,86.958,439.296,84.91z" />
</g>
</g>
<g>
<g>
<path d="M215.04,389.55c-1.024-28.16-24.576-50.688-52.736-50.688c-29.696,1.536-52.224,26.112-51.2,55.296
c1.024,28.16,24.064,50.688,52.224,50.688h1.024C193.536,443.31,216.576,418.734,215.04,389.55z" />
</g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
</svg>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="btn-box">
<a href="">
View More
</a>
</div>
</div>
</section>
<!-- end food section -->
<!-- about section -->
<section class="about_section layout_padding">
<div class="container ">
<div class="row">
<div class="col-md-6 ">
<div class="img-box">
<img src="images/about-img.png" alt="">
</div>
</div>
<div class="col-md-6">
<div class="detail-box">
<div class="heading_container">
<h2>
We Are Feane
</h2>
</div>
<p>
There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration
in some form, by injected humour, or randomised words which don't look even slightly believable. If you
are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in
the middle of text. All
</p>
<a href="">
Read More
</a>
</div>
</div>
</div>
</div>
</section>
<!-- end about section -->
<!-- book section -->
<section class="book_section layout_padding">
<div class="container">
<div class="heading_container">
<h2>
Book A Table
</h2>
</div>
<div class="row">
<div class="col-md-6">
<div class="form_container">
<form action="">
<div>
<input type="text" class="form-control" placeholder="Your Name" />
</div>
<div>
<input type="text" class="form-control" placeholder="Phone Number" />
</div>
<div>
<input type="email" class="form-control" placeholder="Your Email" />
</div>
<div>
<select class="form-control nice-select wide">
<option value="" disabled selected>
How many persons?
</option>
<option value="">
2
</option>
<option value="">
3
</option>
<option value="">
4
</option>
<option value="">
5
</option>
</select>
</div>
<div>
<input type="date" class="form-control">
</div>
<div class="btn_box">
<button>
Book Now
</button>
</div>
</form>
</div>
</div>
<div class="col-md-6">
<div class="map_container ">
<div id="googleMap"></div>
</div>
</div>
</div>
</div>
</section>
<!-- end book section -->
<!-- client section -->
<section class="client_section layout_padding-bottom">
<div class="container">
<div class="heading_container heading_center psudo_white_primary mb_45">
<h2>
What Says Our Customers
</h2>
</div>
<div class="carousel-wrap row ">
<div class="owl-carousel client_owl-carousel">
<div class="item">
<div class="box">
<div class="detail-box">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam
</p>
<h6>
Moana Michell
</h6>
<p>
magna aliqua
</p>
</div>
<div class="img-box">
<img src="images/client1.jpg" alt="" class="box-img">
</div>
</div>
</div>
<div class="item">
<div class="box">
<div class="detail-box">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam
</p>
<h6>
Mike Hamell
</h6>
<p>
magna aliqua
</p>
</div>
<div class="img-box">
<img src="images/client2.jpg" alt="" class="box-img">
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- end client section -->
<!-- footer section -->
<footer class="footer_section">
<div class="container">
<div class="row">
<div class="col-md-4 footer-col">
<div class="footer_contact">
<h4>
Contact Us
</h4>
<div class="contact_link_box">
<a href="">
<i class="fa fa-map-marker" aria-hidden="true"></i>
<span>
Location
</span>
</a>
<a href="">
<i class="fa fa-phone" aria-hidden="true"></i>
<span>
Call +01 1234567890
</span>
</a>
<a href="">
<i class="fa fa-envelope" aria-hidden="true"></i>
<span>
[email protected]
</span>
</a>
</div>
</div>
</div>
<div class="col-md-4 footer-col">
<div class="footer_detail">
<a href="" class="footer-logo">
Feane
</a>
<p>
Necessary, making this the first true generator on the Internet. It uses a dictionary of over 200 Latin words, combined with
</p>
<div class="footer_social">
<a href="">
<i class="fa fa-facebook" aria-hidden="true"></i>
</a>
<a href="">
<i class="fa fa-twitter" aria-hidden="true"></i>
</a>
<a href="">
<i class="fa fa-linkedin" aria-hidden="true"></i>
</a>
<a href="">
<i class="fa fa-instagram" aria-hidden="true"></i>
</a>
<a href="">
<i class="fa fa-pinterest" aria-hidden="true"></i>
</a>
</div>
</div>
</div>
<div class="col-md-4 footer-col">
<h4>
Opening Hours
</h4>
<p>
Everyday
</p>
<p>
10.00 Am -10.00 Pm
</p>
</div>
</div>
<div class="footer-info">
<p>
© <span id="displayYear"></span> All Rights Reserved By
<a href="https://html.design/">Free Html Templates</a><br><br>
© <span id="displayYear"></span> Distributed By
<a href="https://themewagon.com/" target="_blank">ThemeWagon</a>
</p>
</div>
</div>
</footer>
<!-- footer section -->
<!-- jQery -->
<script src="js/jquery-3.4.1.min.js"></script>
<!-- popper js -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous">
</script>
<!-- bootstrap js -->
<script src="js/bootstrap.js"></script>
<!-- owl slider -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js">
</script>
<!-- isotope js -->
<script src="https://unpkg.com/[email protected]/dist/isotope.pkgd.min.js"></script>
<!-- nice select -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-nice-select/1.1.0/js/jquery.nice-select.min.js"></script>
<!-- custom js -->
<script src="js/custom.js"></script>
<!-- Google Map -->
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCh39n5U-4IoWpsVGUHWdqB6puEkhRLdmI&callback=myMap">
</script>
<!-- End Google Map -->
</body>
</html>
<!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 -->
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta name="author" content="" />
<link rel="shortcut icon" href="images/favicon.png" type="">
<title> Feane </title>
<!-- bootstrap core css -->
<link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
<!--owl slider stylesheet -->
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css" />
<!-- nice select -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-nice-select/1.1.0/css/nice-select.min.css" integrity="sha512-CruCP+TD3yXzlvvijET8wV5WxxEh5H8P4cmz0RFbKK6FlZ2sYl3AEsKlLPHbniXKSrDdFewhbmBK5skbdsASbQ==" crossorigin="anonymous" />
<!-- 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 class="sub_page">
<div class="hero_area">
<div class="bg-box">
<img src="images/hero-bg.jpg" alt="">
</div>
<!-- header section strats -->
<header class="header_section">
<div class="container">
<nav class="navbar navbar-expand-lg custom_nav-container ">
<a class="navbar-brand" href="index.html">
<span>
Feane
</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 mx-auto ">
<li class="nav-item ">
<a class="nav-link" href="index.html">Home </a>
</li>
<li class="nav-item">
<a class="nav-link" href="menu.html">Menu</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="about.html">About <span class="sr-only">(current)</span> </a>
</li>
<li class="nav-item">
<a class="nav-link" href="book.html">Book Table</a>
</li>
</ul>
<div class="user_option">
<a href="" class="user_link">
<i class="fa fa-user" aria-hidden="true"></i>
</a>
<a class="cart_link" href="#">
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 456.029 456.029" style="enable-background:new 0 0 456.029 456.029;" xml:space="preserve">
<g>
<g>
<path d="M345.6,338.862c-29.184,0-53.248,23.552-53.248,53.248c0,29.184,23.552,53.248,53.248,53.248
c29.184,0,53.248-23.552,53.248-53.248C398.336,362.926,374.784,338.862,345.6,338.862z" />
</g>
</g>
<g>
<g>
<path d="M439.296,84.91c-1.024,0-2.56-0.512-4.096-0.512H112.64l-5.12-34.304C104.448,27.566,84.992,10.67,61.952,10.67H20.48
C9.216,10.67,0,19.886,0,31.15c0,11.264,9.216,20.48,20.48,20.48h41.472c2.56,0,4.608,2.048,5.12,4.608l31.744,216.064
c4.096,27.136,27.648,47.616,55.296,47.616h212.992c26.624,0,49.664-18.944,55.296-45.056l33.28-166.4
C457.728,97.71,450.56,86.958,439.296,84.91z" />
</g>
</g>
<g>
<g>
<path d="M215.04,389.55c-1.024-28.16-24.576-50.688-52.736-50.688c-29.696,1.536-52.224,26.112-51.2,55.296
c1.024,28.16,24.064,50.688,52.224,50.688h1.024C193.536,443.31,216.576,418.734,215.04,389.55z" />
</g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
</svg>
</a>
<form class="form-inline">
<button class="btn my-2 my-sm-0 nav_search-btn" type="submit">
<i class="fa fa-search" aria-hidden="true"></i>
</button>
</form>
<a href="" class="order_online">
Order Online
</a>
</div>
</div>
</nav>
</div>
</header>
<!-- end header section -->
</div>
<!-- about section -->
<section class="about_section layout_padding">
<div class="container ">
<div class="row">
<div class="col-md-6 ">
<div class="img-box">
<img src="images/about-img.png" alt="">
</div>
</div>
<div class="col-md-6">
<div class="detail-box">
<div class="heading_container">
<h2>
We Are Feane
</h2>
</div>
<p>
There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration
in some form, by injected humour, or randomised words which don't look even slightly believable. If you
are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in
the middle of text. All
</p>
<a href="">
Read More
</a>
</div>
</div>
</div>
</div>
</section>
<!-- end about section -->
<!-- footer section -->
<footer class="footer_section">
<div class="container">
<div class="row">
<div class="col-md-4 footer-col">
<div class="footer_contact">
<h4>
Contact Us
</h4>
<div class="contact_link_box">
<a href="">
<i class="fa fa-map-marker" aria-hidden="true"></i>
<span>
Location
</span>
</a>
<a href="">
<i class="fa fa-phone" aria-hidden="true"></i>
<span>
Call +01 1234567890
</span>
</a>
<a href="">
<i class="fa fa-envelope" aria-hidden="true"></i>
<span>
[email protected]
</span>
</a>
</div>
</div>
</div>
<div class="col-md-4 footer-col">
<div class="footer_detail">
<a href="" class="footer-logo">
Feane
</a>
<p>
Necessary, making this the first true generator on the Internet. It uses a dictionary of over 200 Latin words, combined with
</p>
<div class="footer_social">
<a href="">
<i class="fa fa-facebook" aria-hidden="true"></i>
</a>
<a href="">
<i class="fa fa-twitter" aria-hidden="true"></i>
</a>
<a href="">
<i class="fa fa-linkedin" aria-hidden="true"></i>
</a>
<a href="">
<i class="fa fa-instagram" aria-hidden="true"></i>
</a>
<a href="">
<i class="fa fa-pinterest" aria-hidden="true"></i>
</a>
</div>
</div>
</div>
<div class="col-md-4 footer-col">
<h4>
Opening Hours
</h4>
<p>
Everyday
</p>
<p>
10.00 Am -10.00 Pm
</p>
</div>
</div>
<div class="footer-info">
<p>
© <span id="displayYear"></span> All Rights Reserved By
<a href="https://html.design/">Free Html Templates</a><br><br>
© <span id="displayYear"></span> Distributed By
<a href="https://themewagon.com/" target="_blank">ThemeWagon</a>
</p>
</div>
</div>
</footer>
<!-- footer section -->
<!-- jQery -->
<script src="js/jquery-3.4.1.min.js"></script>
<!-- popper js -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous">
</script>
<!-- bootstrap js -->
<script src="js/bootstrap.js"></script>
<!-- owl slider -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js">
</script>
<!-- isotope js -->
<script src="https://unpkg.com/[email protected]/dist/isotope.pkgd.min.js"></script>
<!-- nice select -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-nice-select/1.1.0/js/jquery.nice-select.min.js"></script>
<!-- custom js -->
<script src="js/custom.js"></script>
<!-- Google Map -->
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCh39n5U-4IoWpsVGUHWdqB6puEkhRLdmI&callback=myMap">
</script>
<!-- End Google Map -->
</body>
</html>
<!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 -->
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta name="author" content="" />
<link rel="shortcut icon" href="images/favicon.png" type="">
<title> Feane </title>
<!-- bootstrap core css -->
<link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
<!--owl slider stylesheet -->
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css" />
<!-- nice select -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-nice-select/1.1.0/css/nice-select.min.css" integrity="sha512-CruCP+TD3yXzlvvijET8wV5WxxEh5H8P4cmz0RFbKK6FlZ2sYl3AEsKlLPHbniXKSrDdFewhbmBK5skbdsASbQ==" crossorigin="anonymous" />
<!-- 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 class="sub_page">
<div class="hero_area">
<div class="bg-box">
<img src="images/hero-bg.jpg" alt="">
</div>
<!-- header section strats -->
<header class="header_section">
<div class="container">
<nav class="navbar navbar-expand-lg custom_nav-container ">
<a class="navbar-brand" href="index.html">
<span>
Feane
</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 mx-auto ">
<li class="nav-item">
<a class="nav-link" href="index.html">Home </a>
</li>
<li class="nav-item">
<a class="nav-link" href="menu.html">Menu</a>
</li>
<li class="nav-item">
<a class="nav-link" href="about.html">About</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="book.html">Book Table <span class="sr-only">(current)</span> </a>
</li>
</ul>
<div class="user_option">
<a href="" class="user_link">
<i class="fa fa-user" aria-hidden="true"></i>
</a>
<a class="cart_link" href="#">
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 456.029 456.029" style="enable-background:new 0 0 456.029 456.029;" xml:space="preserve">
<g>
<g>
<path d="M345.6,338.862c-29.184,0-53.248,23.552-53.248,53.248c0,29.184,23.552,53.248,53.248,53.248
c29.184,0,53.248-23.552,53.248-53.248C398.336,362.926,374.784,338.862,345.6,338.862z" />
</g>
</g>
<g>
<g>
<path d="M439.296,84.91c-1.024,0-2.56-0.512-4.096-0.512H112.64l-5.12-34.304C104.448,27.566,84.992,10.67,61.952,10.67H20.48
C9.216,10.67,0,19.886,0,31.15c0,11.264,9.216,20.48,20.48,20.48h41.472c2.56,0,4.608,2.048,5.12,4.608l31.744,216.064
c4.096,27.136,27.648,47.616,55.296,47.616h212.992c26.624,0,49.664-18.944,55.296-45.056l33.28-166.4
C457.728,97.71,450.56,86.958,439.296,84.91z" />
</g>
</g>
<g>
<g>
<path d="M215.04,389.55c-1.024-28.16-24.576-50.688-52.736-50.688c-29.696,1.536-52.224,26.112-51.2,55.296
c1.024,28.16,24.064,50.688,52.224,50.688h1.024C193.536,443.31,216.576,418.734,215.04,389.55z" />
</g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
</svg>
</a>
<form class="form-inline">
<button class="btn my-2 my-sm-0 nav_search-btn" type="submit">
<i class="fa fa-search" aria-hidden="true"></i>
</button>
</form>
<a href="" class="order_online">
Order Online
</a>
</div>
</div>
</nav>
</div>
</header>
<!-- end header section -->
</div>
<!-- book section -->
<section class="book_section layout_padding">
<div class="container">
<div class="heading_container">
<h2>
Book A Table
</h2>
</div>
<div class="row">
<div class="col-md-6">
<div class="form_container">
<form action="">
<div>
<input type="text" class="form-control" placeholder="Your Name" />
</div>
<div>
<input type="text" class="form-control" placeholder="Phone Number" />
</div>
<div>
<input type="email" class="form-control" placeholder="Your Email" />
</div>
<div>
<select class="form-control nice-select wide">
<option value="" disabled selected>
How many persons?
</option>
<option value="">
2
</option>
<option value="">
3
</option>
<option value="">
4
</option>
<option value="">
5
</option>
</select>
</div>
<div>
<input type="date" class="form-control">
</div>
<div class="btn_box">
<button>
Book Now
</button>
</div>
</form>
</div>
</div>
<div class="col-md-6">
<div class="map_container ">
<div id="googleMap"></div>
</div>
</div>
</div>
</div>
</section>
<!-- end book section -->
<!-- footer section -->
<footer class="footer_section">
<div class="container">
<div class="row">
<div class="col-md-4 footer-col">
<div class="footer_contact">
<h4>
Contact Us
</h4>
<div class="contact_link_box">
<a href="">
<i class="fa fa-map-marker" aria-hidden="true"></i>
<span>
Location
</span>
</a>
<a href="">
<i class="fa fa-phone" aria-hidden="true"></i>
<span>
Call +01 1234567890
</span>
</a>
<a href="">
<i class="fa fa-envelope" aria-hidden="true"></i>
<span>
[email protected]
</span>
</a>
</div>
</div>
</div>
<div class="col-md-4 footer-col">
<div class="footer_detail">
<a href="" class="footer-logo">
Feane
</a>
<p>
Necessary, making this the first true generator on the Internet. It uses a dictionary of over 200 Latin words, combined with
</p>
<div class="footer_social">
<a href="">
<i class="fa fa-facebook" aria-hidden="true"></i>
</a>
<a href="">
<i class="fa fa-twitter" aria-hidden="true"></i>
</a>
<a href="">
<i class="fa fa-linkedin" aria-hidden="true"></i>
</a>
<a href="">
<i class="fa fa-instagram" aria-hidden="true"></i>
</a>
<a href="">
<i class="fa fa-pinterest" aria-hidden="true"></i>
</a>
</div>
</div>
</div>
<div class="col-md-4 footer-col">
<h4>
Opening Hours
</h4>
<p>
Everyday
</p>
<p>
10.00 Am -10.00 Pm
</p>
</div>
</div>
<div class="footer-info">
<p>
© <span id="displayYear"></span> All Rights Reserved By
<a href="https://html.design/">Free Html Templates</a><br><br>
© <span id="displayYear"></span> Distributed By
<a href="https://themewagon.com/" target="_blank">ThemeWagon</a>
</p>
</div>
</div>
</footer>
<!-- footer section -->
<!-- jQery -->
<script src="js/jquery-3.4.1.min.js"></script>
<!-- popper js -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous">
</script>
<!-- bootstrap js -->
<script src="js/bootstrap.js"></script>
<!-- owl slider -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js">
</script>
<!-- isotope js -->
<script src="https://unpkg.com/[email protected]/dist/isotope.pkgd.min.js"></script>
<!-- nice select -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-nice-select/1.1.0/js/jquery.nice-select.min.js"></script>
<!-- custom js -->
<script src="js/custom.js"></script>
<!-- Google Map -->
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCh39n5U-4IoWpsVGUHWdqB6puEkhRLdmI&callback=myMap">
</script>
<!-- End Google Map -->
</body>
</html>
@import url("https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;500;600;700&family=Open+Sans:wght@400;600;700&display=swap");
body {
font-family: "Open Sans", sans-serif;
color: #0c0c0c;
background-color: #ffffff;
overflow-x: hidden;
}
.layout_padding {
padding: 90px 0;
}
.layout_padding2 {
padding: 75px 0;
}
.layout_padding2-top {
padding-top: 75px;
}
.layout_padding2-bottom {
padding-bottom: 75px;
}
.layout_padding-top {
padding-top: 90px;
}
.layout_padding-bottom {
padding-bottom: 90px;
}
h1,
h2 {
font-family: 'Dancing Script', cursive;
}
.heading_container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.heading_container h2 {
position: relative;
margin-bottom: 0;
font-size: 2.5rem;
font-weight: bold;
}
.heading_container h2 span {
color: #ffbe33;
}
.heading_container p {
margin-top: 10px;
margin-bottom: 0;
}
.heading_container.heading_center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
}
a,
a:hover,
a:focus {
text-decoration: none;
}
a:hover,
a:focus {
color: initial;
}
.btn,
.btn:focus {
outline: none !important;
-webkit-box-shadow: none;
box-shadow: none;
}
/*header section*/
.hero_area {
position: relative;
min-height: 100vh;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.bg-box {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.bg-box img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.sub_page .hero_area {
min-height: auto;
}
.sub_page .hero_area .bg-box {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.sub_page .hero_area .bg-box img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: right top;
object-position: right top;
}
.header_section {
padding: 15px 0;
}
.header_section .container-fluid {
padding-right: 25px;
padding-left: 25px;
}
.navbar-brand {
font-family: 'Dancing Script', cursive;
}
.navbar-brand span {
font-weight: bold;
font-size: 32px;
color: #ffffff;
}
.custom_nav-container {
padding: 0;
}
.custom_nav-container .navbar-nav {
padding-left: 18%;
}
.custom_nav-container .navbar-nav .nav-item .nav-link {
padding: 5px 20px;
color: #ffffff;
text-align: center;
text-transform: uppercase;
border-radius: 5px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.custom_nav-container .navbar-nav .nav-item:hover .nav-link, .custom_nav-container .navbar-nav .nav-item.active .nav-link {
color: #ffbe33;
}
.custom_nav-container .nav_search-btn {
width: auto;
height: auto;
padding: 0;
border: none;
color: #ffffff;
margin: 0 10px;
}
.custom_nav-container .nav_search-btn:hover {
color: #ffbe33;
}
.user_option {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.user_option a {
margin: 0 10px;
}
.user_option .user_link {
color: #ffffff;
}
.user_option .user_link:hover {
color: #ffbe33;
}
.user_option .cart_link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.user_option .cart_link svg {
width: 17px;
height: auto;
fill: #ffffff;
margin-bottom: 2px;
}
.user_option .cart_link:hover svg {
fill: #ffbe33;
}
.user_option .order_online {
display: inline-block;
padding: 8px 30px;
background-color: #ffbe33;
color: #ffffff;
border-radius: 45px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
border: none;
}
.user_option .order_online:hover {
background-color: #e69c00;
}
.custom_nav-container .navbar-toggler {
outline: none;
}
.custom_nav-container .navbar-toggler {
padding: 0;
width: 37px;
height: 42px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.custom_nav-container .navbar-toggler span {
display: block;
width: 35px;
height: 4px;
background-color: #ffffff;
margin: 7px 0;
-webkit-transition: all 0.3s;
transition: all 0.3s;
position: relative;
border-radius: 5px;
transition: all 0.3s;
}
.custom_nav-container .navbar-toggler span::before, .custom_nav-container .navbar-toggler span::after {
content: "";
position: absolute;
left: 0;
height: 100%;
width: 100%;
background-color: #ffffff;
top: -10px;
border-radius: 5px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.custom_nav-container .navbar-toggler span::after {
top: 10px;
}
.custom_nav-container .navbar-toggler[aria-expanded="true"] {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
.custom_nav-container .navbar-toggler[aria-expanded="true"] span {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.custom_nav-container .navbar-toggler[aria-expanded="true"] span::before, .custom_nav-container .navbar-toggler[aria-expanded="true"] span::after {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
top: 0;
}
/*end header section*/
/* slider section */
.slider_section {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
padding: 45px 0 75px 0;
}
.slider_section .row {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.slider_section #customCarousel1 {
width: 100%;
position: unset;
}
.slider_section .detail-box {
color: #ffffff;
margin-bottom: 145px;
}
.slider_section .detail-box h1 {
font-size: 3.5rem;
font-weight: bold;
margin-bottom: 15px;
}
.slider_section .detail-box p {
font-size: 14px;
}
.slider_section .detail-box a {
display: inline-block;
padding: 10px 45px;
background-color: #ffbe33;
color: #ffffff;
border-radius: 45px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
border: none;
margin-top: 10px;
}
.slider_section .detail-box a:hover {
background-color: #e69c00;
}
.slider_section .img-box img {
width: 100%;
}
.slider_section .carousel-indicators {
position: unset;
margin: 0;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.slider_section .carousel-indicators li {
background-color: #ffffff;
width: 12px;
height: 12px;
border-radius: 100%;
opacity: 1;
}
.slider_section .carousel-indicators li.active {
width: 20px;
height: 20px;
background-color: #ffbe33;
}
.offer_section {
position: relative;
padding-top: 45px;
}
.offer_section .box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 45px;
border-radius: 5px;
padding: 20px 15px;
background-color: #222831;
color: #ffffff;
}
.offer_section .box .img-box {
width: 175px;
min-width: 175px;
height: 175px;
margin-right: 15px;
position: relative;
-webkit-transition: all 0.1 0.5s;
transition: all 0.1 0.5s;
border-radius: 100%;
border: 5px solid #ffbe33;
overflow: hidden;
}
.offer_section .box .img-box img {
width: 100%;
-webkit-transition: all .2s;
transition: all .2s;
}
.offer_section .box .detail-box h5 {
font-family: 'Dancing Script', cursive;
font-size: 24px;
margin: 0;
}
.offer_section .box .detail-box h6 {
font-family: 'Dancing Script', cursive;
margin: 10px 0;
}
.offer_section .box .detail-box h6 span {
font-size: 2.5rem;
font-weight: bold;
}
.offer_section .box .detail-box a {
display: inline-block;
padding: 10px 30px;
background-color: #ffbe33;
color: #ffffff;
border-radius: 45px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
border: none;
}
.offer_section .box .detail-box a:hover {
background-color: #e69c00;
}
.offer_section .box .detail-box a svg {
width: 20px;
height: auto;
margin-left: 5px;
fill: #ffffff;
}
.offer_section .box:hover .img-box img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.food_section .filters_menu {
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
list-style-type: none;
margin: 45px 0 20px 0;
}
.food_section .filters_menu li {
padding: 7px 25px;
cursor: pointer;
border-radius: 25px;
}
.food_section .filters_menu li.active {
background-color: #222831;
color: #ffffff;
}
.food_section .box {
position: relative;
margin-top: 25px;
background-color: #ffffff;
border-radius: 10px;
color: #ffffff;
border-radius: 15px;
overflow: hidden;
background: linear-gradient(to bottom, #f1f2f3 25px, #222831 25px);
}
.food_section .box .img-box {
background: #f1f2f3;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 215px;
border-radius: 0 0 0 45px;
margin: -1px;
padding: 25px;
}
.food_section .box .img-box img {
max-width: 100%;
max-height: 145px;
-webkit-transition: all .2s;
transition: all .2s;
}
.food_section .box .detail-box {
padding: 25px;
}
.food_section .box .detail-box h5 {
font-weight: 600;
}
.food_section .box .detail-box p {
font-size: 15px;
}
.food_section .box .detail-box h6 {
margin-top: 10px;
}
.food_section .box .options {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.food_section .box .options a {
width: 40px;
height: 40px;
border-radius: 100%;
background: #ffbe33;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.food_section .box .options a svg {
width: 18px;
height: auto;
fill: #ffffff;
}
.food_section .box:hover .img-box img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.food_section .btn-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 45px;
}
.food_section .btn-box a {
display: inline-block;
padding: 10px 55px;
background-color: #ffbe33;
color: #ffffff;
border-radius: 45px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
border: none;
}
.food_section .btn-box a:hover {
background-color: #e69c00;
}
.about_section {
background: #222831;
color: #ffffff;
}
.about_section .row {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.about_section .img-box {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.about_section .img-box img {
width: 100%;
max-width: 445px;
position: relative;
z-index: 2;
}
.about_section .detail-box p {
margin-top: 15px;
}
.about_section .detail-box a {
display: inline-block;
padding: 10px 45px;
background-color: #ffbe33;
color: #ffffff;
border-radius: 45px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
border: none;
margin-top: 15px;
}
.about_section .detail-box a:hover {
background-color: #e69c00;
}
.book_section {
position: relative;
}
.book_section .heading_container {
margin-bottom: 25px;
}
.book_section .form_container .form-control {
width: 100%;
border: none;
height: 50px;
margin-bottom: 25px;
padding-left: 25px;
border: 1px solid #999;
outline: none;
color: #000000;
border-radius: 5px;
outline: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.book_section .form_container .form-control::-webkit-input-placeholder {
color: #222222;
}
.book_section .form_container .form-control:-ms-input-placeholder {
color: #222222;
}
.book_section .form_container .form-control::-ms-input-placeholder {
color: #222222;
}
.book_section .form_container .form-control::placeholder {
color: #222222;
}
.book_section .form_container .nice-select .current {
font-size: 16px;
}
.book_section .form_container button {
margin-top: 15px;
border: none;
text-transform: uppercase;
display: inline-block;
padding: 10px 55px;
background-color: #ffbe33;
color: #ffffff;
border-radius: 45px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
border: none;
}
.book_section .form_container button:hover {
background-color: #e69c00;
}
.book_section .map_container {
width: 100%;
height: 345px;
border-radius: 10px;
overflow: hidden;
}
.book_section .map_container #googleMap {
height: 100%;
min-height: 100%;
width: 100%;
}
/* client section start */
.client_section .heading_container {
margin-bottom: 30px;
}
.client_section .box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin: 15px;
}
.client_section .box .img-box {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 115px;
position: relative;
margin-top: 30px;
}
.client_section .box .img-box img {
border-radius: 100%;
border: 5px solid #ffbe33;
position: relative;
}
.client_section .box .img-box::before {
content: "";
position: absolute;
left: 50%;
top: 0;
width: 20px;
height: 20px;
background-color: #ffbe33;
-webkit-transform: rotate(45deg) translateX(-50%);
transform: rotate(45deg) translateX(-50%);
}
.client_section .box .detail-box {
background-color: #222831;
color: #ffffff;
padding: 25px 25px 15px 25px;
border-radius: 5px;
}
.client_section .box .detail-box h6 {
font-weight: 600;
font-size: 18px;
margin: 15px 0 5px 0;
}
.client_section .box .detail-box p {
margin-bottom: 0;
font-size: 15px;
margin-bottom: 10px;
}
.client_section .owl-carousel .owl-nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 45px;
padding: 0 15px;
}
.client_section .owl-carousel .owl-nav .owl-prev,
.client_section .owl-carousel .owl-nav .owl-next {
width: 45px;
height: 45px;
background-color: #ffbe33;
color: #ffffff;
outline: none;
bottom: 0px;
font-size: 24px;
margin: 0 5px;
border-radius: 100%;
}
/* client section end */
.contact_section .heading_container {
margin-bottom: 45px;
}
.contact_section .form_container .form-group {
margin-bottom: 25px;
}
.contact_section .form_container input {
width: 100%;
border: none;
height: 50px;
padding-left: 25px;
background-color: transparent;
border: 1px solid #ccc;
outline: none;
color: #000000;
border-radius: 5px;
}
.contact_section .form_container input::-webkit-input-placeholder {
color: #222222;
}
.contact_section .form_container input:-ms-input-placeholder {
color: #222222;
}
.contact_section .form_container input::-ms-input-placeholder {
color: #222222;
}
.contact_section .form_container input::placeholder {
color: #222222;
}
.contact_section .form_container input.message-box {
height: 120px;
border-radius: 5px;
}
.contact_section .form_container .btn-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.contact_section .form_container button {
margin-top: 10px;
border: none;
text-transform: uppercase;
display: inline-block;
padding: 10px 55px;
background-color: #ffbe33;
color: #ffffff;
border-radius: 0px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
border: none;
}
.contact_section .form_container button:hover {
background-color: #e69c00;
}
/* footer section*/
.footer_section {
background-color: #222831;
color: #ffffff;
padding: 75px 0 40px 0;
text-align: center;
}
.footer_section h4 {
font-size: 28px;
}
.footer_section h4,
.footer_section .footer-logo {
font-weight: 600;
margin-bottom: 20px;
font-family: 'Dancing Script', cursive;
}
.footer_section p {
color: #dbdbdb;
}
.footer_section .footer-col {
margin-bottom: 30px;
}
.footer_section .footer_contact .contact_link_box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.footer_section .footer_contact .contact_link_box a {
margin: 5px 0;
color: #ffffff;
}
.footer_section .footer_contact .contact_link_box a i {
margin-right: 5px;
}
.footer_section .footer_contact .contact_link_box a:hover {
color: #ffbe33;
}
.footer_section .footer-logo {
display: block;
font-weight: bold;
font-size: 38px;
line-height: 1;
color: #ffffff;
}
.footer_section .footer_social {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 20px;
margin-bottom: 10px;
}
.footer_section .footer_social a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #222831;
width: 30px;
height: 30px;
border-radius: 100%;
background-color: #ffffff;
border-radius: 100%;
margin: 0 2.5px;
font-size: 18px;
}
.footer_section .footer_social a:hover {
color: #ffbe33;
}
.footer_section .footer-info {
text-align: center;
margin-top: 25px;
}
.footer_section .footer-info p {
color: #ffffff;
margin: 0;
}
.footer_section .footer-info p a {
color: inherit;
}
/*# sourceMappingURL=style.css.map */
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent