-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
157 lines (154 loc) · 6.38 KB
/
index.html
File metadata and controls
157 lines (154 loc) · 6.38 KB
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
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- font -->
<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
<!-- icon -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css">
<!-- jquery -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<!-- bxslider -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/bxslider/4.2.12/jquery.bxslider.css">
<script src="https://cdn.jsdelivr.net/bxslider/4.2.12/jquery.bxslider.min.js"></script>
<!-- css -->
<link rel="stylesheet" href="./css/reset.css">
<link rel="stylesheet" href="./css/index.css">
<link rel="stylesheet" href="./css/footer.css">
<link rel="stylesheet" href="./css/header.css">
<link rel="stylesheet" href="./css/default.css">
<!-- script -->
<script src="./js/top_btn.js"></script>
<title>빽다방</title>
<script>
$(document).ready(function(){
$('.slider').bxSlider({
auto:true
});
});
</script>
</head>
<body>
<header class="header">
<div class="logo"><a href="index.html"><img src="./images/logo.png" alt=""></a></div>
<div class="nav">
<div class="top_nav">
<a href=""><div class="line">더본코리아</div></a>
<a href=""><div class="line">매장찾기</div></a>
<div class="sns">
<div class="sns_face">
<a href=""><img src="./images/icon_set.png" alt=""></a>
</div>
<div class="sns_insta">
<a href=""><img src="./images/icon_set.png" alt=""></a>
</div>
</div>
</div>
<div class="main_nav">
<a href="./ceo_hello.html"><div>빽다방</div></a>
<a href="./new_menu.html"><div>메뉴</div></a>
<a href=""><div>소식</div></a>
<a href=""><div>커뮤니티</div></a>
<a href=""><div>매장안내</div></a>
<a href=""><div>창업안내</div></a>
<a href=""><div>고객의 소리</div></a>
</div>
</div>
</header>
<section class="mainbanner">
<div class="slider">
<div><a href="#"><img src="./images/main_긴페스츄리와플흑당.jpg" alt=""></a></div>
<div><a href="#"><img src="./images/main_달고나크런치-1.jpg" alt=""></a></div>
<div><a href="#"><img src="./images/main_몽땅쉐이크.jpg" alt=""></a></div>
<div><a href="#"><img src="./images/main_완전오렌지자몽.jpg" alt=""></a></div>
<div><a href="#"><img src="./images/main_완전홍시.jpg" alt=""></a></div>
<div><a href="#"><img src="./images/main_콜드브루-1.jpg" alt=""></a></div>
</div>
</section>
<section class="sec_sto">
<a href="#">
<div class="sto_txt">
<div>The Finest Quality Coffee Plants</div>
<div>PAIK’S COFFEE STORY</div>
<div>균형잡힌 바디감으로 긴여운을 남기는 빽다방 커피를 만나보세요.</div>
</div>
</a>
</section>
<section class="sec_fre">
<img src="./images/menu01.jpg" alt="">
<div class="tit">fresh<br>coffee</div>
<div class="txt">신성한 뉴크롭 원두를 사용하여<br>
추출한 커피메뉴!</div>
<div class="more_btn"><a href="#"><img src="./images/icon_set.png" alt=""></a></div>
</section>
<div class="flex_menu">
<div class="flex_box_varNswe">
<section class="sec_var">
<img src="./images/menu02.jpg" alt="">
<div class="con">
<div class="tit">various<br>baverage</div>
<div class="txt">에이드,티,주스 등 취향대로<br>
골라 먹는 즐거움!</div>
</div>
<div class="more_btn"><a href="#"><img src="./images/icon_set.png" alt=""></a></div>
</section>
<section class="sec_swe">
<img src="./images/menu03.jpg" alt="">
<div class="con">
<div class="tit">sweet<br>paik's ccino</div>
<div class="txt">달콤 시원한 백다방<br>
시그니처 메뉴!</div>
</div>
<div class="more_btn"><a href="#"><img src="./images/icon_set.png" alt=""></a></div>
</section>
</div>
<div class="flex_box_storeNtas">
<section class="sec_store blue_box">
<div class="tit">STORE</div>
<div class="txt">원하시는 지역의 매장을 검색해보세요!</div>
<form>
<input type="search" name="searchStore">
<div></div>
</form>
</section>
<section class="sec_tas">
<img src="./images/menu04.jpg" alt="">
<div class="con">
<div class="tit">tasty<br>ice cream<br>dessert</div>
<div class="txt">달콤 시원한 빽다방<br>
시그니처 메뉴!</div>
</div>
<div class="more_btn"><a href="#"><img src="./images/icon_set.png" alt=""></a></div>
</section>
</div>
<div class="flex_box_fraNsns">
<section class="sec_fra blue_box">
<div class="tit">FRANCHISE</div>
<div class="txt">빽다방 창업안내를 도와드리겠습니다.</div>
<div class="house_icon"><img src="./images/icon_set.png" alt=""></div>
</section>
<section class="sec_sns blue_box">
<div class="sns_tit">PAIK'S COFFEE SNS</div>
<div class="hashtag"><span>#빽다방</span><span>#빽다방신메뉴</span><span>#빽다방이벤트</span></div>
<div class="sns sns_icon">
<div class="sns_face">
<img src="./images/icon_set.png" alt="">
</div>
<div class="sns_insta">
<img src="./images/icon_set.png" alt="">
</div>
</div>
</section>
</div>
<footer>
<div class="flogo"><img src="./images/icon_set.png" alt=""></div>
<div class="location">(주)더본코리아 사업자등록번호 211-86-00870 대표이사 백종원 <br>
주소: 서울시 강남구 봉은사로 1길 39 유성빌딩 5~6층 팩스: 02-511-3864 <br>
본사 대표전화: 02-549-3864 가맹상담전화: 02-3447-0410 고객센터: 1544-2360</div>
<div class="copyright">COPYRIGHTⓒ 2018 THEBORN KOREA INC. ALL RIGHTS RESERVED</div>
<div class="top_btn" onclick="topFunction()"><img src="./images/icon_set.png" alt=""></div>
</footer>
</div>
</body>
</html>