-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
66 lines (44 loc) · 1.77 KB
/
index.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
<!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">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display&family=Poppins:wght@100;400&display=swap"
rel="stylesheet">
<link rel="stylesheet" href="style.css">
<title>Document</title>
</head>
<body>
<nav class="head-navbar-containter">
<div class="contact-info">
<a href="tel:+4155358996">Call Us</a>
</div>
<div class="logo">
<img class="logo-img" src="/Images/KC_logo.jpeg" alt="">
</div>
<ul class="nav-links">
<li class="list-item"><a href="#" class="nav-link">Home</a></li>
<li class="list-item"><a href="#" class="nav-link">About</a></li>
<li class="list-item"><a href="#" class="nav-link">Shop</a></li>
</ul>
<div class="burger">
<div class="line1"></div>
<div class="line2"></div>
<div class="line3"></div>
</div>
</nav>
<main class="hero">
<div class="container spacing">
<h1 class="hero-title-text">Kaizen & Coffee</h1>
<p class="hero-sub-text">Simplicity often masks a beautiful complexity. It's our philosophy to let the coffee
speak for itself. By using only the highest quality products and brew methods we're able to transform every
simple cup into an unforgettable experience.</p>
<a href="#" class="btn effect04" data-sm-link-text="改善"><span>Learn More</span></a>
</div>
</main>
<script src="/index.js"></script>
</body>
</html>