-
Notifications
You must be signed in to change notification settings - Fork 3
/
shop.html
137 lines (127 loc) · 5.92 KB
/
shop.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!--Links Title Icon-->
<link rel="icon" href="images/title-icon.png" />
<!--Link to font awesome-->
<title>Meno Kenya | Nothing But The Tooth</title>
<!-- css links here -->
<link
href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3"
crossorigin="anonymous"
/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link rel="stylesheet" type="text/css" href="css/shop.css" />
<!--TALIWIND CSS HERE-->
<link href="./css/tailwind.css" />
<script src="https://cdn.tailwindcss.com"></script>
</head>
<body>
<!-- nav bar start -->
<nav class="navbar navbar-expand-lg navbar-light bg-light sticky-top">
<div class="container container-fluid">
<a class="navbar-brand" href="index.html">
<img src="images/meno-kenya-logo.png" alt="logo" width="100" height="50">
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ms-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="about.html">About</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">Services</a>
<ul class="dropdown-menu" aria-labelledby="navbarDropdown">
<li><a href="experts.html" class="nav-link" target="_blank" rel="noopener noreferrer">Dentist</a></li>
<li>
<hr class="dropdown-divider">
</li>
<li><a class="dropdown-item" href="">Shop</a></li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Testimonials</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Contacts</a>
</li>
<li>
<a href="appointment.html" class="btn active book-button">Book Appointment</a>
</li>
</ul>
</div>
</div>
</nav>
</header>
<!-- nav bar end -->
<section class="shoppy">
<div class="braces">
<img src="images/shopbraces.jpg" alt="braces">
<p>
<form>
<input class="add" type = "button" value = "add to cart" onclick = "fun();" />
</form>
</p>
</div>
<div class="dentures">
<img src="images/shopdentures.jpg" alt="dentures" class="denturesp">
<input class="add" type = "button" value = "add to cart" onclick = "fun();" />
<p class="denturesp">
</p>
</div>
<div class="guard">
<img src="images/shopmouthguard.jpg" alt="mouthguard">
<input class="add" type = "button" value = "add to cart" onclick = "fun();" />
<p>
</p>
</div>
<div class="toothbrush">
<img src="images/shoptoothbrush.jpg" alt="toothbrush">
<input class="add" type = "button" value = "add to cart" onclick = "fun();" />
<p>
</p>
</div>
<div class="whitening">
<img src="images/shopwhitening.jpg" alt="whitening">
<input class="add" type = "button" value = "add to cart" onclick = "fun();" />
<p>
</p>
</div>
</section>
<!-- footer start -->
<footer class="footer">
<article class="footer-logo">
<a href="#"><img src="images/meno-kenya-logo.png" alt="logo"></a>
</article>
<article class="footer-links">
<ul class="footer-links-ul">
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Testimonials</a></li>
<li><a href="#">Contacts</a></li>
</ul>
</article>
<article class="footer-socials">
<a href="https://www.facebook.com/monie.car.7" target="_blank"><img src="images/icons/facebook-light.svg" alt="facebook"></a>
<a href="https://github.com/John-Kimani/Meno-Kenya.git" target="_blank"><img src="images/icons/github.svg" alt="github"></a>
<a href="mailto:[email protected]" target="_blank"><img src="images/icons/gmail.svg" alt="gmail"></a>
<a href="https://twitter.com/crabs_ke" target="_blank"><img src="images/icons/twitter.svg" alt="twitter"></a>
</article>
<!-- js links here -->
<script src="shop.js" ></script>
<script
src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM"
crossorigin="anonymous"
></script>
</body>
</html>