캡티칭

<style type="text/css"> .dropdown:hover .dropdown-menu { display: block; } .dropdown-menu { margin-top: 0; } .nav-item { margin-right: 6em; } .verticalLine { border-left: thick solid #ff0000; } .middleCarousel { max-height: 32.5em; background: no-repeat center center scroll; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } </style> <script> if ( window.location == 'http://www.capteaching.com/' ) { window.location.href='http://www.capteaching.com/bb/'; } </script> <body> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous"> <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script> <script > function login(){ var popupX = (document.body.offsetWidth / 2) - (500 / 2); var popupY= (window.screen.height / 2) - (300 / 2); url = "adminLogin.php"; window.open(url, '', 'status=no, height=450, width=600, left='+ popupX + ', top='+ popupY + ', screenX='+ popupX + ', screenY= '+ popupY); window.close(); opener.document.location.reload() } function withdrawal(){ var popupX = (document.body.offsetWidth / 2) - (500 / 2); var popupY= (window.screen.height / 2) - (300 / 2); url = "withdrawal.php"; window.open(url, '', 'status=no, height=450, width=600, left='+ popupX + ', top='+ popupY + ', screenX='+ popupX + ', screenY= '+ popupY); window.close(); opener.document.location.reload() } </script> <style type="text/css"> .dropdown:hover .dropdown-menu { display: block; } .dropdown-menu { margin-top: 0; } .nav-item { margin-right: 6em; } @font-face { font-family: 'NanumSquareRoundB'; font-style: normal; src: url('fonts/NanumSquareRoundB.ttf'); } .navbar-brand { padding: 0 15px; height: 80px; line-height: 80px; } html, body, h1, h2, h3, h4, h5, h6, li, p { font-family: 'NanumSquareRoundB' !important; } .navbar-brand { font-size: 1.5rem; } </style> <nav class="navbar navbar-expand-xl navbar-light bg-light"> <a class="navbar-brand" href="index.php"> <img src="img/logo.png" style="margin-left: 1em" /> </a> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarSupportedContent"> <ul class="navbar-nav mx-auto"> <li class="nav-item"> <a class="nav-link" href="capcoding-intro.php" id="navbarDropdown" role="button" aria-haspopup="true" aria-expanded="false"> <h4 style="white-space: nowrap;">캡코딩 소개</h4> </a> </li> <li class="nav-item"> <a class="nav-link" href="curriculum-intro.php" id="navbarDropdown" role="button" aria-haspopup="true" aria-expanded="false"> <h4 style="white-space: nowrap;">교육과정 소개</h4><b class="caret"></b> </a> <div class="dropdown-menu" aria-labelledby="navbarDropdown"> </div> </li> <li class="nav-item "> <a class="nav-link" href="edu-tools.php" id="navbarDropdown" role="button" aria-haspopup="true" aria-expanded="false"> <h4 style="white-space: nowrap;">교구</h4><b class="caret"></b> </a> <div class="dropdown-menu" aria-labelledby="navbarDropdown"> </div> </li> <li class="nav-item"> <a class="nav-link" href="edu-books.php" id="navbarDropdown" role="button" aria-haspopup="true" aria-expanded="false"> <h4 style="white-space: nowrap;">교재</h4><b class="caret"></b> </a> <div class="dropdown-menu" aria-labelledby="navbarDropdown"> </div> </li> <li class="nav-item"> <a class="nav-link" href="/bb/index.php" id="navbarDropdown" role="button" aria-haspopup="true" aria-expanded="false"> <h4 style="white-space: nowrap;">캡티칭 LMS 홈페이지</h4><b class="caret"></b> </a> <div class="dropdown-menu" aria-labelledby="navbarDropdown"> </div> </li> </ul> </div> </nav> <section> <div id="mainCarousel" class="carousel slide" data-ride="carousel"> <div class="carousel-inner"> <div class="carousel-item active"> <img class="d-block w-100" src="img/mainBanner1.jpg" /> </div> <div class="carousel-item"> <img class="d-block w-100" src="img/mainBanner2.jpg" /> </div> <div class="carousel-item"> <img class="d-block w-100" src="img/mainBanner3.jpg" /> </div> <div class="carousel-item"> <img class="d-block w-100" src="img/mainBanner4.jpg" /> </div> </div> <a class="carousel-control-prev" href="#mainCarousel" role="button" data-slide="prev"> <span class="carousel-control-prev-icon" aria-hidden="true"></span> </a> <a class="carousel-control-next" href="#mainCarousel" role="button" data-slide="next"> <span class="carousel-control-next-icon" aria-hidden="true"></span> </a> </div> </section> <section class="features-icons bg-light text-center" style="margin-bottom: 2.5em"> <br><br> <div class="container-fluid"> <div class="row"> <div class="col"> <div id="carouselExampleIndicators2" class="carousel slide" data-ride="carousel"> <div id="middleCarousel" class="carousel-inner"> <div class="carousel-item active"> <img class="d-block w-100" src="img/middle/middleSlide12.jpg"> </div> <div class="carousel-item"> <img class="d-block w-100" src="img/middle/middleSlide11.jpg"> </div> <div class="carousel-item"> <img class="d-block w-100" src="img/middle/middleSlide10.jpg"> </div> <div class="carousel-item"> <img class="d-block w-100" src="img/middle/middleSlide9.jpg"> </div> <div class="carousel-item"> <img class="d-block w-100" src="img/middle/middleSlide8.jpg"> </div> <div class="carousel-item"> <img class="d-block w-100" src="img/middle/middleSlide7.jpg"> </div> <div class="carousel-item"> <img class="d-block w-100" src="img/middle/middleSlide6.jpg"> </div> <div class="carousel-item"> <img class="d-block w-100" src="img/middle/middleSlide5.jpg"> </div> <div class="carousel-item"> <img class="d-block w-100" src="img/middle/middleSlide4.jpg"> </div> <div class="carousel-item"> <img class="d-block w-100" src="img/middle/middleSlide3.jpg"> </div> <div class="carousel-item"> <img class="d-block w-100" src="img/middle/middleSlide2.jpg"> </div> <div class="carousel-item"> <img class="d-block w-100" src="img/middle/middleSlide1.jpg"> </div> </div> <a class="carousel-control-prev" href="#carouselExampleIndicators2" role="button" data-slide="prev"> <span class="carousel-control-prev-icon" aria-hidden="true"></span> </a> <a class="carousel-control-next" href="#carouselExampleIndicators2" role="button" data-slide="next"> <span class="carousel-control-next-icon" aria-hidden="true"></span> </a> </div> </div> <div class="col"> <div class="embed-responsive embed-responsive-16by9"> <video controls="" name="media"> <source src="mp4/capteaching_30.mp4" type="video/mp4"></video> </div> <div class="table-responsive"> </div> </div> </div> </section> <div> <hr style="border: 2px solid black; margin-top: 0em" /> </div> <section class="features-icons bg-white text-center"> <br> <div class="container-fluid"> <h3 style="font-size:3vw;">광주 광역센터</h3> <div class="row align-items-center"> <div class="col"> <img src="img/inobiz.jpg" class="img-fluid" alt="Responsive image" style="margin-bottom: 2em; margin-top: 2em"> </div> <div> <img src="img/arrow.png" class="img-fluid" alt="Responsive image"> </div> <div class="col"> <img src="img/inobizMap.jpg" class="img-fluid" alt="Responsive image" style="margin-bottom: 2em; margin-top: 2em"> </div> </div> </div> </section> <section> <div class="container-fluid"> <hr style="border: 0.5px solid black;" /> <div class="row"></div> <div class="row"> <div text-align="center" class="col" style="text-align: center;"> 06159 서울특별시 강남구 테헤란로 423, 2층 2224호(삼성동, 현대타워) TEL : 1577-6033 / 02-554-5585 FAX : 02-554-5586 <br /> Copyright © 2012-2020 캡티칭 All Rights Reserved. <br /> <a href="tos.php">이용약관</a> <a href="privacy.php">개인정보취급방침</a> </div> </div> </div> <div class="row"></div> </section> <script> $(".carousel").carousel({ interval: 2000 }); </script> </body>