-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
300 lines (299 loc) · 18.7 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
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
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
<!DOCTYPE html>
<html lang='ko'>
<head>
<meta charset='utf-8'>
<meta http-equiv='X-UA-Compatible' content='IE=Edge'>
<meta name='viewport' content='width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no'>
<meta name="description" content="목장부터 까다롭게 관리한 살아있는 우유, 국내 최초 저온살균우유 파스퇴르 몰 입니다.">
<meta name="keywords" content="파스퇴르, 파스퇴르몰, 파스퇴르우유, 저지방우유, 저온살균우유, 요구르트">
<meta property="og:title" content="파스퇴르">
<meta property="og:url" content="https://sinbhs.github.io/pasteur">
<meta property="og:image" content="https://sinbhs.github.io/pasteur/images/og_img.jpg">
<meta property="og:description" content="목장부터 까다롭게 관리한 살아있는 우유, 국내 최초 저온살균우유 파스퇴르 몰 입니다.">
<!-- twitter -->
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="파스퇴르">
<meta name="twitter:url" content="https://sinbhs.github.io/pasteur">
<meta name="twitter:image" content="https://sinbhs.github.io/pasteur/images/og_img.jpg">
<meta name="twitter:description" content="파스퇴르, 파스퇴르몰, 파스퇴르우유, 저지방우유, 저온살균우유, 요구르트">
<title>파스퇴르</title>
<!-- CSS -->
<!-- font -->
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500&display=swap" rel="stylesheet">
<link rel="stylesheet" href="fonts/fonts.css">
<!-- favicon -->
<link rel="apple-touch-icon" sizes="76x76" href="images/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="images/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="images/favicon-16x16.png">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="theme-color" content="#ffffff">
<!-- normalize -->
<link rel="stylesheet" href="common/normalize.css">
<!-- swiper -->
<link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css">
<!-- aos -->
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
<!-- index -->
<link rel="stylesheet" href="index.css">
<!-- js -->
<script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.min.js"></script>
<script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script>
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
<script src="js/index.js"></script>
</head>
<body>
<!-- container -->
<div class="container">
<!-- header -->
<header>
<!-- gnb -->
<div class="gnb">
<!-- logo -->
<h1><a href="index.html">로고</a></h1>
<!-- navigation -->
<nav>
<ul class="nav">
<li>
<a href="about/about_company.html">회사소개</a>
<ul class="side_menu">
<li><a href="about/about_company.html">기업소개</a></li>
<li><a href="about/about_ceo.html">CEO 인사말</a></li>
<li><a href="about/about_philosophy.html">기업이념</a></li>
<li><a href="about/about_history.html">연혁</a></li>
</ul>
</li>
<li>
<a href="#">제품소개</a>
<ul class="side_menu">
<li><a href="#">유아식 제품</a></li>
<li><a href="#">우유 제품</a></li>
<li><a href="#">발효유 제품</a></li>
<li><a href="#">음료 제품</a></li>
</ul>
</li>
<li>
<a href="#">가정배달</a>
<ul class="side_menu">
<li><a href="#">가정배달 신청</a></li>
<li><a href="#">주문내역 확인</a></li>
<li><a href="#">대리점 검색</a></li>
</ul>
</li>
<li>
<a href="#">홍보센터</a>
<ul class="side_menu">
<li><a href="#">보도자료</a></li>
<li><a href="#">홍보영상</a></li>
<li><a href="#">광고갤러리</a></li>
<li><a href="#">이벤트</a></li>
</ul>
</li>
<li>
<a href="#">파스퇴르스토리</a>
<ul class="side_menu">
<li><a href="#">파스퇴르 스토리</a></li>
</ul>
</li>
<li>
<a href="#">고객센터</a>
<ul class="side_menu">
<li><a href="#">고객센터</a></li>
</ul>
</li>
</ul>
<ul class="utill">
<li><a href="#">login</a></li>
<li><a href="#">join us</a></li>
</ul>
</nav>
<div class="mobile_menu">메뉴</div>
</div><!-- //gnb -->
<!-- mobile overlay menu -->
<div class="overlay_menu">
<div class="close_btn"><img src="images/close_menu.png" alt="close_btn"></div>
<ul>
<li><a href="index.html">홈</a></li>
<li><a href="about/about_company.html">회사소개</a></li>
<li><a href="#">제품소개</a></li>
<li><a href="#">가정배달</a></li>
<li><a href="#">홍보센터</a></li>
<li><a href="#">파스퇴르 스토리</a></li>
<li><a href="#">고객센터</a></li>
</ul>
</div>
</header>
<!-- slider banner -->
<div class="main">
<a href="about/about_company.html"><div class="mainbn">메인배너</div></a>
</div>
<!-- introduce -->
<div class="introduce">
<h2>파스퇴르 소개</h2>
<p>목장부터 까다롭게 관리한 살아있는 우유<br>국내 최초 "저온살균우유 파스퇴르"</p>
<!-- pasteur icon list -->
<div class="icon">
<div class="box1">
<div class="aos_box" data-aos="fade-down" data-aos-duration="1200" data-aos-delay="0">
<img src="images/1.png" alt="icon1"><p>우리나라 최초의<br>저온살균 우유</p>
</div><!-- //aos box -->
</div>
<div class="box2">
<div class="aos_box" data-aos="fade-down" data-aos-duration="1200" data-aos-delay="100">
<img src="images/2.png" alt="icon2"><p>엄마가 안심하고<br>먹이는 유아식</p>
</div><!-- //aos box -->
</div>
<div class="box3">
<div class="aos_box" data-aos="fade-down" data-aos-duration="1200" data-aos-delay="200">
<img src="images/3.png" alt="icon3"><p>고객의 건강을 먼저<br>생각하는 파스퇴르 제품</p>
</div><!-- //aos box -->
</div>
<div class="box4">
<div class="aos_box" data-aos="fade-down" data-aos-duration="1200" data-aos-delay="300">
<img src="images/4.png" alt="icon4"><p>세계가 사랑하는<br>파스퇴르</p>
</div><!-- //aos box -->
</div>
<div class="box5">
<div class="aos_box" data-aos="fade-up" data-aos-duration="1200" data-aos-delay="300">
<img src="images/5.png" alt="icon5"><p>파스퇴르의 플래그십 스토어<br>'파스퇴르 밀크바(Milk Bar)'</p>
</div><!-- //aos box -->
</div>
<div class="box6">
<div class="aos_box" data-aos="fade-up" data-aos-duration="1200" data-aos-delay="200">
<img src="images/6.png" alt="icon6"><p>최첨단 위생설비의<br>생산공정</p>
</div><!-- //aos box -->
</div>
<div class="box7">
<div class="aos_box" data-aos="fade-up" data-aos-duration="1200" data-aos-delay="100">
<img src="images/7.png" alt="icon7"><p>일일 배송 시스템</p>
</div><!-- //aos box -->
</div>
<div class="box8">
<div class="aos_box" data-aos="fade-up" data-aos-duration="1200" data-aos-delay="0">
<img src="images/8.png" alt="icon8"><p>고객 니즈를 반영한<br>맞춤형 제품 생산</p>
</div><!-- //aos box -->
</div>
</div>
<!-- introduce - detail1 -->
<div class="int1">
<div class="pasteurmilk" data-aos="fade-down" data-aos-duration="1200" data-aos-delay="100"><img src="images/int1.png" alt="파스퇴르우유"></div>
<div class="int1txt" data-aos="fade-down" data-aos-duration="1200" data-aos-delay="300">
<h2>건강한 저온살균우유 브랜드<br>파스퇴르 우유</h2>
<p>63℃에서 30분간 살균하는<br>저온살균공법(LTLT공법)으로 만든<br>파스퇴르의 대표적 저온살균 우유 브랜드입니다.</p>
<div class="bot">
<img src="images/img_pasteur_milk.png" alt="파스퇴르우유로고">
<p>HEALTHY & HAPPY (건강과 행복, 푸르게)<br><span>HUMAN (인간, 아름답게)</span><br><strong>NATURE (자연, 깨끗하게)</strong></p>
</div>
<div class="more_btn"><a href="#">더보기</a></div>
</div>
</div>
<!-- introduce - detail2 -->
<div class="int2">
<div class="milkbar" data-aos="fade-down" data-aos-duration="1200"><img src="images/int2.jpg" alt="파스퇴르밀크바"></div>
<div class="int2txt" data-aos="fade-down" data-aos-duration="1200" data-aos-delay="200">
<h2>고객과 소통하기 위한<br>파스퇴르의 플래그십 스토어</h2>
<img src="images/pasteurMilkbar.PNG" alt="MilkBarlogo">
<p>저온살균우유의 우수성을 직접 체험하게 하기 위한 공간으로 2016년 플래그십 스토어입니다.</p>
<div class="more_btn"><a href="#">더보기</a></div>
</div>
</div>
<!-- center banner -->
<div class="int3">
<div class="subbn swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide banner1">
<p data-aos="fade-down" data-aos-duration="1200">63℃, 30분 건강한 저온살균</p>
</div>
<div class="swiper-slide banner2">
<p data-aos="fade-down" data-aos-duration="1200">63℃, 30분 건강한 저온살균</p>
</div>
</div>
<!-- Add Pagination -->
<div class="swiper-pagination"></div>
<!-- Add Arrows -->
<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>
</div>
<h2>목장부터 까다롭게 관리한 살아있는 우유<br>국내 최초 <span>"저온살균우유 파스퇴르"</span></h2>
<p class="pc_txt">파스퇴르는 1987년 국내 최초 저온살균우유‘파스퇴르 후레쉬우유’를 출시한 이래,<br>농후 발효유 ‘쾌변’, MSD공법 ‘위드맘(With Mom)’ 등 수많은 고품격 유제품을 출시하며<br>유제품 전문브랜드로 성장해왔습니다.</p>
<p class="mobile_txt">파스퇴르는 1987년 국내 최초 저온살균우유<br>‘파스퇴르 후레쉬우유’를 출시한 이래,<br>농후 발효유 ‘쾌변’, MSD공법 ‘위드맘(With Mom)’ 등<br> 수많은 고품격 유제품을 출시하며<br>유제품 전문브랜드로 성장해왔습니다.</p>
<!-- product -->
<div class="product">
<section class="product1" data-aos="fade-down" data-aos-duration="1200">
<div class="img1">우유팩</div>
<div class="bot1">
<h3>무항생제인증 바른목장 우유(팩)</h3>
<p>국가로부터 엄격한 기준에 의해, '친환경 무항생제 인증'을 받은 목장만 집유하여 생산한 우유.</p>
</div>
</section>
<section class="product2" data-aos="fade-down" data-aos-duration="1200" data-aos-delay="200">
<div class="img1">그릭요거트</div>
<div class="bot1">
<h3>바른목장 GREEK STYLE YOGURT</h3>
<p>무항생제 인증 목장 원유로 만든 건강한 디저트 ! 더욱 부드럽고 진한 GREEK STYLE YOGURT</p>
</div>
</section>
<section class="product3" data-aos="fade-down" data-aos-duration="1200" data-aos-delay="400">
<div class="img1">요구르트</div>
<div class="bot1">
<h3>오직 우유 100%로 만든 요구르트</h3>
<p>오직 우유만을 발효하여 만든 플레인 요구르트. 장에 좋은 강한 생명력의 식물성 유산균 함유.</p>
</div>
</section>
</div>
</div>
</div>
<!-- notice -->
<div class="notice">
<h2>파스퇴르 소식</h2>
<div class="noticebox">
<h4>공지사항</h4>
<ul class="notice_list">
<li><a href="#">파스퇴르몰 리뉴얼 오픈 !!</a></li>
<li><a href="#">파스퇴르 가정배달 12+2 특별 이벤트</a></li>
<li><a href="#">워킹맘 수기 공모전 수상작 발표</a></li>
<li><a href="#">워킹맘 수기 공모전 수상작 발표 연기 안내</a></li>
<li><a href="#">롯데삼강 대학생마케터 히든서포터즈[3기] 모집</a></li>
</ul>
</div>
</div>
<!-- map -->
<div class="map"><iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3163.7490330669866!2d126.89056471559074!3d37.537412879803334!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x357c9ec6d32f8dd9%3A0x8d851299e22cab55!2z7ISc7Jq47Yq567OE7IucIOyYgeuTse2PrOq1rCDslpHtj4nrj5k16rCAIOyWke2PieuhnDIx6ri4IDEw!5e0!3m2!1sko!2skr!4v1597648139687!5m2!1sko!2skr" width="100%" height="490" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe></div>
<!-- contact -->
<div class="contact">
<div class="contact_main">
<h2>contact</h2>
<p>양평동(본사) 롯데푸드(주) 파스퇴르</p>
<p>(07207) 서울특별시 영등포구 양평로 21길 10(서울특별시 영등포구 양평동5가 20 롯데양평빌딩)<br>전화 : 02-2168-5252<br>팩스 : 02-2679-1090<br>주문전화 : 080-000-1000 (자동주문)</p>
</div>
<div class="more_btn"><a href="#">지점 더보기</a></div>
</div>
<!-- familysite -->
<div class="title"><h2>famliy site</h2></div>
<div class="site">
<div class="box1"><img src="images/fms1.png" alt="롯데백화점"></div>
<div class="box2"><img src="images/fms2.png" alt="파스퇴르몰"></div>
<div class="box3"><img src="images/fms3.png" alt="파스퇴르아이"></div>
<div class="box4"><img src="images/fms4.png" alt="파스퇴르밀크바"></div>
<div class="box5"><img src="images/fms5.png" alt="롯데푸드"></div>
<div class="box6"><img src="images/fms6.png" alt="롯데마트"></div>
<div class="box7"><img src="images/fms7.png" alt="롯데월드"></div>
<div class="box8"><img src="images/fms8.png" alt="엔젤리너스"></div>
</div>
<!-- footer -->
<footer>
<p>copyright©2020 by lottefoods co., ltd. all right reserved</p>
<ul class="link">
<li><a href="https://sinbhs.github.io/portfolio" target="_blank">포트폴리오 바로가기</a></li>
<li><a href="https://github.com/sinbhs" target="_blank">깃허브 바로가기</a></li>
</ul>
</footer>
</div><!-- //container -->
<!-- overlay_menu mask -->
<div class="mask"></div>
<!-- scrollTop -->
<a class="scrollTop"></a>
<script>
AOS.init();
</script>
</body>
</html>