-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
194 lines (194 loc) · 9.96 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
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>파르팟</title>
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/common.css">
<!-- //구글폰트 -->
<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=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Noto+Sans+KR:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet">
<!-- 구글폰트// -->
<!-- 프리텐다드 -->
<link rel="stylesheet" as="style" crossorigin href="https://cdn.jsdelivr.net/gh/orioncactus/[email protected]/dist/web/static/pretendard.min.css" />
<!-- https://ionic.io/ionicons/v1 -->
<link rel="stylesheet" href="http://code.ionicframework.com/ionicons/1.5.2/css/ionicons.min.css">
<link rel="stylesheet" href="css/font.css">
<link rel="stylesheet" href="css/common.css">
<link rel="stylesheet" href="css/header.css">
<link rel="stylesheet" href="css/title.css">
<link rel="stylesheet" href="css/production.css">
<link rel="stylesheet" href="css/more.css">
<link rel="stylesheet" href="css/story.css">
<link rel="stylesheet" href="css/video.css">
<link rel="stylesheet" href="css/qna.css">
<link rel="stylesheet" href="css/footer.css">
</head>
<body>
<!-- 헤더 -->
<header>
<div class="wrap">
<h1>파르팟</h1>
<ul>
<li><a href="" class="menu">회사소개</a></li>
<li><a href="" class="menu">제품구매</a></li>
<li><a href="" class="menu">파르팟 스토리</a></li>
<li><a href="" class="menu">설치사례</a></li>
<li><a href="" class="menu">제품후기</a></li>
<li><a href="" class="menu">문의하기</a></li>
</ul>
<span>
<a href=""></a>
<a href=""></a>
<a href=""></a>
<a href=""></a>
</span>
</div>
</header>
<!-- 타이틀 -->
<div id="title">
<div class="wrap flex title-txt">
<h2>LED 식물 재배기</h2>
<p>우리집 스마트한<br>작은 텃밭을<br>소개합니다</p>
<a href="" class="title-txt">more</a>
</div>
</div>
<main>
<!-- 제품소개 -->
<section id="production" class="paddingT50 paddingB50">
<div class="prd wrap flex center align-center">
<div class="pt wrap">
<h2>PARPOT 제품소개</h2>
<img src="img/parpot.jpg" alt="" class="borderR20">
</div>
<div class="led wrap borderR20 flex center align-center">
<img src="img/LED.png" alt="" >
<div class="ledgroup flex column">
<h3 class="prd-txt-wh">LED 식물 재배기 PARPOT</h3>
<p class="prd-txt-wh">LED/자동급수/스마트제어<br>1000X1000X150(폭)</p>
<span>
<a href="">바로가기</a>
<a href="">문의하기</a>
</span>
</div>
</div>
<div class="greenwall wrap borderR20 flex column align-center">
<img src="img/greenwall.png" alt="" >
<h3 class="prd-txt-bl">스마트 공기 정화 시스템 그린월</h3>
<p class="prd-txt-bl">LED/자동급수/스마트제어</p>
</div>
<div class="mushroom wrap borderR20 flex column align-center">
<img src="img/mushroom.png" alt="" >
<h3 class="prd-txt-bl">약용 식물재배기 머시룸</h3>
<p class="prd-txt-bl">LED/자동급수/스마트제어</p>
</div>
</div>
</section>
<section id="parpot-more">
<div class="more wrap flex center align-center paddingT50 paddingB50">
<div class="more-txt flex column">
<h2 class="hide">파르팟 알아보기</h2>
<h3 class="moreH">누구나 쉽게 사용할 수 있는<br>파르팟 사용법</h3>
<p class="moreP">씨앗부터 모종까지<br>다양하게 식물을 재배해보세요</p>
<a href="">VIEW</a>
</div>
<img src="img/moreparpot.png" alt="">
</div>
</section>
<section id="story">
<div class="wrap paddingT50 flex column center">
<div class="story-txt flex">
<h2 class="story-cat">파르팟 스토리</h2>
<p class="storyP">최근 소식, 다양한 이벤트를 만나보세요.</p>
</div>
<div class="story-atc wrap flex flex-wrap">
<aticle class="story-AI">
<a href="">
<img class="borderR20" src="img/story1.jpg" alt="AI시스템">
<h3 class="storyH">사무 환경의 변화가 필요하다면?</h3>
<p class="storyP">Ai 시스템을 탑재하여 음악, 뉴스, 날씨가 실행 가능한<br>
스마트한 바이오월을 만나보세요.</p>
</a>
</aticle>
<aticle class="story-home">
<a href="">
<img class="borderR20" src="img/story2.jpg" alt="가정용재배기">
<h3 class="storyH">일상에 취향을 더해요</h3>
<p class="storyP">집에만 있는 요즘, 작은 텃밭 키우기 어떠신가요?<br>
상추부터 허브까지 다양한 식물을 건강하게 키워보세요.</p>
</a>
</aticle>
<aticle class="story-organic">
<a href="">
<img class="borderR20" src="img/story3.jpg" alt="식물재배기">
<h3 class="storyH">집에서 키우는 친환경 텃밭</h3>
<p class="storyP">시중에 판매되는 유기농 채소, 믿을 수 있을까요? <br>
이젠 안심하고 집에서 직접 재배하세요.</p>
</a>
</aticle>
<aticle class="story-mogreen">
<a href="">
<img class="borderR20" src="img/story5.jpg" alt="엠오그린">
<h3 class="storyH">하나를 만들어도 다르게</h3>
<p class="storyP">파르팟 제조 기업인 엠오그린은 계속된 연구와 재배 경험을<br>
토대로 우리와 작물 모두에게 쾌적한 환경을 제공합니다.</p>
</a>
</aticle>
<aticle class="story-page">
<a href="">
<img class="borderR20" src="img/story6.jpg" alt="공식홈페이지">
<h3 class="storyH">공식 홈페이지 특별한 혜택</h3>
<p class="storyP">파르팟 공식 홈페이지에서<br>
특별한 혜택을 지금 만나보세요.</p>
</a>
</aticle>
<aticle class="story-led">
<a href="">
<img class="borderR20" src="img/story4.jpg" alt="LED식물재배기">
<h3 class="storyH">변하지 않는 가치</h3>
<p class="storyP">엠오그린이 유럽 최대 가전쇼 IFA 209 국제박람회에<br>
참가하여 LED 식물재배기 파르팟을 전시하였습니다.</p>
</a>
</aticle>
</div>
</div>
</section>
<section id="QNA">
<div class="wrap">
<div class="qna-txt flex column center">
<h2 class="hide">문의하기</h2>
<h3>우리 곁에 함께 숨쉬는 <br>생명의 숲 PARPOT </h3>
<p>나만의 작은 텃밭부터 스마트한 ‘바이오윌’까지<br>당신의 일상에 파르팟을 추천할께요.</p>
<a href="">문의하기</a>
</div>
</div>
</section>
</main>
<footer class="paddingT50">
<div class="wrap flex column center">
<div class="up">
<ul class="address flex">
<li><a href=""><strong>고객센터 안내</strong>: 062-943-2606~07</a></li>
<li><a href=""><strong>운영시간</strong>: 월~금 10:00 ~ 18:00 시 까지 (휴뮤 - 토,일 및 공휴일 )</a></li>
<li><a href=""><strong>무통장입금계좌</strong>: 기업은행 408-071087-01-010 엠오그린</a></li>
</ul>
<address>
<strong>COMPANY.</strong>(주)엠오그린<span ></span><strong> OWNER </strong>정명옥<span ></span><strong> BUSINESS LICENCE. </strong> [4108651675]<span ></span><strong> E-COMMERCE PERMIT. </strong> 2019-광주북구-1009 <a href=""> [사업자정보확인] </a><br><span ></span>
<strong> TEL. </strong> 062-943-2606~07<span ></span><strong> PERSONAL INFORMATION MANAGER.</strong> 주식회사엠오그린([email protected]) <span ></span><strong> ADDRESS.</strong> 61009 광주광역시 북구 첨단벤처로 46 (대촌동) 아이티엘(주) 비동 1층<br><span ></span> CONTACT FOR MORE INFORMATION.COPYRIGHT ©<strong> 파르팟.</strong> ALL RIGHTS RESERVED.
</address>
<p>고객님의 안전한 결제를 위해 저희 쇼핑몰에서 가입한 PG사의 구매안전 에스크로 서비스를 이용하실 수 있습니다.</p>
<img src="img/iniciss.JPG" alt="">
</div>
<ul class="link flex">
<li><a href="">HOME</a></li>
<li><a href=""> ABOUT US</a></li>
<li><a href="">AGREEMENT</a></li>
<li><a href="">PRIVACY</a></li>
<li><a href="">GUIDE</a></li>
</ul>
<p>Hosting by Simplex Internet Inc. Designed by mogreen</p>
</div>
</footer>
</body>