<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Amber - Pet Care Bootstrap 5 Template</title>
<!-- Favicons -->
<link rel="shortcut icon" href="http://demo.demohuo.top/modals/68/6835/demo/assets/images/favicon.ico">
<!-- Vendor CSS (Icon Font) -->
<!--
<link rel="stylesheet" href="assets/css/vendor/fontawesome.min.css" />
<link rel="stylesheet" href="assets/css/vendor/bootstrap.min.css" />
<link rel="stylesheet" href="assets/css/vendor/simple-line-icons.min.css" />
<link rel="stylesheet" href="assets/css/vendor/themify-icons-min.css" />
-->
<!-- Plugins CSS (All Plugins Files) -->
<!--
<link rel="stylesheet" href="assets/css/plugins/swiper-bundle.min.css" />
<link rel="stylesheet" href="assets/css/plugins/animate.min.css" />
<link rel="stylesheet" href="assets/css/plugins/lightgallery.min.css" />
<link rel="stylesheet" href="assets/css/plugins/aos.min.css" />
<link rel="stylesheet" href="assets/css/plugins/nice-select.min.css" />
-->
<!-- Main Style CSS -->
<!-- <link rel="stylesheet" href="assets/css/style.css" /> -->
<!-- Use the minified version files listed below for better performance and remove the files listed above -->
<link rel="stylesheet" href="static/css/vendor.min.css">
<link rel="stylesheet" href="static/css/plugins.min.css">
<link rel="stylesheet" href="static/css/style.min.css">
</head>
<body>
<!-- Header Section Start -->
<div class="header section">
<!-- Header Top Start -->
<div class="header-top bg-name-primary">
<div class="container">
<div class="row align-items-center">
<!-- Header Top Message Start -->
<div class="col-12 col-lg-6">
<div class="header-top-msg-wrapper">
<p class="header-top-message">Welcome To our shop !</p>
</div>
</div>
<div class="col-12 col-lg-6">
<div class="header-top-settings">
<ul class="nav">
<li class="curreny-wrap">
<a href="#">USD</a>
<i class="fa fa-angle-down"></i>
<ul class="dropdown-list curreny-list">
<li><a href="#">$ USD</a></li>
<li><a href="#">€ EUR</a></li>
<li><a href="#">£ GBP</a></li>
<li><a href="#">₹ INR</a></li>
<li><a href="#">¥ JPY</a></li>
</ul>
</li>
</ul>
</div>
</div>
<!-- Header Top Message End -->
</div>
</div>
</div>
<!-- Header Top End -->
<!-- Header Bottom Start -->
<div class="header-bottom">
<div class="header-sticky">
<div class="container">
<div class="row align-items-center position-relative">
<!-- Header Logo Start -->
<div class="col-lg-3 col-md-4 col-6">
<div class="header-logo">
<a href="index.html"><img src="static/picture/logo.png" alt="Site Logo"></a>
</div>
</div>
<!-- Header Logo End -->
<!-- Header Menu Start -->
<div class="col-lg-6 d-none d-lg-block">
<div class="main-menu">
<ul>
<li class="has-children">
<a href="#">Home</a>
<ul class="sub-menu">
<li><a href="index.html">Home 1</a></li>
<li><a href="index-2.html">Home 2</a></li>
<li><a href="">Home 3</a></li>
<li><a href="index-4.html">Home 4</a></li>
</ul>
</li>
<li class="has-children position-static">
<a href="#">Shop</a>
<ul class="mega-menu">
<li class="mega-menu-col">
<h4 class="mega-menu-title">Shop Layout</h4>
<ul class="m-b-n10">
<li><a href="shop.html">Shop Grid</a></li>
<li><a href="shop-left-sidebar.html">Left Sidebar</a></li>
<li><a href="shop-right-sidebar.html">Right Sidebar</a></li>
<li><a href="shop-list-fullwidth.html">List Fullwidth</a></li>
<li><a href="shop-list-left-sidebar.html">List Left Sidebar</a></li>
<li><a href="shop-list-right-sidebar.html">List Right Sidebar</a></li>
</ul>
</li>
<li class="mega-menu-col">
<h4 class="mega-menu-title">Product Layout</h4>
<ul class="m-b-n10">
<li><a href="single-product.html">Single Product</a></li>
<li><a href="single-product-sale.html">Single Product Sale</a></li>
<li><a href="single-product-variable.html">Single Product Variable</a></li>
<li><a href="single-product-countdown.html">Single Product Countdown</a></li>
<li><a href="single-product-affiliate.html">Single Product Affiliate</a></li>
<li><a href="single-product-slider.html">Single Product Slider</a></li>
</ul>
</li>
<li class="mega-menu-col">
<h4 class="mega-menu-title">Other Pages</h4>
<ul class="m-b-n10">
<li><a href="my-account.html">My Account</a></li>
<li><a href="login.html">Login | Register</a></li>
<li><a href="wishlist.html">Wishlist</a></li>
<li><a href="cart.html">Cart</a></li>
<li><a href="checkout.html">Checkout</a></li>
<li><a href="compare.html">Compare</a></li>
</ul>
</li>
<li class="mega-menu-col">
<div class="megamenu-image">
<a