-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
509 lines (475 loc) · 39.4 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
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>GreenTalk-식집사를 위한 공간</title>
<link rel="stylesheet" href="styles.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css" />
<script src="https://kit.fontawesome.com/f3be76aa0e.js" crossorigin="anonymous"></script>
<link rel="icon" href="/image/icon/favicon_greentalk-32x32.png" sizes="32x32" type="image/png" />
<link rel="icon" href="/image/icon/favicon_greentalk-48x48.png" sizes="48x48" type="image/png" />
</head>
<body>
<nav class="navbar">
<div class="navbar__logo">
<img src="./image/icon/greenTalk_icon.png" alt="GreenTalk Logo" class="navbar__logo-image" />
<a href="#home">GreenTalk</a>
</div>
<ul class="navbar__menu">
<li><a href="#home">Home</a></li>
<li><a href="#gallery">Gallery</a></li>
<li><a href="#faq">FAQ</a></li>
<li><a href="#journal">Journal</a></li>
<li><a href="about.html">About</a></li>
</ul>
<a href="#" class="navbar__toggleBtn">
<i class="fas fa-bars"></i>
</a>
</nav>
<section id="home" class="hero">
<div class="container">
<h2>자연과 함께하는 이야기</h2>
<p>나만의 공간에 자연의 생명을 불어 넣으세요.</p>
<a href="about.html#info" class="btn btn-no-hover">자세히 알아보기</a>
</div>
</section>
<section id="gallery" class="gallery">
<h1>Gallery</h1>
<div class="container">
<figure
class="image-item"
data-title="반려 동물과 함께 키울 수 있는 식물들"
data-description="⚠️아무리 안전한 식물이라도 반려동물이 직접 섭취하거나 지나치게 많이 섭취하면 개체에 따라 이상 반응이 일어날 수 있으니 기본적으로 멀리 떨어뜨려서 조심해주세요!"
data-additional-text='
<ul style="list-style-type: none; padding: 0; margin: 0;">
<li style="margin-bottom: 10px;">
<strong style="font-size: 1.2em;">잎에 무늬가 없는 소형 식물</strong>
<img src="https://image.ohou.se/i/bucketplace-v2-development/uploads/productions/158995356365726758.jpg?gif=1&w=1280&h=1280&c=c&webp=1" alt="바질" style="border-radius:10px; display: block;">
<figcaption>바질</figcaption>
<ul>
<li>☀️<strong>양지</strong>: 마오리 소포라, 마오리 코로키아, 바질, 백리향(타임)</li>
<li>⛅<strong>반음지</strong>: 레몬밤, 로즈마리, 세이보리, 세이지, 코브라 아비스, 테이블 야자, 필레아페페, 호야</li>
<li>☁️<strong>음지</strong>: 딜, 후마타고사리</li>
</ul>
</li>
<li>
</li>
<li style="margin-bottom: 10px;">
<strong style="font-size: 1.2em;">잎에 무늬가 있는 소형 식물</strong>
<img src="https://image.ohou.se/i/bucketplace-v2-development/uploads/productions/157224788426694582.jpg?gif=1&w=1280&h=1280&c=c&webp=1" alt="잎에 무늬가 있는 소형 식물" style="width: 498px; height: 498px; border-radius: 10px; display:block;">
<figcaption>칼라데아 제브리나</figcaption>
<ul>
<li>⛅<strong>반음지</strong>: 마란타 레우코네우라, 수박필레아(수박페페), 칼라데아 오나타, 칼라데아 제브리나, 피토니아</li>
</ul>
</li>
<li>
</li>
<li style="margin-bottom: 10px;">
<strong style="font-size: 1.2em;">잎이 길쭉한 중대형 식물</strong>
<img src="https://image.ohou.se/i/bucketplace-v2-development/uploads/productions/158979049219647181.jpg?gif=1&w=1280&h=1280&c=c&webp=1" alt="잎이 길쭉한 중대형 식물" style="width: 498px; height: 498px; border-radius: 10px; display: block;">
<figcaption>피닉스야자</figcaption>
<ul>
<li>☀️<strong>양지</strong>: 아레카야자, 주방야자, 켄차야자, 피닉스 야자</li>
<li>⛅<Strong>반음지</strong>: 관음죽, 대나무야자, 접란(클로로피텀)</li>
</ul>
</li>
<li>
</li>
<li style="margin-bottom: 10px;">
<strong style="font-size: 1.2em;">잎이 판판한 중대형 식물</strong>
<img src="https://image.ohou.se/i/bucketplace-v2-development/uploads/productions/157302145548772698.jpg?gif=1&w=1280&h=1280&c=c&webp=1" alt="잎이 판판한 중대형 식물" style="width: 498px; height: 498px;border-radius: 10px; display:block;">
<figcaption>동백나무</figcaption>
<ul>
<li>☀️<strong>양지</strong>: 동백나무, 올리브, 파키라, 팔손이</li>
<li>⛅<strong>반음지</strong>: 녹보수, 엽란, 칼라데아, 오르비폴리아</li>
</ul>
</li>
<li>
</li>
<li style="margin-bottom: 10px;">
<strong style="font-size: 1.2em;">행잉플랜트(덩굴식물)</strong>
<img src="https://image.ohou.se/i/bucketplace-v2-development/uploads/productions/168551915121718028.jpg?gif=1&w=1280&h=1280&c=c&webp=1" alt="행잉플랜트(덩굴식물)" style="width: 498px; height: 498px;border-radius: 10px; display: block;">
<figcaption>박쥐란</figcaption>
<ul>
<li>☀️<strong>양지</strong>: 립살리스, 박쥐란</li>
<li>⛅<strong>반음지</strong>: 더피 고사리, 보스턴 고사리, 석송</li>
<li>☁️<strong>음지</strong>: 스웨디시 아입, 틸란드시아</li>
</ul>
</li>
<li>
</li>
</ul>
'
>
<img src="./image/gallery/gallery_animal.jpg" alt="반려 동물과 함께 키울 수 있는 식물 리스트" />
<figcaption>반려 동물과 함께 키울 수 있는 식물들</figcaption>
</figure>
<figure
class="image-item"
data-title="모기 잡는 식물들"
data-description="특별한 방법으로 모기를 쫓아내 보아요."
data-additional-text='
<ul style="list-style-type: none; padding: 0; margin: 0;">
<li style="margin-bottom: 10px;">
<strong style="font-size: 1.2em;">구문초 (로즈제라늄)</strong>
<img src="https://image.ohou.se/i/bucketplace-v2-development/uploads/productions/165113081246814241.JPG?gif=1&w=498&h=498&c=c&webp=1" alt="구문초" style="border-radius: 10px; display:block; width: 498px; height: 498px;">
<p>모기 퇴치 식물계의 스테디셀러!</p>
<p>구문초는 장미향🌹과 비슷한 향을 내는 허브 식물로, 모기가 싫어하는 시트로넬롤 성분이 함유되어 있어요. 햇빛이 잘 드는 곳에 두고 키우면 예쁜 꽃도 피우고 모기도 쫓아준답니다!</p>
</li>
<li style="margin-bottom: 10px;">
<strong style="font-size: 1.2em;">라벤더</strong>
<img src="https://image.ohou.se/i/bucketplace-v2-development/uploads/productions/1508460639_104525_1.jpg?gif=1&w=498&h=498&c=c&webp=1" alt="라벤더" style="border-radius: 10px; display:block; width: 498px; height: 498px;">
<p>향기로운 꿀잠 유도제</p>
<p>라벤더는 심신안정과 숙면🛏️에 도움을 주는 허브로, 모기가 싫어하는 향을 가지고 있어요. 베개옆에 라벤더향 주머니를 두거나 라벤더 오일을 활용하면 모기 걱정 없이 꿀잠을 잘 수 있어요.</p>
</li>
<li style="margin-bottom: 10px;">
<strong style="font-size: 1.2em;">페퍼민트</strong>
<img src="https://image.ohou.se/i/bucketplace-v2-development/uploads/productions/168551854691293093.jpg?gif=1&w=498&h=498&c=c&webp=1" alt="페퍼민트" style="border-radius: 10px; display:block; width: 498px; height: 498px;">
<p>상쾌한 향🌿으로 모기 퇴치!</p>
<p>페퍼민트는 강한 향으로 모기를 쫓아내는 효과가 있어요. 화분에 심어 창가나 현관에 두거나 페퍼민트오일을 물에 희석하여 분무기에 담아 뿌려주면 좋아요.</p>
</li>
<li style="margin-bottom: 10px;">
<strong style="font-size: 1.2em;">레몬밤</strong>
<img src="https://image.ohou.se/i/bucketplace-v2-development/uploads/productions/168378690519807611.jpg?gif=1&w=498&h=498&c=c&webp=1" alt="레몬밤" style="border-radius: 10px; display:block; width: 498px; height: 498px;">
<p>상큼한 레몬향으로 모기 퇴치!</p>
<p>레몬밤은 레몬향🍋이 나는 허브 식물로 모기가 싫어하는 향을 가지고 있어요. 햇빛이 잘 드는 곳에 두고 키우면 잎을 따서 차로 마시거나 요리에 활용할 수도 있어요.</p>
</li>
<li style="margin-bottom: 10px;">
<strong style="font-size: 1.2em;">바질</strong>
<img src="https://image.ohou.se/i/bucketplace-v2-development/uploads/productions/169217673373486594.jpg?gif=1&w=498&h=498&c=c&webp=1" alt="바질" style="border-radius: 10px; display:block; width: 498px; height: 498px;">
<p>요리에도 활용 가능한 만능 모기 퇴치 식물!</p>
<p>바질은 토마토 요리🍅에 빠질 수 없는 허브이지만 모기 퇴치에도 효과적이라는 사실! 화분에 심어 키우면서 요리에도 활용해보세요.</p>
</li>
<li style="margin-bottom: 10px;">
<strong style="font-size: 1.2em;">야래향</strong>
<img src="https://image.ohou.se/i/bucketplace-v2-development/uploads/productions/168137784452347381.jpg?gif=1&w=498&h=498&c=c&webp=1" alt="야래향" style="border-radius: 10px; display:block; width: 498px; height: 498px;">
<p>밤에 피는 꽃, 짙은 향기로 모기 쫓기</p>
<p>야래향은 밤에 꽃💐을 피우고 짙은 향기를 내뿜는 식물이에요. 베란다나 창가에 두면 밤에 모기가 들어오는 것을 막아줘요.</p>
</li>
<li style="margin-bottom: 10px;">
<strong style="font-size: 1.2em;">계피</strong>
<img src="https://image.ohou.se/i/bucketplace-v2-development/uploads/productions/168828697086639068.jpg?gif=1&w=498&h=498&c=c&webp=1" alt="계피" style="border-radius: 10px; display:block; width: 498px; height: 498px;">
<p>따뜻한 향신료, 모기에게는 극혐</p>
<p>계피는 모기가 싫어하는 향을 가지고 있어요. 계피 스틱을 옷장이나 신발장에 넣어두거나, 계피 오일을 물에 희석하여 분무기에 담아 뿌려주면 좋아요.</p>
</li>
</ul>
'
>
<img src="./image/gallery/gallery_mosquito.jpg" alt="벌레 잡는 식물들" />
<figcaption>모기 잡는 식물들</figcaption>
</figure>
<figure
class="image-item"
data-title="나사 선정 공기 정화하는 식물들"
data-description="1989년에 NASA🚀에서 공기 정화 식물에 대한 연구를 진행했는데요, 밀폐된 우주선에서 장시간을 지내야 하는 우주인들의 건강을 위해 공기 정화가 중요하기 때문이었어요.</br> 좁은 밀폐 공간에 유기화합물을 주입한 뒤 이를 얼마나 제거하는지 실험을 통해 선정했다고 해요."
data-additional-text='<ul style="list-style-type: none; padding: 0; margin: 0;">
<li style="margin-bottom: 10px;">
<strong style="font-size: 1.2em;">아레카야자</strong>
<img src="https://image.ohou.se/i/bucketplace-v2-development/uploads/productions/166893032512442529.jpg?gif=1&w=498&h=498&c=c&webp=1" alt="아레카야자" style="border-radius: 10px; display:block; width: 498px; height: 498px;">
<p>나사에서 선정한 공기 정화 식물 1위🥇</p>
<p>포름알데히드(1군 발암 물질이자 새집 증후군, 페인트칠 새로 한 곳에서 많이 방출됨) 제거 능력이 뛰어나요. 또한 증산 작용(식물이 머금고 있는 수분이 잎을 통해 기체 상태로 빠져나가는 현상)을 하기 때문에 실내 습도를 조절하는 능력이 탁월해요. 생육온도는 18~25도, 최저 13도 이상을 유지해야 해요.</p>
</li>
<li style="margin-bottom: 10px;">
<strong style="font-size: 1.2em;">관음죽</strong>
<img src="https://image.ohou.se/i/bucketplace-v2-development/uploads/productions/161836148792118670.jpg?gif=1&w=498&h=498&c=c&webp=1" alt="관음죽" style="border-radius: 10px; display:block; width: 498px; height: 498px;">
<p>나사에서 선정한 공기 정화 식물 2위🥈</p>
<p>특히 암모니아를 제거하는 능력이 탁월하므로 화장실 근처에 두면 좋아요. 일본 관음산에서 자생하는 식물인데 대나무와 비슷해 관음죽이라고 불러요. 병충해에 강해 관리가 쉬운데 생장 속도는 느려요. 직사광선에 오래 노출되면 잎이 변색될 수 있으니 주의해야 하며 가끔씩 잎을 닦아주고 먼지를 제거해 주어야 해요.</p>
</li>
<li style="margin-bottom: 10px;">
<strong style="font-size: 1.2em;">대나무야자</strong>
<img src="https://image.ohou.se/i/bucketplace-v2-development/uploads/productions/163126438294618793.jpg?gif=1&w=498&h=498&c=c&webp=1" alt="대나무야자" style="border-radius: 10px; display:block; width: 498px; height: 498px;">
<p>나사에서 선정한 공기 정화 식물 3위🥉</p>
<p>포름알데히드, 벤젠, 자일렌 등을 제거해 주므로 새집 증후군 예방에 좋아요. 대나무 모양의 줄기는 생장 속도가 빠르고 최대 2미터가량 자라므로 건물 로비나 카페 등에 관상용으로도 적합해요. 따뜻한 온도를 선호하므로 겨울에도 최소 15도 이상을 유지해야 냉해를 입지 않아요.</p>
</li>
<li style="margin-bottom: 10px;">
<strong style="font-size: 1.2em;">인도고무나무</strong>
<img src="https://image.ohou.se/i/bucketplace-v2-development/uploads/productions/161940487510684719.jpg?gif=1&w=498&h=498&c=c&webp=1" alt="인도고무나무" style="border-radius: 10px; display:block; width: 498px; height: 498px;">
<p>나사에서 선정한 공기 정화 식물 4위</p>
<p>새로 바른 벽지나 카페트에서 오는 화학물질을 제거하는 능력이 있어요. 환경 적응력이 뛰어나 키우기 싶고 최고 2.5미터까지 자라요. 잎이나 줄기를 자르면 고무 성분인 하얀 수액이 나오는데 독성이 있을 수 있으니 피부에 닿지 않도록 해야 해요.</p>
</li>
<li style="margin-bottom: 10px;">
<strong style="font-size: 1.2em;">황금죽 (라세나 자넷 크레이그)</strong>
<img src="https://image.ohou.se/i/bucketplace-v2-development/uploads/productions/162846972190981045.jpg?gif=1&w=498&h=498&c=c&webp=1" alt="황금죽" style="border-radius: 10px; display:block; width: 498px; height: 498px;">
<p>나사에서 선정한 공기 정화 식물 5위</p>
<p>특히 복사기, 프린터 등에서 발생하는 유해 물질인 트리클로로에틸렌 제거력이 있어요. 꽃말이 "하늘에서 황금을 내려준다", "황금 같은 행운"이라서 개업식 선물로 안성맞춤이에요. 길쭉한 잎이 증산 작용을 활발히 해 실내 습도 조절하는 가습기 역할도 해요.</p>
</li>
<li style="margin-bottom: 10px;">
<strong style="font-size: 1.2em;">아이비</strong>
<img src="https://image.ohou.se/i/bucketplace-v2-development/uploads/productions/169390116247576692.jpg?gif=1&w=498&h=498&c=c&webp=1" alt="아이비" style="border-radius: 10px; display:block; width: 498px; height: 498px;">
<p>나사에서 선정한 공기 정화 식물 6위</p>
<p>포름알데히드를 비롯해 벤젠, 자일렌 제거에 탁월해요. 음이온 발생량도 높아요. 음이온은 공기 정화, 면역력 증진, 스트레스 감소 등 우리 몸에 여러가지 긍정적인 영향을 미쳐요. 배수와 통풍이 잘 되는 환경에서 잘 자라기 때문에 흙 표면이 약간 건조할 때 물을 충분히 주고 받침에 고인 물을 비워줘야 해요.</p>
</li>
<li style="margin-bottom: 10px;">
<strong style="font-size: 1.2em;">피닉스 야자</strong>
<img src="https://image.ohou.se/i/bucketplace-v2-development/uploads/productions/161787199059506643.jpg?gif=1&w=498&h=498&c=c&webp=1" alt="피닉스 야자" style="border-radius: 10px; display:block; width: 498px; height: 498px;">
<p>나사에서 선정한 공기 정화 식물 7위</p>
<p>포름, 에틸렌, 특히 자일렌 제거에 도움이 돼요. 자일렌은 눈과 목을 자극하고 중추신경계에도 영향을 주는 화학 성분으로 새집 증후군의 원인 중 하나에요. 크고 야자수 느낌이 있어 카페, 식당 등 인테리어용으로도 적합해요.</p>
</li>
</ul>'
>
<img src="./image/gallery/gallery_nasa.jpg" alt="나사 선정 공기 정화하는 식물들" />
<figcaption>나사 선정 공기 정화하는 식물들</figcaption>
</figure>
<figure
class="image-item"
data-title="향기가 좋은 식물들"
data-description="인기 있는 향기 나는 식물 추천해요. 실내에서 향기 나는 식물을 키우면 기분을 좋게 해주고 공기 정화에도 좋아요."
data-additional-text='
<ul style="list-style-type: none; padding: 0; margin: 0;">
<li style="margin-bottom: 10px;">
<strong style="font-size: 1.2em;">율마</strong>
<img src="https://image.ohou.se/i/bucketplace-v2-development/uploads/productions/164299807931185621.jpg?gif=1&w=498&h=498&c=c&webp=1" alt="율마" style="border-radius: 10px; display:block; width: 498px; height: 498px;">
<p>피톤치드 향이 매력적인 율마는 최고 인기 있는 향기 나는 식물이에요. 율마는 작은 소나무를 연상하게 하고 잎을 만지면 싱그러운 허브향이 가득해져요. 율마는 일년 내내 녹색의 푸르름을 가져다 주어 실내 인테리어에 좋은 식물이에요. 예쁜 연두색이 인상적인 율마는 크기가 크지 않아 식물 초보자가 키우기 쉬워 인기가 많아요.</p>
</li>
<li style="margin-bottom: 10px;">
<strong style="font-size: 1.2em;">심비디움</strong>
<img src="https://image.ohou.se/i/bucketplace-v2-development/uploads/productions/164914514134069715.jpg?gif=1&w=498&h=498&c=c&webp=1" alt="심비디움" style="border-radius: 10px; display:block; width: 498px; height: 498px;">
<p>은은한 꽃향기가 기분을 좋게 하는 심비디움은 인기 있는 향기 나는 식물이에요. 심비디움 꽃에서 기분좋은 향이 나기 때문에 실내 인테리어에 좋은 식물로 인기가 많아요. 심비디움은 아름다운 꽃이 특징이고 공기 정화 및 음이온 발생 효과가 있어 실내의 습도를 조절하는데 좋아요.</p>
</li>
<li style="margin-bottom: 10px;">
<strong style="font-size: 1.2em;">스파티필룸</strong>
<img src="https://image.ohou.se/i/bucketplace-v2-development/uploads/productions/161838547692335983.jpg?gif=1&w=498&h=498&c=c&webp=1" alt="스파티필룸" style="border-radius: 10px; display:block; width: 498px; height: 498px;">
<p>은은한 향으로 인기가 많은 스파티필룸을 키우는 것을 추천해요. 스파티필룸 꽃은 독특하고 상쾌한 향기로 실내에 퍼지면 기분을 좋게 해줘요. 꽃 봉우리가 곧게 솟아나서 피는 스파티필룸 꽃은 독특한 모양과 은은한 향 때문에 인기 있는 향기 나는 식물이에요. 공기 정화, 미세 먼지 제거 능력이 뛰어난 스파티필룸은 실내에 음이온과 산소를 공급해주는 효과까지 있어요.</p>
</li>
<li style="margin-bottom: 10px;">
<strong style="font-size: 1.2em;">듀란타</strong>
<img src="https://prs.ohou.se/apne2/any/uploads/productions/v1-248677849469056.jpg?gif=1&w=498&h=498&c=c&webp=1" alt="듀란타" style="border-radius: 10px; display:block; width: 498px; height: 498px;">
<p>최고 인기 있는 향기 나는 식물로 듀란타를 키우세요. 듀란타는 달콤한 향이 기분을 상쾌하게 해주고 잎과 꽃에서 모두 향이 나는 식물이에요. 듀란타는 보라색 꽃을 피우고 재스민 향이 기분을 좋게 해줘요. 키우기도 쉬운 듀란타는 관리하기 편하고 꽃이 예뻐서 실내 인테리어에도 좋아요.</p>
</li>
<li style="margin-bottom: 10px;">
<strong style="font-size: 1.2em;">치자</strong>
<img src="https://image.ohou.se/i/bucketplace-v2-development/uploads/productions/168442475944763392.jpg?gif=1&w=498&h=498&c=c&webp=1" alt="치자" style="border-radius: 10px; display:block; width: 498px; height: 498px;">
<p>최고 인기 있는 향기 나는 식물을 키우고 싶다면 치자를 추천해요. 치자는 바닐라 향이 가득한 식물이고 꽃이 예쁜 것이 특징이에요. 치자는 통풍이 잘 되고 햇빛이 잘 드는 장소에서 키우는 것이 좋아요. 바람을 타고 날라오는 치자의 향기는 기분을 좋게 해주고 우울한 기분을 없애줘요. 치자는 천연 방향제 효과까지 있어 집안의 미세 먼지와 공기 정화에도 좋은 향기 나는 식물이에요.</p>
</li>
<li style="margin-bottom: 10px;">
<strong style="font-size: 1.2em;">란타나</strong>
<img src="https://image.ohou.se/i/bucketplace-v2-development/uploads/openapi/3710993/1722404248775.jpg?gif=1&w=498&h=498&c=c&webp=1" alt="란타나" style="border-radius: 10px; display:block; width: 498px; height: 498px;">
<p>잎을 문지르면 상큼한 레몬향이 나는 란타나는 인기 있는 향기 나는 식물이에요. 란타나는 꽃이 예쁘고 보기에도 좋아 실내 인테리어로 인기가 많아 추천하는 식물이에요. 란타나는 꽃 색깔이 변하는 것이 특징이고 향이 진해 방충제 역할까지 하는 특징이 있어요. 하지만 란타나 씨앗에는 독성이 있기 때문에 애완 동물이나 어린 아이가 있으면 닿지 않게 주의하세요.</p>
</li>
</ul>
'
>
<img src="./image/gallery/gallery_smell.jpg" alt="향기가 좋은 식물들" />
<figcaption>향기가 좋은 식물들</figcaption>
</figure>
<figure
class="image-item"
data-title="식물 킬러☠️도 키울 수 있는 식물들"
data-description="아래 여섯 친구들과 함께라면 누구든 좋은 식물 집사가 될 수 있어요!👌"
data-additional-text='<ul style="list-style-type: none; padding: 0; margin: 0;">
<li style="margin-bottom: 10px;">
<strong style="font-size: 1.2em;">몬스테라</strong>
<img src="https://image.ohou.se/i/bucketplace-v2-development/uploads/productions/164274130286875646.jpg?gif=1&w=498&h=498&c=c&webp=1" alt="몬스테라" style="border-radius: 10px; display:block; width: 498px; height: 498px;">
<p>추천 ★★★☆☆</p>
<p>유행을 넘어 이제는 국민 플랜테리어 식물로 자리잡은 몬스테라. 햇빛도 많이 필요하지 않고, 실내 온도에서 키우기 적당해요. 습도가 높은 것을 좋아하니 수시로 물을 뿌려주면 더 싱싱할 거에요!</p>
</li>
<li style="margin-bottom: 10px;">
<strong style="font-size: 1.2em;">스파트필름</strong>
<img src="https://image.ohou.se/i/bucketplace-v2-development/uploads/productions/163151420590963497.jpg?gif=1&w=498&h=498&c=c&webp=1" alt="스파트필름" style="border-radius: 10px; display:block; width: 498px; height: 498px;">
<p>추천 ★★★★★</p>
<p>물 줄 타이밍 찾는게 제일 어렵다고요? 이 친구는 걱정하지 않아도 돼요😉! 목이 말라서 고개를 푹 숙였을 때 물을 듬뿍 주면, 언제 그랬냐는 듯 싱싱하게 살아나거든요. 음지 식물인 점도 추천 점수 플러스!</p>
</li>
<li style="margin-bottom: 10px;">
<strong style="font-size: 1.2em;">스킨답서스</strong>
<img src="https://image.ohou.se/i/bucketplace-v2-development/uploads/productions/169698146979212314.jpg?gif=1&w=498&h=498&c=c&webp=1" alt="스킨답서스" style="border-radius: 10px; display:block; width: 498px; height: 498px;">
<p>추천 ★★★★★</p>
<p>스킨답서스는 이미 잘 알고 있겠지만 식물계의 스테디셀러! 햇빛이 아예 안드는 실내에서도 잘 견디는 편이고, 환경이 변해도 물만 잘 주면 알아서 폭풍 성장하는 적응력 갑 효자👍 식물!</p>
</li>
<li style="margin-bottom: 10px;">
<strong style="font-size: 1.2em;">산세베리아</strong>
<img src="https://image.ohou.se/i/bucketplace-v2-development/uploads/productions/166796044827762469.jpg?gif=1&w=498&h=498&c=c&webp=1" alt="산세베리아" style="border-radius: 10px; display:block; width: 498px; height: 498px;">
<p>추천 ★★★★★</p>
<p>식물 말려 죽이는게 특기인 사람 손🤚! 산세베리아를 추천해요. 잎에 물을 저장하는 다육식물이기 때문에 물을 많이 줄 필요가 없어요. 병해충에도 강하기 때문에 관심 끄면 알아서 잘 자랄 거에요!</p>
</li>
<li style="margin-bottom: 10px;">
<strong style="font-size: 1.2em;">금전수</strong>
<img src="https://image.ohou.se/i/bucketplace-v2-development/uploads/productions/164273811069302068.jpg?gif=1&w=498&h=498&c=c&webp=1" alt="금전수" style="border-radius: 10px; display:block; width: 498px; height: 498px;">
<p>추천 ★★★★★</p>
<p>식물 말려 죽이는 사람을 위한 두번째 식물, 금전수 (돈나무)예요. 뿌리에 수분을 저장해두기 때문에 물은 20-30일에 한 번만 줘도 돼요. 잎꽂이, 꺾꽂이 등 번식도 쉬워서 식물 킬러에게 추천!</p>
</li>
<li style="margin-bottom: 10px;">
<strong style="font-size: 1.2em;">장미허브</strong>
<img src="https://image.ohou.se/i/bucketplace-v2-development/uploads/productions/159124741540264217.jpg?gif=1&w=498&h=498&c=c&webp=1" alt="장미허브" style="border-radius: 10px; display:block; width: 498px; height: 498px;">
<p>추천 ★★★★☆</p>
<p>허브는 키우기 어렵다? 장미허브는 예외! 생명력이 정말 강하거든요. 가지를 잘라 흙에 꽂기만 해도 잘 자라서 번식시키기도 정말 쉬워요. 통통하던 잎이 조금 말랐을 때 물을 준다면 과습도 피할 수 있을거에요.</p>
</li>
</ul>'
>
<img src="./image/gallery/gallery_killer.jpg" alt="식물 킬러도 키울 수 있는 식물들" />
<figcaption>식물 킬러도 키울 수 있는 식물들</figcaption>
</figure>
<figure
class="image-item"
data-title="채광 안 좋아도 괜찮은 식물들"
data-description="이제 채광 안 좋은 집이라면 포기해야만 하는 양지 식물부터 확인하고, 반음지와 음지 식물 순으로 알아보아요🌱"
data-additional-text='
<ul style="list-style-type: none; padding: 0; margin: 0;">
<li style="margin-bottom: 20px;">
<strong style="font-size: 1.2em;">포기하고 가야하는 식물(양지에서만 키울 수 있는 식물들)</strong>
<img src="https://image.ohou.se/i/bucketplace-v2-development/uploads/productions/1556210015509_u.jpg?gif=1&w=1440&h=1440&c=c&webp=1" alt="유주나무" style="width: 498px; height: 498px; border-radius: 10px; display: block;">
<figcaption>유주나무</figcaption>
<ul>
<li>소형: 마오리소포라, 마오리코로키아, 유주나무</li>
<li>중대형: 극락조, 동백나무, 레몬나무, 아레카 야자, 여인초, 올리브, 유카, 율마</li>
</ul>
</li>
<li style="margin-top: 20px;">
<strong style="font-size: 1.2em;">반음지에서 키울 수 있는 식물</strong>
<img src="https://image.ohou.se/i/bucketplace-v2-development/uploads/productions/156220757538444852.jpg?gif=1&w=1440&h=1440&c=c&webp=1" alt="스투키" style="width: 498px; height: 498px; border-radius: 10px; display: block;">
<figcaption>스투키</figcaption>
<li>반음지에서는 강한 빛에 힘들어 하는 애들이 딱이죠. 양지에 두면 오히려 시들시들하거나 잎이 타 버리는 식물들이랍니다. 침실이나 서재, 소파 옆에 둘 식물을 찾고 있다면 여기서 고르면 돼요📌</li>
<li>다만 무늬가 있는 식물들은 해를 제대로 못보면 무늬가 희미해질 수 있다는 점, 미리 알아두기로 해요!</li> </br>
<ul>
<li><strong>🌱무늬가 없는 반음지 소형식물</strong>: 더피 고사리, 보스턴 고사리, 스투키, 코브라 아비스, 테이블 야자, 틸란드시아, 호야</li>
</ul>
<ul>
<li><strong>🌿무늬가 있는 반음지 소형식물</strong>:무늬 푸미라, 마란타 레우코네우, 칼라데아 오나타, 칼라데아 제브리나, 피토니아, 필로덴드론 옥시카르디움 브라질</li>
</ul> </br>
<ul>
<li><strong>🌴잎이 길쭉한 반음지 중대형 식물</strong>: 드라세나 드라코, 드라세나 마지나타, 접란(클로로피텀)</li>
</ul>
<ul>
<li><strong>🌳잎이 판판한 반음지 중대형 식물</strong>: 떡갈 고무나무, 멜라니 고무나무, 뱅갈 고무나무, 인도 고무나무, 녹보수, 돈나무(금전수), 디펜바키아 마리안느, 디펜바키아 트로픽스노우, 몬스테라 아단소니, 아글라오네마 스노우 사파이어, 알로카시아 아마조니카, 알로카시아 오도라, 엽란, 칼라데아 오르비폴리아, 필로덴드론 셀렘</li>
</ul> </br>
</li>
<li style="margin-bottom: 20px;">
<strong style="font-size: 1.2em;">음지에서 키울 수 있는 식물</strong>
<img src="https://image.ohou.se/i/bucketplace-v2-development/uploads/productions/161821136780920925.jpg?gif=1&w=1440&h=1440&c=c&webp=1" alt="스킨답서스" style="width: 498px; height: 498px; border-radius: 10px; display: block;">
<figcaption>스킨답서스</figcaption>
<ul>
<li><strong >🌱무늬가 없는 음지 소형 식물</strong>: 개운죽, 산세베리아 문샤인, 스웨디시 아이비, 스킨답서스, 아이비(헤데라), 후마타 고사리</li>
</ul>
<ul>
<li><strong>🌿무늬가 있는 음지 소형 식물</strong>: 산세베리아 골든하니, 산세베리아 로렌티, 산세베리아 타이거, 싱고니움</li>
</ul> </br>
<ul>
<li><strong>🌴잎이 길쭉한 음지 중대형 식물</strong>: 관음죽, 드라세나 콤팩타</li>
</ul>
<ul>
<li><strong>🌳잎이 판판한 음지 중대형 식물</strong>: 드라세나 맛상게아나(행운목), 스파티필름</li>
</ul> </br>
</li>
</ul>
'
>
<img src="./image/gallery/gallery_sunlight.jpg" alt="채광 안 좋아도 괜찮은 식물들" />
<figcaption>채광 안 좋아도 괜찮은 식물들</figcaption>
</figure>
</div>
</section>
<section id="faq" class="section">
<h1>FAQ</h1>
<div class="faq-container">
<div class="accordion-section">
<div class="journal-entries-title">자주 묻는 질문 TOP6</div>
<div class="accordion">
<input type="checkbox" name="accordion" id="answer01" />
<label for="answer01">물 주는 주기는 어떻게 설정해야 하나요?<em class="fa-solid fa-chevron-down" aria-hidden="true"></em></label>
<div>
<p>
식물마다 필요로 하는 물의 양과 주기가 다릅니다.<br />
일반적으로, 흙이 마르면 물을 주는 것이 좋습니다. 손가락으로 흙을 2-3cm 깊이로 눌러 보아 건조하면 물을 줍니다. 또한 계절에 따라 물 주는 주기가
달라질 수 있으니 여름에는 더 자주, 겨울에는 덜 자주 주는 것이 좋습니다.
</p>
</div>
<input type="checkbox" name="accordion" id="answer02" />
<label for="answer02">식물은 어디에 두면 가장 좋나요?<em class="fa-solid fa-chevron-down" aria-hidden="true"></em></label>
<div>
<p>
식물의 종류에 따라 햇빛이 많이 드는 곳이나 간접광이 비치는 곳 등 적합한 위치가 다릅니다.<br />
예를 들어, 선인장과 같은 다육식물은 직사광선을 좋아하고, 몬스테라 같은 식물은 밝지만 직사광선이 닿지 않는 간접광을 선호합니다. 식물의 요구
조건을 확인하고, 그에 맞는 장소를 선택하는 것이 중요합니다.
</p>
</div>
<input type="checkbox" name="accordion" id="answer03" />
<label for="answer03">비료는 얼마나 자주 줘야 하나요?<em class="fa-solid fa-chevron-down" aria-hidden="true"></em></label>
<div>
<p>
대부분의 실내 식물은 성장기인 봄과 여름에만 비료를 주는 것이 좋습니다. <br />
4~6주 간격으로 적당량의 비료를 주고, 가을과 겨울에는 비료 주기를 줄이거나 중단하는 것이 좋습니다. 과도한 비료 사용은 식물에 해로울 수 있으니
권장량을 준수하세요.
</p>
</div>
<input type="checkbox" name="accordion" id="answer04" />
<label for="answer04">식물 잎이 노랗게 변하는 이유는 무엇인가요?<em class="fa-solid fa-chevron-down" aria-hidden="true"></em></label>
<div>
<p>
잎이 노랗게 변하는 이유는 다양합니다. 물을 너무 많이 주었거나, 반대로 너무 적게 준 경우, 햇빛이 너무 강하거나 약한 경우, 또는 영양 부족이 원인일
수 있습니다. 식물의 상태를 살펴보고, 물주기, 빛, 비료 등 환경을 조정해 주세요.
</p>
</div>
<input type="checkbox" name="accordion" id="answer05" />
<label for="answer05">화분을 언제 어떻게 옮겨야 하나요?<em class="fa-solid fa-chevron-down" aria-hidden="true"></em></label>
<div>
<p>
일반적으로 식물의 뿌리가 화분을 다 채우고 자랄 공간이 부족해 보일 때, 봄이나 초여름에 분갈이를 하는 것이 좋습니다.<br />
기존 화분보다 2-3cm 큰 화분을 선택하고, 새 흙으로 교체해 주세요. 분갈이 후에는 물을 충분히 주어야 합니다.
</p>
</div>
<input type="checkbox" name="accordion" id="answer06" />
<label for="answer06">병충해를 어떻게 예방하고 관리할 수 있나요?<em class="fa-solid fa-chevron-down" aria-hidden="true"></em></label>
<div>
<p>
병충해 예방을 위해 식물을 정기적으로 관찰하고, 잎과 줄기에 먼지나 해충이 있는지 확인하세요. 문제가 발생하면 해당 해충에 맞는 친환경 살충제를
사용하거나, 손으로 제거해 주세요. 적절한 물주기와 환기를 유지하는 것도 병충해 예방에 도움이 됩니다.
</p>
</div>
</div>
</div>
<div class="question-form">
<h2>질문하기</h2>
<form id="questionForm">
<div class="form-group">
<input type="text" placeholder="질문을 작성하세요" required />
</div>
<button class="btn">작성 완료</button>
<button class="btn" id="check-answers-btn">답변 확인하기</button>
<div id="answer-modal" class="modal">
<div class="modal-content">
<span class="modal-close">×</span>
<p id="answer-text">여기에 답변 내용이 들어갑니다.</p>
</div>
</div>
</form>
</div>
</div>
</section>
<section id="journal" class="section">
<h1>Journal</h1>
<div class="container">
<div class="form-groups">
<form id="journalForm">
<div class="form-group">
<label for="plantName">식물 이름</label>
<input type="text" id="plantName" placeholder="식물 이름을 입력하세요" required />
</div>
<div class="form-group">
<label for="date">날짜</label>
<input type="date" id="date" required />
</div>
<div class="form-group">
<label for="notes">메모</label>
<textarea id="notes" placeholder="기타 메모"></textarea>
</div>
<button class="btn">저장</button>
</form>
</div>
<div class="journal-entries-section">
<div class="journal-entries-title">기록 목록</div>
<div id="journalEntries"></div>
</div>
</div>
</section>
<footer>
<div class="container">
<div class="contact">
<h4>Contact Us</h4>
<p>For any inquiries, reach us at [email protected]</p>
</div>
<p>© 2024 GreenTalk. All rights reserved.</p>
</div>
</footer>
<script src="main.js"></script>
</body>
</html>