995 lines
70 KiB
HTML
995 lines
70 KiB
HTML
|
|
||
|
|
<!DOCTYPE html>
|
||
|
|
<html lang="zxx">
|
||
|
|
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<title>Gsore | Grocery and Organic Food Shop HTML Template</title>
|
||
|
|
<meta name="description" content="">
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
|
|
|
||
|
|
<!-- ::::::::::::::Favicon icon::::::::::::::-->
|
||
|
|
<link rel="shortcut icon" href="assets/img/favicon.png" type="image/png">
|
||
|
|
|
||
|
|
<!-- ::::::::::::::All CSS Files here :::::::::::::: -->
|
||
|
|
|
||
|
|
<!-- Vendor CSS Files -->
|
||
|
|
<link rel="stylesheet" href="assets/css/vendor/jquery-ui.min.css">
|
||
|
|
<link rel="stylesheet" href="assets/css/vendor/fontawesome.css">
|
||
|
|
<link rel="stylesheet" href="assets/css/vendor/plaza-icon.css">
|
||
|
|
<link rel="stylesheet" href="assets/css/vendor/bootstrap.min.css">
|
||
|
|
|
||
|
|
<!-- Plugin CSS Files -->
|
||
|
|
<link rel="stylesheet" href="assets/css/plugin/slick.css">
|
||
|
|
<link rel="stylesheet" href="assets/css/plugin/material-scrolltop.css">
|
||
|
|
<link rel="stylesheet" href="assets/css/plugin/price_range_style.css">
|
||
|
|
<link rel="stylesheet" href="assets/css/plugin/in-number.css">
|
||
|
|
<link rel="stylesheet" href="assets/css/plugin/venobox.min.css">
|
||
|
|
<link rel="stylesheet" href="assets/css/plugin/jquery.lineProgressbar.css">
|
||
|
|
|
||
|
|
<!-- Use the minified version files listed below for better performance and remove the files listed above -->
|
||
|
|
<!-- <link rel="stylesheet" href="assets/css/vendor/vendor.min.css"/>
|
||
|
|
<link rel="stylesheet" href="assets/css/plugin/plugins.min.css"/>
|
||
|
|
<link rel="stylesheet" href="assets/css/main.min.css"> -->
|
||
|
|
|
||
|
|
<!-- Main Style CSS File -->
|
||
|
|
<link rel="stylesheet" href="assets/css/main.css">
|
||
|
|
</head>
|
||
|
|
|
||
|
|
<body>
|
||
|
|
<!-- :::::: Start Header Section :::::: -->
|
||
|
|
<header>
|
||
|
|
<!-- Start Large Header Section -->
|
||
|
|
<div class="header d-none d-lg-block">
|
||
|
|
<!-- Start Header Top area -->
|
||
|
|
<div class="header__top">
|
||
|
|
<div class="container">
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-12">
|
||
|
|
<div class="header__top-content d-flex justify-content-between align-items-center">
|
||
|
|
<div class="header__top-content--left">
|
||
|
|
<span>Free Delivery: Take advantage of our time to save event</span>
|
||
|
|
</div>
|
||
|
|
<ul class="header__top-content--right user-set-role d-flex">
|
||
|
|
<li class="user-currency pos-relative">
|
||
|
|
<a class="user-set-role__button" href="#" data-toggle="dropdown" aria-expanded="false">Select Language<i class="fal fa-chevron-down"></i></a>
|
||
|
|
<ul class="expand-dropdown-menu dropdown-menu" >
|
||
|
|
<li><a href="#"><img src="assets/img/icon/flag/icon_usa.png" alt="">English</a></li>
|
||
|
|
<li><a href="#"><img src="assets/img/icon/flag/icon_france.png" alt="">French</a></li>
|
||
|
|
</ul>
|
||
|
|
</li>
|
||
|
|
<li class="user-info pos-relative">
|
||
|
|
<a class="user-set-role__button" href="#" data-toggle="dropdown" aria-expanded="false" >Select Currency <i class="fal fa-chevron-down"></i></a>
|
||
|
|
<ul class="expand-dropdown-menu dropdown-menu" >
|
||
|
|
<li><a href="#">USD</a></li>
|
||
|
|
<li><a href="#">POUND</a></li>
|
||
|
|
</ul>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div> <!-- Start Header Top area -->
|
||
|
|
|
||
|
|
<!-- Start Header Center area -->
|
||
|
|
<div class="header__center sticky-header p-tb-10">
|
||
|
|
<div class="container">
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-12 d-flex justify-content-between align-items-center">
|
||
|
|
<!-- Start Logo -->
|
||
|
|
<div class="header__logo">
|
||
|
|
<a href="index.html" class="header__logo-link img-responsive">
|
||
|
|
<img class="header__logo-img img-fluid" src="assets/img/logo/logo.png" alt="">
|
||
|
|
</a>
|
||
|
|
</div> <!-- End Logo -->
|
||
|
|
<!-- Start Header Menu -->
|
||
|
|
<div class="header-menu">
|
||
|
|
<nav>
|
||
|
|
<ul class="header__nav">
|
||
|
|
<!--Start Single Nav link-->
|
||
|
|
<li class="header__nav-item pos-relative">
|
||
|
|
<a href="index.html" class="header__nav-link">Home</a>
|
||
|
|
</li> <!-- End Single Nav link-->
|
||
|
|
|
||
|
|
<!--Start Single Nav link-->
|
||
|
|
<li class="header__nav-item pos-relative">
|
||
|
|
<a href="#" class="header__nav-link">Shop <i class="fal fa-chevron-down"></i></a>
|
||
|
|
<span class="menu-label menu-label--red">New</span>
|
||
|
|
<!-- Megamenu Menu-->
|
||
|
|
<ul class="mega-menu pos-absolute">
|
||
|
|
<li class="mega-menu__box">
|
||
|
|
<!--Single Megamenu Item Menu-->
|
||
|
|
<div class="mega-menu__item-box">
|
||
|
|
<span class="mega-menu__title">Shop Layout</span>
|
||
|
|
<ul class="mega-menu__item">
|
||
|
|
<li class="mega-menu__list"><a href="shop-sidebar-grid-left.html" class="mega-menu__link">Grid Left Sidebar</a></li>
|
||
|
|
<li class="mega-menu__list pos-relative">
|
||
|
|
<a href="shop-sidebar-grid-right.html" class="mega-menu__link">Grid Right Sidebar</a>
|
||
|
|
<span class="menu-label menu-label--red">New</span>
|
||
|
|
</li>
|
||
|
|
<li class="mega-menu__list"><a href="shop-sidebar-full-width.html" class="mega-menu__link">Full Width</a></li>
|
||
|
|
<li class="mega-menu__list"><a href="shop-sidebar-left-list-view.html" class="mega-menu__link">List Left Sidebar</a></li>
|
||
|
|
<li class="mega-menu__list"><a href="shop-sidebar-right-list-view.html" class="mega-menu__link">List Right Sidebar</a></li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
<!--Single Megamenu Item Menu-->
|
||
|
|
|
||
|
|
<!--Single Megamenu Item Menu-->
|
||
|
|
<div class="mega-menu__item-box">
|
||
|
|
<span class="mega-menu__title">Shop Pages</span>
|
||
|
|
<ul class="mega-menu__item">
|
||
|
|
<li class="mega-menu__list"><a href="cart.html" class="mega-menu__link">Cart</a></li>
|
||
|
|
<li class="mega-menu__list"><a href="checkout.html" class="mega-menu__link">Checkout</a></li>
|
||
|
|
<li class="mega-menu__list"><a href="compare.html" class="mega-menu__link">Compare</a></li>
|
||
|
|
<li class="mega-menu__list pos-relative">
|
||
|
|
<a href="empty-cart.html" class="mega-menu__link">Empty Cart</a>
|
||
|
|
<span class="menu-label menu-label--blue">New</span>
|
||
|
|
</li>
|
||
|
|
<li class="mega-menu__list"><a href="wishlist.html" class="mega-menu__link">Wishlist</a></li>
|
||
|
|
<li class="mega-menu__list"><a href="my-account.html" class="mega-menu__link">My Account</a></li>
|
||
|
|
<li class="mega-menu__list"><a href="login.html" class="mega-menu__link">Login</a></li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
<!--Single Megamenu Item Menu-->
|
||
|
|
|
||
|
|
<!--Single Megamenu Item Menu-->
|
||
|
|
<div class="mega-menu__item-box">
|
||
|
|
<span class="mega-menu__title">Product Single</span>
|
||
|
|
<ul class="mega-menu__item">
|
||
|
|
<li class="mega-menu__list"><a href="product-single-default.html" class="mega-menu__link">Simple</a></li>
|
||
|
|
<li class="mega-menu__list"><a href="product-single-affiliate.html" class="mega-menu__link">Affiliate</a></li>
|
||
|
|
<li class="mega-menu__list pos-relative">
|
||
|
|
<a href="product-single-group.html" class="mega-menu__link">Grouped</a>
|
||
|
|
<span class="menu-label menu-label--red">New</span>
|
||
|
|
</li>
|
||
|
|
<li class="mega-menu__list"><a href="product-single-variable.html" class="mega-menu__link">Variable</a></li>
|
||
|
|
<li class="mega-menu__list"><a href="product-single-tab-left.html" class="mega-menu__link">Left Tab</a></li>
|
||
|
|
<li class="mega-menu__list"><a href="product-single-tab-right.html" class="mega-menu__link">Right Tab</a></li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
<!--Single Megamenu Item Menu-->
|
||
|
|
|
||
|
|
<!--Single Megamenu Item Menu-->
|
||
|
|
<div class="mega-menu__item-box">
|
||
|
|
<span class="mega-menu__title">Product Single</span>
|
||
|
|
<ul class="mega-menu__item">
|
||
|
|
<li class="mega-menu__list"><a href="product-single-slider.html" class="mega-menu__link">Single Slider</a></li>
|
||
|
|
<li class="mega-menu__list"><a href="product-single-gallery-left.html" class="mega-menu__link">Gallery Left</a></li>
|
||
|
|
<li class="mega-menu__list"><a href="product-single-gallery-right.html" class="mega-menu__link">Gallery Right</a></li>
|
||
|
|
<li class="mega-menu__list"><a href="product-single-sticky-left.html" class="mega-menu__link">Sticky Left</a></li>
|
||
|
|
<li class="mega-menu__list pos-relative">
|
||
|
|
<a href="product-single-sticky-right.html" class="mega-menu__link">Sticky Right</a>
|
||
|
|
<span class="menu-label menu-label--blue">New</span>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
<!--Single Megamenu Item Menu-->
|
||
|
|
|
||
|
|
<!--Single Megamenu Item Menu-->
|
||
|
|
<div class="mega-menu__item-box">
|
||
|
|
<ul class="mega-menu__item">
|
||
|
|
<!--Megamenu Item Banner-->
|
||
|
|
<li class="mega-menu__banner ">
|
||
|
|
<a href="product-single-default.html" class="mega-menu__banner-link">
|
||
|
|
<img src="assets/img/banner/menu-banner.jpg" alt="" class="mega-menu__banner-img mega-menu__banner-img--vertical">
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
<!--Megamenu Item Banner-->
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
<!--Single Megamenu Item Menu-->
|
||
|
|
</li>
|
||
|
|
|
||
|
|
</ul>
|
||
|
|
<!-- Megamenu Menu-->
|
||
|
|
</li> <!-- Start Single Nav link-->
|
||
|
|
|
||
|
|
<!--Start Single Nav link-->
|
||
|
|
<li class="header__nav-item pos-relative">
|
||
|
|
<a href="#" class="header__nav-link">Custom Block <i class="fal fa-chevron-down"></i></a>
|
||
|
|
<!-- Megamenu Menu-->
|
||
|
|
<ul class="mega-menu pos-absolute">
|
||
|
|
<li class="mega-menu__box">
|
||
|
|
<!--Single Megamenu Item Menu-->
|
||
|
|
<div class="mega-menu__item-box">
|
||
|
|
<span class="mega-menu__title">Women Is Clothes & Fashion</span>
|
||
|
|
<ul class="mega-menu__item">
|
||
|
|
<li><p>Shop Women Is Clothing And Accessories And Get Inspired By The Latest Fashion Trends.</p></li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
<!--Single Megamenu Item Menu-->
|
||
|
|
|
||
|
|
<!--Single Megamenu Item Menu-->
|
||
|
|
<div class="mega-menu__item-box">
|
||
|
|
<span class="mega-menu__title">Simple Style</span>
|
||
|
|
<ul class="mega-menu__item">
|
||
|
|
<li><p>A New Flattering Style With All The Comfort Of Our Linen.</p></li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
<!--Single Megamenu Item Menu-->
|
||
|
|
|
||
|
|
<!--Single Megamenu Item Menu-->
|
||
|
|
<div class="mega-menu__item-box">
|
||
|
|
<span class="mega-menu__title">Easy Layers</span>
|
||
|
|
<ul class="mega-menu__item">
|
||
|
|
<li><p>Endless Styling Possibilities In A Collection Full Of Versatile Pieces.</p></li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
<!--Single Megamenu Item Menu-->
|
||
|
|
|
||
|
|
</li>
|
||
|
|
<!--Megamenu Item Banner-->
|
||
|
|
<li class="mega-menu__banner m-t-30">
|
||
|
|
<a href="product-single-default.html" class="mega-menu__banner-link">
|
||
|
|
<img src="assets/img/banner/menu-banner-2.png" alt="" class="mega-menu__banner-img mega-menu__banner-img--horaizontal">
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
<!--Megamenu Item Banner-->
|
||
|
|
</ul>
|
||
|
|
<!-- Megamenu Menu-->
|
||
|
|
</li> <!-- Start Single Nav link-->
|
||
|
|
|
||
|
|
<!--Start Single Nav link-->
|
||
|
|
<li class="header__nav-item pos-relative">
|
||
|
|
<a href="#" class="header__nav-link">Blog<i class="fal fa-chevron-down"></i></a>
|
||
|
|
<!--Single Dropdown Menu-->
|
||
|
|
<ul class="dropdown__menu pos-absolute">
|
||
|
|
<li class="dropdown__list">
|
||
|
|
<a href="#" class="dropdown__link d-flex justify-content-between align-items-center">Blog Grid <i class="far fa-chevron-right"></i></a>
|
||
|
|
<ul class="dropdown__submenu pos-absolute">
|
||
|
|
<li class="dropdown__submenu-list"><a href="blog-grid-sidebar-left.html" class="dropdown__submenu-link"> Blog Grid Left Sidebar</a></li>
|
||
|
|
<li class="dropdown__submenu-list"><a href="blog-grid-sidebar-right.html" class="dropdown__submenu-link"> Blog Grid Right Sidebar</a></li>
|
||
|
|
</ul>
|
||
|
|
</li>
|
||
|
|
<li class="dropdown__list">
|
||
|
|
<a href="#" class="dropdown__link d-flex justify-content-between align-items-center">Blog List <i class="far fa-chevron-right"></i></a>
|
||
|
|
<ul class="dropdown__submenu pos-absolute">
|
||
|
|
<li class="dropdown__submenu-list"><a href="blog-list-sidebar-left.html" class="dropdown__submenu-link"> Blog List Left Sidebar</a></li>
|
||
|
|
<li class="dropdown__submenu-list"><a href="blog-list-sidebar-right.html" class="dropdown__submenu-link"> Blog List Right Sidebar</a></li>
|
||
|
|
</ul>
|
||
|
|
</li>
|
||
|
|
<li class="dropdown__list">
|
||
|
|
<a href="#" class="dropdown__link d-flex justify-content-between align-items-center">Blog Single <i class="far fa-chevron-right"></i></a>
|
||
|
|
<ul class="dropdown__submenu pos-absolute">
|
||
|
|
<li class="dropdown__submenu-list"><a href="blog-single-sidebar-left.html" class="dropdown__submenu-link"> Blog Single Left Sidebar</a></li>
|
||
|
|
<li class="dropdown__submenu-list"><a href="blog-single-sidebar-right.html" class="dropdown__submenu-link"> Blog Single Right Sidebar</a></li>
|
||
|
|
</ul>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
<!--Single Dropdown Menu-->
|
||
|
|
</li> <!-- End Single Nav link-->
|
||
|
|
|
||
|
|
<!--Start Single Nav link-->
|
||
|
|
<li class="header__nav-item pos-relative">
|
||
|
|
<a href="#" class="header__nav-link">Pages <i class="fal fa-chevron-down"></i></a>
|
||
|
|
<span class="menu-label menu-label--blue">New</span>
|
||
|
|
<!--Single Dropdown Menu-->
|
||
|
|
<ul class="dropdown__menu pos-absolute">
|
||
|
|
<li class="dropdown__list"><a href="about.html" class="dropdown__link">About Us</a></li>
|
||
|
|
<li class="dropdown__list pos-relative">
|
||
|
|
<a href="frequently-questions.html" class="dropdown__link">Frequently Questions</a>
|
||
|
|
<span class="menu-label menu-label--blue">New</span>
|
||
|
|
</li>
|
||
|
|
<li class="dropdown__list"><a href="privacy-policy.html" class="dropdown__link">Privacy Policy</a></li>
|
||
|
|
<li class="dropdown__list"><a href="404.html" class="dropdown__link">404 Page</a></li>
|
||
|
|
</ul>
|
||
|
|
<!--Single Dropdown Menu-->
|
||
|
|
</li> <!-- End Single Nav link-->
|
||
|
|
|
||
|
|
<!--Start Single Nav link-->
|
||
|
|
<li class="header__nav-item pos-relative">
|
||
|
|
<a href="contact.html" class="header__nav-link">Contact Us</a>
|
||
|
|
</li> <!-- End Single Nav link-->
|
||
|
|
</ul>
|
||
|
|
</nav>
|
||
|
|
</div> <!-- End Header Menu -->
|
||
|
|
<!-- Start Wishlist-AddCart -->
|
||
|
|
<ul class="header__user-action-icon">
|
||
|
|
<!-- Start Header Wishlist Box -->
|
||
|
|
<li>
|
||
|
|
<a href="my-account.html">
|
||
|
|
<i class="icon-users"></i>
|
||
|
|
</a>
|
||
|
|
</li> <!-- End Header Wishlist Box -->
|
||
|
|
<!-- Start Header Wishlist Box -->
|
||
|
|
<li>
|
||
|
|
<a href="wishlist.html">
|
||
|
|
<i class="icon-heart"></i>
|
||
|
|
<span class="item-count pos-absolute">3</span>
|
||
|
|
</a>
|
||
|
|
</li> <!-- End Header Wishlist Box -->
|
||
|
|
<!-- Start Header Add Cart Box -->
|
||
|
|
<li>
|
||
|
|
<a href="#offcanvas-add-cart__box" class="offcanvas-toggle">
|
||
|
|
<i class="icon-shopping-cart"></i>
|
||
|
|
<span class="wishlist-item-count pos-absolute">3</span>
|
||
|
|
</a>
|
||
|
|
</li> <!-- End Header Add Cart Box -->
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div> <!-- End Header Center area -->
|
||
|
|
|
||
|
|
<!-- Start Header bottom area -->
|
||
|
|
<div class="header__bottom p-tb-30">
|
||
|
|
<div class="container">
|
||
|
|
<div class="row justify-content-between align-items-center">
|
||
|
|
<div class="col-xl-3 col-lg-3">
|
||
|
|
<div class="header-menu-vertical pos-relative">
|
||
|
|
<h4 class="menu-title link--icon-left"><i class="far fa-align-left"></i>CATEGORIES</h4>
|
||
|
|
<ul class="menu-content pos-absolute">
|
||
|
|
<li class="menu-item"><a href="#">Search Terms</a></li>
|
||
|
|
<li class="menu-item"><a href="#">Advanced Search</a></li>
|
||
|
|
<li class="menu-item"><a href="#">Helps & Faqs</a></li>
|
||
|
|
<li class="menu-item"><a href="#">Store Location</a></li>
|
||
|
|
<li class="menu-item"><a href="#"> Orders & Returns</a></li>
|
||
|
|
<li class="menu-item"><a href="#"> Deliveries</a></li>
|
||
|
|
<li class="menu-item"><a href="#"> Refund & Returns</a></li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col-xl-7 col-lg-6">
|
||
|
|
<form class="header-search" action="#" method="post">
|
||
|
|
<div class="header-search__content pos-relative">
|
||
|
|
<input type="search" name="header-search" placeholder="Search our store" required>
|
||
|
|
<button class="pos-absolute" type="submit"><i class="icon-search"></i></button>
|
||
|
|
</div>
|
||
|
|
</form>
|
||
|
|
</div>
|
||
|
|
<div class="col-xl-2 col-lg-3">
|
||
|
|
<div class="header-phone text-right"><span>Call Us: 123 456 789</span></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div> <!-- End Header bottom area -->
|
||
|
|
|
||
|
|
</div> <!-- End Large Header Section -->
|
||
|
|
|
||
|
|
<!-- Start Mobile Header Section -->
|
||
|
|
<div class="header__mobile mobile-header--1 d-block d-lg-none p-tb-20">
|
||
|
|
<div class="container-fluid">
|
||
|
|
<div class="row ">
|
||
|
|
<div class="col-12 d-flex align-items-center justify-content-between">
|
||
|
|
<ul class="header__mobile--leftside d-flex align-items-center justify-content-start">
|
||
|
|
<li>
|
||
|
|
<div class="header__mobile-logo">
|
||
|
|
<a href="index.html" class="header__mobile-logo-link">
|
||
|
|
<img src="assets/img/logo/logo.png" alt="" class="header__mobile-logo-img">
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
<!-- Start User Action -->
|
||
|
|
<ul class="header__mobile--rightside header__user-action-icon d-flex align-items-center justify-content-end">
|
||
|
|
<!-- Start Header Add Cart Box -->
|
||
|
|
<li>
|
||
|
|
<a href="#offcanvas-add-cart__box" class="offcanvas-toggle">
|
||
|
|
<i class="icon-shopping-cart"></i>
|
||
|
|
<span class="wishlist-item-count pos-absolute">3</span>
|
||
|
|
</a>
|
||
|
|
</li> <!-- End Header Add Cart Box -->
|
||
|
|
<li><a href="#offcanvas-mobile-menu" class="offcanvas-toggle"><i class="far fa-bars"></i></a></li>
|
||
|
|
|
||
|
|
</ul> <!-- End User Action -->
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-12">
|
||
|
|
<div class="header-menu-vertical pos-relative m-t-30">
|
||
|
|
<h4 class="menu-title link--icon-left"><i class="far fa-align-left"></i>CATEGORIES</h4>
|
||
|
|
<ul class="menu-content pos-absolute">
|
||
|
|
<li class="menu-item"><a href="#">Search Terms</a></li>
|
||
|
|
<li class="menu-item"><a href="#">Advanced Search</a></li>
|
||
|
|
<li class="menu-item"><a href="#">Helps & Faqs</a></li>
|
||
|
|
<li class="menu-item"><a href="#">Store Location</a></li>
|
||
|
|
<li class="menu-item"><a href="#"> Orders & Returns</a></li>
|
||
|
|
<li class="menu-item"><a href="#"> Deliveries</a></li>
|
||
|
|
<li class="menu-item"><a href="#"> Refund & Returns</a></li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div> <!-- Start Mobile Header Section -->
|
||
|
|
|
||
|
|
<!-- Start Mobile-offcanvas Menu Section -->
|
||
|
|
<div id="offcanvas-mobile-menu" class="offcanvas offcanvas-mobile-menu">
|
||
|
|
<div class="offcanvas__top">
|
||
|
|
<span class="offcanvas__top-text"></span>
|
||
|
|
<button class="offcanvas-close"><i class="fal fa-times"></i></button>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="offcanvas-inner">
|
||
|
|
<ul class="user-set-role d-flex justify-content-between m-tb-15">
|
||
|
|
<li class="user-currency pos-relative">
|
||
|
|
<a class="user-set-role__button" href="#" data-toggle="dropdown" aria-expanded="false">Select Language<i class="fal fa-chevron-down"></i></a>
|
||
|
|
<ul class="expand-dropdown-menu dropdown-menu" >
|
||
|
|
<li><a href="#"><img src="assets/img/icon/flag/icon_usa.png" alt="">English</a></li>
|
||
|
|
<li><a href="#"><img src="assets/img/icon/flag/icon_france.png" alt="">French</a></li>
|
||
|
|
</ul>
|
||
|
|
</li>
|
||
|
|
<li class="user-info pos-relative">
|
||
|
|
<a class="user-set-role__button" href="#" data-toggle="dropdown" aria-expanded="false" >Select Currency <i class="fal fa-chevron-down"></i></a>
|
||
|
|
<ul class="expand-dropdown-menu dropdown-menu" >
|
||
|
|
<li><a href="#">USD</a></li>
|
||
|
|
<li><a href="#">POUND</a></li>
|
||
|
|
</ul>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
<form class="header-search m-tb-15" action="#" method="post">
|
||
|
|
<div class="header-search__content pos-relative">
|
||
|
|
<input type="search" name="header-search" placeholder="Search our store" required>
|
||
|
|
<button class="pos-absolute" type="submit"><i class="icon-search"></i></button>
|
||
|
|
</div>
|
||
|
|
</form>
|
||
|
|
<!-- Start Mobile User Action -->
|
||
|
|
<ul class="header__user-action-icon m-tb-15 text-center">
|
||
|
|
<!-- Start Header Wishlist Box -->
|
||
|
|
<li>
|
||
|
|
<a href="my-account.html">
|
||
|
|
<i class="icon-users"></i>
|
||
|
|
</a>
|
||
|
|
</li> <!-- End Header Wishlist Box -->
|
||
|
|
<!-- Start Header Wishlist Box -->
|
||
|
|
<li>
|
||
|
|
<a href="wishlist.html">
|
||
|
|
<i class="icon-heart"></i>
|
||
|
|
<span class="item-count pos-absolute">3</span>
|
||
|
|
</a>
|
||
|
|
</li> <!-- End Header Wishlist Box -->
|
||
|
|
<!-- Start Header Add Cart Box -->
|
||
|
|
<li>
|
||
|
|
<a href="cart.html">
|
||
|
|
<i class="icon-shopping-cart"></i>
|
||
|
|
<span class="wishlist-item-count pos-absolute">3</span>
|
||
|
|
</a>
|
||
|
|
</li> <!-- End Header Add Cart Box -->
|
||
|
|
</ul> <!-- End Mobile User Action -->
|
||
|
|
<div class="offcanvas-menu">
|
||
|
|
<ul>
|
||
|
|
<li><a href="index.html"><span>Home</span></a></li>
|
||
|
|
<li>
|
||
|
|
<a href="#"><span>Shop</span></a>
|
||
|
|
<ul class="sub-menu">
|
||
|
|
<li>
|
||
|
|
<a href="#">Shop Layout</a>
|
||
|
|
<ul class="sub-menu">
|
||
|
|
<li><a href="shop-sidebar-grid-left.html">Grid Left Sidebar</a></li>
|
||
|
|
<li><a href="shop-sidebar-grid-right.html">Grid Right Sidebar</a></li>
|
||
|
|
<li><a href="shop-sidebar-full-width.html">Full Width</a></li>
|
||
|
|
<li><a href="shop-sidebar-left-list-view.html">List Left Sidebar</a></li>
|
||
|
|
<li><a href="shop-sidebar-right-list-view.html">List Right Sidebar</a></li>
|
||
|
|
</ul>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
<ul class="sub-menu">
|
||
|
|
<li>
|
||
|
|
<a href="#">Shop Pages</a>
|
||
|
|
<ul class="sub-menu">
|
||
|
|
<li><a href="cart.html">Cart</a></li>
|
||
|
|
<li><a href="checkout.html">Checkout</a></li>
|
||
|
|
<li><a href="compare.html">Compare</a></li>
|
||
|
|
<li><a href="empty-cart.html">Empty Cart</a></li>
|
||
|
|
<li><a href="wishlist.html">Wishlist</a></li>
|
||
|
|
<li><a href="my-account.html">My Account</a></li>
|
||
|
|
<li><a href="login.html">Login</a></li>
|
||
|
|
|
||
|
|
</ul>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
<ul class="sub-menu">
|
||
|
|
<li>
|
||
|
|
<a href="#">Product Single</a>
|
||
|
|
<ul class="sub-menu">
|
||
|
|
<li><a href="product-single-default.html">Simple</a></li>
|
||
|
|
<li><a href="product-single-affiliate.html">Affiliate</a></li>
|
||
|
|
<li><a href="product-single-group.html">Grouped</a></li>
|
||
|
|
<li><a href="product-single-variable.html">Variable</a></li>
|
||
|
|
<li><a href="product-single-tab-left.html">Left Tab</a></li>
|
||
|
|
<li><a href="product-single-tab-right.html">Right Tab</a></li>
|
||
|
|
<li><a href="product-single-slider.html">Single Slider</a></li>
|
||
|
|
<li><a href="product-single-gallery-left.html">Gallery Left</a></li>
|
||
|
|
<li><a href="product-single-gallery-right.html">Gallery Right</a></li>
|
||
|
|
<li><a href="product-single-sticky-left.html">Sticky Left</a></li>
|
||
|
|
<li><a href="product-single-sticky-right.html">Sticky Right</a></li>
|
||
|
|
</ul>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="#"><span>Blogs</span></a>
|
||
|
|
<ul class="sub-menu">
|
||
|
|
<li>
|
||
|
|
<a href="#">Blog Grid</a>
|
||
|
|
<ul class="sub-menu">
|
||
|
|
<li><a href="blog-grid-sidebar-left.html"> Blog Grid Left Sidebar</a></li>
|
||
|
|
<li><a href="blog-grid-sidebar-right.html"> Blog Grid Right Sidebar</a></li>
|
||
|
|
</ul>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="#">Blog List</a>
|
||
|
|
<ul class="sub-menu">
|
||
|
|
<li><a href="blog-list-sidebar-left.html"> Blog List Left Sidebar</a></li>
|
||
|
|
<li><a href="blog-list-sidebar-right.html"> Blog List Right Sidebar</a></li>
|
||
|
|
</ul>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="#">Blog Single</a>
|
||
|
|
<ul class="sub-menu">
|
||
|
|
<li><a href="blog-single-sidebar-left.html"> Blog Single Left Sidebar</a></li>
|
||
|
|
<li><a href="blog-single-sidebar-right.html"> Blog Single Right Sidebar</a></li>
|
||
|
|
</ul>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="#"><span>Pages</span></a>
|
||
|
|
<ul class="sub-menu">
|
||
|
|
<li><a href="about.html">About Us</a></li>
|
||
|
|
<li><a href="frequently-questions.html">Frequently Questions</a></li>
|
||
|
|
<li><a href="privacy-policy.html">Privacy Policy</a></li>
|
||
|
|
<li><a href="404.html">404 Page</a></li>
|
||
|
|
</ul>
|
||
|
|
</li>
|
||
|
|
<li><a href="contact.html">Contact Us</a></li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<ul class="offcanvas__social-nav m-t-50">
|
||
|
|
<li class="offcanvas__social-list"><a href="#" class="offcanvas__social-link"><i class="fab fa-facebook-f"></i></a></li>
|
||
|
|
<li class="offcanvas__social-list"><a href="#" class="offcanvas__social-link"><i class="fab fa-twitter"></i></a></li>
|
||
|
|
<li class="offcanvas__social-list"><a href="#" class="offcanvas__social-link"><i class="fab fa-youtube"></i></a></li>
|
||
|
|
<li class="offcanvas__social-list"><a href="#" class="offcanvas__social-link"><i class="fab fa-google-plus-g"></i></a></li>
|
||
|
|
<li class="offcanvas__social-list"><a href="#" class="offcanvas__social-link"><i class="fab fa-instagram"></i></a></li>
|
||
|
|
</ul>
|
||
|
|
</div> <!-- End Mobile-offcanvas Menu Section -->
|
||
|
|
|
||
|
|
<!-- Start Popup Add Cart -->
|
||
|
|
<div id="offcanvas-add-cart__box" class="offcanvas offcanvas-cart offcanvas-add-cart">
|
||
|
|
<div class="offcanvas__top">
|
||
|
|
<span class="offcanvas__top-text"><i class="icon-shopping-cart"></i>Cart</span>
|
||
|
|
<button class="offcanvas-close"><i class="fal fa-times"></i></button>
|
||
|
|
</div>
|
||
|
|
<!-- Start Add Cart Item Box-->
|
||
|
|
<ul class="offcanvas-add-cart__menu">
|
||
|
|
<!-- Start Single Add Cart Item-->
|
||
|
|
<li class="offcanvas-add-cart__list pos-relative d-flex align-items-center justify-content-between ">
|
||
|
|
<div class="offcanvas-add-cart__content d-flex align-items-start m-r-10">
|
||
|
|
<div class="offcanvas-add-cart__img-box pos-relative">
|
||
|
|
<a href="product-single-default.html" class="offcanvas-add-cart__img-link img-responsive"><img src="assets/img/product/size-small/product-home-1-img-1.jpg" alt="" class="add-cart__img"></a>
|
||
|
|
<span class="offcanvas-add-cart__item-count pos-absolute">2x</span>
|
||
|
|
</div>
|
||
|
|
<div class="offcanvas-add-cart__detail">
|
||
|
|
<a href="product-single-default.html" class="offcanvas-add-cart__link">Lucky Wooden Elephant</a>
|
||
|
|
<span class="offcanvas-add-cart__price">$29.00</span>
|
||
|
|
<span class="offcanvas-add-cart__info">Dimension: 40x60cm</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<button class="offcanvas-add-cart__item-dismiss"><i class="fal fa-times"></i></button>
|
||
|
|
</li> <!-- Start Single Add Cart Item-->
|
||
|
|
<!-- Start Single Add Cart Item-->
|
||
|
|
<li class="offcanvas-add-cart__list pos-relative d-flex align-items-center justify-content-between">
|
||
|
|
<div class="offcanvas-add-cart__content d-flex align-items-start m-r-10">
|
||
|
|
<div class="offcanvas-add-cart__img-box pos-relative">
|
||
|
|
<a href="product-single-default.html" class="offcanvas-add-cart__img-link img-responsive"><img src="assets/img/product/size-small/product-home-1-img-2.jpg" alt="" class="add-cart__img"></a>
|
||
|
|
<span class="offcanvas-add-cart__item-count pos-absolute">2x</span>
|
||
|
|
</div>
|
||
|
|
<div class="offcanvas-add-cart__detail">
|
||
|
|
<a href="product-single-default.html" class="offcanvas-add-cart__link">Lucky Wooden Elephant</a>
|
||
|
|
<span class="offcanvas-add-cart__price">$29.00</span>
|
||
|
|
<span class="offcanvas-add-cart__info">Dimension: 40x60cm</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<button class="offcanvas-add-cart__item-dismiss"><i class="fal fa-times"></i></button>
|
||
|
|
</li> <!-- Start Single Add Cart Item-->
|
||
|
|
</ul> <!-- Start Add Cart Item Box-->
|
||
|
|
<!-- Start Add Cart Checkout Box-->
|
||
|
|
<div class="offcanvas-add-cart__checkout-box-bottom">
|
||
|
|
<!-- Start offcanvas Add Cart Checkout Info-->
|
||
|
|
<ul class="offcanvas-add-cart__checkout-info">
|
||
|
|
<!-- Start Single Add Cart Checkout Info-->
|
||
|
|
<li class="offcanvas-add-cart__checkout-list">
|
||
|
|
<span class="offcanvas-add-cart__checkout-left-info">Subtotal</span>
|
||
|
|
<span class="offcanvas-add-cart__checkout-right-info">$60.59</span>
|
||
|
|
</li> <!-- End Single Add Cart Checkout Info-->
|
||
|
|
<!-- Start Single Add Cart Checkout Info-->
|
||
|
|
<li class="offcanvas-add-cart__checkout-list">
|
||
|
|
<span class="offcanvas-add-cart__checkout-left-info">Shipping</span>
|
||
|
|
<span class="offcanvas-add-cart__checkout-right-info">$7.00</span>
|
||
|
|
</li> <!-- End Single Add Cart Checkout Info-->
|
||
|
|
<!-- Start Single Add Cart Checkout Info-->
|
||
|
|
<li class="offcanvas-add-cart__checkout-list">
|
||
|
|
<span class="offcanvas-add-cart__checkout-left-info">Taxes</span>
|
||
|
|
<span class="offcanvas-add-cart__checkout-right-info">$0.00</span>
|
||
|
|
</li> <!-- End Single Add Cart Checkout Info-->
|
||
|
|
<!-- Start Single Add Cart Checkout Info-->
|
||
|
|
<li class="offcanvas-add-cart__checkout-list">
|
||
|
|
<span class="offcanvas-add-cart__checkout-left-info">Total</span>
|
||
|
|
<span class="offcanvas-add-cart__checkout-right-info">$67.59</span>
|
||
|
|
</li> <!-- End Single Add Cart Checkout Info-->
|
||
|
|
</ul> <!-- End offcanvas Add Cart Checkout Info-->
|
||
|
|
|
||
|
|
<div class="offcanvas-add-cart__btn-checkout">
|
||
|
|
<a href="checkout.html" class="btn btn--block btn--radius btn--box btn--black btn--black-hover-green btn--large btn--uppercase font--bold">Checkout</a>
|
||
|
|
</div>
|
||
|
|
</div> <!-- End Add Cart Checkout Box-->
|
||
|
|
</div> <!-- End Popup Add Cart -->
|
||
|
|
|
||
|
|
<div class="offcanvas-overlay"></div>
|
||
|
|
</header> <!-- :::::: End Header Section :::::: -->
|
||
|
|
|
||
|
|
<!-- :::::: Start Breadcrumb Section :::::: -->
|
||
|
|
<div class="page-breadcrumb">
|
||
|
|
<div class="container">
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-12">
|
||
|
|
<ul class="page-breadcrumb__menu">
|
||
|
|
<li class="page-breadcrumb__nav"><a href="#">Home</a></li>
|
||
|
|
<li class="page-breadcrumb__nav active">My Account</li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div> <!-- :::::: End Breadcrumb Section :::::: -->
|
||
|
|
|
||
|
|
<!-- :::::: Start Main Container Section :::::: -->
|
||
|
|
<main id="main-container" class="main-container">
|
||
|
|
<div class="container">
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-12">
|
||
|
|
<!-- :::::::::: Start My Account Section :::::::::: -->
|
||
|
|
<div class="my-account-area">
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-xl-3 col-md-4">
|
||
|
|
<div class="my-account-menu">
|
||
|
|
<ul class="nav account-menu-list flex-column nav-pills" id="pills-tab" role="tablist">
|
||
|
|
<li>
|
||
|
|
<a class="active link--icon-left" id="pills-dashboard-tab" data-toggle="pill" href="#pills-dashboard"
|
||
|
|
role="tab" aria-controls="pills-dashboard" aria-selected="true"><i
|
||
|
|
class="fas fa-tachometer-alt"></i> Dashboard</a>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a id="pills-order-tab" class="link--icon-left" data-toggle="pill" href="#pills-order" role="tab"
|
||
|
|
aria-controls="pills-order" aria-selected="false"><i
|
||
|
|
class="fas fa-shopping-cart"></i> Order</a>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a id="pills-download-tab" class="link--icon-left" data-toggle="pill" href="#pills-download" role="tab"
|
||
|
|
aria-controls="pills-download" aria-selected="false"><i
|
||
|
|
class="fas fa-cloud-download-alt"></i> Download</a>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a id="pills-payment-tab" class="link--icon-left" data-toggle="pill" href="#pills-payment" role="tab"
|
||
|
|
aria-controls="pills-payment" aria-selected="false"><i
|
||
|
|
class="fas fa-credit-card"></i> Payment Method</a>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a id="pills-address-tab" class="link--icon-left" data-toggle="pill" href="#pills-address" role="tab"
|
||
|
|
aria-controls="pills-address" aria-selected="false"><i
|
||
|
|
class="fas fa-map-marker-alt"></i> Address</a>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a id="pills-account-tab" class="link--icon-left" data-toggle="pill" href="#pills-account" role="tab"
|
||
|
|
aria-controls="pills-account" aria-selected="false"><i class="fas fa-user"></i>
|
||
|
|
Account Details</a>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a class="link--icon-left" href="login.html"><i class="fas fa-sign-out-alt"></i> Logout</a>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col-xl-8 col-md-8">
|
||
|
|
<div class="tab-content my-account-tab" id="pills-tabContent">
|
||
|
|
<div class="tab-pane fade show active" id="pills-dashboard" role="tabpanel"
|
||
|
|
aria-labelledby="pills-dashboard-tab">
|
||
|
|
<div class="my-account-dashboard account-wrapper">
|
||
|
|
<h4 class="account-title">Dashboard</h4>
|
||
|
|
<div class="welcome-dashboard m-t-30">
|
||
|
|
<p>Hello, <strong>Alex Tuntuni</strong> (If Not <strong>Tuntuni !</strong> <a
|
||
|
|
href="#">Logout</a> )</p>
|
||
|
|
</div>
|
||
|
|
<p class="m-t-25">From your account dashboard. you can easily check & view your
|
||
|
|
recent orders, manage your shipping and billing addresses and edit your password and
|
||
|
|
account details.</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="tab-pane fade" id="pills-order" role="tabpanel" aria-labelledby="pills-order-tab">
|
||
|
|
<div class="my-account-order account-wrapper">
|
||
|
|
<h4 class="account-title">Orders</h4>
|
||
|
|
<div class="account-table text-center m-t-30 table-responsive">
|
||
|
|
<table class="table">
|
||
|
|
<thead>
|
||
|
|
<tr>
|
||
|
|
<th class="no">No</th>
|
||
|
|
<th class="name">Name</th>
|
||
|
|
<th class="date">Date</th>
|
||
|
|
<th class="status">Status</th>
|
||
|
|
<th class="total">Total</th>
|
||
|
|
<th class="action">Action</th>
|
||
|
|
</tr>
|
||
|
|
</thead>
|
||
|
|
<tbody>
|
||
|
|
<tr>
|
||
|
|
<td>1</td>
|
||
|
|
<td>Mostarizing Oil</td>
|
||
|
|
<td>Aug 22, 2020</td>
|
||
|
|
<td>Pending</td>
|
||
|
|
<td>$100</td>
|
||
|
|
<td><a href="#">View</a></td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td>2</td>
|
||
|
|
<td>Katopeno Altuni</td>
|
||
|
|
<td>July 22, 2020</td>
|
||
|
|
<td>Approved</td>
|
||
|
|
<td>$45</td>
|
||
|
|
<td><a href="#">View</a></td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td>3</td>
|
||
|
|
<td>Murikhete Paris</td>
|
||
|
|
<td>June 22, 2020</td>
|
||
|
|
<td>On Hold</td>
|
||
|
|
<td>$99</td>
|
||
|
|
<td><a href="#">View</a></td>
|
||
|
|
</tr>
|
||
|
|
</tbody>
|
||
|
|
</table>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="tab-pane fade" id="pills-download" role="tabpanel"
|
||
|
|
aria-labelledby="pills-download-tab">
|
||
|
|
<div class="my-account-download account-wrapper">
|
||
|
|
<h4 class="account-title">Download</h4>
|
||
|
|
<div class="account-table text-center m-t-30 table-responsive">
|
||
|
|
<table class="table">
|
||
|
|
<thead>
|
||
|
|
<tr>
|
||
|
|
<th class="name">Product</th>
|
||
|
|
<th class="date">Date</th>
|
||
|
|
<th class="status">Expire</th>
|
||
|
|
<th class="action">Download</th>
|
||
|
|
</tr>
|
||
|
|
</thead>
|
||
|
|
<tbody>
|
||
|
|
<tr>
|
||
|
|
<td>Mostarizing Oil</td>
|
||
|
|
<td>Aug 22, 2020</td>
|
||
|
|
<td>Yes</td>
|
||
|
|
<td><a href="#">Download File</a></td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td>Katopeno Altuni</td>
|
||
|
|
<td>July 22, 2020</td>
|
||
|
|
<td>Never</td>
|
||
|
|
<td><a href="#">Download File</a></td>
|
||
|
|
</tr>
|
||
|
|
</tbody>
|
||
|
|
</table>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="tab-pane fade" id="pills-payment" role="tabpanel"
|
||
|
|
aria-labelledby="pills-payment-tab">
|
||
|
|
<div class="my-account-payment account-wrapper">
|
||
|
|
<h4 class="account-title">Payment Method</h4>
|
||
|
|
<p class="m-t-30">You Can't Saved Your Payment Method yet.</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="tab-pane fade" id="pills-address" role="tabpanel"
|
||
|
|
aria-labelledby="pills-address-tab">
|
||
|
|
<div class="my-account-address account-wrapper">
|
||
|
|
<h4 class="account-title">Payment Method</h4>
|
||
|
|
<div class="account-address m-t-30">
|
||
|
|
<h6 class="name">Alex Tuntuni</h6>
|
||
|
|
<p>1355 Market St, Suite 900 <br> San Francisco, CA 94103</p>
|
||
|
|
<p>Mobile: (123) 456-7890</p>
|
||
|
|
<a class="box-btn m-t-25 " href="#"><i class="far fa-edit"></i> Edit Address</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="tab-pane fade" id="pills-account" role="tabpanel"
|
||
|
|
aria-labelledby="pills-account-tab">
|
||
|
|
<div class="my-account-details account-wrapper">
|
||
|
|
<h4 class="account-title">Account Details</h4>
|
||
|
|
|
||
|
|
<div class="account-details">
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-md-6">
|
||
|
|
<div class="form-box__single-group">
|
||
|
|
<input type="text" placeholder="First Name">
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col-md-6">
|
||
|
|
<div class="form-box__single-group">
|
||
|
|
<input type="text" placeholder="Last Name">
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col-md-12">
|
||
|
|
<div class="form-box__single-group">
|
||
|
|
<input type="text" placeholder="Display Name">
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col-md-12">
|
||
|
|
<div class="form-box__single-group">
|
||
|
|
<input type="text" placeholder="Email address">
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col-md-12">
|
||
|
|
<div class="form-box__single-group">
|
||
|
|
<h5 class="title">Password change</h5>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col-md-12">
|
||
|
|
<div class="form-box__single-group">
|
||
|
|
<input type="password" placeholder="Current Password">
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col-md-6">
|
||
|
|
<div class="form-box__single-group">
|
||
|
|
<input type="password" placeholder="New Password">
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col-md-6">
|
||
|
|
<div class="form-box__single-group">
|
||
|
|
<input type="password" placeholder="Confirm Password">
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col-md-6">
|
||
|
|
<div class="form-box__single-group">
|
||
|
|
<button class="btn btn--box btn--radius btn--small btn--black btn--black-hover-green btn--uppercase font--bold">Save Change</button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div><!-- :::::::::: End My Account Section :::::::::: -->
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</main> <!-- :::::: End Main Container Section :::::: -->
|
||
|
|
|
||
|
|
<!-- :::::: Start Footer :::::: -->
|
||
|
|
<footer class="footer m-t-100">
|
||
|
|
<div class="container">
|
||
|
|
<!-- Start Footer Top Section -->
|
||
|
|
<div class="footer__top">
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-lg-4 col-md-5">
|
||
|
|
<div class="footer__about">
|
||
|
|
<div class="footer__logo">
|
||
|
|
<a href="index.html" class="footer__logo-link">
|
||
|
|
<img src="assets/img/logo/logo.png" alt="" class="footer__logo-img">
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
<ul class="footer__address">
|
||
|
|
<li class="footer__address-item"><i class="fa fa-home"></i>No: 58 A, your Street, Baltimore, USA 4508</li>
|
||
|
|
<li class="footer__address-item"><i class="fa fa-phone-alt"></i>+01 23456789</li>
|
||
|
|
<li class="footer__address-item"><i class="fa fa-envelope"></i>support@somemail.com</li>
|
||
|
|
</ul>
|
||
|
|
<ul class="footer__social-nav">
|
||
|
|
<li class="footer__social-list"><a href="#" class="footer__social-link"><i class="fab fa-facebook-f"></i></a></li>
|
||
|
|
<li class="footer__social-list"><a href="#" class="footer__social-link"><i class="fab fa-twitter"></i></a></li>
|
||
|
|
<li class="footer__social-list"><a href="#" class="footer__social-link"><i class="fab fa-youtube"></i></a></li>
|
||
|
|
<li class="footer__social-list"><a href="#" class="footer__social-link"><i class="fab fa-google-plus-g"></i></a></li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col-lg-2 col-md-3 col-sm-6 col-12">
|
||
|
|
<!-- Start Footer Nav -->
|
||
|
|
<div class="footer__menu">
|
||
|
|
<h4 class="footer__nav-title footer__nav-title--dash footer__nav-title--dash-red">INFORMATION</h4>
|
||
|
|
<ul class="footer__nav">
|
||
|
|
<li class="footer__list"><a href="" class="footer__link">Delivery Information</a></li>
|
||
|
|
<li class="footer__list"><a href="" class="footer__link">Advanced Search</a></li>
|
||
|
|
<li class="footer__list"><a href="" class="footer__link">Helps & Faqs</a></li>
|
||
|
|
<li class="footer__list"><a href="" class="footer__link">Store Location</a></li>
|
||
|
|
<li class="footer__list"><a href="" class="footer__link">Orders & Returns</a></li>
|
||
|
|
<li class="footer__list"><a href="" class="footer__link">Deliveries</a></li>
|
||
|
|
<li class="footer__list"><a href="" class="footer__link"> Refund & Returns</a></li>
|
||
|
|
</ul>
|
||
|
|
</div> <!-- End Footer Nav -->
|
||
|
|
</div>
|
||
|
|
<div class="col-lg-2 col-md-3 col-sm-6 col-12">
|
||
|
|
<div class="footer__menu">
|
||
|
|
<h4 class="footer__nav-title footer__nav-title--dash footer__nav-title--dash-red">OUR COMPANY</h4>
|
||
|
|
<ul class="footer__nav">
|
||
|
|
<li class="footer__list"><a href="" class="footer__link">Delivery</a></li>
|
||
|
|
<li class="footer__list"><a href="" class="footer__link">Legal Notice</a></li>
|
||
|
|
<li class="footer__list"><a href="" class="footer__link">Sitemap</a></li>
|
||
|
|
<li class="footer__list"><a href="" class="footer__link">Secure payment</a></li>
|
||
|
|
<li class="footer__list"><a href="" class="footer__link">Blog</a></li>
|
||
|
|
<li class="footer__list"><a href="" class="footer__link">About us</a></li>
|
||
|
|
<li class="footer__list"><a href="" class="footer__link">Carrers</a></li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col-lg-2 col-md-3 col-sm-6 col-12">
|
||
|
|
<div class="footer__menu">
|
||
|
|
<h4 class="footer__nav-title footer__nav-title--dash footer__nav-title--dash-red">MY ACCOUNT</h4>
|
||
|
|
<ul class="footer__nav">
|
||
|
|
<li class="footer__list"><a href="" class="footer__link">Search Terms</a></li>
|
||
|
|
<li class="footer__list"><a href="" class="footer__link">Advanced Search</a></li>
|
||
|
|
<li class="footer__list"><a href="" class="footer__link">Helps & Faqs</a></li>
|
||
|
|
<li class="footer__list"><a href="" class="footer__link">Store Location</a></li>
|
||
|
|
<li class="footer__list"><a href="" class="footer__link">Orders & Returns</a></li>
|
||
|
|
<li class="footer__list"><a href="" class="footer__link">Deliveries</a></li>
|
||
|
|
<li class="footer__list"><a href="" class="footer__link">Refund & Returns</a></li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col-lg-2 col-md-3 col-sm-6 col-12">
|
||
|
|
<div class="footer__menu">
|
||
|
|
<h4 class="footer__nav-title footer__nav-title--dash footer__nav-title--dash-red">OPENING TIME</h4>
|
||
|
|
<ul class="footer__nav">
|
||
|
|
<li class="footer__list">Mon - Fri: 8AM - 10PM</li>
|
||
|
|
<li class="footer__list">Sat: 9AM-8PM</li>
|
||
|
|
<li class="footer__list">Suns: 14hPM-18hPM</li>
|
||
|
|
<li class="footer__list">Mon - Fri: 8AM - 10PM</li>
|
||
|
|
<li class="footer__list">We Work All The Holidays</li>
|
||
|
|
<li class="footer__list"><a href="" class="footer__link font--bold">Download our app</a></li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div> <!-- End Footer Top Section -->
|
||
|
|
<!-- Start Footer Bottom Section -->
|
||
|
|
<div class="footer__bottom">
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-lg-8 col-md-6 col-12">
|
||
|
|
<!-- Start Footer Copyright Text -->
|
||
|
|
<div class="footer__copyright-text">
|
||
|
|
<p>Copyright © <a href="https://hasthemes.com/">HasThemes</a>. All Rights Reserved</p>
|
||
|
|
</div> <!-- End Footer Copyright Text -->
|
||
|
|
</div>
|
||
|
|
<div class="col-lg-4 col-md-6 col-12">
|
||
|
|
<!-- Start Footer Payment Logo -->
|
||
|
|
<div class="footer__payment">
|
||
|
|
<a href="#" class="footer__payment-link">
|
||
|
|
<img src="assets/img/company-logo/payment.png" alt="" class="footer__payment-img">
|
||
|
|
</a>
|
||
|
|
</div> <!-- End Footer Payment Logo -->
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div> <!-- End Footer Bottom Section -->
|
||
|
|
</div>
|
||
|
|
</footer> <!-- :::::: End Footer :::::: -->
|
||
|
|
|
||
|
|
<!-- material-scrolltop button -->
|
||
|
|
<button class="material-scrolltop" type="button"></button>
|
||
|
|
|
||
|
|
<!-- Vendor JS Files -->
|
||
|
|
<script src="assets/js/vendor/jquery-3.5.1.min.js"></script>
|
||
|
|
<script src="assets/js/vendor/modernizr-3.7.1.min.js"></script>
|
||
|
|
<script src="assets/js/vendor/jquery-ui.min.js"></script>
|
||
|
|
<script src="assets/js/vendor/bootstrap.bundle.min.js"></script>
|
||
|
|
|
||
|
|
<!-- Plugins JS Files -->
|
||
|
|
<script src="assets/js/plugin/slick.min.js"></script>
|
||
|
|
<script src="assets/js/plugin/jquery.countdown.min.js"></script>
|
||
|
|
<script src="assets/js/plugin/material-scrolltop.js"></script>
|
||
|
|
<script src="assets/js/plugin/price_range_script.js"></script>
|
||
|
|
<script src="assets/js/plugin/in-number.js"></script>
|
||
|
|
<script src="assets/js/plugin/jquery.elevateZoom-3.0.8.min.js"></script>
|
||
|
|
<script src="assets/js/plugin/venobox.min.js"></script>
|
||
|
|
<script src="assets/js/plugin/jquery.waypoints.js"></script>
|
||
|
|
<script src="assets/js/plugin/jquery.lineProgressbar.js"></script>
|
||
|
|
|
||
|
|
<!-- Use the minified version files listed below for better performance and remove the files listed above -->
|
||
|
|
<!-- <script src="assets/js/vendor/vendor.min.js"></script>
|
||
|
|
<script src="assets/js/plugin/plugins.min.js"></script> -->
|
||
|
|
|
||
|
|
<!-- Main js file that contents all jQuery plugins activation. -->
|
||
|
|
<script src="assets/js/main.js"></script>
|
||
|
|
</body>
|
||
|
|
|
||
|
|
</html>
|