?
áEÓê¤ÎïLwebshll2019
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Meta Tags -->
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1, shrink-to-fit=no" name="viewport">
<!-- Author -->
<meta name="author" content="Themes Industry">
<!-- description -->
<meta name="description" content="Food Delivery is a highly creative, modern, visually stunning and Bootstrap responsive multipurpose studio and portfolio HTML5 template with 8 ready home page demos.">
<!-- keywords -->
<meta name="keywords" content="Food Delivery, modern, clean, bootstrap responsive, html5, css3, portfolio, blog, studio, templates, multipurpose, one page, corporate, start-up, studio, branding, designer, freelancer, carousel, parallax, photography, studio, masonry, grid, faq">
<!-- Page Title -->
<title> Food Delivery | Account</title>
<!-- Favicon -->
<link href="" rel="icon">
<!-- Bundle -->
<link href="../vendor/css/bundle.min.css" rel="stylesheet">
<!-- Plugin Css -->
<link href="css/line-awesome.min.css" rel="stylesheet">
<link href="../vendor/css/revolution-settings.min.css" rel="stylesheet">
<link href="../vendor/css/jquery.fancybox.min.css" rel="stylesheet">
<link href="../vendor/css/owl.carousel.min.css" rel="stylesheet">
<link href="../vendor/css/cubeportfolio.min.css" rel="stylesheet">
<link href="../vendor/css/LineIcons.min.css" rel="stylesheet">
<link href="css/slick-theme.css" rel="stylesheet">
<link href="css/slick.css" rel="stylesheet">
<link href="../vendor/css/wow.css" rel="stylesheet">
<!-- Style Sheet -->
<link href="css/nouislider.min.css" rel="stylesheet">
<link href="css/range-slider.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
</head>
<body data-spy="scroll" data-target=".navbar" data-offset="90">
<!-- Preloader -->
<div class="preloader">
<div class="center">
<div class="spinner">
<div class="blob top"></div>
<div class="blob bottom"></div>
<div class="blob left"></div>
<div class="blob move-blob"></div>
</div>
</div>
</div>
<!-- Preloader End -->
<!--Header Start-->
<header id="home" class="cursor-light">
<div class="inner-header nav-icon">
<div class="main-navigation">
<div class="container">
<div class="row">
<div class="col-6 col-lg-3">
<a class="navbar-brand link" href="../index-food-delivery.html">
<img src="img/logo.png" class="" alt="logo">
<!-- <img src="img/logo-white-small.png" class="logo-fixed" alt="logo">-->
</a>
</div>
<div class="col-lg-6 simple-navbar d-none d-lg-flex align-items-center justify-content-center">
<nav class="navbar navbar-expand-lg">
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<div class="navbar-nav ml-auto mr-auto">
<a class="nav-link link" href="restaurant-listing.html">Browse Food</a>
<a class="nav-link link" href="../index-food-delivery.html#app-sec">Download App</a>
<a class="nav-link link" href="../index-food-delivery.html#about-sec">About Us</a>
</div>
</div>
</nav>
</div>
<div class="col-6 col-lg-3 d-flex align-items-center justify-content-end">
<ul class="user-links">
<li class="header-shop-cart"><a href="javascript:void(0);" class="line-icon position-relative link"><i class="las la-shopping-bag"></i><span class="badge rounded-circle">4</span></a>
<div class="minicart link">
<div class="minicart-content">
<div class="row">
<div class="cart-img col-5">
<a href="#">
<img src="img/item1.png" alt="">
</a>
</div>
<div class="cart-content col-6">
<h4>
<a href="#">Lamp Chops Handi</a>
</h4>
<div class="cart-price">
<span class="new">$229.9</span>
<span><del>$229.9</del></span>
</div>
<div class="number">
<span class="minus">-</span>
<input type="text" value="1"/>
<span class="plus">+</span>
</div>
<div class="del-icon">
<a href="#">
<i class="far fa-trash-alt"></i>
</a>
</div>
</div>
</div>
<div class="row">
<div class="cart-img col-5">
<a href="#">
<img src="img/item6.png" alt="">
</a>
</div>
<div class="cart-content col-6">
<h4>
<a href="#">Double Stack Pizza</a>
</h4>
<div class="cart-price">
<span class="new">$229.9</span>
<span><del>$229.9</del></span>
</div>
<div class="number">
<span class="minus">-</span>
<input type="text" value="3"/>
<span class="plus">+</span>
</div>
<div class="del-icon">
<a href="#">
<i class="far fa-trash-alt"></i>
</a>
</div>
</div>
</div>
<div class="row">
<div class="cart-img col-5">
<a href="#">
<img src="img/item5.png" alt="">
</a>
</div>
<div class="cart-content col-6">
<h4>
<a href="#">Double Stack Pizza</a>
</h4>
<div class="cart-price">
<span class="new">$229.9</span>
<span><del>$229.9</del></span>
</div>
<div class="number">
<span class="minus">-</span>
<input type="text" value="2"/>
<span class="plus">+</span>
</div>
<div class="del-icon">
<a href="#">
<i class="far fa-trash-alt"></i>
</a>
</div>
</div>
</div>
</div>
<ul class="ml-0">
<li>
<div class="total-price">
<!-- <span class="f-left">Total:</span>-->
<span class="f-right">$239.9</span>
</div>
</li>
<li>
<div class="checkout-link">
<a href="#" class="main-btn rounded-pill" id="checkout-btn">Checkout</a>
</div>
</li>
</ul>
</div>
</li>
<li class="user-menu-cart"><a href="javascript:void(0);" class="fa-icon link"><i class="far fa-user"></i><span><i class="las la-angle-down ml-1"></i></span></a>
<div class="menu-links link">
<ul>
<li>
<div class="overlay-link"></div>
<a href="login.html"><i class="lni lni-key"></i>Login</a></li>
<li>
<div class="overlay-link"></div>
<a href="registeration.html"><i class="lni lni-pointer-right"></i>Register</a></li>
<li>
<div class="overlay-link"></div>
<a href="accounts.html"><i class="lni lni-user"></i>Account</a></li>
<li>
<div class="overlay-link"></div>
<a href="#"><i class="lni lni-lock"></i>Logout</a></li>
</ul>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
<!--toggle btn-->
<a href="javascript:void(0)" class="sidemenu_btn link d-lg-none" id="sidemenu_toggle">
<span></span>
<span></span>
<span></span>
</a>
</div>
<!--Side Nav-->
<div class="side-menu hidden side-menu-opacity">
<div class="bg-overlay"></div>
<div class="inner-wrapper">
<span class="btn-close" id="btn_sideNavClose"><i></i><i></i></span>
<div class="container">
<div class="row w-100 side-menu-inner-content">
<div class="col-12 d-flex justify-content-center align-items-center">
<a href="../index-food-delivery.html" class="navbar-brand"><img src="img/logo-white-small.png" alt="logo"></a>
</div>
<div class="col-12 col-lg-8">
<nav class="side-nav w-100">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="restaurant-listing.html">Browse Food</a>
</li>
<li class="nav-item">
<a class="nav-link" href="../index-food-delivery.html#app-sec">Download App</a>
</li>
<li class="nav-item">
<a class="nav-link" href="../index-food-delivery.html#about-sec">About Us</a>
</li>
</ul>
</nav>
</div>
<div class="col-12 col-lg-4 d-flex align-items-center">
<div class="side-footer text-white w-100">
<div class="menu-company-details">
<span>+1 631 123 4567</span>
<span>email@website.com</span>
</div>
<ul class="social-icons-simple">
<li><a class="facebook-text-hvr" href="javascript:void(0)"><i class="fab fa-facebook-f"></i> </a> </li>
<li><a class="instagram-text-hvr" href="javascript:void(0)"><i class="fab fa-twitter"></i> </a> </li>
<li><a class="instagram-text-hvr" href="javascript:void(0)"><i class="fab fa-youtube"></i> </a> </li>
<li><a class="instagram-text-hvr" href="javascript:void(0)"><i class="fab fa-instagram"></i> </a> </li>
</ul>
<p class="text-white">© 2020 MegaOne. Made With Love by Themesindustry</p>
</div>
</div>
</div>
</div>
</div>
</div>
<a id="close_side_menu" href="javascript:void(0);"></a>
</header>
<!--Header End-->
<!--Banner Sec start-->
<section class="secondary-pages-banner cursor-light bg-1" id="main-banner">
<!-- END REVOLUTION SLIDER -->
<img src="img/slider-ele3.png" class="secondary-item1">
<img src="img/slider-ele1.png" class="secondary-item2">
<div class="banner-content text-center">
<div class="heading-area">
<h4 class="heading">User Profile</h4>
<div class="crumbs">
<nav aria-label="breadcrumb" class="breadcrumb-items">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="../index-food-delivery.html" class="link">Home</a></li>
<li class="breadcrumb-item"><a href="accounts.html" class="link">Account</a></li>
</ol>
</nav>
</div>
</div>
</div>
</section>
<!--Banner Sec End-->
<!--Account sec Start-->
<section class="account-sec padding-top padding-bottom bg-2">
<div class="container">
<div class="row border-row">
<div class="col-12 col-lg-4">
<div class="menu-bar">
<div class="user-globe-details text-center">
<div class="img-holder rounded-pill">
<img src="img/test1.jpg" alt="picture" class="rounded-pill">
</div>
<h4 class="user-name">Burak Deniz</h4>
<span class="user-number">+918982762662</span>
</div>
<div class="menu-tabs">
<ul class="nav nav-tabs flex-column nav-pills" id="myTab" role="tablist">
<li class="nav-item">
<a class="nav-link active" id="home-tab" data-toggle="tab" href="#account" role="tab" aria-controls="account" aria-selected="true"><i class="lni lni-pointer-right mr-1"></i>Account</a>
</li>
<li class="nav-item">
<a class="nav-link" id="profile-tab" data-toggle="tab" href="#profile" role="tab" aria-controls="profile" aria-selected="false"><i class="lni lni-fresh-juice mr-1"></i> My Orders</a>
</li>
<li class="nav-item">
<a class="nav-link" id="contact-tab" data-toggle="tab" href="#contact" role="tab" aria-controls="contact" aria-selected="false"><i class="lni lni-lock mr-1"></i> Logout</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col-12 col-lg-8">
<div class="main-content">
<div class="tab-content" id="myTabContent">
<div class="tab-pane fade show active" id="account" role="tabpanel" aria-labelledby="account-tab">
<p class="text">
It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).
</p>
</div>
<div class="tab-pane fade" id="profile" role="tabpanel" aria-labelledby="profile-tab">
<p class="text">
So established fact that a reader will be distracted.
</p>
<table class="table table-hover table-dark bg-black">
<thead>
<tr>
<th scope="col">#</th>
<th scope="col">First</th>
<th scope="col">Last</th>
<th scope="col">Handle</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">1</th>
<td>Mark</td>
<td>Otto</td>
<td>@mdo</td>
</tr>
<tr>
<th scope="row">2</th>
<td>Jacob</td>
<td>Thornton</td>
<td>@fat</td>
</tr>
<tr>
<th scope="row">3</th>
<td colspan="2">Larry the Bird</td>
<td>@twitter</td>
</tr>
</tbody>
</table>
</div>
<div class="tab-pane fade" id="contact" role="tabpanel" aria-labelledby="contact-tab">
<p class="text">
It is a fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!--Account Sec End-->
<div class="foot-effect"></div>
<!--Footer Start-->
<footer class="footer-style-1 bg-1">
<div class="container">
<div class="row align-items-center">
<!--Social-->
<div class="col-12">
<div class="footer-social text-center">
<ul class="list-unstyled">
<li><a class="wow fadeInUp" href="javascript:void(0);"><i aria-hidden="true" class="fab fa-facebook-f"></i><span></span></a></li>
<li><a class="wow fadeInDown" href="javascript:void(0);"><i aria-hidden="true" class="fab fa-twitter"></i><span></span></a></li>
<li><a class="wow fadeInUp" href="javascript:void(0);"><i aria-hidden="true" class="fab fa-google-plus-g"></i><span></span></a></li>
<li><a class="wow fadeInDown" href="javascript:void(0);"><i aria-hidden="true" class="fab fa-linkedin-in"></i><span></span></a></li>
<li><a class="wow fadeInUp" href="javascript:void(0);"><i aria-hidden="true" class="fab fa-instagram"></i><span></span></a></li>
</ul>
</div>
</div>
<!--Text-->
<div class="col-12 text-center mt-3">
<p class="company-about fadeIn">© 2020 MegaOne. Made With Love By <a href="javascript:void(0);">Themesindustry</a>
</p>
</div>
</div>
</div>
</footer>
<!--Footer End-->
<!--Animated Cursor-->
<div class="aimated-cursor">
<div class="cursor">
<div class="cursor-loader"></div>
</div>
</div>
<!--Animated Cursor End-->
<!--Scroll Top Start-->
<span class="scroll-top-arrow"><i class="fas fa-angle-up"></i></span>
<!--Scroll Top End-->
<!-- JavaScript -->
<script src="../vendor/js/bundle.min.js"></script>
<!-- Plugin Js -->
<script src="../vendor/js/jquery.fancybox.min.js"></script>
<script src="../vendor/js/owl.carousel.min.js"></script>
<script src="../vendor/js/parallaxie.min.js"></script>
<script src="../vendor/js/wow.min.js"></script>
<!-- REVOLUTION JS FILES -->
<script src="../vendor/js/jquery.themepunch.tools.min.js"></script>
<script src="../vendor/js/jquery.themepunch.revolution.min.js"></script>
<!-- SLIDER REVOLUTION EXTENSIONS -->
<script src="../vendor/js/extensions/revolution.extension.actions.min.js"></script>
<script src="../vendor/js/extensions/revolution.extension.carousel.min.js"></script>
<script src="../vendor/js/extensions/revolution.extension.kenburn.min.js"></script>
<script src="../vendor/js/extensions/revolution.extension.layeranimation.min.js"></script>
<script src="../vendor/js/extensions/revolution.extension.migration.min.js"></script>
<script src="../vendor/js/extensions/revolution.extension.navigation.min.js"></script>
<script src="../vendor/js/extensions/revolution.extension.parallax.min.js"></script>
<script src="../vendor/js/extensions/revolution.extension.slideanims.min.js"></script>
<script src="../vendor/js/extensions/revolution.extension.video.min.js"></script>
<!--Tilt Js-->
<script src="../vendor/js/TweenMax.min.js"></script>
<!-- custom script-->
<script src="js/nouislider.min.js"></script>
<script src="js/slick.min.js"></script>
<script src="js/notify.min.js"></script>
<script src="../vendor/js/contact_us.js"></script>
<script src="js/script.js"></script>
</body>
</html>