-
Notifications
You must be signed in to change notification settings - Fork 0
/
head.html
138 lines (119 loc) · 6.95 KB
/
head.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>kukumi head</title>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
<link rel="stylesheet" href="style.css">
</head>
<body>
<!-- header -->
<header id="header" class="my-2 sticky-top p-0 d-flex justify-content-center">
<nav class="navbar navbar-expand-lg container-fluid p-0 m-auto d-flex justify-content-center">
<div class="container-xl m-2 p-0 d-flex justify-content-between">
<div id="brand" class="row order-lg-0 order-1">
<img class="brand__logo" src="asset/img/logo_simple_para_fondo_blanco.png" alt="logo kukumi">
<span class="brand__title d-xl-block d-lg-block d-sm-none">kukumi</span>
</div>
<button
class="navbar-toggler align-items-end order-0"
data-bs-toggle="offcanvas"
data-bs-target="#navmenu"
aria-controls="navmenu"
type="button"
data-bs-toggle="collapse"
data-bs-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent"
aria-expanded="false"
aria-label="Toggle navigation">
<svg xmlns="http://www.w3.org/2000/svg" height="2rem" fill="none" viewBox="0 0 24 24"
stroke-width="1.5" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round"
d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5" />
</svg>
</button>
<div class="collapse navbar-collapse justify-content-center" id="navbarSupportedContent">
<ul class="navbar-nav mb-2 mb-lg-0 mt-2 mt-lg-0 w-50 justify-content-around">
<li class="nav-item menu__item">
<a class="nav-link px-0 py-0 active" aria-current="page" href="index.html">Inicio</a>
</li>
<li class="nav-item menu__item">
<a class="nav-link px-0 py-0 " href="tienda.html">Tienda</a>
</li>
<li class="nav-item menu__item">
<a class="nav-link px-0 py-0 " href="#">Stories</a>
</li>
<li class="nav-item menu__item">
<a class="nav-link px-0 py-0 " href="#">Contacto</a>
</li>
</ul>
</div>
<div id="usermenu " class="row order-lg-1 order-2">
<svg class="col-6" xmlns="http://www.w3.org/2000/svg" fill="none" height="24"
viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round"
d="M15 19.128a9.38 9.38 0 002.625.372 9.337 9.337 0 004.121-.952 4.125 4.125 0 00-7.533-2.493M15 19.128v-.003c0-1.113-.285-2.16-.786-3.07M15 19.128v.106A12.318 12.318 0 018.624 21c-2.331 0-4.512-.645-6.374-1.766l-.001-.109a6.375 6.375 0 0111.964-3.07M12 6.375a3.375 3.375 0 11-6.75 0 3.375 3.375 0 016.75 0zm8.25 2.25a2.625 2.625 0 11-5.25 0 2.625 2.625 0 015.25 0z" />
</svg>
<a class="col-6" href="#" data-bs-toggle="offcanvas"
data-bs-target="#offcanvasWithBothOptions" aria-controls="offcanvasWithBothOptions">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" height="24" viewBox="0 0 24 24"
stroke-width="1.5" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round"
d="M15.75 10.5V6a3.75 3.75 0 10-7.5 0v4.5m11.356-1.993l1.263 12c.07.665-.45 1.243-1.119 1.243H4.25a1.125 1.125 0 01-1.12-1.243l1.264-12A1.125 1.125 0 015.513 7.5h12.974c.576 0 1.059.435 1.119 1.007zM8.625 10.5a.375.375 0 11-.75 0 .375.375 0 01.75 0zm7.5 0a.375.375 0 11-.75 0 .375.375 0 01.75 0z" />
</svg>
</a>
<!-- <svg class="col-4 p-0" xmlns="http://www.w3.org/2000/svg" fill="none" height="24"
viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round"
d="M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607z" />
</svg> -->
</div>
</div>
</nav>
</header>
<!-- offcanvas menu -->
<div class="offcanvas offcanvas-start"
data-bs-scroll="true"
tabindex="-1"
id="navmenu"
aria-labelledby="offcanvasWithBothOptionsLabel">
<div class="offcanvas-header">
<h5 class="offcanvas-title" id="offcanvasWithBothOptionsLabel">MENU</h5>
<button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
</div>
<div class="offcanvas-body">
<ul class="navbar-nav mb-2 mb-lg-0 mt-2 mt-lg-0 w-50 justify-content-around">
<li class="nav-item menu__item">
<a class="nav-link px-0 py-0 active" aria-current="page" href="index.html">Inicio</a>
</li>
<li class="nav-item menu__item">
<a class="nav-link px-0 py-0 " href="tienda.html">Tienda</a>
</li>
<li class="nav-item menu__item">
<a class="nav-link px-0 py-0 " href="#">Stories</a>
</li>
<li class="nav-item menu__item">
<a class="nav-link px-0 py-0 " href="#">Contacto</a>
</li>
</ul>
</div>
</div>
<!-- offcanvas carrito -->
<div class="offcanvas offcanvas-end" data-bs-scroll="true" tabindex="-1" id="offcanvasWithBothOptions"
aria-labelledby="offcanvasWithBothOptionsLabel">
<div class="offcanvas-header">
<h5 class="offcanvas-title" id="offcanvasWithBothOptionsLabel">Carrito</h5>
<button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
</div>
<div class="offcanvas-body">
<p>Try scrolling the rest of the page to see this option in action.</p>
</div>
</div>
<!-- bootstrap js -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4"
crossorigin="anonymous"></script>
</body>
</html>