CINXE.COM

귀뚜라미 Clean Tennis Court

<!DOCTYPE html> <html> <head> <title>귀뚜라미 Clean Tennis Court</title> <meta charset="UTF-8"> <meta name="description" content=""> <meta name="keywords" content=""> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="daumoa" content="NOINDEX, NOFOLLOW" /> <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=10,minimum-scale=1.0,user-scalable=yes,target-densitydpi=medium-dpi" /> <meta name="format-detection" content="telephone=no, address=no, email=no" /> <meta name="apple-mobile-web-app-capable" content="no" /> <meta name="apple-mobile-web-app-status-bar-style" content="black" /> <link rel="stylesheet" href="css/import.css" type="text/css" /> <link href='https://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'/> <link type="text/css" rel="stylesheet" charset="utf-8" href="http://fonts.googleapis.com/earlyaccess/notosanskr.css" /> <script type="text/javascript" src="//code.jquery.com/jquery-1.9.1.min.js" charset="utf-8"></script> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js" charset="utf-8"></script> <script type="text/javascript" async defer src="js/common.js" charset="utf-8"></script> <!--[if lt IE 9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script> <![endif]--> </head> <body> <div id="wrap" class="sub"><!-- wrap --> <style> /*회원가입있을때 .gnb_box {border-bottom:0; top:129px; border-top:1px solid #bfc4ca;}*/ .gnb_box {border-bottom:0; border-top:1px solid #bfc4ca;} #header {background:#fff;} #gnb > li > a {color:#222;} .main_login {width:100%; text-align:right; background:#f9f9f9; height:50px; display:block; border-bottom: 1px solid #ededed;} .main_login ul {width:1300px; display:flex; justify-content: flex-end; margin: 0 auto; padding: 10px 70px 0 0;} .main_login ul li {padding:0 0 0 10px;} .main_login ul li a {color:#777777;} .main_login_icon {right:50px; position:absolute; top:27px; z-index:103;} .main_login_icon img {width:22px;} #gnb > li > a:hover, #gnb > li > a:focus {color:#222; border-bottom:5px solid #0053a6; padding:0 0 20px 0;} .navi:hover {color:#0053a6; font-weight:bold;} @media all and (max-width:1024px){ #gnbWrap {width:100%;} .t_m_logo {width:90%; float:left;} .menu_bg {background: #0b59a6; height:100%; top:90px;} .main_login {display:none;} .gnb_box {border-top:0;} .main_menu {z-index:103!important;} } @media all and (max-width:480px){ .t_m_logo {width:80%; float:left;} #allMenu .menu > li > a {font-size:1.4em; background:#0b59a6; border-bottom: 0; color:#fff;} #allMenu .menu > li > a > .cap {right:30px;} } </style> <!--회원--> <!--<div class="main_login"> <ul><li><a href="https://booking.kitutennis.co.kr/join.asp">회원가입</a></li> <li><span>|</span></li> <li><a href="https://booking.kitutennis.co.kr/login.asp">로그인</a></li> </ul> </div>--> <!-- allmenu --> <div class="menuWrap"> <!--<div id="loginIcon" class="main_login_icon"> <a href="https://booking.kitutennis.co.kr/"> <img src="/img/login_icon_mo.png" id="loginIconImage"> </a> </div>--> <button class="main_menu"> <span>메뉴보기</span> <div class="bar top"></div> <div class="bar middle"></div> <div class="bar bottom"></div> </button> <span class="menu_bg"></span> <div id="allMenu"> <div class="outer"> <ul class="menu"> <li><a href="sub1.php">시설안내<span class="cap"></span></a> <ul class="sub"> <li><a href="sub1.php">코트소개</a></li> <li><a href="sub3.php">CI/캐릭터</a></li> <li><a href="sub4.php">편의시설</a></li> <li><a href="sub12.php">닥터로빈</a></li> <li><a href="sub5.php">찾아오시는 길</a></li> </ul> </li> <li><a href="sub6.php">이용안내<span class="cap"></span></a> <ul class="sub"> <li><a href="sub6.php">요금/시간안내</a></li> <li><a href="sub7.php">준수/안전규칙</a></li> <li><a href="sub30.php">대관 예약안내</a></li> <li><a href="http://booking.kitutennis.co.kr/">예약하기</a></li> </ul> </li> <li><a href="sub8.php">테니스아카데미<span class="cap"></span></a> <ul class="sub"> <li><a href="sub8.php">강사소개</a></li> <li><a href="sub9.php">프로그램안내</a></li> </ul> </li> <li> <a href="Notice.php">커뮤니티<span class="cap"></span></a> <ul class="sub"> <li><a href="Notice.php">공지사항</a></li> </ul> </li> </ul> </div> </div> </div> <!-- //allmenu --> <div id="header"> <div class="wrapper"> <!-- GNB --> <div id="gnbWrap"> <h1><a href="index.php"><img class="t_m_logo" src="/img/main/logo2.png" alt="귀뚜라미테니스코트 로고"></a></h1> <ul id="gnb"> <li> <a href="sub1.php"><span>시설안내</span></a> <ul> <li> <a href="sub1.php"> <p class="navi">코트소개</p> </a> </li> <li> <a href="sub3.php"> <p class="navi">CI/캐릭터</p> </a> </li> <li> <a href="sub4.php"> <p class="navi">편의시설</p> </a> </li> <li> <a href="sub12.php"> <p class="navi"><img src="/img/menu_icon01.png">닥터로빈</p> </a> </li> <li> <a href="sub5.php"> <p class="navi">찾아오시는 길</p> </a> </li> </ul> </li> <li> <a href="sub6.php"><span>이용안내</span></a> <ul> <li> <a href="sub6.php"> <p class="navi">요금/시간안내</p> </a> </li> <li> <a href="sub7.php"> <p class="navi">준수/안전규칙</p> </a> </li> <li> <a href="sub30.php"> <p class="navi">대관 예약안내</p> </a> </li> <li> <a href="http://booking.kitutennis.co.kr/"> <p class="navi">예약하기</p> </a> </li> </ul> </li> <li> <a href="sub8.php"><span>테니스아카데미</span></a> <ul class="n-left"> <li> <a href="sub8.php"> <p class="navi">강사소개</p> </a> </li> <li> <a href="sub9.php"> <p class="navi">프로그램안내</p> </a> </li> </ul> </li> <li> <a href="Notice.php"><span>커뮤니티</span></a> <ul> <li> <a href="Notice.php"> <p class="navi">공지사항</p> </a> </li> </ul> </li> </ul> </div> <div class="gnb_box"></div> <!-- //GNB --> </div> </div> <!-- container --> <div id="container"> <!-- contents --> <div id="contents"> <!-- wrapper --> <div class="wrapper"> <div class="subWrap"> <!-- top_area --> <div class="top_area"> <div class="location"> <ul> <li> <img src="img/sub/home.jpg" alt="홈버튼"/> </li> <li> <p class="top1">테니스아카데미</p> </li> <li> <p class="top2">강사소개</p> </li> </ul> </div> <div class="titleWrap"> <h2 class="title">강사소개</h2> <p>귀뚜라미 크린 테니스 13 강사를 소개합니다.</p> </div> </div> <!-- //top_area --> <!-- coach --> <div class="coach"> <div class="section"> <div class="table_form"> <div class="tr"> <div class="td"><img src="img/sub/coach_img1.png" alt="강사소개"/></div> <div class="td td2"> <p class="sub_title"><img src="img/sub/sub8_title1.png"/></p> <div class="coach_info"> <!--<p><em>강사명</em>김영환 (Kim Young Hwan)</p>--> <dl> <dt>주요 경력사항</dt> <dd>1979~1983 국가대표 테니스 선수</dd> <dd>1982 전 한국 테니스 선수권 대회 우승(단식)</dd> <dd>1993~1997 국가대표팀 감독</dd> <dd>1993~2000 대우중공업 테니스팀 감독</dd> <dd>2000~2015 서울 양천구청 테니스팀 감독</dd> <dd>2013~현재 귀뚜라미 문화재단 체육발전 공헌사업 담당이사</dd> <dd>2017~ 귀뚜라미에너지 체육발전 공헌사업 담당이사</dd> </dl> </div> </div> </div> <!-- <div class="tr"> <div class="td"><img src="img/sub/coach_img2.png" alt="강사소개"/></div> <div class="td td2"> <p class="sub_title"><img src="img/sub/sub8_title2.png"/></p> <div class="coach_info"> <dl> <dt>주요 경력사항</dt> <dd>마포고등학교, 명지대학교 졸업</dd> <dd>한국 프로 테니스 지도자 협회(KPTA) 1급 프로</dd> <dd>국제 테니스 연맹(ITF) 매직테니스 강사 교육 수료</dd> <dd>경기전문지도자 자격증 2급</dd> <dd>문화관광부 테니스대회 우승</dd> <dd>전국 대통령기 테니스 대회 우승</dd> <dd>전국 지도자 테니스 수원 홍삼배 우승</dd> <dd>전국 지도자 테니스 대구 유니버시아드 대회 준우승</dd> </dl> </div> </div> </div>--> <div class="tr"> <div class="td"><img src="img/sub/coach_img3.png" alt="강사소개"/></div> <div class="td td2"> <p class="sub_title"><img src="img/sub/sub8_title3.png"/></p> <div class="coach_info"> <dl> <dt>주요 경력사항</dt> <dd>마포고등학교, 울산대학교 졸업</dd> <dd>안동시청 실업팀 출신</dd> <dd>전국체전 테니스 대회 우승</dd> <dd>전국 문화관광부 테니스 대회 우승</dd> <dd>전국 학생 선수권 테니스 대회 우승</dd> <dd>전국하계 테니스 대회 우승</dd> <dd>전국 춘천오픈 대회 복식 준우승</dd> </dl> </div> </div> </div> <div class="tr"> <div class="td"><img src="img/sub/coach_img5.png" alt="강사소개"/></div> <div class="td td2"> <p class="sub_title"><img src="img/sub/sub8_title5.png"/></p> <div class="coach_info"> <dl> <dt>주요 경력사항</dt> <dd>전곡고등학교, 한림대학교 졸업</dd> <dd>경기전문지도자 자격증 2급</dd> <dd>전국 문화관광부 테니스대회 준우승</dd> <dd>전국 낫소기 테니스대회 3위</dd> <dd>전국 하계 테니스대회 준우승</dd> <dd>전국 추계 테니스연맹전 3위</dd> <dd>회장기 테니스대회 우승</dd> </dl> </div> </div> </div> <div class="tr"> <div class="td"><img src="img/sub/coach_img6.png" alt="강사소개"/></div> <div class="td td2"> <p class="sub_title"><img src="img/sub/sub8_title6.png"/></p> <div class="coach_info"> <dl> <dt>주요 경력사항</dt> <dd>서인천고등학교, 한림대학교 졸업</dd> <dd>테니스 전문 스포츠 지도사 2급</dd> <dd>테니스 생활 스포츠 지도사 2급</dd> <dd>전국 추계대학테니스연맹전 3위</dd> <dd>전국 하계테니스대회 3위</dd> <dd>회장기 테니스대회 우승</dd> <dd>전국 하계테니스대회 3위</dd> <dd>회장배 테니스대회 준우승</dd> </dl> </div> </div> </div> <div class="tr"> <div class="td"><img src="img/sub/coach_img7.png" alt="강사소개"/></div> <div class="td td2"> <p class="sub_title"><img src="img/sub/sub8_title7.png"/></p> <div class="coach_info"> <dl> <dt>주요 경력사항</dt> <dd>미국크리스찬 스쿨, 안동여고 졸업</dd> <dd>구미시청 실업팀 출신</dd> <dd>WTA 투어 프로 입문 (국내주니어 中 4위)</dd> <dd>ITF 세계랭킹 최소 411위</dd> <dd>전국 대통령기 테니스 대회 우승</dd> <dd>전국 무궁화컵 여자 테니스대회 복식 우승 (실업부)</dd> <dd>전국 회장배 여자 테니스대회 복식 3위 (실업부)</dd> <dd>전국 회장배 여자 테니스대회 복식 2위 (대학부)</dd> </dl> </div> </div> </div> <div class="tr"> <div class="td"><img src="img/sub/coach_img8.png" alt="강사소개"/></div> <div class="td td2"> <p class="sub_title"><img src="img/sub/sub8_title8.png"/></p> <div class="coach_info"> <dl> <dt>주요 경력사항</dt> <dd>대구상업고등학교, 계명대학교 졸업</dd> <dd>대통령기 전국 남녀테니스대회 1위</dd> <dd>전국체전 1위</dd> <dd>회장기 전국 중고 남녀테니스대회 3위</dd> <dd>소강배 전국 중고 테니스대회 3위</dd> <dd>주니어 중고 테니스대회 복식 3위</dd> <dd>하계대학연맹전 복식 1위</dd> </dl> </div> </div> </div> <!--<div class="tr"> <div class="td"><img src="img/sub/coach_img9.png" alt="강사소개"/></div> <div class="td td2"> <p class="sub_title"><img src="img/sub/sub8_title9.png"/></p> <div class="coach_info"> <dl> <dt>주요 경력사항</dt> <dd>전곡고등학교, 국민대학교 졸업</dd> <dd>건강관리사 2급</dd> <dd>방글라데시2차 복식3위</dd> <dd>방글라데시2차 단/복식 3위</dd> <dd>방글라데시1차 단/복식 3위</dd> <dd>문화관광체육대회 3위</dd> <dd>하계테니스대회 2위</dd> </dl> </div> </div> </div>--> <div class="tr"> <div class="td"><img src="img/sub/coach_img10.png" alt="강사소개"/></div> <div class="td td2"> <p class="sub_title"><img src="img/sub/sub8_title10.png"/></p> <div class="coach_info"> <dl> <dt>주요 경력사항</dt> <dd>마포고등학교, 명지대학교 졸업</dd> <dd>02년 대통령기 단체 우승</dd> <dd>05~07년 회장기 대학부 우승</dd> <dd>05년 하계 대학 연맹전 단체 우승</dd> <dd>07년 전국체전 대학부 준우승</dd> <dd>2010년 명지대학교 테니스 아카데미 코치</dd> <dd>2010년~2012년 아난티클럽서울 테니스 코치</dd> <dd>2022년~2024년 지스타스포츠그룹 테니스 코치</dd> <dd>전문스포츠 지도자 2급(테니스)</dd> </dl> </div> </div> </div> <div class="tr"> <div class="td"><img src="img/sub/coach_img11.png" alt="강사소개"/></div> <div class="td td2"> <p class="sub_title"><img src="img/sub/sub8_title11.png"/></p> <div class="coach_info"> <dl> <dt>주요 경력사항</dt> <dd>양명고등학교, 강동대학교 레저스포츠과 졸업</dd> <dd>국제사이버대 건강스포학과 재학</dd> <dd>cs sports 부장</dd> <dd>대통령기 단체전 4강</dd> <dd>문체부 장관기 단체전 4강</dd> <dd>경기도 학년별 우승</dd> <dd>kpta 이사</dd> <dd>kpta pro 1</dd> </dl> </div> </div> </div> <div class="tr"> <div class="td"><img src="img/sub/coach_img12.png" alt="강사소개"/></div> <div class="td td2"> <p class="sub_title"><img src="img/sub/sub8_title12.png"/></p> <div class="coach_info"> <dl> <dt>주요 경력사항</dt> <dd>건대부중 건대부고 졸업</dd> <dd>대한테니스지도자협회 프로1급</dd> <dd>전국 소년체전 서울시 대표선수</dd> <dd>문화관광부 테니스대회 준우승</dd> <dd>대통령기 테니스대회 준우승</dd> <dd>낫소기 테니스대회 3위</dd> <dd>소강배 테니스대회 준우승</dd> </dl> </div> </div> </div> <div class="tr"> <div class="td"><img src="img/sub/coach_img13.png" alt="강사소개"/></div> <div class="td td2"> <p class="sub_title"><img src="img/sub/sub8_title13.png"/></p> <div class="coach_info"> <dl> <dt>주요 경력사항</dt> <dd>2018 kata랭킹 오픈부 4위</dd> <dd>2022 legend of legend 우승</dd> <dd>KTCF 지도자자격증 3급</dd> </dl> </div> </div> </div> <div class="tr"> <div class="td"><img src="img/sub/coach_img14.png" alt="강사소개"/></div> <div class="td td2"> <p class="sub_title"><img src="img/sub/sub8_title14.png"/></p> <div class="coach_info"> <dl> <dt>주요 경력사항</dt> <dd>주니어 아시아선수권대회(남자대표팀감독)</dd> <dd>2019 서울특별시 선정 최우수지도자</dd> <dd>중등학교 정교사(체육)2급(교육과학기술부)</dd> <dd>전문스포츠지도사 2급(문화체육관광부)</dd> <dd>생활스포츠지도사 2급(문화체육관광부)</dd> <dd>유소년스포츠지도사(문화체육관광부)</dd> <dd>제47회 전국 주니어테니스선수권 남자복식(1위)</dd> <dd>제48회 전국소년체전(2위)</dd> <dd>제93회 전국체육대회(3위)</dd> </dl> </div> </div> </div> </div> </div> </div> <!-- //coach --> </div> </div> <!-- //wrapper --> </div> <!-- //contents --> </div> <!-- //container --> <!--common에 적용예정--> <style> #footer {background:#e7e7e9; height:154px; display:flex; justify-content:space-around;} .footer_main {margin:25px 0 0 0;} .footer_main ul {} .footer_main ul li {float:left;} #footer .snsWrap {position:relative; right:-80px; top:5px;} #footer .snsWrap a {margin-left:0;} #footer .foot_bottom {padding-left:0;} #footer .call {position:unset;} .wrapper2 {padding:0 0 10px 0; font-size:15px;} .wrapper2 a {} .foot_bottom {} .snsWrap {} </style> <!--패밀리사이트--> <style> .footer_family {margin:0; display:flex; justify-content: center;} .family_all {border: 1px solid #dbdbdb;} .family_main {position:relative;} .family_main button {border:none; background:transparent; padding:10px 15px 10px 15px; cursor: pointer; font-weight: bold; color:#777777;} .family_main button span {padding:0 0 0 100px;} .family_main button:hover {} .family_main .option {} .family_main .option li {padding:5px 10px 5px 15px; border-bottom:1px solid #dbdbdb; float:none;} .family_main .option li a {color:#777777;} #footer .call {position:unset; font-size:17px; color:#555555; font-weight:bold; line-height:1.6; display:block;} #footer .call > img {padding:10px 0 0 0;} .family_main { position: relative; /* 부모 요소를 relative로 설정 */ } .option { display: none; position: absolute; bottom: 0; /* 부모 요소 아래에 배치 */ left: 0; background-color: #fff; z-index: 10; transition: all 0.3s ease; width:100%; padding: 6px 0 16px 0; border:1px solid #dbdbdb; left:-2px; box-shadow: 5px 5px 10px gainsboro; top:-440px; } .show-option { display: block !important; /* important를 사용하여 우선순위를 부여합니다. */ } .footer_layout_main {padding:0 100px 0 0;} @media all and (max-width:1115px){} @media all and (max-width:1024px){ #footer .foot_bottom p {letter-spacing: -1px;} #footer .call br{display:none;} .family_main button span {padding:0 0 0 50px;} #footer {height:300px;} .footer_main {margin:0; width:85%; padding:25px 0 0 0; text-align:left;} .footer_main ul li {float:unset;} .wrapper2 {padding:15px 0 15px 0; font-size:11.5px; } #footer .foot_bottom {padding-left:0; padding:0 0 12px 0;} #footer .snsWrap {position:absolute; right:unset; top:unset; left:unset; bottom:80px; text-align: center} #footer .snsWrap a {margin:0 1px; margin-left:0;} .footer_family {margin:0; display:flex; justify-content: flex-end;} .family_main button span {padding:0 0 0 50px;} #footer .call {position:unset; font-size:15px; text-align:right;} #footer .call > img {vertical-align: -5px;} .footer_layout_main {padding:0 0 0 0;} .call img {width:unset!important;} .snsWrap a img {width:unset!important;} } @media all and (max-width:640px){ .footer_main ul li img {width:50%;} } </style> <div id="footer"> <div class="footer_main"> <ul> <!--로고영역--> <li style="padding:0 50px 0 0;"><a href="/"><img src="/img/main/footer_main_logo.png"></a></li> <!--약관 및 주소영역--> <li class="footer_layout_main"> <div class="wrapper2"> <a class="private_link" href="private.php"><strong>개인정보처리방침 |</strong></a> <a href="terms.php"> 이용약관 |</a> <a href="cctv_policies.php"> 영상정보처리기기 운영·관리방침 |</a> <a href="sitemap.php"> 사이트맵</a> </div> <div class="foot_bottom"> <span>서울특별시 구로구 경인로46길 51(고척동)</span><span>전화번호 : 02)2066-8212</span> <p>(주)귀뚜라미에너지 대표 이명호</p> <p>Copyright ⓒ 2024 Kiturami Clean Tennis Court. All Rights Reserved.</p> </div> </li> <!--SNS--> <li class="footer_layout_main"> <div class="snsWrap"> <a href="https://www.facebook.com/귀뚜라미-Clean-TennisCourt-854598408046870/" target="_blank"><img src="/img/sub/facebook2.png" alt="페이스북"/></a> <a href="https://www.Instagram.com/kitu_tennis" target="_blank"><img src="/img/sub/instar2.png" alt="인스타그램"/></a> </div> </li> <!--패밀리사이트--> <li> <div class="footer_family"> <ul class="family_all"> <div class="family_main"> <button id="familyButton">Family site <span>▲</span></button> <ul class="option" id="familyOption"> <li><a href="http://www.kiturami.co.kr/" target="_blank">귀뚜라미그룹</a></li> <li><a href="http://www.krb.co.kr/" target="_blank">귀뚜라미보일러</a></li> <li><a href="http://www.bac.co.kr/" target="_blank">귀뚜라미범양냉방</a></li> <li><a href="http://ishinsung.co.kr/" target="_blank">신성엔지니어링</a></li> <li><a href="http://www.century.co.kr/" target="_blank">센추리</a></li> <li><a href="http://www.nanokem.co.kr/" target="_blank">나노켐</a></li> <li><a href="http://www.kituramienergy.co.kr/" target="_blank">귀뚜라미에너지</a></li> <li><a href="http://www.kr-mc.co.kr/" target="_blank">귀뚜라미냉동기계</a></li> <li><a href="http://kituramiet.com/" target="_blank">귀뚜라미환경테크</a></li> <li><a href="http://www.kfoc.or.kr/" target="_blank">귀뚜라미재단</a></li> <li><a href="http://www.hantancc.co.kr/" target="_blank">한탄강컨트리클럽</a></li> <li><a href="http://www.hantanhotel.co.kr/" target="_blank">한탄강게르마늄온천호텔</a></li> <li><a href="http://www.tbc.co.kr/" target="_blank">TBC대구방송</a></li> <li><a href="https://www.drrobbin.com/" target="_blank">닥터로빈</a></li> <button id="hideButton" style="padding:15px 0 0 15px;">Family site <span>▼</span></button> </ul> </div> </ul> </div> <span class="call"><img src="/img/main/call2.png" alt="예약문의"/>예약 및 문의 <br>02)2066-8212</span> </li> </ul> </div> </div> <!-- footer --> <!--<div id="footer"> <div class="link"> <div class="wrapper2"> <a class="private_link" href="private.php"><strong>개인정보 처리 방침</strong></a> <a href="terms.php">이용약관</a> <a href="cctv_policies.php">영상정보처리기기 운영·관리방침</a> <a href="sitemap.php">사이트맵</a> <a href="sub5.php">오시는길</a> </div> </div> <div class="wrapper"> <div class="foot_bottom"> <span class="b_title">귀뚜라미 크린 테니스 13</span><span>주소 : 서울특별시 구로구 경인로46길 51(고척동)</span><span>전화번호 : 02)2066-8212</span> <p style="font-size:11px; color:#959595;">(주)귀뚜라미에너지 대표 이명호</p> <p>Copyright ⓒ 2017 Kiturami Clean Tennis Court. All Rights Reserved.</p> </div> <span class="call"><img src="/img/main/call2.png" alt="예약문의"/>예약 및 문의 02)2066-8212</span> </div> </div>--> <!-- //footer --> <button type="button" id="btn_top"><span><img alt="" src="/img/btn_top.png" /></span></button> <script type="text/javascript"> $(window).bind("scroll", function(){ if($(window).scrollTop() >= 10){ $("#btn_top").show(); }else{ $("#btn_top").hide(); } }); $("#btn_top").bind("click", function(){ $("html, body").animate({ scrollTop : 0 },"fast"); }); </script> <script> document.getElementById("familyButton").addEventListener("click", function() { var option = document.getElementById("familyOption"); option.classList.toggle("show-option"); }); document.getElementById("hideButton").addEventListener("click", function() { var option = document.getElementById("familyOption"); option.classList.remove("show-option"); }); </script> </div><!-- //wrap --> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10