-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
676 lines (665 loc) · 26.9 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
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>JELEE Mini Project - PushpaYogaStudio Website Redesigned</title>
<link rel="icon" href="./img/favicon.ico">
<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=Noto+Sans+KR:[email protected]&display=swap" rel="stylesheet">
<link rel="stylesheet" href="./style/reset.css">
<link rel="stylesheet" href="./style/components.css">
<link rel="stylesheet" href="./style/navBar.css">
<link rel="stylesheet" href="./style/home.css">
<link rel="stylesheet" href="./style/about.css">
<link rel="stylesheet" href="./style/history.css">
<link rel="stylesheet" href="./style/classType.css">
<link rel="stylesheet" href="./style/classContent.css">
<link rel="stylesheet" href="./style/schedule.css">
<link rel="stylesheet" href="./style/studioGallery.css">
<link rel="stylesheet" href="./style/modal.css">
<link rel="stylesheet" href="./style/faq.css">
<link rel="stylesheet" href="./style/contact.css">
<link rel="stylesheet" href="./style/footer.css">
<link rel="stylesheet" href="./style/topBtn.css">
</head>
<body>
<header id="header">
<nav id="navBar">
<div class="container">
<div class="logo"><a href="#" data-name="logo">PUSHPAYOGA</a></div>
<div class="menuWrap">
<ul class="menuGroup">
<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>
<li><a href="#">오시는길</a></li>
</ul>
<a href="#" class="naverTalk1"></a>
<div id="toggleBtn"></div>
</div>
</div>
<div id="toggleMenu">
<ul class="toggleMenuGroup">
<li class="toggleMenu"><a href="#"><span>소개</span></a></li>
<li class="toggleMenu"><a href="#"><span>수업</span></a></li>
<li class="toggleMenu"><a href="#"><span>시간표</span></a></li>
<li class="toggleMenu"><a href="#"><span>실내사진</span></a></li>
<li class="toggleMenu"><a href="#"><span>체험/문의</span></a></li>
<li class="toggleMenu"><a href="#"><span>오시는길</span></a></li>
<li><a href="#" class="naverTalk2"><span>톡톡 문의</span></a></li>
</ul>
</div>
</nav>
<section id="home">
<div class="container">
<div class="textWrap">
<h1 class="mainText">
나마스떼 ^^<br/>
푸쉬파 요가 스튜디오 방문을
환영합니다.
</h1>
<p class="subText">
푸쉬파요가는 <span>정통 하타요가</span>와 <span>아쉬탕가</span>를 체계적으로
수련하는 공간입니다.
</p>
<div class="button goToAbout">소개 보러 가기 <span>▶</span></div>
</div>
<div class="imgWrap">
<div class="img1"></div>
<div class="img2"></div>
</div>
</div>
</section>
</header>
<section id="about">
<div class="about_bg"></div>
<div class="container">
<div class="imgWrap"></div>
<div class="textWrap">
<div class="titleWrap">
<div class="titleLine"></div>
<h1 class="titleText">
푸쉬파 요가 스튜디오<br/>
원장 푸쉬파입니다.
</h1>
</div>
<p class="contentsWrap">
푸쉬파요가 스튜디오는 요가라는 수행체계의 본질을 잊지 않고 수련하기 위한 진정성 있는 공간입니다.<br/>
<br/>
요가는 아사나와 호흡 수련을 통해 자신의 몸과 마음을 바르게 세우고, "나"라는 존재와 나의 주변, 나아가서 지금의 내가 온 우주와 연결되어 있음을 알며, 현존의 삶에 감사함을 알고 자신과 주변을 돌아보며 삶의 그릇을 넓혀가는 삶 속에서 경험하는 실천 철학입니다.<br/>
<br/>
요가라는 인연으로 삶이 조화로워지기를, 삶의 흐름을 즐기기를, 마음 열고 오세요. 언제나 대환영입니다. 옴 샨티~~~
</p>
</div>
</div>
</section>
<section id="history">
<div class="container">
<div class="titleWrap">
<div class="titleLine"></div>
<h1 class="titleText">푸쉬파원장 약력</h1>
<h3 class="titleSubText">Brief History</h3>
</div>
<div class="contentsWrap">
<div class="korTextWrap itemsTextWrap">
<ul class="item">
<li>- 요가, 명상 수련 20년</li>
<li>- 요가 지도자 양성 및 요가 근육학 지도</li>
<li>- 운동 재활 트레이너</li>
<li>- 5 퍼스널 테라피스트</li>
<li>- 임산부 요가 마스터 지도자</li>
<li>- 자연치유사</li>
<li>- 차명상지도자</li>
<li>- 인도 비하르 요가 아쉬람 요가 수행</li>
</ul>
<ul class="item">
<li>- 아쉬탕가 빈야사요가</li>
<li>- 프라이머리 시리즈 수료</li>
<li>- 인터미디어트 시리즈 수료</li>
<li>- 아쉬탕기 빈야사 요가</li>
<li>- 마스터 티쳐 코스 수료</li>
<li>- 발리 아쉬탕가 빈야사요가</li>
<li>- Sharath Jois Workshop</li>
<li>- 발리 아쉬탕가요가 리서치센터 수련</li>
</ul>
<ul class="item">
<li>- 인도 마하붓디 인터네셔널</li>
<li>- 메디테이션 센터 명상 코스 수료</li>
<li>- 인도 마이솔 아쉬탕가빈야사요가수련</li>
<li>- 인도 마이솔 하타요가 수련</li>
<li>- 인도 마이솔 프라나야마</li>
<li>- 지도자 과정 수료(by B.N.S. Iyengar)</li>
<li>- 인도 라다크 레에서 달라이라마 존자님 친견</li>
<li>- 제주 아난드 스승님으로부터 하타요가 수련</li>
<li>- 푸쉬파 요가 스튜디오 평생 교육원장. 요가 지도자 교육과 요가 지도 중</li>
</ul>
</div>
<div class="line"></div>
<div class="engTextWrap itemsTextWrap">
<ul class="item">
<li>- Ashtanga Vinyasa Yoga</li>
<li>- Inermediate Series, Hatha Yoga 수련</li>
<li>- Bihar School of Yoga Ashram in India</li>
<li>- Karma Yoga</li>
<li>- Ashtanga Vinyasa Yoga</li>
<li>- Primary Series Work shop</li>
</ul>
<ul class="item">
<li>- Intermediate Series Work shop</li>
<li>- Master Teacher Training Course</li>
<li>- Ashtanga Yoga Work shop by R.Sharath Jois in Bali</li>
<li>- Ashtanga Yoga Research Center</li>
<li>- Practice in Bali</li>
<li>- Mahabodhi International</li>
<li>- Sharath Jois Workshop</li>
</ul>
<ul class="item">
<li>- Meditation Center in India</li>
<li>- Meditation Course</li>
<li>- Ladakh.Leh. in India</li>
<li>- Ashtanga Vinyasa Yoga Practice in Myore. India</li>
<li>- Certificate of Pranayama Course in Myore.India( by BNS Iyengar)</li>
</ul>
</div>
</div>
</div>
</section>
<section id="classType">
<div class="container">
<div class="titleWrap">
<h3>Class Type</h3>
<h1>수업 종류</h1>
</div>
<div class="contentsWrap">
<ul class="listItems">
<li data-name="classType_icon1"></li>
<li>Relax & Healing Class</li>
<li>
초보자, 일반 수련인 수련<br/>
깊은 이완과 스트레칭, 유연성 향상, 재활 수련
</li>
</ul>
<ul class="listItems">
<li data-name="classType_icon2"></li>
<li>Traditional Class</li>
<li>
아쉬탕가 마이솔 클래스<br/>
정통 하타 요가 클래스
</li>
</ul>
<ul class="listItems">
<li data-name="classType_icon3"></li>
<li>Personal Practice</li>
<li>
수술 후 회복, 특별한 질환<br/>
개인 맞춤 수련
</li>
</ul>
</div>
</div>
</section>
<section id="classContent">
<div class="bg_wh bg_wh1"></div>
<div class="bg_wh bg_wh2"></div>
<div class="container">
<div class="titleWrap">
<h3>Class Content</h3>
<h1>수업 내용</h1>
</div>
<div class="contentsWrap">
<div class="listItems leftItems">
<div class="listItemImg">
<img src="./img/class_img1.jpeg" alt="아쉬탕가 마이솔 클래스 사진">
</div>
<div class="listItemTextWrap">
<div class="listItemTitleWrap">
<div class="listItemLine"></div>
<div class="listItemTitleGroup">
<h3 class="listItemSubText">Ashtanga Yoga Mysore Class</h3>
<h1 class="listItemTitleText">아쉬탕가 마이솔 클래스</h1>
</div>
</div>
<div class="listItemContent">
인도 마이솔의 세계적인 수련을 그대로 배움.<br/>
동적 수련으로 근력, 유연성, 체력 향상.<br/>
<br/>
인도 남부 마이솔의 계보로 전해지는 요가로 현재 전 세계 매니아들이 즐기는 요가.<br/>
현대 모던 요가의 모태로서 체계적인 배움을 통해 근력, 유연성 향상.<br/>
요가 호흡, 정통 요가의 체계를 배웁니다.<br/>
푸쉬파 요가는 인도 마이솔 스타일 그대로 수련합니다.<br/>
<br/>
<span>#동적수련 #근력향상 #유연성향상 #체력향상 #정통요가</span>
</div>
</div>
</div>
<div class="listItems rightItems">
<div class="listItemTextWrap">
<div class="listItemTitleWrap">
<div class="listItemLine"></div>
<div class="listItemTitleGroup">
<h3 class="listItemSubText">Hatha Yoga Class</h3>
<h1 class="listItemTitleText">정통 하타 요가</h1>
</div>
</div>
<div class="listItemContent">
동작을 오래 유지하며 깊게 접근하는 수련.<br/>
백밴딩과 핸드 스탠딩으로 통해 척추 유연성 향상.<br/>
정통 아엥가 요가를 기반으로 한 수련 스타일로 하나의 동작을 오래 유지하며 깊은 이완을 유도합니다.<br/>
다양한 핸드 스탠딩과 백밴딩으로 척추의 유연성과 탄력을 향상시키고 신경계와 호르몬계를 조화롭게 합니다.
인도 마이솔의 세계적인 수련을 그대로 배움.<br/>
동적 수련으로 근력, 유연성, 체력 향상.<br/>
<br/>
<span>#백밴딩 #핸드스탠딩 #척추유연성 #동작오래유지</span>
</div>
</div>
<div class="listItemImg">
<img src="./img/class_img2.jpeg" alt="정통 하타 요가 사진">
</div>
</div>
<div class="listItems leftItems">
<div class="listItemImg">
<img src="./img/class_img3.jpeg" alt="어깨 힐링 요가 사진">
</div>
<div class="listItemTextWrap">
<div class="listItemTitleWrap">
<div class="listItemLine"></div>
<div class="listItemTitleGroup">
<h3 class="listItemSubText">Healing for Shoulder</h3>
<h1 class="listItemTitleText">어깨 힐링</h1>
</div>
</div>
<div class="listItemContent">
어깨와 목의 통증 완화.<br/>
어깨 질환의 재활을 위한 수련.<br/>
<br/>
어깨와 목이 불편한 분들을 위한 수련.<br/>
어깨 재활에 기반한 수련으로 라운딩 숄더, 회전근개 파열,
어깨 석회 건염, 굽은 등, 어깨 통증 완화, 어깨 재활이 필요한 분들을
위한 재활 수련합니다.<br/>
<br/>
<span>#어깨재활 #라운딩숄더 #굽은등 #어깨통증완화</span>
</div>
</div>
</div>
<div class="listItems rightItems">
<div class="listItemTextWrap">
<div class="listItemTitleWrap">
<div class="listItemLine"></div>
<div class="listItemTitleGroup">
<h3 class="listItemSubText">Healing for Pelvics Class</h3>
<h1 class="listItemTitleText">골반 힐링</h1>
</div>
</div>
<div class="listItemContent">
허리와 고관절의 재활을 위한 수련.<br/>
고관절 유연성 향상, 하체 순환에 도움.<br/>
<br/>
고관절, 허리가 불편한 분들을 위한 수련입니다.<br/>
골반 재활에 기반한 수련합니다.<br/>
고관절 통증, 허리 통증, 허리 디스크, 골반 유연성 향상, 골반 재활이 필요한 분들을 위한 재활 수련합니다.<br/>
<br/>
<span>#허리재활 #고관절재활 #허리디스크 #하체순환</span>
</div>
</div>
<div class="listItemImg">
<img src="./img/class_img4.jpeg" alt="골반 힐링 요가 사진">
</div>
</div>
<div class="listItems leftItems">
<div class="listItemImg">
<img src="./img/class_img5.jpeg" alt="휠 스트레칭 요가 사진">
</div>
<div class="listItemTextWrap">
<div class="listItemTitleWrap">
<div class="listItemLine"></div>
<div class="listItemTitleGroup">
<h3 class="listItemSubText">Wheel Stretching</h3>
<h1 class="listItemTitleText">휠 스트레칭</h1>
</div>
</div>
<div class="listItemContent">
휠을 이용하여 전신을 스트레칭하고 이완.<br/>
<br/>
휠을 이용하여 관절과 근육, 근막을 이완하는 수련입니다.<br/>
스트레칭과 근육과 관절의 유연성 향상이 필요한 분들의 위한 수련합니다.<br/>
<br/>
<span>#어깨재활 #라운딩숄더 #굽은등 #어깨통증완화</span>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="schedule">
<div class="scheduleViewToggle" id="scheduleViewToggle">
<div class="container">
<div class="textWrap" id="scheduleToggleText">
그룹 스케쥴 닫기<span>▲</span>
</div>
</div>
</div>
<div class="scheduleTableWrap" id="scheduleTableWrap">
<div class="container">
<div class="titleWrap">
<h1>Group Practice Schedule</h1>
<h3>* 매월 마지막 토요일은 휴무입니다.</h3>
</div>
<div class="contentsWrap">
<table class="table1">
<thead>
<tr>
<th>시간</th>
<th>월</th>
<th>화</th>
<th>수</th>
<th>목</th>
<th>금</th>
<th>토</th>
</tr>
</thead>
<tbody>
<tr>
<td>오전<br/>09:00 ~ 11:00</td>
<td>Ashtanga Mysore (self)</td>
<td>Hatha</td>
<td>Ashtanga Mysore (self)</td>
<td>Hatha</td>
<td>Ashtanga Mysore (self)</td>
<td rowspan="3">Ashtanga Mysore (led)</td>
</tr>
<tr>
<td>오전<br/>11:00 ~ 12:30</td>
<td>Shoulder Stretch</td>
<td></td>
<td>Ashtanga Basic</td>
<td></td>
<td>Pelvis Stretch</td>
</tr>
<tr>
<td>오후<br/>08:00 ~ 10:00</td>
<td>Ashtanga Mysore (self)</td>
<td>Hatha</td>
<td>Ashtanga Mysore (self)</td>
<td>Hatha</td>
<td>Ashtanga Mysore (self)</td>
</tr>
</tbody>
</table>
<table class="table2">
<thead>
<tr>
<th>시간/요일</th>
<th>오전<br/>09:00 ~ 11:00</th>
<th>오전<br/>11:00 ~ 12:30</th>
<th>오후<br/>08:00 ~ 10:00</th>
</tr>
</thead>
<tbody>
<tr>
<td>월</td>
<td>Ashtanga Mysore (self)</td>
<td>Shoulder Stretch</td>
<td>Ashtanga Mysore (self)</td>
</tr>
<tr>
<td>화</td>
<td>Hatha</td>
<td></td>
<td>Hatha</td>
</tr>
<tr>
<td>수</td>
<td>Ashtanga Mysore (self)</td>
<td>Ashtanga Basic</td>
<td>Ashtanga Mysore (self)</td>
</tr>
<tr>
<td>목</td>
<td>Hatha</td>
<td></td>
<td>Hatha</td>
</tr>
<tr>
<td>금</td>
<td>Ashtanga Mysore (self)</td>
<td>Pelvis Stretch</td>
<td>Ashtanga Mysore (self)</td>
</tr>
<tr>
<td>토</td>
<td colspan="3">Ashtanga Mysore (led)</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</section>
<section id="studioGallery">
<div class="container">
<div class="titleWrap">
<h3>Studio Gallery</h3>
<h1>실내 사진</h1>
</div>
<div class="contentsWrap">
<ul class="studioImgGroup">
<li>
<img src="./img/studio_img1.jpeg" alt="요가원 로비 사진">
<div class="transBk">
<span>요가원 로비</span>
</div>
</li>
<li>
<img src="./img/studio_img2.jpeg" alt="수련실 사진">
<div class="transBk">
<span>수련실</span>
</div>
</li>
<li>
<img src="./img/studio_img3.jpeg" alt="휴게실 사진">
<div class="transBk">
<span>휴게실</span>
</div>
</li>
<li>
<img src="./img/studio_img4.jpeg" alt="남자 탈의실 사진">
<div class="transBk">
<span>남자 탈의실</span>
</div>
</li>
<li>
<img src="./img/studio_img5.jpeg" alt="여자 탈의실 사진">
<div class="transBk">
<span>여자 탈의실</span>
</div>
</li>
<li>
<img src="./img/studio_img6.jpeg" alt="여자 탈의실 입구 사진">
<div class="transBk">
<span>여자 탈의실 입구</span>
</div>
</li>
</ul>
</div>
</div>
<div id="galleryModal">
<span class="close">×</span>
<img class="modal-content">
</div>
</section>
<section id="faqWrap">
<div class="expWrapBg"></div>
<div class="qnaWrapBg"></div>
<div id="faq">
<div class="container">
<div id="expWrap" class="faqWrap">
<div class="titleWrap">
<h1 class="titleText">체험 수련</h1>
<h3 class="titleSubText">정기 등록은 3개월부터 가능합니다.</h3>
</div>
<ul class="contentsWrap">
<li class="listItem1">
<h4>Relax Class 체험<span>- 40,000</span></h4>
<p>
힐링과 스트레칭 클래스.<br/>
월, 수, 금 오전 11시 (90분 수련)
</p>
</li>
<li class="listItem2">
<h4>Ashtanga & Hatha 체험<span>- 80,000</span></h4>
<p>
요가원으로 문의해주세요.<br/>
자세한 상담 후 진행합니다.
</p>
</li>
<li class="listItem3">
<h4>Personal Clas 체험<span>- 40,000</span></h4>
<p>
요가원으로 문의해주세요.<br/>
자세한 상담 후 진행합니다.
</p>
</li>
</ul>
</div>
<div id="qnaWrap" class="faqWrap">
<div class="bgImg">
<img src="./img/qnaImg2.png" alt="문의하기 배경 이미지">
</div>
<div class="leftWrap">
<img src="./img/qnaImg1.png" alt="문의하기 이미지 ">
</div>
<div class="rightWrap">
<div class="titleWrap">
<h1 class="titleText">문의하기</h1>
</div>
<div class="contentsWrap">
<p>
정기 등록 및 수업 관련 문의는
전화 또는 아래 버튼을 클릭하여 문의해주세요.<br/>
네이버 톡도 가능합니다. ^^<br/>
<br/>
연락처: 031-123-4567
</p>
<div class="btnGroup">
<a href="javascript:void(0);">문의글 남기기 ></a>
<a href="javascript:void(0);">네이버톡 ></a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="contact">
<div class="container">
<div class="titleWrap">
<div class="titleLine"></div>
<h1 class="titleText">찾아오시는 길</h1>
<h3 class="titleSubText">Contact</h3>
</div>
<div class="contentsWrap">
<div class="leftContentsWrap">
<ul class="contentsListItem">
<li class="listItem1">
<h4 class="titleText">오시는 길</h4>
<span class="subText1">푸쉬파 요가 스튜디오</span>
<span class="subText2">
경기도 용인시 수지구 현암로 107 SR프라자 5층<br/>
(죽전 새터마을 신협 옆 건물 SR프라자 5층)<br/>
<br/>
*무료 주차 가능
</span>
</li>
<li class="listItem2">
<h4 class="titleText">연락처</h4>
<span class="subText2">031-123-4567</span>
</li>
<li class="listItem3">
<h4 class="titleText">이용안내</h4>
<span class="subText2">예약 | 주차 | 무선 인터넷 | 남/녀 화장실 구분</span>
</li>
</ul>
</div>
<div class="rightContentsWrap">
<div id="map">
<div class="mapWrap">
<div class="mapGroup">
<a href="https://map.kakao.com/?urlX=526843.0&urlY=1064635.0&itemId=1563557711&q=%ED%91%B8%EC%89%AC%ED%8C%8C%EC%9A%94%EA%B0%80%EC%8A%A4%ED%8A%9C%EB%94%94%EC%98%A4&srcid=1563557711&map_type=TYPE_MAP&from=roughmap" target="_blank">
<!-- <img class="map" src="http://t1.daumcdn.net/roughmap/imgmap/bf76c97f6fea1385b535d410bba3edcefcb715a3439043ab944b620135d5a2cb"> -->
</a>
</div>
<div class="kakaotext">
<a class="kakaoLtext" href="https://map.kakao.com" target="_blank">
kakao<b>map</b>
<!-- <img src="//t1.daumcdn.net/localimg/localimages/07/2018/pc/common/logo_kakaomap.png" width="72" height="16" alt="카카오맵" > -->
</a>
<div class="kakaoRtext">
<a target="_blank" href="https://map.kakao.com/?from=roughmap&srcid=1563557711&confirmid=1563557711&q=%ED%91%B8%EC%89%AC%ED%8C%8C%EC%9A%94%EA%B0%80%EC%8A%A4%ED%8A%9C%EB%94%94%EC%98%A4&rv=on" >로드뷰</a>
<span></span>
<a target="_blank" href="https://map.kakao.com/?from=roughmap&eName=%ED%91%B8%EC%89%AC%ED%8C%8C%EC%9A%94%EA%B0%80%EC%8A%A4%ED%8A%9C%EB%94%94%EC%98%A4&eX=526843.0&eY=1064635.0">길찾기</a>
<span></span>
<a target="_blank" href="https://map.kakao.com?map_type=TYPE_MAP&from=roughmap&srcid=1563557711&itemId=1563557711&q=%ED%91%B8%EC%89%AC%ED%8C%8C%EC%9A%94%EA%B0%80%EC%8A%A4%ED%8A%9C%EB%94%94%EC%98%A4&urlX=526843.0&urlY=1064635.0">지도 크게 보기</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<footer id="footer">
<div class="ft_container">
<div class="leftContentsWrap">
<h1 class="logo">
<a href="#">
<img src="./img/headerLogo.png" alt="PUSHPAYOGA 로고">
</a>
</h1>
<div class="textGroup">
<span>상호명: 푸쉬파 요가 스튜디오</span>
<span>대표자: 홍길동</span>
<span>사업자번호: 123-45-67890</span>
<span>이메일: [email protected]</span>
</div>
</div>
<div class="rightContentsWrap">
<ul class="subMenuGroup">
<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>
<li><a href="#">오시는 길</a></li>
</ul>
</div>
</div>
<div id="copyright">
<div class="container">
<div class="textWrap">Copyright © 2024 Jelee. All rights reserved.</div>
</div>
</div>
</footer>
<div id="topBtn">
<div class="arrow">
<span></span>
<span></span>
</div>
<span class="text">위로</span>
</div>
<script src="./js/modal.js"></script>
<script src="./js/toggleBtn.js"></script>
<script src="./js/scheduleToggleBtn.js"></script>
<script src="./js/topBtn.js"></script>
<script src="./js/moveSection.js"></script>
<script>
const navTalk1 = document.querySelector('.naverTalk1');
const navTalk2 = document.querySelector('.naverTalk2');
navTalk1.addEventListener("click", (e) => e.preventDefault() )
navTalk2.addEventListener("click", (e) => e.preventDefault() )
</script>
</body>
</html>