-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
682 lines (418 loc) · 33.2 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
677
678
679
680
681
682
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="디자인후니">
<meta name="keywords" content="디자인,후니,디자인후니,웹디자인,퍼블리셔,웹퍼블리싱,퍼블리싱,출력물,모든디자인">
<meta property="og:type" content="website">
<meta property="og:title" content="무지와 친구들">
<meta property="og:image" content="http://www.designhoony.com/imgs/sns.jpg">
<meta property="og:url" content="http://www.designhoony.com/">
<meta property="og:description" content="무지와 친구들">
<meta property="og:locale" content="ko_KR">
<meta property="og:image:width" content="1920">
<meta property="og:image:height" content="800">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="무지와 친구들">
<meta name="twitter:image" content="http://www.designhoony.com/imgs/sns.jpg">
<meta name="twitter:description" content="무지와 친구들">
<!-- Bootstrap Core CSS -->
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- Theme CSS -->
<link href="./css/agency.min.css" rel="stylesheet">
<link rel="stylesheet" href="css/style2.css"> <!-- Resource style -->
<link rel="stylesheet" href="./css/module.css">
<link rel="stylesheet" type="text/css" href="./css/main.css">
<!--?v=1 이렇게 하면 css업로드 할때 새로운 버전으로 인식 예를 들어5번쨰 파일이면 ~~.css?v=5 이런식으로 표시-->
<!--팬시박스 추가-->
<link rel = "stylesheet" type="text/css" href="css/jquery.fancybox.min.css">
<title>무지와 친구들</title>
</head>
<body>
<!-- Navigation -->
<nav id="mainNav" class="navbar navbar-default navbar-custom navbar-fixed-top">
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header page-scroll">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span> Menu <i class="fa fa-bars"></i>
</button>
<a class="logo navbar-brand page-scroll" href="#tt01">
<img src="img/logo_01.png">
</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
<li class="hidden">
<a href="#page-top"></a>
</li>
<li>
<a class="page-scroll" href="#tt02">동창모임</a>
</li>
<li>
<a class="page-scroll" href="#tt03">갤러리</a>
</li>
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container-fluid -->
</nav>
<div class="jumbotron main_bg" id="tt01">
<div class="container">
<div class="banner_content">
<div class="table">
<div class="table_cell">
<h1>MUJI and childrens</h1>
<p class="">무지와 아이들은 서로를 생각하고 사랑을 실천하는<br>따뜻한 동행을 함께 하고
누군가와의 만남 혹은 기다림의 설렘 그 순간을 함께합니다.</p>
</div>
</div>
</div>
</div>
</div>
<div class="mid_bg" id="tt02">
<div class="container">
<div class="banner_content">
<div class="table">
<div class="table_cell">
<h2>MUJI STYLE</h2>
<p class="">과거와 미래가 공존하는, 현실과 상상을 넘나드는 새로운 또라이 집단의 탄생
</p>
<div class="container but_list">
<!-- Button trigger modal -->
<button type="button" class="btn btn-primary but_list_btn" data-toggle="modal" data-target="#exampleModalLong">동창모임 회칙
</button>
<!-- Modal -->
<div class="modal fade" id="exampleModalLong" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLongTitle">동창모임 회칙</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body member_list">
<h4>제1장 총칙</h4>
<p>제1조 (명칭)<br>
본 회칙에 의하여 구성될 명칭을 인천정보산업고 동창회라 칭하고, 이 상조회 운영에 관한 관할은 동창회에서 한다.</p>
<p>제2조 (목적)<br>
본 회는 친구들간의 유대를 강화하며, 회상의 발전 및 회원 상호간에 친목도모를 목적으로 한다.</p>
<h4>제2장 회원의 자격</h4>
<p>본 회의 회원자격은 다음과 같다.<br>
1. 인천정보산업고등학교 졸업생으로 한다.<br>
2. 위 회원 자격은 본 회의 시행시 조직도에 따르며, 상세 사항은 임시총회 또는 정기총회에서 결정한다.</p>
<h4>제3장 권리와 의무</h4>
<p>제4조 (권리)<br>
회원은 동일한 발언권과 결정권 및 피선거권이 있다.<br>
</p>
<p>
제5조 (의무)<br>
회원은 가입과 동시 가입 월부터 소정의 회비를 납부하여야 한다.
</p>
<h4> 제4장 회의</h4>
<p>제6조 (회의)<br>
본 회는 다음과 같은 회의를 둔다.<br>
<sanp style="color:red;">1. 정기총회(결산보고,년 1회-10월 2째주 토요일, 추석연휴시 그 전주 토요일로 한다)</sanp><br>
2. 임시총회(필요시)
</p>
<p>
제7조 (회의의 성원 및 의결)<br>
1. 본 회의 회장이 필요시 또는 회원 과반수 이상이 회의 목적사항을 제시하고 회의소집을 회장에게 요구하였을 시는 회장은 곧 임시회의를 소집한다.<br>
2.별도 규정이 없는 한 성원은 재적위원의 과반수 참석과 재석 과반수의 찬성으로 의결한다.
</p>
<h4>제5장 임원의 임무</h4>
<p>제8조 (임원)<br>
본 회는 다음과 같이 임원을 둔다.<br>
1. 회장 1명(1년 단위 로테이션, 다수결로 결정)<br>
2. 총무 1명(1년 단위 로테이션, 회장이 임명)<br>
<sanp style="color:red;">3. 연임이 불가능하며, 9명 전원 임원의 임기를 로테이션 한다.</sanp>
</p>
<p>제9조 (임무)<br>
본 회의 임원의 임무는 다음과 같다.<br>
1. 회장은 상조회를 대표하고 상조회 운영에 관한 제반 업무를 총괄한다.<br>
2. 총무는 정기총회 시 집행내역을 보고한다. 정기총회는 회계결산일 익월로 한다.
</p>
<h4>제6장 임원의 임기</h4>
<p>제10조 (임원의 선출)<br>
본 회는 다음과 같이 임원을 둔다.<br>
1. 본 회의 회장은 총회에서 회원의 선출에 의해 선발된다.<br>
2. 총무는 회장이 임명한 자로 한다.<br>
3. 회장의 자격 상실로 인한 잔여 임기는 총무가 대행한다.<br>
4. 총무의 자격 상실로 인한 잔여 임기는 회장이 임명한 자가 대행한다.
</p>
<p>제11조 (임기)<br>
1. 임원의 임기는 1년 단임으로 로테이션을 한다. 감사는 재적위원의 과반수 참석과 재석의원 과반수 이상 찬성으로 결정한다.<br>
<sanp style="color:red;"> 2. 임원의 임의 사퇴는 불가능하다.<br>
(단 일신상의 사유가 있을 경우 회원 과반수 이상의 동의로 사퇴할 수 있다.
</sanp>
</p>
<h4>제7장 회비</h4>
<p>제12조 (회비)<br>
1. 본 회의 입회비는 1만원으로 한다.(창단 맴버 이외의 입회시에는 총액납부)<br>
2. 월 회비는 아래와 같이 한다.<br>
인당 10,000원/월로 한다.(회비 잔액이 부족할 시 인당 추가 각출한다.)<br>
3. 회비의 납입은 매월 1일로 한다.(영업일에 따라 납입일은 변경될 수 있다.)
</p>
<p>제13조 (경조비의 지급)<br>
1. 회원의 경조사 발생시 다음과 같이 축의, 경조금을 지급한다.
</p>
<div class="container mon_list">
<table class="table table-striped">
<thead>
<tr>
<th scope="col" colspan="2">항목</th>
<th scope="col">경조비용(원)</th>
<th scope="col">비고</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row" rowspan="2">결혼</th>
<td>본인</td>
<td>50,000</td>
<td> </td>
</tr>
<tr>
<td>돌<br>(직계자녀)</td>
<td>50,000</td>
<td> </td>
</tr>
<tr>
<th scope="row" rowspan="3">사망</th>
<td>친가 부모</td>
<td>50,000</td>
<td> </td>
</tr>
<tr>
<td>본인</td>
<td>180,000</td>
<td rowspan="2">2달치 회비 전액(9*2*10000)<br>회단 원추가 시 금액의 변동이 있다.</td>
</tr>
<tr>
<td>배우자</td>
<td>180,000</td>
</tr>
<tr>
<th scope="row">상병<br>위로</th>
<td>초진<br>3주 이상</td>
<td>50,000 또는 물품대체</td>
<td>입원 시(본인, 배우자)</td>
</tr>
</tbody>
</table>
</div>
<p>
2. 회원의 탈퇴 시 기 납입한 회비는 반환하지 않는다.<br>
<sanp style="color:red;">3. 경조비 변동 시 소급 적용한다.</sanp>
</p>
<p> 제14조 (자금)<br>
1. 본 회의 자금은 금융기관에 예치하며, 총무가 관리한다.<br>
2. 본 회의 납입일은 매달 1일로 하며 연체 시 연체일당 100원의 추가 납부액이 발생한다.<br>
3. 회원의 입금이 3개월 이상 미납 시 탈퇴 처리 한다.(단 회장에게 타당한 이유를 제시할 시 회장의 권한으로 탈퇴 기간을 임의로 연장한다.)
</p>
<p>제15조 (회계)<br>
1. 본 회의 재정은 회원의 회비와 이자수입 및 기타 보조금으로 한다.<br>
2. 본 회의 회계연도는 매년 1월 1일부터 12월 31일까지로 한다.
</p>
<p>제16조 (인원의 추가)<br>
1. 본 회의 회원 추가시 기존인원의 70%이상의 찬성을 받은 인천정보산업고 동창만을 가입한다.(비공개 투표로 진행 한다.)<br>
2. 회원의 신규 가입 시 1년 회비의 절반을 납입한 자에 한해 가입처리 한다.
</p>
<h4>제8장 부칙</h4>
<p>제17조 (개정)<br>
본 회칙의 개정은 회원 과반수의 발의와 참석자의 과반수 찬성으로 결정한다.
</p>
<p>제18조 (재정의 책임)<br>
본 회의 재무상 불미스러운 일이 있을 때 그 결손에 대하여 임원단이 연대책임을 진다.
</p>
<p>제19조 (청산)<br>
회사규정에 의한 조직 변경으로 인해 부득이 청산은 조직 변경일 현재의 인원에 의거 분배한다.
</p>
<p>제20조 (효력)<br>
본 회칙은 2016년 10월 11일 부로 시행한다.<br>
</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">확인</button>
</div>
</div>
</div>
</div>
<!-- Button trigger modal -->
<button type="button" class="btn btn-primary but_list_btn" data-toggle="modal" data-target="#exampleModalLong2">동창모임 명단 </button>
<!-- Modal -->
<div class="modal fade " id="exampleModalLong2" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLongTitle">동창모임 명단</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div class="container member_list">
<table class="table table-striped">
<thead>
<tr>
<th scope="col">직책</th>
<th scope="col">이름</th>
<th scope="col">별명</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">회장</th>
<td>박영민</td>
<td>개변태</td>
</tr>
<tr>
<th scope="row">총무</th>
<td>박성훈</td>
<td>떽뚜</td>
</tr>
<tr>
<th scope="row">회원</th>
<td>박무현</td>
<td>무지</td>
</tr>
<tr>
<th scope="row">회원</th>
<td>박성흠</td>
<td>흠사마</td>
</tr>
<tr>
<th scope="row">회원</th>
<td>이재형</td>
<td>카와이</td>
</tr>
<tr>
<th scope="row">회원</th>
<td>이정철</td>
<td>철아</td>
</tr>
<tr>
<th scope="row">회원</th>
<td>장호성</td>
<td>장킹</td>
</tr>
<tr>
<th scope="row">회원</th>
<td>조다현</td>
<td>조다</td>
</tr>
<tr>
<th scope="row">회원</th>
<td>정해진</td>
<td>쨍군</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">확인</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="wrapper" id="tt03">
<ul class="web_list clearfix">
<h2>MUJI gallery</h2>
<li class="col-3">
<a href="./img/img_01.jpg" data-fancybox="images">
<img src="./img/img_01.jpg" style="height:210px;" >
<h2>무지 결혼식</h2>
<p>무지가 결혼을 했다. 세상에 이런 일이...제일 늦게 가고 결혼 못할 것 같았는데
제일 먼저 간다. 신기하다.</p>
</a>
</li>
<li class="col-3">
<a href="./img/img_02.jpg" data-fancybox="images">
<img src="./img/img_02.jpg" style="height:210px;">
<h2>제주도 수학여행</h2>
<p>제주도 수학여행 사진이다. 이 날로인해 카와이는 전설이 되었다. 역시 무지는 제정신이 아닌게 틀림없다. 신기하다.</p>
</a>
</li>
<li class="col-3">
<a href="./img/img_03.jpg" data-fancybox="images">
<img src="./img/img_03.jpg" style="height:210px;">
<h2>제주도 수학여행</h2>
<p>제주도 수학여행 사진이다. 이 날로인해 카와이는 전설이 되었다. 역시 무지는 제정신이 아닌게 틀림없다. 신기하다.</p>
</a>
</li>
<li class="col-3">
<a href="./img/img_04.jpg" data-fancybox="images">
<img src="./img/img_04.jpg" style="height:210px;">
<h2>제주도 수학여행</h2>
<p>제주도 수학여행 사진이다. 이 날로인해 카와이는 전설이 되었다. 역시 무지는 제정신이 아닌게 틀림없다. 신기하다.</p>
</a>
</li>
<li class="col-3">
<a href="./img/img_05.jpg" data-fancybox="images">
<img src="./img/img_05.jpg" style="height:210px;">
<h2>제주도 수학여행</h2>
<p>제주도 수학여행 사진이다. 이 날로인해 카와이는 전설이 되었다. 역시 무지는 제정신이 아닌게 틀림없다. 신기하다.</p>
</a>
</li>
<li class="col-3">
<a href="./img/img_06.jpg" data-fancybox="images">
<img src="./img/img_06.jpg" style="height:210px;">
<h2>제주도 수학여행</h2>
<p>제주도 수학여행 사진이다. 이 날로인해 카와이는 전설이 되었다. 역시 무지는 제정신이 아닌게 틀림없다. 신기하다.</p>
</a>
</li>
<li class="col-3">
<a href="./img/img_07.jpg" data-fancybox="images">
<img src="./img/img_07.jpg" style="height:210px;">
<h2>제주도 수학여행</h2>
<p>제주도 수학여행 사진이다. 이 날로인해 카와이는 전설이 되었다. 역시 무지는 제정신이 아닌게 틀림없다. 신기하다.</p>
</a>
</li>
<li class="col-3">
<a href="./img/img_08.jpg" data-fancybox="images">
<img src="./img/img_08.jpg" style="height:210px;">
<h2>제주도 수학여행</h2>
<p>제주도 수학여행 사진이다. 이 날로인해 카와이는 전설이 되었다. 역시 무지는 제정신이 아닌게 틀림없다. 신기하다.</p>
</a>
</li>
</ul>
</div>
<!-- foot 시작 -->
<footer class="gn_footer">
<a href="./index.html" class="page-scroll">
<img src="img/logo_02.png">
</a>
<p>대표 : MUJI|주소 : 안드로메다 X126 웜홀<br>
Copyright © 2016 MUJI And Childrens. All Rights Reserved.</p>
</footer>
<!-- jQuery -->
<script src="lib/jquery/jquery.min.js"></script>
<!-- Theme JavaScript-->
<script src="js/new-age.min.js"></script>
<!-- Plugin JavaScript -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
<!-- jQuery 스크롤 액션-->
<script src="vendor/jquery/jquery.min.js"></script>
<!-- Bootstrap Core JavaScript -->
<script src="vendor/bootstrap/js/bootstrap1.min.js"></script>
<script src="vendor/scrollreveal/scrollreveal.min.js"></script>
<!-- Theme JavaScript -->
<script src="js/creative.min.js"></script>
<!-- Theme JavaScript 메뉴바 -->
<script src="js/agency.min.js"></script>
<!--팬시박스 추가-->
<script src="js/jquery.fancybox.min.js"> </script>
</body>
</html>