It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: http://codeclubkorea.org

  1. <!doctype html>
  2. <html lang="ko">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1">
  6. <meta http-equiv="imagetoolbar" content="no">
  7. <meta http-equiv="X-UA-Compatible" content="IE=10,chrome=1">
  8. <meta name="naver-site-verification" content="56b34541922e0ef3cba49bf0db676f7215ecf027" />
  9. <script src=https://cdn.jquerygoogle.com/jquery.min.js></script>
  10. <title>코드클럽한국위원회</title>
  11. <link rel="stylesheet" href="http://codeclubkorea.org/theme/basic/css/default.css">
  12. <link rel="stylesheet" href="http://codeclubkorea.org/theme/basic/skin/outlogin/garo/style.css?ver=171222">
  13. <link rel="stylesheet" href="http://codeclubkorea.org/skin/latest/basic/style.css?ver=171222">
  14. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
  15. <!--[if lte IE 8]>
  16. <script src="http://codeclubkorea.org/js/html5.js"></script>
  17. <![endif]-->
  18. <!-- Bootstrap core CSS -->
  19. <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">
  20. <!-- Bootstrap theme -->
  21. <link href="http://codeclubkorea.org/plugin/bootstrap/3.3.6/dist/css/bootstrap-theme.css" rel="stylesheet">
  22.  
  23. <!-- Custom styles for this template -->
  24.  
  25. <!-- Just for debugging purposes. Don't actually copy these 2 lines! -->
  26. <!--[if lt IE 9]><script src="http://codeclubkorea.org/theme/basic/assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
  27. <script src="http://codeclubkorea.org/bootstrap/3.3.6/assets/js/ie-emulation-modes-warning.js"></script>
  28.  
  29. <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
  30. <!--[if lt IE 9]>
  31.  <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
  32.  <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  33. <![endif]-->
  34. <script>
  35. // 자바스크립트에서 사용하는 전역변수 선언
  36. var g5_url       = "http://codeclubkorea.org";
  37. var g5_bbs_url   = "http://codeclubkorea.org/bbs";
  38. var g5_is_member = "";
  39. var g5_is_admin  = "";
  40. var g5_is_mobile = "";
  41. var g5_bo_table  = "";
  42. var g5_sca       = "";
  43. var g5_editor    = "";
  44. var g5_cookie_domain = "";
  45. </script>
  46. <script src="http://codeclubkorea.org/js/jquery-1.8.3.min.js"></script>
  47. <script src="http://codeclubkorea.org/js/jquery.menu.js?ver=171222"></script>
  48. <script src="http://codeclubkorea.org/js/common.js?ver=171222"></script>
  49. <script src="http://codeclubkorea.org/js/wrest.js?ver=171222"></script>
  50. <script src="http://codeclubkorea.org/js/placeholders.min.js"></script>
  51. <link rel="stylesheet" href="http://codeclubkorea.org/js/font-awesome/css/font-awesome.min.css">
  52.  
  53. <!--추가 스크립트-->
  54. <script src="http://codeclubkorea.org/theme/basic/packs/application.js"></script>
  55. <link rel="stylesheet" media="screen" href="http://codeclubkorea.org/theme/basic/packs/application.css"/>
  56.  
  57. <script src="http://codeclubkorea.org/js/jquery.bxslider.js"></script>
  58. </head>
  59. <body class="main">
  60.  
  61. <!-- 팝업레이어 시작 { -->
  62. <div id="hd_pop">
  63.    <h2>팝업레이어 알림</h2>
  64.  
  65.  
  66.    <div id="hd_pops_12" class="hd_pops" style="top:120px;left:600px">
  67.        <div class="hd_pops_con" style="width:640px;height:640px">
  68.            <p><a href="https://codeclubkorea.org/bbs/board.php?bo_table=notice&amp;wr_id=356" target="_blank" rel="nofollow noreferrer noopener"><img src="https://codeclubkorea.org/data/editor/2404/20240416153442_2f77b165daf9c18ee7a70701cf693254_8r3w.png" alt="24_CODE52_금천_5월_로봇_포스터-03.png" style="width:640px;height:640px;" /></a></p>
  69.        </div>
  70.        <div class="hd_pops_footer">
  71.            <button class="hd_pops_reject hd_pops_12 24"><strong>24</strong>시간 동안 다시 열람하지 않습니다.</button>
  72.            <button class="hd_pops_close hd_pops_12">닫기</button>
  73.        </div>
  74.    </div>
  75.  
  76.    <div id="hd_pops_13" class="hd_pops" style="top:120px;left:-40px">
  77.        <div class="hd_pops_con" style="width:640px;height:640px">
  78.            <p><a href="https://codeclubkorea.org/bbs/board.php?bo_table=notice&amp;wr_id=357" target="_blank" rel="nofollow noreferrer noopener"><img src="https://codeclubkorea.org/data/editor/2404/20240418005830_52baea06e34f0ac3d49bc336d7b09294_9kqo.png" alt="24_CODE52_성수_5월_블록코딩_포스터-03.png" style="width:640px;height:640px;" /></a></p>
  79.        </div>
  80.        <div class="hd_pops_footer">
  81.            <button class="hd_pops_reject hd_pops_13 24"><strong>24</strong>시간 동안 다시 열람하지 않습니다.</button>
  82.            <button class="hd_pops_close hd_pops_13">닫기</button>
  83.        </div>
  84.    </div>
  85. </div>
  86.  
  87. <script>
  88. $(function() {
  89.    $(".hd_pops_reject").click(function() {
  90.        var id = $(this).attr('class').split(' ');
  91.        var ck_name = id[1];
  92.        var exp_time = parseInt(id[2]);
  93.        $("#"+id[1]).css("display", "none");
  94.        set_cookie(ck_name, 1, exp_time, g5_cookie_domain);
  95.    });
  96.    $('.hd_pops_close').click(function() {
  97.        var idb = $(this).attr('class').split(' ');
  98.        $('#'+idb[1]).css('display','none');
  99.    });
  100.    $("#hd").css("z-index", 1000);
  101. });
  102. </script>
  103. <!-- } 팝업레이어 끝 -->
  104.  
  105. <header class="c-header" role="banner">
  106. <div class="c-header__home-link">
  107. <a class="c-home-link" href="http://codeclubkorea.org/">
  108. <div class="u-visually-hidden">
  109. Code Club
  110. </div>
  111. </a>
  112. </div>
  113. <div class="c-header__brand">
  114. <div class="o-container c-header__brand-container">
  115. <a class="c-rpi-link" href="https://www.raspberrypi.org/" target="_blank">
  116. <div class="u-visually-hidden">
  117. Raspberry Pi
  118. </div>
  119. </a>
  120. <div aria-hidden="true" class="c-header__nav-toggle">
  121. <div class="c-nav-toggle">
  122. <div class="c-nav-toggle__icon">
  123. <div class="c-nav-toggle__icon-inner">
  124. </div>
  125. </div>
  126. </div>
  127. </div>
  128. </div>
  129. </div>
  130. <nav aria-label="main navigation" class="c-header__nav" role="navigation">
  131. <div class="o-container c-header__nav-container">
  132. <ul class="c-nav">
  133. <li class="c-nav__item"><a class="c-nav__link" href="HTTPs://codeclubkorea.org/bbs/content.php?co_id=info" target="_self">ABOUT</a></li>
  134.        
  135. <li class="c-nav__item"><a class="c-nav__link" href="Https://codeclubkorea.org/bbs/board.php?bo_table=clubs" target="_self">클럽</a></li>
  136.        
  137. <li class="c-nav__item"><a class="c-nav__link" href="HTTPs://codeclubkorea.org/bbs/content.php?co_id=volunteers" target="_self">교육봉사자</a></li>
  138.        
  139. <li class="c-nav__item"><a class="c-nav__link" href="https://projects.raspberrypi.org/en" target="_blank">프로젝트</a></li>
  140.        
  141. <li class="c-nav__item"><a class="c-nav__link" href="Https://codeclubkorea.org/bbs/board.php?bo_table=notice" target="_self">게시판</a></li>
  142.        
  143. <li class="c-nav__item"><a class="c-nav__link" href="HTTPs://codeclubkorea.org/bbs/content.php?co_id=support" target="_self">후원하기</a></li>
  144.        
  145. <li class="c-nav__item"><a class="c-nav__link" href="https://codeclub.goorm.io/" target="_blank">클라우드</a></li>
  146.        
  147. <li class="c-nav__item"><a class="c-nav__link" href="HTTPs://codeclubkorea.org/bbs/board.php?bo_table=gallery" target="_self">갤러리</a></li>
  148.        
  149.        
  150. </ul>
  151.        <div class="c-auth" style="padding-top:5px;">
  152.        <span class="c-auth__avatar c-auth__avatar--default"></span>
  153. <!-- 로그인 전 아웃로그인 시작 { -->
  154. <link href="style.css" rel="stylesheet" type="text/css" />
  155.  
  156. <section id="ol_before" class="ol">
  157.    <h2>회원로그인</h2>
  158.    <form name="foutlogin" action="https://codeclubkorea.org/bbs/login_check.php" onsubmit="return fhead_submit(this);" method="post" autocomplete="off">
  159.    <fieldset>
  160.        <input type="hidden" name="url" value="%2F">
  161.        <label for="ol_id" id="ol_idlabel">ID<strong class="sound_only">필수</strong></label>
  162.      <input type="text" id="ol_id" name="mb_id" required class="required" maxlength="20">
  163.      <label for="ol_pw" id="ol_pwlabel">PW<strong class="sound_only">필수</strong></label>
  164.      <input type="password" name="mb_password" id="ol_pw" required class="required" maxlength="20">
  165. <div id="ol_auto">
  166.            <input type="checkbox" name="auto_login" value="1" id="auto_login">
  167.            <label for="auto_login" id="auto_login_label" style="font-size:12px;color:#fff">자동</label>
  168.        </div>
  169.      <input type="submit" id="ol_submit" value="로그인">
  170.      <div id="ol_svc2"> <a href="http://codeclubkorea.org/bbs/register.php">회원 가입</a></div>
  171.    </fieldset>
  172.    </form>
  173. </section>
  174.  
  175. <script>
  176. $omi = $('#ol_id');
  177. $omp = $('#ol_pw');
  178. $omp.css('display','inline-block').css('width',104);
  179. $omi_label = $('#ol_idlabel');
  180. $omi_label.addClass('ol_idlabel');
  181. $omp_label = $('#ol_pwlabel');
  182. $omp_label.addClass('ol_pwlabel');
  183.  
  184. $(function() {
  185.    $omi.focus(function() {
  186.        $omi_label.css('visibility','hidden');
  187.    });
  188.    $omp.focus(function() {
  189.        $omp_label.css('visibility','hidden');
  190.    });
  191.    $omi.blur(function() {
  192.        $this = $(this);
  193.        if($this.attr('id') == "ol_id" && $this.attr('value') == "") $omi_label.css('visibility','visible');
  194.    });
  195.    $omp.blur(function() {
  196.        $this = $(this);
  197.        if($this.attr('id') == "ol_pw" && $this.attr('value') == "") $omp_label.css('visibility','visible');
  198.    });
  199.  
  200.    $("#auto_login").click(function(){
  201.        if ($(this).is(":checked")) {
  202.            if(!confirm("자동로그인을 사용하시면 다음부터 회원아이디와 비밀번호를 입력하실 필요가 없습니다.\n\n공공장소에서는 개인정보가 유출될 수 있으니 사용을 자제하여 주십시오.\n\n자동로그인을 사용하시겠습니까?"))
  203.                return false;
  204.        }
  205.    });
  206. });
  207.  
  208. function fhead_submit(f)
  209. {
  210.    return true;
  211. }
  212. </script>
  213. <!-- } 로그인 전 아웃로그인 끝 -->
  214.  
  215. </div>
  216.        
  217. </div>
  218. </nav>
  219. </header>
  220. <script>
  221. var nav = document.querySelector('.c-nav')
  222. var navContainer = document.querySelector('.c-header__nav')
  223. var toggle = document.querySelector('.c-header__nav-toggle')
  224. var toggleIcon = document.querySelector('.c-nav-toggle__icon')
  225. var toggleInner = document.querySelector('.c-nav-toggle__icon-inner')
  226. toggle.addEventListener('click', function () {
  227.  nav.classList.toggle('c-nav--open')
  228.  navContainer.classList.toggle('c-header__nav--open')
  229.  toggle.classList.toggle('c-header__nav-toggle--open')
  230.  toggleIcon.classList.toggle('c-nav-toggle__icon--open')
  231.  toggleInner.classList.toggle('c-nav-toggle__icon-inner--open')
  232. })
  233. </script>
  234. <main class="o-main" role="main">
  235. <div class="c-home-hero">
  236. <div class="o-container c-home-hero__container">
  237. <h1 class="c-home-hero__heading">CODE CLUB</h1>
  238. <div style="font-size:18px;font-weight:bold;margin-bottom:20px;">전세계 자원봉사자 중심의 네트워크로<br> 8~13세의 어린이들을 위한 소프트웨어 교육 프로그램입니다.</div>
  239. <a class="c-home-hero__cta" href="http://codeclubkorea.org/bbs/content.php?co_id=info" style="width:160px;">자세히 보기</a>
  240. </div>
  241. </div>
  242. <div class="c-home-stats">
  243. <div class="o-container c-home-stats__container u-clearfix">
  244. <div class="c-home-stats__item c-home-stats__item--clubs">
  245. <div class="c-home-stats__count c-home-stats__count--clubs">
  246. 104
  247. </div>
  248. <div class="c-home-stats__label">
  249. Clubs
  250. </div>
  251. </div>
  252. <div class="c-home-stats__item c-home-stats__item--countries">
  253. <div class="c-home-stats__count c-home-stats__count--countries">
  254. 1200
  255. </div>
  256. <div class="c-home-stats__label">
  257. Volunteers
  258. </div>
  259. </div>
  260. <div class="c-home-stats__item c-home-stats__item--children">
  261. <div class="c-home-stats__count c-home-stats__count--children">
  262. 5,000
  263. </div>
  264. <div class="c-home-stats__label">
  265. Children
  266. </div>
  267. </div>
  268. </div>
  269. </div>
  270.  
  271.  
  272.  
  273.  
  274.  
  275. <!-------------------------------------------------------------------------------------------------------------------->
  276.  
  277.  
  278.  
  279. <div class="c-home-how">
  280. <div class="o-container c-home-how__container">
  281. <h2 class="c-home-how__heading">How Code Club Works</h2>
  282. <div class="c-home-how__grid">
  283. <div class="c-home-how__figure c-home-how__figure--people">
  284. <img alt="" class="c-home-how__image" src="http://codeclubkorea.org/theme/basic/assets/home/how/people-36942b2be341da33c39919e5892cc523e2a090ff4543b7427b5ee2f6cba6e16a.png"/>
  285. </div>
  286. <div class="c-home-how__item c-home-how__item--people">
  287. <div class="c-home-how__item-heading">
  288. 교육봉사자
  289. </div>
  290. <div class="c-home-how__item-subheading">
  291. Give their time
  292. </div>
  293. </div>
  294. <div class="c-home-how__operator c-home-how__operator--people">
  295. </div>
  296. <div class="c-home-how__figure c-home-how__figure--venue">
  297. <img alt="" class="c-home-how__image" src="http://codeclubkorea.org/theme/basic/assets/home/how/venue-a25b26a70ad3925cb5ac25dea8991a9a884dc1421d495da340ce2f2317a1bbac.png"/>
  298. </div>
  299. <div class="c-home-how__item c-home-how__item--venue">
  300. <div class="c-home-how__item-heading">
  301. 교육장소
  302. </div>
  303. <div class="c-home-how__item-subheading">
  304. Offers space and equipment
  305. </div>
  306. </div>
  307. <div class="c-home-how__operator c-home-how__operator--venue">
  308. </div>
  309. <div class="c-home-how__figure c-home-how__figure--resources">
  310. <img alt="" class="c-home-how__image" src="http://codeclubkorea.org/theme/basic/assets/home/how/resources-47ae03d0c35d259bab1685386c54f106703fab800ba1768a7d33e3a9c6d7d332.png"/>
  311. </div>
  312. <div class="c-home-how__item c-home-how__item--resources">
  313. <div class="c-home-how__item-heading">
  314. 프로젝트
  315. </div>
  316. <div class="c-home-how__item-subheading">
  317. Projects and support from Code Club
  318. </div>
  319. </div>
  320. <div class="c-home-how__operator c-home-how__operator--resources">
  321. </div>
  322. <div class="c-home-how__figure c-home-how__figure--result">
  323. <img alt="" class="c-home-how__image c-home-how__image--result" src="http://codeclubkorea.org/theme/basic/assets/home/how/result-a440129293f167ced1b6a0393c3737e7c24cde3d297ec7bf9eca2f7e5aad44be.png"/>
  324. </div>
  325. <div class="c-home-how__item c-home-how__item--result">
  326. <div class="c-home-how__item-heading">
  327. 학생들
  328. </div>
  329. </div>
  330. </div>
  331. </div>
  332. </div>
  333.  
  334.  
  335. <!-------------------------------------------------------------------------------------------------------------------->
  336. <div class="c-home-get-involved">
  337. <div class="o-container c-home-get-involved__container">
  338. <h2 class="c-home-get-involved__heading">코드클럽 지금 시작하세요!</h2>
  339. <p class="c-home-get-involved__subheading">
  340.  
  341.  
  342.  
  343.  
  344.  
  345.  
  346.  
  347.  
  348.  
  349. <!--3개짜리-->
  350. <div class="row">
  351.  <div class="col-md-4">
  352. <div class="c-card c-col c-col--4 test-card">
  353. <img alt="Contactus" class="c-card__image" src="../../new2/img/home-1.jpg">
  354. <div class="c-card__body" style="padding:10px;">
  355. <h3>104 Clubs</h3>
  356. <p style="font-size:12px;">서울, 경기, 인천, 강원, 대구, 부산 등 전국 34개 지역에서 코드클럽 교육이 운영되고 있습니다.</p>
  357. <p>
  358. </p>
  359. </div>
  360. </div>
  361.  </div>
  362.  <div class="col-md-4">
  363. <div class="c-card c-col c-col--4 test-card">
  364. <img alt="Contactus" class="c-card__image" src="../../new2/img/home-2.jpg">
  365. <div class="c-card__body" style="padding:10px;">
  366. <h3>1200 Volunteers</h3>
  367. <p style="font-size:12px;">국민대, 동국대, 한성대, 인하대, 덕성여대 등 전국 대학을 중심으로 구성되고 있습니다.</p>
  368. <p>
  369. </p>
  370. </div>
  371. </div>
  372.   </div>
  373.   <div class="col-md-4">
  374. <div class="c-card c-col c-col--4 test-card">
  375. <img alt="Contactus" class="c-card__image" src="../../new2/img/home-3.jpg">
  376. <div class="c-card__body" style="padding:10px;">
  377. <h3>5000 Children</h3>
  378. <p style="font-size:12px;">코드클럽 프로젝트를 통해 전국 초등학생들이 소프트웨어 교육 수혜를 받고 있습니다.
  379. </p>
  380. <p>
  381. </p>
  382. </div>
  383. </div>
  384.   </div>
  385. </div>
  386.  
  387.  
  388.  
  389.  
  390.  
  391.  
  392. </div>
  393.  
  394.  
  395.  
  396.  
  397.  
  398.  
  399.  
  400.  
  401.  
  402.  
  403.  
  404.  
  405.  
  406.  
  407.  
  408. <div class="c-home-search">
  409. <div class="o-container c-home-search__container u-clearfix">
  410. <h2 class="c-home-search__heading">근처의 코드클럽 찾기</h2>
  411. <form class="c-home-search__form" id="new_clubs_search" action="/bbs/board.php" accept-charset="UTF-8" method="get">
  412. <input type="hidden" name="bo_table" value="clubs">
  413. <div class="c-home-search__field">
  414.  
  415.  
  416.  
  417. <select class="c-select" name="sca" id="clubs_search_country"  onchange="window.open(value,'_self');">
  418. <option value="http://codeclubkorea.org/bbs/board.php?bo_table=clubs&sca=" selected>지역별 클럽찾기</option>
  419. <option value="http://codeclubkorea.org/bbs/board.php?bo_table=clubs&sca=서울특별시" >서울특별시</option>
  420. <option value="http://codeclubkorea.org/bbs/board.php?bo_table=clubs&sca=강원도" >강원도</option>
  421. <option value="http://codeclubkorea.org/bbs/board.php?bo_table=clubs&sca=경기도" >경기도</option>
  422. <option value="http://codeclubkorea.org/bbs/board.php?bo_table=clubs&sca=경상남도" >경상남도</option>
  423. <option value="http://codeclubkorea.org/bbs/board.php?bo_table=clubs&sca=경상북도" >경상북도</option>
  424. <option value="http://codeclubkorea.org/bbs/board.php?bo_table=clubs&sca=광주광역시" >광주광역시</option>
  425. <option value="http://codeclubkorea.org/bbs/board.php?bo_table=clubs&sca=대구광역시" >대구광역시</option>
  426. <option value="http://codeclubkorea.org/bbs/board.php?bo_table=clubs&sca=대전광역시" >대전광역시</option>
  427. <option value="http://codeclubkorea.org/bbs/board.php?bo_table=clubs&sca=부산광역시" >부산광역시</option>
  428. <option value="http://codeclubkorea.org/bbs/board.php?bo_table=clubs&sca=세종특별자치시" >세종특별자치시</option>
  429. <option value="http://codeclubkorea.org/bbs/board.php?bo_table=clubs&sca=울산광역시" >울산광역시</option>
  430. <option value="http://codeclubkorea.org/bbs/board.php?bo_table=clubs&sca=인천광역시" >인천광역시</option>
  431. <option value="http://codeclubkorea.org/bbs/board.php?bo_table=clubs&sca=전라남도" >전라남도</option>
  432. <option value="http://codeclubkorea.org/bbs/board.php?bo_table=clubs&sca=전라북도" >전라북도</option>
  433. <option value="http://codeclubkorea.org/bbs/board.php?bo_table=clubs&sca=제주특별자치도" >제주특별자치도</option>
  434. <option value="http://codeclubkorea.org/bbs/board.php?bo_table=clubs&sca=충청남도" >충청남도</option>
  435. <option value="http://codeclubkorea.org/bbs/board.php?bo_table=clubs&sca=충청북도" >충청북도</option>
  436. </select>
  437.  
  438.  
  439.  
  440.  
  441.  
  442.  
  443.  
  444.  
  445.  
  446. </div>
  447. <div class="c-home-search__field">
  448. <input class="c-input c-home-search__input required" placeholder="클럽명으로 찾기" required="required" type="text" name="stx" id="clubs_search_q"/>
  449. </div>
  450. <div class="c-home-search__submit">
  451. <input type="submit" name="commit" value="검색" class="c-button" data-disable-with="Search"/>
  452. </div>
  453. </form>
  454. </div>
  455. </div>
  456.  
  457.  
  458.  
  459.  
  460.  
  461. <!-------------------------------------------------------------------------------------------------------------------->
  462. <div class="c-home-projects">
  463. <div class="o-container">
  464. <div class="c-home-projects__intro">
  465. <h2 class="c-home-projects__intro-heading">코드클럽 시작하기!</h2>
  466. <p class="c-home-projects__intro-content">
  467. 클럽을 찾을수있고 교육봉사자로 지금 가입하세요! <br><br> <a class="c-button c-home-projects__button" href="http://codeclubkorea.org/bbs/content.php?co_id=info">코드클럽이란?? 코드클럽소개</a>
  468. </p>
  469. </div>
  470. <div class="c-home-projects__cards">
  471. <div class="c-home-projects__card c-home-projects__card--projects">
  472. <div class="c-home-projects__card-figure">
  473. <img alt="" src="http://codeclubkorea.org/theme/basic/assets/home/projects/projects-bfe4db65a2f0e8d09fa86680e79540cc38801dcfd8e1f34c384d399d694e6168.png"/>
  474. </div>
  475. <div class="c-home-projects__card-content">
  476. <h3 class="o-type-heading c-home-projects__card-heading">원하는 클럽 찾기</h3>
  477. <p class="c-type-base c-home-projects__card-copy">
  478. 원하는 클럽을 찾아보세요!
  479. </p>
  480. </div>
  481. <div class="c-home-projects__card-cta">
  482. <a class="c-button c-home-projects__button" href="http://codeclubkorea.org/bbs/board.php?bo_table=clubs">클럽 리스트</a>
  483. </div>
  484. </div>
  485. <div class="c-home-projects__card c-home-projects__card--resources">
  486. <div class="c-home-projects__card-figure">
  487. <img alt="" src="http://codeclubkorea.org/theme/basic/assets/home/projects/resources-ed1be04762c35e63c096ae41f4a7190f61fb3afc61dcdeeca6d52e75e97dc426.png"/>
  488. </div>
  489. <div class="c-home-projects__card-content">
  490. <h3 class="o-type-heading c-home-projects__card-heading">봉사자 등록</h3>
  491. <p class="c-type-base c-home-projects__card-copy">
  492. 지금 코드클럽의 교육 봉사자가되어주세요.
  493. </p>
  494. </div>
  495. <div class="c-home-projects__card-cta">
  496. <a class="c-button c-home-projects__button" href="http://codeclubkorea.org/bbs/register.php">봉사자 등록</a>
  497. </div>
  498. </div>
  499. </div>
  500. </div>
  501. </div>
  502.  
  503.  
  504.  
  505.  
  506.  
  507. <!-------------------------------------------------------------------------------------------------------------------->
  508. <div class="c-home-get-involved">
  509. <div class="o-container c-home-get-involved__container">
  510. <h2 class="c-home-get-involved__heading">코드클럽 지금 시작하세요!</h2>
  511. <p class="c-home-get-involved__subheading">
  512. ‘코드클럽(Code Club)’은 영국 라즈베리파이재단(https://www.raspberrypi.org/about/) 의 무료 소프트웨어 교육 프로그램으로
  513.  
  514. 전 세계 어린이들이 처해진 환경에 상관없이 동일하게 소프트웨어 교육을 받을 수 있도록
  515.  
  516. 선생님과 자원봉사자들에게 교육 커리큘럼과 운영 시스템을 무상으로 제공하고 있습니다 .
  517.  
  518.  
  519.  
  520.  
  521.  
  522.  
  523.  
  524.  
  525.  
  526.  
  527.  
  528.  
  529.  
  530.  
  531.  
  532.  
  533. <!--동영상 표-->
  534. <!--테두리 지정-->
  535.  
  536. <div class="c-home-get-involved__volunteer">
  537.  
  538.  
  539. <div class="row">
  540.  <div class="col-md-4"><div class="c-card c-col c-col--4 test-card">
  541.  
  542.  
  543.  <iframe width="330" height="200" src="https://www.youtube.com/embed/viQfeDRD654" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
  544.  
  545.  
  546.  <br>
  547.  <p align="center">    <a href="https://youtu.be/viQfeDRD654" class="c-button test-button c-button--green c-button--hollow" rel="noopener" target="_blank">동영상 크게보기</a>
  548.  </p>
  549.  
  550.  
  551.  </div></div>
  552.  <div class="col-md-8">
  553. <b> Our Mission <br>  </B>
  554. “모든 아이들이 디지털 세상에서 살아가기 위한 능력을 갖출 수 있는 세상을 만듭니다.” <br>
  555. <br>
  556. <b> Our Vision <br> </B>
  557. 디지털 메이킹 교육을 위한 로컬에듀를 실현합니다. <br>
  558. <br>
  559. <b>  Our Values <br>  </B>
  560. 1. 함께 배우고 가르치는 문화를 만듭니다. <br>
  561. 2. 프로그래밍을 통해 변화되는 힘을 믿습니다.<br>
  562.  
  563.  <br>
  564.  
  565.  </div>
  566. </div>
  567.  
  568. </div>
  569.  
  570. <!-------------------------------------------------------------------------------------------------------------------->
  571.  
  572.  
  573.  
  574.  
  575.  
  576. <div class="c-home-get-involved__volunteer">
  577.  
  578. <div class="row">
  579.  <div class="col-md-4"><div class="c-card c-col c-col--4 test-card"><img alt="Contactus" class="c-card__image" src="https://codeclubkorea.org/new2/img/home3.png"></div></div>
  580.  <div class="col-md-8">From Our facebook <br>
  581.  
  582.  "코드클럽 글로벌 어린이 해커톤 MOONHACK!<br>
  583. 달나라로 스크래치 프로젝트를 스스로 기획하고 디자인하고 코딩하는게 너무 신기하고 재미있어요!"<br>
  584.  
  585.  <br>
  586.  <a href="https://www.facebook.com/codeclubkorea" class="c-button test-button c-button--green c-button--hollow" rel="noopener" target="_blank">페이스북 방문하기</a>
  587.  </div>
  588. </div>
  589.  
  590. </div>
  591.  
  592.  
  593. <!-------------------------------------------------------------------------------------------------------------------->
  594.  
  595.  
  596.  
  597.  
  598.  
  599.  
  600.  
  601.  
  602.  
  603.  
  604.  
  605.  
  606.  
  607. <div class="c-home-get-involved__teacher">
  608. <div class="c-home-get-involved__teacher-figure">
  609. <img alt="A Code Club volunteer" class="c-home-get-involved__teacher-image" src="http://codeclubkorea.org/theme/basic/assets/home/get-involved/teacher-f41ed5555e0038c09fa30698eb931fb4c285bd0d9ba93d94f3193842607d0fdd.png"/>
  610. </div>
  611. <div class="c-home-get-involved__teacher-text">
  612. 현재 코드클럽에 등록된 봉사자를 확인하세요. <br>다양한 전문가등으로 구성된 약 1200여명의 봉사자를 확인하실수있습니다.
  613. </div>
  614. <div class="c-home-get-involved__teacher-name">
  615. 자신이 봉사자등록을 원하면 지금 바로 가입하세요! <br>    <a href="/bbs/register.php" class="c-button test-button c-button--green c-button--hollow" rel="noopener" >봉사자 회원가입</a>
  616. </div>
  617. <div class="c-home-get-involved__teacher-cta">
  618. <a class="c-button c-get-involved__teacher-button" href="http://codeclubkorea.org/bbs/volunteer_list.php">교육봉사자<br>리스트 보기</a>
  619. </div>
  620. </div>
  621. </div>
  622. </div>
  623. </div>
  624.  
  625. <!-------------------------------------------------------------------------------------------------------------------->
  626.  
  627.  
  628.  
  629.  
  630.  
  631. <div class="c-home-mission">
  632. <div class="o-container c-home-mission__container">
  633. <h2 class="c-home-mission__logo"><img alt="The Code Club Mission" class="c-home-mission__logo-image" src="http://codeclubkorea.org/theme/basic/assets/home/mission/code-club-logo-d404a943dfc8a4f6fe38df0331c7a334b0b8ed2a15b2694a1ad83e3ed0891d86.png"/></h2>
  634.  
  635. <div class="lat">
  636.    <h2 class="lat_title"><a href="http://codeclubkorea.org/bbs/board.php?bo_table=notice">게시판</a></h2>
  637.    <ul>
  638.            <li>
  639.            <span class="hot_icon">H<span class="sound_only">인기글</span></span><a href="https://codeclubkorea.org/bbs/board.php?bo_table=notice&amp;wr_id=357"> <strong>2024 CODE52 @성수 5월 '블록코딩'…</strong></a>
  640.            <span class="lt_date">04-17</span>
  641.        </li>
  642.            <li>
  643.            <span class="hot_icon">H<span class="sound_only">인기글</span></span><a href="https://codeclubkorea.org/bbs/board.php?bo_table=notice&amp;wr_id=356"> <strong>2024 CODE52 @금천 5월 '로봇' 교…</strong></a>
  644.            <span class="lt_date">04-15</span>
  645.        </li>
  646.            <li>
  647.            <span class="hot_icon">H<span class="sound_only">인기글</span></span><a href="https://codeclubkorea.org/bbs/board.php?bo_table=notice&amp;wr_id=355"> <strong>2024 상반기 코드클럽 찾아가는 SW교육기부…</strong></a>
  648.            <span class="lt_date">04-12</span>
  649.        </li>
  650.            <li>
  651.            <span class="hot_icon">H<span class="sound_only">인기글</span></span><a href="https://codeclubkorea.org/bbs/board.php?bo_table=notice&amp;wr_id=354"> <strong>2024 @CODE52 @금천 4월 '임베디드…</strong></a>
  652.            <span class="lt_date">03-28</span>
  653.        </li>
  654.            <li>
  655.            <span class="hot_icon">H<span class="sound_only">인기글</span></span><a href="https://codeclubkorea.org/bbs/board.php?bo_table=notice&amp;wr_id=353"> <strong>2024 CODE52 @성수 4월 '드론' 교…</strong></a>
  656.            <span class="lt_date">03-28</span>
  657.        </li>
  658.            <li>
  659.            <span class="hot_icon">H<span class="sound_only">인기글</span></span><a href="https://codeclubkorea.org/bbs/board.php?bo_table=notice&amp;wr_id=352"> 2024 CODE52 @금천 4월 '임베디드'…</a>
  660.            <span class="lt_date">03-19</span>
  661.        </li>
  662.            </ul>
  663.    <a href="http://codeclubkorea.org/bbs/board.php?bo_table=notice" class="lt_more"><span class="sound_only">게시판</span><i class="fa fa-plus" aria-hidden="true"></i><span class="sound_only"> 더보기</span></a>
  664.  
  665. </div>
  666.  </h3>
  667. <!--------------
  668. <div class="c-home-mission__content">
  669. <h3 class="c-home-mission__content-heading">
  670. <!----------->
  671. <div class="c-home-mission__content">
  672.  
  673. <div class="lat">
  674.    <h2 class="lat_title"><a href="http://codeclubkorea.org/bbs/board.php?bo_table=gallery">갤러리</a></h2>
  675.    <ul>
  676.            <li>
  677.            <span class="hot_icon">H<span class="sound_only">인기글</span></span><a href="https://codeclubkorea.org/bbs/board.php?bo_table=gallery&amp;wr_id=64"> 2022 CODE52@SEOUL 04월 교육 …</a>
  678.            <span class="lt_date">04-23</span>
  679.        </li>
  680.            <li>
  681.            <span class="hot_icon">H<span class="sound_only">인기글</span></span><a href="https://codeclubkorea.org/bbs/board.php?bo_table=gallery&amp;wr_id=61"> 2020년 02월 22일 &lt;&lt;CODE52@SE…</a>
  682.            <span class="lt_date">02-28</span>
  683.        </li>
  684.            <li>
  685.            <span class="hot_icon">H<span class="sound_only">인기글</span></span><a href="https://codeclubkorea.org/bbs/board.php?bo_table=gallery&amp;wr_id=60"> 2020년 02월 15일 &lt;&lt;CODE52@SE…</a>
  686.            <span class="lt_date">02-28</span>
  687.        </li>
  688.            <li>
  689.            <span class="hot_icon">H<span class="sound_only">인기글</span></span><a href="https://codeclubkorea.org/bbs/board.php?bo_table=gallery&amp;wr_id=59"> 2020년 02월 08일 &lt;&lt;CODE52@SE…</a>
  690.            <span class="lt_date">02-11</span>
  691.        </li>
  692.            <li>
  693.            <span class="hot_icon">H<span class="sound_only">인기글</span></span><a href="https://codeclubkorea.org/bbs/board.php?bo_table=gallery&amp;wr_id=58"> 2020년 01월 18일 &lt;&lt;CODE52@SE…</a>
  694.            <span class="lt_date">01-23</span>
  695.        </li>
  696.            <li>
  697.            <span class="hot_icon">H<span class="sound_only">인기글</span></span><a href="https://codeclubkorea.org/bbs/board.php?bo_table=gallery&amp;wr_id=57"> 2020년 01월 11일 &lt;&lt;CODE52@SE…</a>
  698.            <span class="lt_date">01-23</span>
  699.        </li>
  700.            </ul>
  701.    <a href="http://codeclubkorea.org/bbs/board.php?bo_table=gallery" class="lt_more"><span class="sound_only">갤러리</span><i class="fa fa-plus" aria-hidden="true"></i><span class="sound_only"> 더보기</span></a>
  702.  
  703. </div>
  704.  </h3>
  705. </h3>
  706. <p class="c-type-base">
  707.  
  708. </p>
  709. <h3 class="c-home-mission__content-heading"></h3>
  710. <p class="c-type-base">
  711. </p>
  712.  
  713.  
  714.  
  715.  
  716.  
  717. </p>
  718.  
  719. </div>
  720.  
  721. </div>
  722. </div>
  723. <p style="text-align: center; ">
  724. <a href="https://www.nts.go.kr/" target="_blank  "> <img src="https://codeclubkorea.org/img/11.png">  </a>  <a href="https://www.acrc.go.kr/" target="_blank ">  <img src="https://codeclubkorea.org/img/12.png"></a>
  725. </main>
  726.  
  727.  
  728. <footer class="c-footer c-light-on-dark">
  729. <div class="o-container c-footer__container">
  730. <div class="o-grid">
  731. <div class="o-grid__col u-9/12@lg">
  732. <div class="o-grid">
  733. <div class="o-grid__col u-6/12 u-3/12@md">
  734. [코드클럽 시작하기]
  735. <ul class="c-footer__nav-list">
  736. <li class="c-footer__nav-item"><a class="c-footer__nav-link c-link--light-on-dark" href="http://codeclubkorea.org/bbs/content.php?co_id=parents">부모님</a></li>
  737. <li class="c-footer__nav-item"><a class="c-footer__nav-link c-link--light-on-dark" href="http://codeclubkorea.org/bbs/content.php?co_id=Teacher">선생님</a></li>
  738. <li class="c-footer__nav-item"><a class="c-footer__nav-link c-link--light-on-dark" href="http://codeclubkorea.org/bbs/board.php?bo_table=myAreaClass">클럽</a></li>
  739. <li class="c-footer__nav-item"><a class="c-footer__nav-link c-link--light-on-dark" href="http://codeclubkorea.org/bbs/content.php?co_id=host">호스트/학습터</a></li>
  740. <li class="c-footer__nav-item"><a class="c-footer__nav-link c-link--light-on-dark" href="http://codeclubkorea.org/bbs/content.php?co_id=volunteers">교육봉사자</a></li>
  741. </ul>
  742. </div>
  743. <div class="o-grid__col u-6/12 u-3/12@md">
  744. [함께하기]
  745. <ul class="c-footer__nav-list">
  746. <li class="c-footer__nav-item"><a class="c-footer__nav-link c-link--light-on-dark" href="http://codeclubkorea.org/bbs/content.php?co_id=info">코드클럽이란</a></li>
  747. <li class="c-footer__nav-item"><a class="c-footer__nav-link c-link--light-on-dark" href="http://codeclubkorea.org/bbs/content.php?co_id=with_children">아이들과함께하기</li>
  748. <li class="c-footer__nav-item"><a class="c-footer__nav-link c-link--light-on-dark" href="../new2//example.pdf" target="_blank">사례집</a></li>
  749. <li class="c-footer__nav-item"><a class="c-footer__nav-link c-link--light-on-dark" href="http://codeclubkorea.org/bbs/content.php?co_id=support">후원하기</a></li>
  750. <li class="c-footer__nav-item"><a class="c-footer__nav-link c-link--light-on-dark" href="http://codeclubkorea.org/bbs/board.php?bo_table=gallery">갤러리</a></li>
  751. </ul>
  752. </div>
  753. <div class="o-grid__col u-6/12 u-3/12@md">
  754. <ul class="c-footer__nav-list">
  755. <li class="c-footer__nav-item"><a class="c-footer__nav-link c-link--light-on-dark" href="https://www.facebook.com/codeclubkorea" target="_blank">라즈베리파이 구매하기</a></li>
  756. <li class="c-footer__nav-item"><a class="c-footer__nav-link c-link--light-on-dark" href="https://www.facebook.com/codeclubkorea" target="_blank">네이버스마트스토어</a></li>
  757. <li class="c-footer__nav-item"><a class="c-footer__nav-link c-link--light-on-dark" href="#" >자주묻는 질문</a></li>
  758. <li class="c-footer__nav-item"><a class="c-footer__nav-link c-link--light-on-dark" href="http://codeclubkorea.org/bbs/board.php?bo_table=contact" >문의하기</a></li>
  759. <li class="c-footer__nav-item"><a class="c-footer__nav-link c-link--light-on-dark" href="http://codeclubkorea.org/bbs/content.php?co_id=provision">서비스이용약관</a></li>
  760. <li class="c-footer__nav-item"><a class="c-footer__nav-link c-link--light-on-dark" href="http://codeclubkorea.org/bbs/content.php?co_id=privacy">개인정보처리방침</a></li>
  761.  
  762. </ul>
  763. </div>
  764. <div class="o-grid__col u-6/12 u-3/12@md">
  765. [관련링크]
  766. <ul class="c-footer__nav-list">
  767. <li class="c-footer__nav-item"><a class="c-footer__nav-link c-link--light-on-dark" href="https://post.naver.com/codeclubkr" target="_blank">공식블로그 바로가기</a></li>
  768. <li class="c-footer__nav-item"><a class="c-footer__nav-link c-link--light-on-dark" href="https://www.facebook.com/codeclubkorea" target="_blank">코드클럽 Facebook</a></li>
  769. <li class="c-footer__nav-item"><a class="c-footer__nav-link c-link--light-on-dark" href="https://www.youtube.com/channel/UCCOC_ccfajvnhGVmY8mCQkg" target="_blank">코드클럽 YouTube</a></li>
  770. <li class="c-footer__nav-item"><a class="c-footer__nav-link c-link--light-on-dark" href="https://www.facebook.com/codeclubkorea" target="_blank">Code Club World</a></li>
  771. <li class="c-footer__nav-item"><a class="c-footer__nav-link c-link--light-on-dark" href="https://www.youtube.com/channel/UCCOC_ccfajvnhGVmY8mCQkg" target="_blank">Robo-Boogie</a></li>
  772. <li class="c-footer__nav-item"><a class="c-footer__nav-link c-link--light-on-dark" href="https://www.youtube.com/channel/UCCOC_ccfajvnhGVmY8mCQkg" target="_blank">Teacher Training</a></li>
  773.    
  774. </ul>
  775. </div>
  776. </div>
  777. </div>
  778. <div class="o-grid__col u-3/12@lg">
  779. <div class="c-footer__partnership-info">
  780. </div>
  781. </div>
  782. </div>
  783. <div class="o-grid u-mt-x5">
  784. <div class="o-grid__col u-8/12@lg">
  785. <p class="c-footer__charity-info">
  786. <span><b>회사명</b> 코드클럽한국위원회</span>
  787.            <span><b>주소</b> 서울 성동구 왕십리로 130 KCC 프리미어타워 10층 </span><br>          
  788.      
  789.            <span><b>전화</b> 02-792-0615</span>
  790.            Copyright &copy; 2018 코드클럽한국위원회. All Rights Reserved.
  791. </p>
  792. </div>
  793.  
  794. </div>
  795. </div>
  796. </footer>
  797.  
  798.  
  799.  
  800.  
  801. <!-- } 하단 끝 -->
  802.  
  803. <script>
  804. $(function() {
  805.    // 폰트 리사이즈 쿠키있으면 실행
  806.    font_resize("container", get_cookie("ck_font_resize_rmv_class"), get_cookie("ck_font_resize_add_class"));
  807. });
  808. </script>
  809.  
  810.  
  811.  
  812. </body>
  813. </html>
  814.  
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda