Files
ncue_business/index.html
dsyoon f99bb2ba6b init
2025-12-27 13:09:05 +09:00

1027 lines
54 KiB
HTML

<!DOCTYPE html>
<!--
* A Design by GraphBerry
* Author: GraphBerry
* Author URL: http://graphberry.com
* License: http://graphberry.com/pages/license
-->
<html lang="en">
<head>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-5000757765244758" crossorigin="anonymous"></script>
<meta name="google-adsense-account" content="ca-pub-5000757765244758">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-8434412-11"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-8434412-11');
</script>
<meta charset=utf-8>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>엔큐 (NCue) - 인공지능 플랫폼 서비스</title>
<!-- Load Roboto font -->
<link href='http://fonts.googleapis.com/css?family=Roboto:400,300,700&amp;subset=latin,latin-ext' rel='stylesheet' type='text/css'>
<!-- Load css styles -->
<link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
<link rel="stylesheet" type="text/css" href="css/bootstrap-responsive.css" />
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link rel="stylesheet" type="text/css" href="css/pluton.css" />
<!--[if IE 7]>
<link rel="stylesheet" type="text/css" href="css/pluton-ie7.css" />
<![endif]-->
<link rel="stylesheet" type="text/css" href="css/jquery.cslider.css" />
<link rel="stylesheet" type="text/css" href="css/jquery.bxslider.css" />
<link rel="stylesheet" type="text/css" href="css/animate.css" />
<!-- Fav and touch icons -->
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="images/ico/apple-touch-icon-144.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="images/ico/apple-touch-icon-114.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="images/apple-touch-icon-72.png">
<link rel="apple-touch-icon-precomposed" href="images/ico/apple-touch-icon-57.png">
<link rel="shortcut icon" href="images/ico/favicon.ico">
<script type="text/javascript">
function autoResize(obj) {
var height = 0;
var agent = navigator.userAgent.toLowerCase();
if (agent.indexOf("chrome") != -1) {
height = obj.offsetHeight;
} else {
height = obj.offsetHeight;
}
$('div[id="board"]')[0].height = height + 250;
obj.height = height + 250;
}
</script>
</head>
<body>
<div class="navbar">
<div class="navbar-inner">
<div class="container">
<a href="#" class="brand">
<img src="images/logo.png" width="120" height="40" alt="Logo" />
<!-- This is website logo -->
</a>
<!-- Navigation button, visible on small resolution -->
<button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<i class="icon-menu"></i>
</button>
<!-- Main navigation -->
<div class="nav-collapse collapse pull-right">
<ul class="nav" id="top-navigation">
<li class="active"><a href="#home">Home</a></li>
<li><a href="#service">Services</a></li>
<li><a href="#portfolio">Portfolio</a></li>
<li><a href="#about">Team</a></li>
<!--
<li><a href="#clients">Clients</a></li>
<li><a href="#price">Price</a></li>
-->
<li><a href="#contact">Contact</a></li>
</ul>
</div>
<!-- End main navigation -->
</div>
</div>
</div>
<!-- Start home section -->
<div id="home">
<!-- Start cSlider -->
<div id="da-slider" class="da-slider">
<div class="triangle"></div>
<!-- mask elemet use for masking background image -->
<div class="mask"></div>
<!-- All slides centred in container element -->
<div class="container">
<!-- Start first slide -->
<div class="da-slide">
<h2 class="fittext2">인연톡</h2>
<h4>인공지능 데이팅 앱서비스</h4>
<p>인연을 찾고 성공적인 만남까지 연애를 도와주는 인공지능 데이팅 서비스입니다.</p>
<a href="pages/DesMeTalk.html" class="da-link button">Read more</a>
<div class="da-img">
<img src="images/Slider01.png" alt="image01" width="320">
</div>
</div>
<!-- End first slide -->
<!-- Start first slide -->
<div class="da-slide">
<h2 class="fittext2">챗봇</h2>
<h4>대화형 인터페이스</h4>
<p>대화형 인터페이스 상에서 규칙 또는 인공지능으로 유저와의 인터랙션을 하는 서비스</p>
<a href="http://ncue.net:8080" class="da-link button">Read more</a>
<div class="da-img">
<img src="images/Slider04.png" alt="image04" width="320">
</div>
</div>
<!-- End first slide -->
<!-- Start second slide -->
<div class="da-slide">
<h2>마트엔</h2>
<h4>가격 홍보 플랫폼 서비스</h4>
<p>동네마트의 매출 향상을 위한<br>상품 및 값싼 가격의 홍보 플랫폼 서비스입니다.</p>
<a href="pages/martn.html" class="da-link button">Read more</a>
<div class="da-img">
<img src="images/Slider02.png" alt="image02" width="320">
</div>
</div>
<!-- End second slide -->
<!-- Start third slide -->
<div class="da-slide">
<h2>인공지능 기술들</h2>
<h4>통계/머신러닝 기반의 인공지능 플랫폼</h4>
<p>자연스러운 대화형 인공지능을 목표로 실생활에 유용한 여러가지 기능을 제공합니다.</p>
<a href="#" class="da-link button">Read more</a>
<div class="da-img">
<img src="images/Slider03.png" alt="image03" width="320">
</div>
</div>
<!-- Start third slide -->
<!-- Start cSlide navigation arrows -->
<div class="da-arrows">
<span class="da-arrows-prev"></span>
<span class="da-arrows-next"></span>
</div>
<!-- End cSlide navigation arrows -->
</div>
</div>
</div>
<!-- End home section -->
<!-- Service section start -->
<div class="section primary-section" id="service">
<div class="container">
<!-- Start title section -->
<div class="title">
<h1>What We Do?</h1>
<!-- Section's title goes here -->
<p>엔큐의 인공지능 플랫폼으로 만들어진 차별화된 서비스입니다 </p>
<!--Simple description for section goes here. -->
</div>
<div class="row-fluid">
<div class="span3">
<div class="centered service">
<div class="circle-border zoom-in">
<img class="img-circle" src="images/Service_talk_meet.png" alt="service 2" />
</div>
<h3>인연톡</h3>
<p>인연을 찾고 성공적인<br>새로운 인연을 찾는 <br>인공지능데이팅서비스</p>
</div>
</div>
<div class="span3">
<div class="centered service">
<div class="circle-border zoom-in">
<img class="img-circle" src="images/Service_chatbot.png" alt="service 4" />
</div>
<h3>챗봇</h3>
<p>대화형 인터페이스,<br>기계학습과 규칙기반<br>인터랙션 서비스</p>
</div>
</div>
<div class="span3">
<div class="centered service">
<div class="circle-border zoom-in">
<img class="img-circle" src="images/Service_martn.png" alt="service 1">
</div>
<h3>마트엔 (MartN)</h3>
<p>동네마트의 매출 향상,<br>위한 상품 및 값싼 가격<br>홍보 플랫폼 서비스</p>
</div>
</div>
<div class="span3">
<div class="centered service">
<div class="circle-border zoom-in">
<img class="img-circle" src="images/Service_machinelearning.png" alt="service 3">
</div>
<h3>인공지능 기술들</h3>
<p>통계와 기계학습,<br>데이터에서 정보를<br>발굴하는 기술들</p>
</div>
</div>
</div>
</div>
</div>
<!-- Service section end -->
<!-- Portfolio section start -->
<div class="section secondary-section " id="portfolio">
<div class="triangle"></div>
<div class="container">
<div class=" title">
<h1>Have You Seen our Works?</h1>
<p>인공지능은 우리의 생활을 보다 편리하고 즐거울 수 있도록 도와줍니다.</p>
</div>
<ul class="nav nav-pills">
<li class="filter" data-filter="all">
<a href="#noAction">All</a>
</li>
<li class="filter" data-filter="talkmeet">
<a href="#noAction">인연톡 (Talk&Meet)</a>
</li>
<li class="filter" data-filter="martn">
<a href="#noAction">마트엔 (MartN)</a>
</li>
<!--
<li class="filter" data-filter="ai">
<a href="#noAction">인공지능기술</a>
</li>
-->
</ul>
<!-- Start details for portfolio project 1 -->
<div id="single-project">
<div id="slidingDiv" class="toggleDiv row-fluid single-project">
<div class="span6">
<img src="images/Portfolio01_martn1.png" alt="project 1" />
</div>
<div class="span6">
<div class="project-description">
<div class="project-title clearfix">
<h3>마트엔 (MartN)</h3>
<span class="show_hide close">
<i class="icon-cancel"></i>
</span>
</div>
<div class="project-info">
<div><span>Link</span>http://martn.ncue.net</div>
</div>
<p>동네마트의 매출 향상을 위한<br>상품 및 값싼 가격의 홍보 플랫폼 서비스</p>
</div>
</div>
</div>
<!-- End details for portfolio project 1 -->
<!-- Start details for portfolio project 2 -->
<div id="slidingDiv1" class="toggleDiv row-fluid single-project">
<div class="span6">
<img src="images/Portfolio01_martn2.png" alt="project 2">
</div>
<div class="span6">
<div class="project-description">
<div class="project-title clearfix">
<h3>마트엔 (MartN)</h3>
<span class="show_hide close">
<i class="icon-cancel"></i>
</span>
</div>
<div class="project-info">
<div><span>Link</span>http://martn.ncue.net</div>
</div>
<p>동네마트의 매출 향상을 위한<br>상품 및 값싼 가격의 홍보 플랫폼 서비스</p>
</div>
</div>
</div>
<!-- End details for portfolio project 2 -->
<!-- Start details for portfolio project 3 -->
<div id="slidingDiv2" class="toggleDiv row-fluid single-project">
<div class="span6">
<img src="images/Portfolio01_martn3.png" alt="project 3">
</div>
<div class="span6">
<div class="project-description">
<div class="project-title clearfix">
<h3>마트엔 (MartN)</h3>
<span class="show_hide close">
<i class="icon-cancel"></i>
</span>
</div>
<div class="project-info">
<div><span>Link</span>http://martn.ncue.net</div>
</div>
<p>동네마트의 매출 향상을 위한<br>상품 및 값싼 가격의 홍보 플랫폼 서비스</p>
</div>
</div>
</div>
<!-- End details for portfolio project 3 -->
<!-- Start details for portfolio project 4 -->
<div id="slidingDiv3" class="toggleDiv row-fluid single-project">
<div class="span6">
<img src="images/Portfolio02_talkmeet1.png" alt="project 4">
</div>
<div class="span6">
<div class="project-description">
<div class="project-title clearfix">
<h3>인연톡</h3>
<span class="show_hide close">
<i class="icon-cancel"></i>
</span>
</div>
<div class="project-info">
<div><span>Link</span></div>
</div>
<p>인연을 찾고 성공적인 만남까지<br>연애를 도와주는 인공지능 데이팅 서비스</p>
</div>
</div>
</div>
<!-- End details for portfolio project 4 -->
<!-- Start details for portfolio project 5 -->
<div id="slidingDiv4" class="toggleDiv row-fluid single-project">
<div class="span6">
<img src="images/Portfolio02_talkmeet2.png" alt="project 5">
</div>
<div class="span6">
<div class="project-description">
<div class="project-title clearfix">
<h3>인연톡</h3>
<span class="show_hide close">
<i class="icon-cancel"></i>
</span>
</div>
<div class="project-info">
<div><span>Link</span></div>
</div>
<p>인연을 찾고 성공적인 만남까지<br>연애를 도와주는 인공지능 데이팅 서비스</p>
</div>
</div>
</div>
<!-- End details for portfolio project 5 -->
<!-- Start details for portfolio project 6 -->
<div id="slidingDiv5" class="toggleDiv row-fluid single-project">
<div class="span6">
<img src="images/Portfolio02_talkmeet3.png" alt="project 6">
</div>
<div class="span6">
<div class="project-description">
<div class="project-title clearfix">
<h3>인연톡</h3>
<span class="show_hide close">
<i class="icon-cancel"></i>
</span>
</div>
<div class="project-info">
<div><span>Link</span></div>
</div>
<p>인연을 찾고 성공적인 만남까지<br>연애를 도와주는 인공지능 데이팅 서비스</p>
</div>
</div>
</div>
<!-- End details for portfolio project 6 -->
<!-- Start details for portfolio project 7 -->
<div id="slidingDiv6" class="toggleDiv row-fluid single-project">
<div class="span6">
<img src="images/Portfolio07.png" alt="project 7">
</div>
<div class="span6">
<div class="project-description">
<div class="project-title clearfix">
<h3>Webste for Some Client</h3>
<span class="show_hide close">
<i class="icon-cancel"></i>
</span>
</div>
<div class="project-info">
<div>
<span>Client</span>Some Client Name</div>
<div>
<span>Date</span>July 2013</div>
<div>
<span>Skills</span>HTML5, CSS3, JavaScript</div>
<div>
<span>Link</span>http://examplecomp.com</div>
</div>
<p>Always continue the climb. It is possible for you to do whatever you choose, if you first get to know who you are and are willing to work with a power that is greater than ourselves to do it.</p>
</div>
</div>
</div>
<!-- End details for portfolio project 7 -->
<!-- Start details for portfolio project 8 -->
<div id="slidingDiv7" class="toggleDiv row-fluid single-project">
<div class="span6">
<img src="images/Portfolio08.png" alt="project 8">
</div>
<div class="span6">
<div class="project-description">
<div class="project-title clearfix">
<h3>Webste for Some Client</h3>
<span class="show_hide close">
<i class="icon-cancel"></i>
</span>
</div>
<div class="project-info">
<div>
<span>Client</span>Some Client Name</div>
<div>
<span>Date</span>July 2013</div>
<div>
<span>Skills</span>HTML5, CSS3, JavaScript</div>
<div>
<span>Link</span>http://examplecomp.com</div>
</div>
<p>What if you gave someone a gift, and they neglected to thank you for it - would you be likely to give them another? Life is the same way. In order to attract more of the blessings that life has to offer, you must truly appreciate what you already have.</p>
</div>
</div>
</div>
<!-- End details for portfolio project 8 -->
<!-- Start details for portfolio project 9 -->
<div id="slidingDiv8" class="toggleDiv row-fluid single-project">
<div class="span6">
<img src="images/Portfolio09.png" alt="project 9">
</div>
<div class="span6">
<div class="project-description">
<div class="project-title clearfix">
<h3>Webste for Some Client</h3>
<span class="show_hide close">
<i class="icon-cancel"></i>
</span>
</div>
<div class="project-info">
<div>
<span>Client</span>Some Client Name</div>
<div>
<span>Date</span>July 2013</div>
<div>
<span>Skills</span>HTML5, CSS3, JavaScript</div>
<div>
<span>Link</span>http://examplecomp.com</div>
</div>
<p>I learned that we can do anything, but we can't do everything... at least not at the same time. So think of your priorities not in terms of what activities you do, but when you do them. Timing is everything.</p>
</div>
</div>
</div>
<!-- End details for portfolio project 9 -->
<ul id="portfolio-grid" class="thumbnails row">
<li class="span4 mix talkmeet">
<div class="thumbnail">
<img src="images/Portfolio02_talkmeet1_400.png" alt="project 4">
<a href="#single-project" class="show_hide more" rel="#slidingDiv3">
<i class="icon-plus"></i>
</a>
<h3>인연톡 서비스</h3>
<p>앱 접속 후 초기 화면입니다.</p>
<div class="mask"></div>
</div>
</li>
<li class="span4 mix talkmeet">
<div class="thumbnail">
<img src="images/Portfolio02_talkmeet2_400.png" alt="project 5">
<a href="#single-project" class="show_hide more" rel="#slidingDiv4">
<i class="icon-plus"></i>
</a>
<h3>사용자 메뉴</h3>
<p>사용자의 메뉴입니다.</p>
<div class="mask"></div>
</div>
</li>
<li class="span4 mix talkmeet">
<div class="thumbnail">
<img src="images/Portfolio02_talkmeet3_400.png" alt="project 6">
<a href="#single-project" class="show_hide more" rel="#slidingDiv5">
<i class="icon-plus"></i>
</a>
<h3>프로필 추천 화면</h3>
<p>인연을 인공지능이 추천하는 화면입니다.</p>
<div class="mask"></div>
</div>
</li>
<li class="span4 mix martn">
<div class="thumbnail">
<img src="images/Portfolio01_martn1_400.png" alt="마트엔 서비스">
<a href="#single-project" class="more show_hide" rel="#slidingDiv">
<i class="icon-plus"></i>
</a>
<h3>마트엔 서비스</h3>
<p>앱 접속 후 초기 화면입니다.</p>
<div class="mask"></div>
</div>
</li>
<li class="span4 mix martn">
<div class="thumbnail">
<img src="images/Portfolio01_martn2_400.png" alt="마트엔 상품조회">
<a href="#single-project" class="show_hide more" rel="#slidingDiv1">
<i class="icon-plus"></i>
</a>
<h3>마트엔 상품조회</h3>
<p>상품 조회 화면입니다.</p>
<div class="mask"></div>
</div>
</li>
<li class="span4 mix martn">
<div class="thumbnail">
<img src="images/Portfolio01_martn3_400.png" alt="마트엔 상품 상세 조회">
<a href="#single-project" class="more show_hide" rel="#slidingDiv2">
<i class="icon-plus"></i>
</a>
<h3>마트엔 상품 상세 조회</h3>
<p>상품 상세 보기 화면입니다.</p>
<div class="mask"></div>
</div>
</li>
<!--
<li class="span4 mix ai">
<div class="thumbnail">
<img src="images/Portfolio07.png" alt="project 7" />
<a href="#single-project" class="show_hide more" rel="#slidingDiv6">
<i class="icon-plus"></i>
</a>
<h3>Thumbnail label</h3>
<p>Thumbnail caption...</p>
<div class="mask"></div>
</div>
</li>
<li class="span4 mix ai">
<div class="thumbnail">
<img src="images/Portfolio08.png" alt="project 8">
<a href="#single-project" class="show_hide more" rel="#slidingDiv7">
<i class="icon-plus"></i>
</a>
<h3>Thumbnail label</h3>
<p>Thumbnail caption...</p>
<div class="mask"></div>
</div>
</li>
<li class="span4 mix ai">
<div class="thumbnail">
<img src="images/Portfolio09.png" alt="project 9">
<a href="#single-project" class="show_hide more" rel="#slidingDiv8">
<i class="icon-plus"></i>
</a>
<h3>Thumbnail label</h3>
<p>Thumbnail caption...</p>
<div class="mask"></div>
</div>
</li>
-->
</ul>
</div>
</div>
</div>
<!-- Portfolio section end -->
<!-- About us section start -->
<div class="section primary-section" id="about">
<div class="triangle"></div>
<div class="container">
<!--<img src="images/team/dev.png" alt="team member">-->
<!--
<div class="title">
<h1>Who We Are?</h1>
<p>각 분야에서의 전문가인 핵심 인력들을 소개합니다.</p>
</div>
<div class="row-fluid team">
<div class="span3" id="first-person">
<div class="thumbnail">
<img src="images/team/dsyoon.png" alt="team 1" style="width: 150px;height: 170px;">
<h3>윤도상</h3>
<!--
<ul class="social">
<li>
<a href="">
<span class="icon-facebook-circled"></span>
</a>
</li>
<li>
<a href="">
<span class="icon-twitter-circled"></span>
</a>
</li>
<li>
<a href="">
<span class="icon-linkedin-circled"></span>
</a>
</li>
</ul>
<div class="mask">
<h2>CEO / 서비스 기획</h2>
<p>쿠팡 자연어처리팀</p>
<p>LG전자 인텔리전스연구소</p>
<p>다음커뮤니케이션 데이터마이닝팀</p>
</div>
</div>
</div>
<div class="span3" id="second-person">
<div class="thumbnail">
<img src="images/team/kimgisu.png" alt="team member" style="width: 150px;height: 170px;">
<h3>김기수</h3>
<ul class="social">
<li>
<a href="">
<span class="icon-facebook-circled"></span>
</a>
</li>
<li>
<a href="">
<span class="icon-twitter-circled"></span>
</a>
</li>
<li>
<a href="">
<span class="icon-linkedin-circled"></span>
</a>
</li>
</ul>
<div class="mask">
<h2>클라이언트 앱 개발</h2>
<p>Android Platform개발</p>
<p>인연톡/Ranchat등 채팅 어플레케이션 개발</p>
</div>
</div>
</div>
<div class="span3" id="second-person">
<div class="thumbnail">
<img src="images/team/kimjuhyung.png" alt="team member" style="width: 150px;height: 170px;">
<h3>김주형</h3>
<ul class="social">
<li>
<a href="">
<span class="icon-facebook-circled"></span>
</a>
</li>
<li>
<a href="">
<span class="icon-twitter-circled"></span>
</a>
</li>
<li>
<a href="">
<span class="icon-linkedin-circled"></span>
</a>
</li>
</ul>
<div class="mask">
<h2>서버 프로그램 개발</h2>
<p>부산대동대학교 시험 출제/채점 프로그램 개발</p>
<p>인연톡 등 채팅 서버 프로그램 개발</p>
</div>
</div>
</div>
<div class="span3" id="third-person">
<div class="thumbnail">
<img src="images/team/TeamMember.png" alt="team member" style="width: 150px;height: 170px;">
<h3>이보미</h3>
<ul class="social">
<li>
<a href="">
<span class="icon-facebook-circled"></span>
</a>
</li>
<li>
<a href="">
<span class="icon-twitter-circled"></span>
</a>
</li>
<li>
<a href="">
<span class="icon-linkedin-circled"></span>
</a>
</li>
</ul>
<div class="mask">
<h2>컨텐츠 메니져</h2>
<p>머니브레인<br>미래인<br>우리은행</p>
</div>
</div>
</div>
</div>
-->
<div class="about-text centered">
<h3>About Us</h3>
<p>'Artificial intelligence for more convenient and enjoyable life'<br><br>
이러한 모토를 가지고 인공지능 플랫폼 서비스를 제공하는 회사입니다.<br>
각 분야의 최고 전문가들과 함께<br>
빠른 성장과 성공을 이루실 '팀원'을 기다리고 있습니다.</p>
</div>
<h3>Skills</h3>
<div class="row-fluid">
<div class="span6">
<ul class="skills">
<li>
<span class="bar" data-width="90%"></span>
<h3>Deep Learning</h3>
</li>
<li>
<span class="bar" data-width="95%"></span>
<h3>NLP & Data Mining</h3>
</li>
<li>
<span class="bar" data-width="68%"></span>
<h3>Android / IOS</h3>
</li>
<li>
<span class="bar" data-width="70%"></span>
<h3>Graphic Design</h3>
</li>
<li>
<span class="bar" data-width="80%"></span>
<h3>Java, Nodejs, python</h3>
</li>
</ul>
</div>
<div class="span6">
<div class="highlighted-box center">
<h1>We're Hiring</h1>
<p style="text-align:left">
ㅁ 항상 배우는 것을 즐기시는 분<br>
ㅁ iOS/Android 중 한가지 이상의 플랫폼에서 개발 경험이 있으신 분<br>
ㅁ 인공지능 등 자신의 분야에서 최고가 되고 싶은 의지가 강하신 분<br>
ㅁ 실무 경험이 부족하더라도 이를 상회하는 배움, 성장의 의지가 있으신 분<br>
ㅁ 자신감과 함께 책임감이 강하신 분<br>
ㅁ 해보지 않았던 것에 대해서 즐거움을 느끼시는 분<br>
ㅁ 다른 사람과 원활한 커뮤니케이션 능력<br>
ㅁ 문제 해결(해외 레퍼런스 참고 등)에 노하우와 경험을 가지신 분<br>
</p>
<button class="button button-sp">Join Us</button>
</div>
</div>
</div>
</div>
</div>
<!-- About us section end -->
<!--
<div class="section secondary-section">
<div class="triangle"></div>
<div class="container centered">
<p class="large-text">Elegance is not the abundance of simplicity. It is the absence of complexity.</p>
<a href="#" class="button">Purshase now</a>
</div>
</div>
-->
<!-- Client section start -->
<!--
<div id="clients">
<div class="section primary-section">
<div class="triangle"></div>
<div class="container">
<div class="title">
<h1>What Client Say?</h1>
<p>Duis mollis placerat quam, eget laoreet tellus tempor eu. Quisque dapibus in purus in dignissim.</p>
</div>
<div class="row">
<div class="span4">
<div class="testimonial">
<p>"I've worked too hard and too long to let anything stand in the way of my goals. I will not let my teammates down and I will not let myself down."</p>
<div class="whopic">
<div class="arrow"></div>
<img src="images/Client1.png" class="centered" alt="client 1">
<strong>John Doe
<small>Client</small>
</strong>
</div>
</div>
</div>
<div class="span4">
<div class="testimonial">
<p>"In motivating people, you've got to engage their minds and their hearts. I motivate people, I hope, by example - and perhaps by excitement, by having productive ideas to make others feel involved."</p>
<div class="whopic">
<div class="arrow"></div>
<img src="images/Client2.png" class="centered" alt="client 2">
<strong>John Doe
<small>Client</small>
</strong>
</div>
</div>
</div>
<div class="span4">
<div class="testimonial">
<p>"Determine never to be idle. No person will have occasion to complain of the want of time who never loses any. It is wonderful how much may be done if we are always doing."</p>
<div class="whopic">
<div class="arrow"></div>
<img src="images/Client3.png" class="centered" alt="client 3">
<strong>John Doe
<small>Client</small>
</strong>
</div>
</div>
</div>
</div>
<p class="testimonial-text">
"Perfection is Achieved Not When There Is Nothing More to Add, But When There Is Nothing Left to Take Away"
</p>
</div>
</div>
</div>
-->
<!--
<div class="section third-section">
<div class="container centered">
<div class="sub-section">
<div class="title clearfix">
<div class="pull-left">
<h3>Our Clients</h3>
</div>
<ul class="client-nav pull-right">
<li id="client-prev"></li>
<li id="client-next"></li>
</ul>
</div>
<ul class="row client-slider" id="clint-slider">
<li>
<a href="">
<img src="images/clients/ClientLogo01.png" alt="client logo 1">
</a>
</li>
<li>
<a href="">
<img src="images/clients/ClientLogo02.png" alt="client logo 2">
</a>
</li>
<li>
<a href="">
<img src="images/clients/ClientLogo03.png" alt="client logo 3">
</a>
</li>
<li>
<a href="">
<img src="images/clients/ClientLogo04.png" alt="client logo 4">
</a>
</li>
<li>
<a href="">
<img src="images/clients/ClientLogo05.png" alt="client logo 5">
</a>
</li>
<li>
<a href="">
<img src="images/clients/ClientLogo02.png" alt="client logo 6">
</a>
</li>
<li>
<a href="">
<img src="images/clients/ClientLogo04.png" alt="client logo 7">
</a>
</li>
</ul>
</div>
</div>
</div>
-->
<!-- Contact section start -->
<div id="contact" class="contact">
<div class="section secondary-section">
<div class="container">
<div class="title">
<h1>Contact Us</h1>
<p>고객을 더 편하게 해주는 인공지능 기술을 무료로 이용하세요.</p>
</div>
<div class="map-wrapper">
<div class="map-canvas" id="map-canvas">Loading map...</div>
<div class="container">
<div class="row-fluid">
<div class="span5 contact-form centered">
<h3>문의하기</h3>
<div id="successSend" class="alert alert-success invisible">
<strong>전송완료!</strong>소중한 메시지가 잘 전달되었습니다.</div>
<div id="errorSend" class="alert alert-error invisible">전송에 오류가 발생했습니다.</div>
<form id="contact-form" action="php/mail.php">
<div class="control-group">
<div class="controls">
<input class="span12" type="text" id="name" name="name" placeholder="* 이름..." />
<div class="error left-align" id="err-name">이름을 입력하세요.</div>
</div>
</div>
<div class="control-group">
<div class="controls">
<input class="span12" type="email" name="email" id="email" placeholder="* email..." />
<div class="error left-align" id="err-email">email을 입력하세요..</div>
</div>
</div>
<div class="control-group">
<div class="controls">
<textarea class="span12" name="comment" id="comment" placeholder="* 내용..."></textarea>
<div class="error left-align" id="err-comment">내용을 입력하세요.</div>
</div>
</div>
<div class="control-group">
<div class="controls">
<button id="send-mail" class="message-btn">전송</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="span9 center contact-info">
<p>경기도 용인시 수지구</p>
<p class="info-mail">dosangyoon@gmail.com</p>
<p>+82 10 2827 6537</p>
<!--
<div class="title">
<h3>We Are Social</h3>
</div>
-->
</div>
<!--
<div class="row-fluid centered">
© COPYRIGHT 2018 BY NCue INC. ALL RIGHT RESERVED
<ul class="social">
<li>
<a href="">
<span class="icon-facebook-circled"></span>
</a>
</li>
<li>
<a href="">
<span class="icon-twitter-circled"></span>
</a>
</li>
<li>
<a href="">
<span class="icon-linkedin-circled"></span>
</a>
</li>
<li>
<a href="">
<span class="icon-pinterest-circled"></span>
</a>
</li>
<li>
<a href="">
<span class="icon-dribbble-circled"></span>
</a>
</li>
<li>
<a href="">
<span class="icon-gplus-circled"></span>
</a>
</li>
</ul>
</div>
-->
</div>
</div>
</div>
<!-- Contact section edn -->
<!-- Newsletter section start -->
<!--
<div class="section third-section">
<div class="container newsletter">
<div class="sub-section">
<div class="title clearfix">
<div class="pull-left">
<h3>Newsletter</h3>
</div>
</div>
</div>
<div id="success-subscribe" class="alert alert-success invisible">
<strong>Well done!</strong>You successfully subscribet to our newsletter.</div>
<div class="row-fluid">
<div class="span5">
<p>최신 인공지능 서비스를 제공하는 "NCue (엔큐)"의 소식을 구독하세요.</p>
</div>
<div class="span7">
<form class="inline-form">
<input type="email" name="email" id="nlmail" class="span8" placeholder="Enter your email" required />
<button id="subscribe" class="button button-sp">Subscribe</button>
</form>
<div id="err-subscribe" class="error centered">Please provide valid email address.</div>
</div>
</div>
</div>
</div>
-->
<!-- Newsletter section end -->
<div class="section third-section">
<div class="container newsletter">
<div class="sub-section">
<div class="title clearfix">
<div class="pull-left">
<h3>질문 & 문의하기</h3>
</div>
</div>
</div>
<div id="board" class="row-fluid">
<iframe id="boardFrame" src="https://board.ncue.net/bbs/board.php?bo_table=ncueboard" style="width:100%;" scrolling="no" frameboard="0" onload="javascript:autoResize(this)"></iframe>
</div>
</div>
</div>
<!-- Footer section start -->
<div class="footer">
<p>&copy; 2019 BY NCue INC.<br>ALL RIGHT RESERVED</p>
</div>
<!-- Footer section end -->
<!-- ScrollUp button start -->
<div class="scrollup">
<a href="#">
<i class="icon-up-open"></i>
</a>
</div>
<!-- ScrollUp button end -->
<!-- Include javascript -->
<script src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.mixitup.js"></script>
<script type="text/javascript" src="js/bootstrap.js"></script>
<script type="text/javascript" src="js/modernizr.custom.js"></script>
<script type="text/javascript" src="js/jquery.bxslider.js"></script>
<script type="text/javascript" src="js/jquery.cslider.js"></script>
<script type="text/javascript" src="js/jquery.placeholder.js"></script>
<script type="text/javascript" src="js/jquery.inview.js"></script>
<!-- Load google maps api and call initializeMap function defined in app.js -->
<script async="" defer="" type="text/javascript" src="https://maps.googleapis.com/maps/api/js?sensor=false&callback=initializeMap"></script>
<!-- css3-mediaqueries.js for IE8 or older -->
<!--[if lt IE 9]>
<script src="js/respond.min.js"></script>
<![endif]-->
<script type="text/javascript" src="js/app.js"></script>
</body>
</html>