CINXE.COM

Welcome to {클래게임즈}

<!DOCTYPE HTML> <html> <head> <title>Welcome to {클래게임즈}</title> <meta name="description" content="스마트폰 게임 전문사인 클래게임즈는 소울시커를 시작으로 글로벌 향 미들코어 게임 전문사입니다"> <meta property="og:description" content="스마트폰 게임 전문사인 클래게임즈는 소울시커를 시작으로 글로벌 향 미들코어 게임 전문사입니다"> <meta property="og:site_name" content="Welcome to {클래게임즈}"> <meta property="og:title" content="Welcome to {클래게임즈}"> <meta property="og:url" content="http://clegames.co.kr/"> <meta property="og:type" content="website"> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" /> <link rel="stylesheet" type="text/css" href="./css/bootstrap.css"> <link rel="stylesheet" type="text/css" href="./css/responsive.css"> <link rel="stylesheet" type="text/css" href="./css/settings.css"> <link rel="stylesheet" type="text/css" href="./css/main.css"> <link rel="stylesheet" href="./css/swiper.min.css"> <script src="./js/swiper.min.js"></script> <link rel="shortcut icon" href="./favicon.ico"> <meta http-equiv="X-UA-Compatible" content="IE=Edge"> </head> <body class="is-preload"> <div class="button_container" id="toggle"> <span class="top"></span> <span class="middle"></span> <span class="bottom"></span> </div> <!-- Sidebar --> <section id="sidebar"> <div class="inner"> <a href="#"><img class="logo" src="./img/logo_white.png"></a> <nav> <ul> <li><a href="#intro">CLEGAMES</a></li> <li><a href="#one">GAMES</a></li> <li><a href="#two">Careers</a></li> <li><a href="#three">Contact</a></li> </ul> </nav> </div> </section> <!-- Wrapper --> <div id="wrapper"> <section id="hero"> <!-- Slider main container --> <div class="swiper-container"> <!-- Additional required wrapper --> <div class="swiper-wrapper"> <!-- Slides --> <div class="swiper-slide" id="slide1"> <div class="dark"> <section class="caption"> <h2>"소울 시커 R"</h2> </section> </div> </div> <div class="swiper-slide" id="slide2"> <div class="dark"> <section class="caption"> <h2>"제국의 통치 - 레인 오브 엠파이어"</h2> </section> </div> </div> <div class="swiper-slide" id="slide3"> <div class="dark"> <section class="caption"> <h2>"세계괴수전쟁"</h2> </section> </div> </div> <div class="swiper-slide" id="slide4"> <div class="dark"> <section class="caption"> <h2>"소울시커 : 6번째 기사단"</h2> </section> </div> </div> <div class="swiper-slide" id="slide5"> <div class="dark"> <section class="caption"> <h2>"좀비헌터 D-Day"</h2> </section> </div> </div> </div> <!-- If we need pagination --> <div class="swiper-pagination"></div> </div> </section> <!-- Intro --> <section id="intro"> <div class="inner wrapper"> <h1>CLEGAMES</h1> <hr class="header-hr"> <img src="./img/logo_color.png" class="logo"> <p>스마트폰 게임 전문사인 클래게임즈는 소울시커를 시작으로 글로벌 향 미들코어 게임 전문사를 지향하고 있습니다.</p> <h2>연혁</h2> <ul class="timeline-centered"> <li class="timeline-item"> <div class="timeline-info"> <span>2013.10</span> </div> <div class="timeline-marker"></div> <div class="timeline-content"> <h3 class="timeline-title">설립</h3> </div> </li> <li class="timeline-item"> <div class="timeline-info"> <span>2013.11</span> </div> <div class="timeline-marker"></div> <div class="timeline-content"> <h3 class="timeline-title">컴투스 퍼블리싱 계약 및 투자</h3> </div> </li> <li class="timeline-item"> <div class="timeline-info"> <span>2015.02</span> </div> <div class="timeline-marker"></div> <div class="timeline-content"> <h3 class="timeline-title">소울시커 글로벌 155개국 런칭</h3> <p>한국 최초 3일차 세계 마켓 TOP 100위 진입<br> 59개국 RPG 장르 매출 TOP 10위 진입<br> 1000만 유저 다운로드<br> </p> </div> </li> <li class="timeline-item"> <div class="timeline-info"> <span>2015.06</span> </div> <div class="timeline-marker"></div> <div class="timeline-content"> <h3 class="timeline-title">코오롱 인베스트 외 벤쳐캐피탈 투자 유치</h3> </div> </li> <li class="timeline-item"> <div class="timeline-info"> <span>2016.09</span> </div> <div class="timeline-marker"></div> <div class="timeline-content"> <h3 class="timeline-title">‘서울시 강소기업’ 인증</h3> </div> </li> <li class="timeline-item"> <div class="timeline-info"> <span>2017.03</span> </div> <div class="timeline-marker"></div> <div class="timeline-content"> <h3 class="timeline-title">도연게임즈에 전략적 투자 완료</h3> </div> </li> <li class="timeline-item"> <div class="timeline-info"> <span>2017.12</span> </div> <div class="timeline-marker"></div> <div class="timeline-content"> <h3 class="timeline-title">‘2017년 일자리 우수 서울형 강소 기업’ 인증 및 TOP 10 선정</h3> </div> </li> <li class="timeline-item"> <div class="timeline-info"> <span>2018.09</span> </div> <div class="timeline-marker"></div> <div class="timeline-content"> <h3 class="timeline-title">세계괴수전쟁 글로벌 출시 및 Featured by Apple, Google</h3> </div> </li> <li class="timeline-item"> <div class="timeline-info"> <span>2018.10</span> </div> <div class="timeline-marker"></div> <div class="timeline-content"> <h3 class="timeline-title">소울시커 : 6번째 기사단 글로벌 출시 및 Featured by Google</h3> </div> </li> <li class="timeline-item"> <div class="timeline-info"> <span>2019.03</span> </div> <div class="timeline-marker"></div> <div class="timeline-content"> <h3 class="timeline-title">레인 오브 엠파이어 (구 문명전쟁) 및 Featured by Google</h3> </div> </li> <li class="timeline-item"> <div class="timeline-info"> <span>2019.10</span> </div> <div class="timeline-marker"></div> <div class="timeline-content"> <h3 class="timeline-title">소울시커R 글로벌 출시 및 Featured by Google</h3> </div> </li> <li class="timeline-item"> <div class="timeline-info"> <span>2020.04</span> </div> <div class="timeline-marker"></div> <div class="timeline-content"> <h3 class="timeline-title">좀비헌터 D-day 글로벌 출시</h3> </div> </li> </ul> </div> </section> <hr class="wrapper"> <!-- One --> <section id="one" class="wrapper style2 spotlights"> <h1>Games</h1> <hr class="header-hr"> <div class="flex-container"> <div class="flex-card"> <div class="card"> <div> <div class="image"> <img src="./img/game1_main.png"> </div> <div class="description"> <div class="icon"> <img src="./img/game1_icon.png"> </div> <div> <h3>Soul Seeker R</h3> <div class="store"> <a target="_blank" href="https://play.google.com/store/apps/details?id=com.cle.ssr"> <img src="./img/googleplay_badge.png"> </a> <a target="_blank" href="http://itunes.apple.com/app/id1453829791"> <img src="./img/appstore_badge.png"> </a> <a target="_blank" href="https://onesto.re/0000742086"> <img src="./img/onestore_badge.png"> </a> </div> </div> </div> </div> </div> <div class="card"> <div> <div class="image"> <img src="./img/game2_main.png"> </div> <div class="description"> <div class="icon"> <img src="./img/game2_icon.png"> </div> <div> <h3>Reign of Empires</h3> <div class="store"> <a target="_blank" href="https://play.google.com/store/apps/details?id=com.cle.roc"> <img src="./img/googleplay_badge.png"> </a> <a target="_blank" href="https://itunes.apple.com/app/id1372651865"> <img src="./img/appstore_badge.png"> </a> <a target="_blank" href="https://onesto.re/0000734250"> <img src="./img/onestore_badge.png"> </a> </div> </div> </div> </div> </div> <div class="card"> <div> <div class="image"> <img src="./img/game3_main.jpg"> </div> <div class="description"> <div class="icon"> <img src="./img/game3_icon.png"> </div> <div> <h3>World Beast War</h3> <div class="store"> <a target="_blank" href="https://play.google.com/store/apps/details?id=com.cle.m215.worldbeastwar"> <img src="./img/googleplay_badge.png"> </a> <a target="_blank" href="https://apps.apple.com/app/id1419904843"> <img src="./img/appstore_badge.png"> </a> <a target="_blank" href="https://onesto.re/0000737501"> <img src="./img/onestore_badge.png"> </a> </div> </div> </div> </div> </div> <div class="card"> <div> <div class="image"> <img src="./img/game4_main.jpg"> </div> <div class="description"> <div class="icon"> <img src="./img/game4_icon.png"> </div> <div> <h3>Soul Seeker : Six Knights</h3> <div class="store"> <a target="_blank" href="https://play.google.com/store/apps/details?id=com.cle.dy.soulseeker6"> <img src="./img/googleplay_badge.png"> </a> <a target="_blank" href="https://itunes.apple.com/app/id1426221815"> <img src="./img/appstore_badge.png"> </a> <a target="_blank" href="https://onesto.re/0000734201"> <img src="./img/onestore_badge.png"> </a> </div> </div> </div> </div> </div> <div class="card"> <div> <div class="image"> <img src="./img/game5_main.png"> </div> <div class="description"> <div class="icon"> <img src="./img/game5_icon.jpg"> </div> <div> <h3>Zombie Hunter D-day</h3> <div class="store"> <a target="_blank" href="https://play.google.com/store/apps/details?id=com.cle.dday"> <img src="./img/googleplay_badge.png"> </a> <a target="_blank" href="https://apps.apple.com/app/id1509897977"> <img src="./img/appstore_badge.png"> </a> <a style="visibility: hidden;" target="_blank" href="https://onesto.re/0000734201"> <img src="./img/onestore_badge.png"> </a> </div> </div> </div> </div> </div> </div> </div> </section> <!-- Two --> <section id="two"> <div class="inner wrapper"> <h1>Careers</h1> <hr class="header-hr"> <h2>People</h2> <div class="flex-icon"> <div> <div class="careers-icon"> <img src="./img/people_ic1.svg"> </div> <h3>Challenge</h3> <p>세계를 향해 뻗어나가는 글로벌지향적 사고방식</p> </div> <div> <div class="careers-icon"> <img src="./img/people_ic2.svg"> </div> <h3>CLY People</h3> <p>상사가 아닌 동료들에게 인정받고 후배를 양성하는 피플</p> </div> <div> <div class="careers-icon"> <img src="./img/people_ic3.svg"> </div> <h3>Do it CLY</h3> <p>영리하게 대화하고 일하는 문화 지향</p> </div> </div> <div class="space"></div> <h2>How we care for CLY People</h2> <div class="flex-icon-welfare"> <div> <div class="welfare-icon"> <img src="./img/welfare_ic1.svg"> </div> <p>​생일자 쿠폰 지급</p> </div> <div> <div class="welfare-icon"> <img src="./img/welfare_ic2.svg"> </div> <p>3년,5년 근속자 포상 휴가</p> </div> <div> <div class="welfare-icon"> <img src="./img/welfare_ic3.svg"> </div> <p>​Playstation 4 Pro & VR</p> </div> <div> <div class="welfare-icon"> <img src="./img/welfare_ic4.svg"> </div> <p>​복지카드</p> </div> <div> <div class="welfare-icon"> <img src="./img/welfare_ic5.svg"> </div> <p>​워크샵</p> </div> <div> <div class="welfare-icon"> <img src="./img/welfare_ic6.svg"> </div> <p>​안마의자</p> </div> <div> <div class="welfare-icon"> <img src="./img/welfare_ic7.svg"> </div> <p>​간식 & 음료 상시 제공</p> </div> <div> <div class="welfare-icon"> <img src="./img/welfare_ic8.svg"> </div> <p>​체력단련비 지원</p> </div> <div> <div class="welfare-icon"> <img src="./img/welfare_ic9.svg"> </div> <p>​건강 검진</p> </div> <div> <div class="welfare-icon"> <img src="./img/welfare_ic10.svg"> </div> <p>​도서구매 지원</p> </div> <div> <div class="welfare-icon"> <img src="./img/welfare_ic11.svg"> </div> <p>​여가생활 제휴 할인</p> </div> <div> <div class="welfare-icon"> <img src="./img/welfare_ic12.svg"> </div> <p>동아리 활동 지원</p> </div> </div> </div> </section> <!-- Three --> <section id="three" class="wrapper style1 fade-up"> <div class="inner"> <h1>Contact</h1> <hr class="header-hr"> <div class="row-2"> <img src="./img/contact_map.png"> <div class="text"> <h3>주소</h3> <p>서울특별시 강남구 봉은사로 151 스타힐빌딩 4층</p> <h3>클래게임즈 공식 페이스북</h3> <a target="_blank" href="https://www.facebook.com/clegames/"><img class="fb" src="./img/facebook.svg"></a> <h3>사업 문의</h3> <a target="_blank" href="mailto:business@clegames.com">business@clegames.com</a> <h3>게임 문의</h3> <a target="_blank" href="mailto:help@clegames.com">help@clegames.com</a> </div> </div> </div> </section> <!-- Footer --> <footer id="footer"> <div class="inner wrapper"> <ul class="menu"> <li>Copyright &copy;CLEGAMES Inc. All rights reserved</li> </ul> </div> </footer> </div> <div class="overlay" id="overlay"> <nav class="overlay-menu"> <ul> <li class="menu-list"><a href="#intro">CLEGAMES</a></li> <li class="menu-list"><a href="#one">GAMES</a></li> <li class="menu-list"><a href="#two">Careers</a></li> <li class="menu-list"><a href="#three">Contact</a></li> </ul> </nav> </div> <script> var mySwiper = new Swiper('.swiper-container', { // Optional parameters direction: 'horizontal', loop: true, // If we need pagination pagination: { el: '.swiper-pagination', clickable: true, renderBullet: function (index, className) { return '<span class="' + className + '"></span>'; }, }, autoplay: { delay: 3500, disableOnInteraction: false, } }) </script> <script type="text/javascript" src="./js/jquery.js"></script> <script type="text/javascript" src="./js/main.js"></script> </body> </html>

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