-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
80 lines (67 loc) · 4.64 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
67
68
69
70
71
72
73
74
75
76
77
78
79
80
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta name="description" content="chubby coffee">
<meta name="keywords" content="chubbycoffee 真空包裝 咖啡豆 鮮榨 濃醇香 熱咖啡 拿鐵 農場鮮奶直送">
<title>chubby coffee</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous"><!---BS4CSS--->
<link rel="stylesheet" href="https://unpkg.com/swiper/css/swiper.min.css"><!---swiper套件的CSS--->
<link rel="stylesheet" href="css/all.css"><!---自製的CSS--->
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.js'></script><!---jQuery--->
<script src="js/parallax.min.js"></script><!--滾動視差的jQuery-->
<script src="js/alljq.js"></script><!---自製的jQuery--->
<script src="https://unpkg.com/swiper/js/swiper.js"></script><!---swiper的jQuery設定--->
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script><!---Boostrap4js-->
</head>
<body>
<div class="header col-12 ">
<div class="wrap">
<div class="logo col-12 col-sm-12 col-md-12 col-lg-3 col-xl-6"><a href="https://sarah001160.github.io/chubbycoffee/"></a></div>
<div class="linkbar nav-bar navbar-expand-sm col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6">
<ul class="topmenu navbar-nav"><!---至頂的menu-->
<li class="click nav-item"><a class="text-light nav-link" href="#">關於我們</a>
<ul class="dropdown nav flex-column">
<li class="nav-item"><a href="https://sarah001160.github.io/aboutChubby/">本店介紹</a></li>
<li class="nav-item"><a href="#">咖啡豆</a></li>
</ul>
</li>
<li class="nav-item"><a class=" text-light nav-link" href="https://sarah001160.github.io/chubbyNews/">最新消息</a></li>
<li class="nav-item click"><a class="text-light nav-link" href="#">飲品</a>
<ul class="dropdown nav flex-column">
<li class="nav-item"><a href="https://sarah001160.github.io/chubbyProduct/">奶霜系列</a></li>
<li class="nav-item"><a href="https://sarah001160.github.io/chubbyProduct/">冷翠系列</a></li>
<li class="nav-item"><a href="https://sarah001160.github.io/chubbyProduct/">莓果系列</a></li>
</ul>
</li>
<li class="nav-item"><a class="nav-link text-light" href="https://sarah001160.github.io/chubbyLocation/">門市據點</a></li>
</ul>
</div>
<div class="clearfix"></div>
</div>
</div>
<div class="aboutchubby-content col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
<h2>本店介紹</h2>
<div class="article">
<img src="./img/coffee3.jpg">
<p>來自溫室的咖啡樹，給您最呵護的咖啡豆，粒粒分明、顆顆完整，在烘焙咖啡豆時保留大部分的香氣，
讓您在喝咖啡時擁有最好的享受!</p>
<div class="clearfix"></div>
</div>
</div>
<div class="footer">
<div class="wrap">
<div class="logo"><a href="https://sarah001160.github.io/chubbycoffee/"></a></div>
<div class="icon">
<a href="https://www.facebook.com/"><img src="./img/facebook.png"></a>
<a href="https://www.instagram.com/"><img src="./img/instagram.png"></a>
<a href="https://twitter.com/"><img src="./img/twitter.png"></a>
<div class="clearfix"></div>
</div>
<p class="text-light">新北市永和區綠寶石公園<br>連絡電話(02)1234-6543<br>營業時間10:00~20:00</p>
</div>
</div>
</body>
</html>