<?php
include_once('./_common.php');
include_once(G5_THEME_PATH.'/head.php');
?>
	<div class="position-relative overflow-hidden p-md-5 text-center bg-gray2 bg-sub-1 ety-mt-main margin-bottom-50">
	  <div class="col-md-5 p-lg-5 mx-auto my-5">
		<h1 class="display-4 font-weight-normal">SERVICE</h1>
		<p class="lead font-weight-normal ko1">
			백그라운드 이미지를 변경하시거나 폰트색상등을 변경해서 사용해주세요.
		</p>
		<a class="btn btn-outline-secondary" href="#" style='border:1px solid #ccc;'>GO</a>
	  </div>
	  <div class="product-device shadow-sm d-none d-md-block"></div>
	  <div class="product-device product-device-2 shadow-sm d-none d-md-block"></div>
	</div>
	<div class="container">

	<div class="center-heading margin-top-50">
		<h2>SERVICE</h2>
		<span class="center-line"></span>
	</div>

		<div class="row">
			<div class="col-xs-12 col-sm-6 col-lg-4 margin-top-30">
				<div class="box">							
					<div class="icon">
						<div class="image"><i class="fas fa-code"></i></div>
						<div class="info">
							<h3 class="title">BOOTSTRAP4</h3>
							<p class="ko1" style='height:130px;'>
								현재 최신버전인 부트스트랩4로 제작되어 있습니다. 완벽한 반응형을 지원합니다.
								또한 폰트어썸5 가 적용되어 있습니다.
							</p>
							<div class="margin-top-20 margin-bottom-20">
								<button type="button" class="btn btn-secondary btn-sm" onclick="location.href='http://ety.kr/board/qa'">바로가기</button>
							</div>
						</div>
					</div>
					<div class="space"></div>
				</div> 
			</div>
			<div class="col-xs-12 col-sm-6 col-lg-4 margin-top-30">
				<div class="box">							
					<div class="icon">
						<div class="image"><i class="far fa-comment-dots"></i></div>
						<div class="info">
							<h3 class="title">GNUBOARD5</h3>
							<p class="ko1" style='height:130px;'>
								그누보드 5.3/5.4 에서 모두 적용 가능합니다. 설치후 관리자 페이지에서 테마로 모두 설정하셔야 사용이 가능하며 게시판의 스킨들도 모두 테마로 변경하셔야 합니다.
							</p>
							<div class="margin-top-20 margin-bottom-20">
								<button type="button" class="btn btn-secondary btn-sm" onclick="location.href='http://ety.kr/board/qa'">바로가기</button>
							</div>
						</div>
					</div>
					<div class="space"></div>
				</div> 
			</div>
			<div class="col-xs-12 col-sm-6 col-lg-4 margin-top-30">
				<div class="box">							
					<div class="icon">
						<div class="image"><i class="fas fa-mobile-alt"></i></div>
						<div class="info">
							<h3 class="title">MOBILE</h3>
							<p class="ko1" style='height:130px;'>
								모바일에서 반응형이 되지 않는다면 CONFIG.PHP 파일에 [define('G5_USE_MOBILE', false)] 에서 처럼 FALSE 값으로 변경해주세요.
							</p>
							<div class="margin-top-20 margin-bottom-20">
								<button type="button" class="btn btn-secondary btn-sm" onclick="location.href='http://ety.kr/board/qa'">바로가기</button>
							</div>
						</div>
					</div>
					<div class="space"></div>
				</div> 
			</div>		    
		</div><!-- /row -->
		<div class="row">
			<div class="col-xs-12 col-sm-6 col-lg-4 margin-top-30">
				<div class="box">							
					<div class="icon">
						<div class="image"><i class="fas fa-headphones-alt"></i></div>
						<div class="info">
							<h3 class="title">QA</h3>
							<p class="ko1" style='height:130px;'>
								에티테마에 대해서 궁금하신점은 질문답변게시판을 이용해주세요. http://ety.kr/board/qa
							</p>
							<div class="margin-top-20 margin-bottom-20">
								<button type="button" class="btn btn-secondary btn-sm" onclick="location.href='http://ety.kr/board/qa'">바로가기</button>
							</div>
						</div>
					</div>
					<div class="space"></div>
				</div> 
			</div>
			<div class="col-xs-12 col-sm-6 col-lg-4 margin-top-30">
				<div class="box">							
					<div class="icon">
						<div class="image"><i class="far fa-envelope-open"></i></div>
						<div class="info">
							<h3 class="title">SMS/EMAIL</h3>
							<p class="ko1" style='height:130px;'>
								문자메시지(SMS)/이메일 연동등은 별도 Contact US 파일을 만드셔서 작업하셔야 합니다. 
							</p>
							<div class="margin-top-20 margin-bottom-20">
								<button type="button" class="btn btn-secondary btn-sm" onclick="location.href='http://ety.kr/board/qa'">바로가기</button>
							</div>
						</div>
					</div>
					<div class="space"></div>
				</div> 
			</div>
			<div class="col-xs-12 col-sm-6 col-lg-4 margin-top-30">
				<div class="box">							
					<div class="icon">
						<div class="image"><i class="far fa-paper-plane"></i></div>
						<div class="info">
							<h3 class="title">MESSAGE</h3>
							<p class="ko1" style='height:130px;'>
								에티테마는 소프트존에게 연락주시면 됩니다. 궁금증이나 추가 개발건이 있으실경우<BR />
								SOFTZONECOKR@NAVER.COM 으로 연락주세요. 감사합니다.
							</p>
							<div class="margin-top-20 margin-bottom-20">
								<button type="button" class="btn btn-secondary btn-sm" onclick="location.href='http://ety.kr/board/qa'">바로가기</button>
							</div>
						</div>
					</div>
					<div class="space"></div>
				</div> 
			</div>		    
		</div><!-- /row -->



	<div class="center-heading margin-top-50">
		<h2>PRICE</h2>
		<span class="center-line"></span>
	</div>

      <!-- Content Row -->
      <div class="row">
        <div class="col-lg-4 mb-4">
          <div class="card h-100">
            <h3 class="card-header">LIGHT</h3>
            <div class="card-body">
              <div class="display-4">&#8361; 110,000</div>
            </div>
            <ul class="list-group list-group-flush">
              <li class="list-group-item">20 여개의 스킨제공</li>
              <li class="list-group-item">로그인/회원가입 반응형</li>
              <li class="list-group-item">Contact US 제공</li>
			  <li class="list-group-item">&nbsp;</li>
			  <li class="list-group-item">&nbsp;</li>
              <li class="list-group-item">
                <a href="#" class="btn btn-danger">GO!</a>
              </li>
            </ul>
          </div>
        </div>
        <div class="col-lg-4 mb-4">
          <div class="card card-outline-primary h-100">
            <h3 class="card-header bg-danger text-white">FULL</h3>
            <div class="card-body">
              <div class="display-4">&#8361; 250,000</div>
            </div>
            <ul class="list-group list-group-flush">
              <li class="list-group-item">20 여개의 스킨제공</li>
              <li class="list-group-item">로그인/회원가입 반응형</li>
              <li class="list-group-item">Contact US 제공</li>
			  <li class="list-group-item">80 여개의 서브페이지 제공</li>
			  <li class="list-group-item">호스팅 세팅 무료</li>
              <li class="list-group-item">
                <a href="#" class="btn btn-danger">GO!</a>
              </li>
            </ul>
          </div>
        </div>
        <div class="col-lg-4 mb-4">
          <div class="card h-100">
            <h3 class="card-header">DEVLOPMENT</h3>
            <div class="card-body">
              <div class="display-4">&#8361; 0</div>
            </div>
            <ul class="list-group list-group-flush">
              <li class="list-group-item">협의</li>
              <li class="list-group-item">&nbsp;</li>
              <li class="list-group-item">&nbsp;</li>
			  <li class="list-group-item">&nbsp;</li>
			  <li class="list-group-item">&nbsp;</li>
              <li class="list-group-item">
                <a href="#" class="btn btn-danger">GO!</a>
              </li>
            </ul>
          </div>
        </div>
      </div>
      <!-- /.row -->




	</div><!-- /container -->






	<!-------------------------- CALL ACTION -------------------------->
	<div class="callbox">
		<div class="container margin-top-20">
		<h3 class="margin-bottom-50 text-left">ETY DEMO</h3>
		  <div class="row">
			<div class="col-md-8">
			  <p class="ko_15">
			  에티테마에 대한 궁금증이나 질문이 있으시면 에티테마의 질문게시판을 이용해주세요.<BR />
			  http://ety.kr/board/qa
			  </p>
			</div>
			<div class="col-md-4">
			  <a class="btn btn-lg btn-secondary btn-block" href="http://ety.kr/board/qa" target="_blank">GO!</a>
			</div>
		  </div>
		</div>
	</div>


<?php
include_once(G5_THEME_PATH.'/tail.php');
?>