81 lines
3.4 KiB
Vue
81 lines
3.4 KiB
Vue
<template>
|
|
<header id="header" class="full-header">
|
|
<div id="header-wrap">
|
|
<div class="container">
|
|
<div class="header-row top-search-parent">
|
|
|
|
<!-- Logo -->
|
|
<div id="logo">
|
|
<a href="/">
|
|
<img class="logo-default" srcset="/images/logo.png, /images/logo@2x.png 2x" src="/images/logo@2x.png" alt="Canvas Logo">
|
|
<img class="logo-dark" srcset="/images/logo-dark.png, /images/logo-dark@2x.png 2x" src="/images/logo-dark@2x.png" alt="Canvas Logo">
|
|
</a>
|
|
</div>
|
|
|
|
<div class="header-misc">
|
|
<div id="top-search" class="header-misc-icon">
|
|
<a id="top-search-trigger" href="#"><i class="uil uil-search"/><i class="bi-x-lg"/></a>
|
|
</div>
|
|
<div id="top-cart" class="header-misc-icon d-none d-sm-block">
|
|
<a id="top-cart-trigger" href="#"><i class="uil uil-shopping-bag"/><span class="top-cart-number">5</span></a>
|
|
<div class="top-cart-content">
|
|
<div class="top-cart-title">
|
|
<h4>Shopping Cart</h4>
|
|
</div>
|
|
<div class="top-cart-items">
|
|
<div class="top-cart-item">
|
|
<div class="top-cart-item-image">
|
|
<a href="#"><img src="/images/shop/small/1.jpg" alt="Blue Round-Neck Tshirt"></a>
|
|
</div>
|
|
<div class="top-cart-item-desc">
|
|
<div class="top-cart-item-desc-title">
|
|
<a href="#">Blue Round-Neck Tshirt with a Button</a>
|
|
<span class="top-cart-item-price d-block">$19.99</span>
|
|
</div>
|
|
<div class="top-cart-item-quantity">x 2</div>
|
|
</div>
|
|
</div>
|
|
<div class="top-cart-item">
|
|
<div class="top-cart-item-image">
|
|
<a href="#"><img src="/images/shop/small/6.jpg" alt="Light Blue Denim Dress"></a>
|
|
</div>
|
|
<div class="top-cart-item-desc">
|
|
<div class="top-cart-item-desc-title">
|
|
<a href="#">Light Blue Denim Dress</a>
|
|
<span class="top-cart-item-price d-block">$24.99</span>
|
|
</div>
|
|
<div class="top-cart-item-quantity">x 3</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="top-cart-action">
|
|
<span class="top-checkout-price">$114.95</span>
|
|
<a href="#" class="button button-3d button-small m-0">View Cart</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="primary-menu-trigger">
|
|
<button class="cnvs-hamburger" type="button" title="Open Mobile Menu">
|
|
<span class="cnvs-hamburger-box"><span class="cnvs-hamburger-inner"/></span>
|
|
</button>
|
|
</div>
|
|
|
|
<!-- Primary Navigation -->
|
|
<AppPrimaryMenu />
|
|
|
|
<form class="top-search-form" action="search.html" method="get">
|
|
<input type="text" name="q" class="form-control" value="" placeholder="Type & Hit Enter.." autocomplete="off">
|
|
</form>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="header-wrap-clone" />
|
|
</header>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
</script>
|