firstgarden/waterplay-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

First Commit

Browse Source
This commit is contained in:
siane
2026-05-27 11:46:44 +09:00
commit b898b57d38
2351 changed files with 198344 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
web/html/theme/FT_WEB20/sub/_common.php Normal file
View File

@ -0,0 +1,3 @@
<?php
include_once('../../../common.php');
?>

88
web/html/theme/FT_WEB20/sub/about.php Normal file
View File

@ -0,0 +1,88 @@
<?php
include_once('./_common.php');
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
include_once(G5_PATH.'/head.sub.php');
include_once(G5_LIB_PATH.'/latest.lib.php');
include_once(G5_LIB_PATH.'/outlogin.lib.php');
include_once(G5_LIB_PATH.'/poll.lib.php');
include_once(G5_LIB_PATH.'/visit.lib.php');
include_once(G5_LIB_PATH.'/connect.lib.php');
include_once(G5_LIB_PATH.'/popular.lib.php');
add_stylesheet('<link rel="stylesheet" href="'.G5_THEME_URL.'/css/sub.css">', 1);
add_stylesheet('<link rel="stylesheet" href="'.G5_THEME_URL.'/css/common.css">', 2);
add_stylesheet('<link rel="stylesheet" href="'.G5_THEME_URL.'/css/board.css">', 3);
?>
<?php
$g5['navTitle'] = "소개";
$g5['title'] = "소개";
?>
<div class="sub sub01" id="ceo">
<?php include_once(G5_THEME_PATH.'/head.php'); ?>
<?php include_once(G5_THEME_PATH.'/sub/sub_visual.php');?>
<?php // include_once(G5_THEME_PATH.'/navigation.php'); ?>
<section class="sec sec1">
<h1 class="blind">몸만 떠나는 가벼운 피크닉</h1>
<div class="inner">
<div class="lf_box">
<img src="<?php echo G5_THEME_URL?>/img/about_img01.jpg">
</div>
<div class="rt_box">
<div class="text_box">
<h1 class="tit">
몸만 떠나는 가벼운 피크닉
</h1>
<dl>
<dt>
<strong>
가득피크닉에 오신걸 환영합니다
</strong>
</dt>
<dd class="txt">
<p>
“준비물은 오직 설레는 마음뿐, 퍼스트가든이 선물하는 완벽한 유럽식 피크닉”<span class="mo_br"></span>
파주 퍼스트가든의 새로운 랜드마크, 희가든 가든피크닉에서 일상의 쉼표를 찍는 특별한 피크닉을 시작해보세요.<span class="mo_br"></span>
<strong>무거운 짐을 챙겨야 하는 번거로움 없이, 빈손으로 방문하셔도 유럽의 어느 평화로운 교외에 온 듯한 완벽한 피크닉을 즐기실 수 있습니다.</strong><span class="mo_br"></span>
가든피크닉은 감성 가득한 피크닉 텐트와 테이블 등 모든 집기류를 현장에서 간편하게 대여해 드리는 원스톱 서비스를 제공합니다.<span class="mo_br"></span>
</p>
<p>
특히, 도시락을 미리 준비하지 않아도 피크닉장 내에서 신선하고 맛있는 먹거리를 모두 구매할 수 있어, 부모님을 모시고 오거나 아이와 함께하는 나들이길이 더욱 가벼워집니다.<span class="mo_br"></span>
모든 텐트 내부에 개별 에어컨이 완비되어 있어, 한여름에도 시원하고 쾌적한 프라이빗 피크닉을 즐기실 수 있습니다<span class="mo_br"></span>
피크닉장 바로 옆에는 고즈넉한 습지원이 자리하고 있어, 기분 좋은 식사 후에는 사랑하는 이들과 함께 초록빛 자연을 따라 여유로운 산책을 즐기기에도 안성맞춤입니다.<span class="mo_br"></span>
사랑하는 가족, 연인과 함께 정원에서의 낭만가득 피크닉을 즐겨보세요<span class="mo_br"></span>
</p>
</dd>
<!--
<dd class="sign">
<p>
CEO 성함
</p>
<p>
<img src="<?php echo G5_THEME_URL?>//img/ceo_sign.jpg">
</p>
</dd>
-->
</dl>
</div>
</div>
</div>
</section>
</div>
<script>
AOS.init({
// disable on internet explorer
disable: function msieversion() {
return !!(window.navigator.userAgent.indexOf("MSIE ") > 0 || navigator.userAgent.match(
/Trident.*rv\:11\./))
}
})
</script>
<?php
include_once(G5_THEME_PATH.'/tail.php');
?>

235
web/html/theme/FT_WEB20/sub/amenities.php Normal file
View File

@ -0,0 +1,235 @@
<?php
include_once('./_common.php');
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
include_once(G5_PATH.'/head.sub.php');
include_once(G5_LIB_PATH.'/latest.lib.php');
include_once(G5_LIB_PATH.'/outlogin.lib.php');
include_once(G5_LIB_PATH.'/poll.lib.php');
include_once(G5_LIB_PATH.'/visit.lib.php');
include_once(G5_LIB_PATH.'/connect.lib.php');
include_once(G5_LIB_PATH.'/popular.lib.php');
add_stylesheet('<link rel="stylesheet" href="'.G5_THEME_URL.'/css/sub.css">', 1);
add_stylesheet('<link rel="stylesheet" href="'.G5_THEME_URL.'/css/common.css">', 2);
add_stylesheet('<link rel="stylesheet" href="'.G5_THEME_URL.'/css/board.css">', 3);
?>
<?php
// if ( !isset($g5['navTitle']) ) $g5['navTitle'] = "소개";
$g5['title'] = "시설안내";
?>
<div class="sub sub01" id="company">
<?php include_once(G5_THEME_PATH.'/head.php'); ?>
<?php include_once(G5_THEME_PATH.'/sub/sub_visual.php');?>
<?php // include_once(G5_THEME_PATH.'/navigation.php'); ?>
<section class="sec sec01">
<article>
<div class="wrap" data-aos="fade-up" data-aos-duration="600" >
<div class="txt_box">
<p>Property Map</p>
<h2>시설 배치도</h2>
<strong>
가든 피크닉의 시설 배치도입니다.<span class="mo_br"></span>
</strong>
</div>
<div class="img_box">
<img src="<?php echo G5_THEME_URL?>/img/property_map.jpg">
</div>
</div>
</article>
</section>
<section class="sec sec02">
<article>
<div class="wrap">
<div class="txt_box">
<p>Facilities</p>
<h2>시설소개</h2>
</div>
<div class="icon_box">
<ul>
<li data-aos="fade-up" data-aos-duration="300">
<i class="xi-desktop"></i>
<div class="icon_txt">
<strong>매점</strong>
<p><span class="mo_br"></span></p>
</div>
</li>
<li data-aos="fade-up" data-aos-duration="600">
<i class="xi-wrench"></i>
<div class="icon_txt">
<strong>각 동 개별 에어컨</strong>
<p> </p>
</div>
</li>
<li data-aos="fade-up" data-aos-duration="900">
<i class="xi-lightbulb-o"></i>
<div class="icon_txt">
<strong>주차장</strong>
<p> </p>
</div>
</li>
<li data-aos="fade-up" data-aos-duration="1200">
<i class="xi-call-incoming"></i>
<div class="icon_txt">
<strong>중앙 대형 불멍존</strong>
<p></p>
</div>
</li>
<li data-aos="fade-up" data-aos-duration="1500">
<i class="xi-alarm-clock-o"></i>
<div class="icon_txt">
<strong>화장실</strong>
<p></p>
</div>
</li>
<li data-aos="fade-up" data-aos-duration="1800">
<i class="xi-touch"></i>
<div class="icon_txt">
<strong>샤워실</strong>
<p>여름 시즌 운영</p>
</div>
</li>
</ul>
</div>
</div>
</article>
</section>
<!--
<section class="sec sec03">
<article>
<div class="content3_wrap container">
<div class="img_box" data-aos="fade-right" data-aos-duration="600"><img
src="<?php echo G5_THEME_URL?>/img/sub_company02.png" alt="">
</div>
<div class="txt_box" data-aos="fade-left" data-aos-duration="600">
<h2>웹 사이트를 위해<br>제작한 아름다운 템플릿</h2>
<ul class="txt">
<li><i class="xi-check-min"></i>아름답고 이해하기 쉬운 UI,
전문 애니메이션</li>
<li><i class="xi-check-min"></i>가장 최적화된 디자인과 기술력</li>
<li><i class="xi-check-min"></i>유연하고 편리하며 다양한 용도로 서비스 제공</li>
<li><i class="xi-check-min"></i>다양한 경험을 기반으로 창의적인 아이디어 찾기</li>
<li><i class="xi-check-min"></i>제한 없는 전원 및 사용자 지정 가능성</li>
<li><i class="xi-check-min"></i>다양한 동적 모션이 가능한 웹홈페이지</li>
</ul>
</div>
</div>
</article>
</section>
<section class="sec sec04">
<article>
<div class="wrap">
<div class="tab_wrap left"data-aos="fade-right" data-aos-duration="600">
<div class="tab_inner">
<div class="tab_txt">
<h2>완벽한 설계 기반<sapn class="mo_br"></sapn><strong>100% 반응형 홈페이지</strong></h2>
</div>
<div class="faq-content">
<button class="question" id="que-1"><span id="que-1-toggle">+</span><span>'반응형'이란
무엇인가요?</span></button>
<div class="answer" id="ans-1">이용자의 기기화면이나 환경에 맞게 자유자재로 변하는 웹홈페이지입니다.</div>
</div>
<div class="faq-content">
<button class="question" id="que-2"><span id="que-2-toggle">+</span><span>'왜 반응형 이어야 할까요? </span></button>
<div class="answer" id="ans-2">
단 하나의 웹사이트로 다양한 디바이스에 대응을 하며 유지보수 및 추가 수정에 대해 시간과 비용면에서도 보다 효율적입니다.
</div>
</div>
<div class="faq-content">
<button class="question" id="que-3"><span id="que-3-toggle">+</span><span>
'반응형 웹'의 장점을 알려주세요.
</span>
</button>
<div class="answer" id="ans-3">
같은 도메인을 사용하므로 비용적 절감이 가능하며 유지보수가 간편합니다. 구축비용의 감소와 더불어 검색엔진(SEO)노출이 용이합니다. 브라우저 크기에 따라 디바이스의 모드에 따라 자연스럽게 레이아웃이 반응합니다.
</div>
</div>
</div>
</div>
<div class="img_box right"data-aos="fade-left" data-aos-duration="600">
<img src="<?php echo G5_THEME_URL?>/img/sub_company03.png" alt="">
</div>
</div>
</article>
</section>
<section class="sec sec06">
<article>
<div class="content7_wrap container">
<div class="ul_box">
<ul>
<li>
<span>Build perfect websites</span>
<h2>페이스메이커의 다양한 <br>디자인의 웹사이트 구축</h2>
<p>
텍스트를 입력해주세요 텍스트를 입력해주세요.텍스트를 입력해주세요 텍스트를 입력해주세요
텍스트를 입력해주세요 텍스트를 입력해주세요. 텍스트를 입력해주세요 텍스트를 입력해주세요.
</p>
<a href="<?php echo G5_URL?>/bbs/board.php?bo_table=list01">VIEW MORE</a>
</li>
<li><span>Build perfect websites</span>
<h2>페이스메이커의 다양한 <br>디자인의 웹사이트 구축</h2>
<p>
텍스트를 입력해주세요 텍스트를 입력해주세요.텍스트를 입력해주세요 텍스트를 입력해주세요
텍스트를 입력해주세요 텍스트를 입력해주세요. 텍스트를 입력해주세요 텍스트를 입력해주세요. 텍스트를 입력해주세요 텍스트를 입력해주세요.
</p>
<a href="<?php echo G5_URL?>/bbs/board.php?bo_table=list02">VIEW MORE</a>
</li>
<li><span>Build perfect websites</span>
<h2>페이스메이커의 다양한 <br>디자인의 웹사이트 구축</h2>
<p>
텍스트를 입력해주세요 텍스트를 입력해주세요.텍스트를 입력해주세요 텍스트를 입력해주세요
텍스트를 입력해주세요 텍스트를 입력해주세요. 텍스트를 입력해주세요 텍스트를 입력해주세요. 텍스트를 입력해주세요 텍스트를 입력해주세요.
</p>
<a href="<?php echo G5_URL?>/bbs/board.php?bo_table=list01">VIEW MORE</a>
</li>
</div>
</li>
</ul>
</div>
</article>
</section>
<section class="sec sec07">
<article>
<div class="pj" data-aos="flip-right" data-aos-duration="1500">
<h2>새로운 프로젝트를 원하세요?</h2>
<p>우리는 귀사의 프로젝트에 대해 듣고 싶습니다.</p>
<a href="<?php echo G5_URL?>/bbs/board.php?bo_table=qna">VIEW MORE</a>
</div>
</article>
</section>
-->
</div>
<script>
AOS.init({
// disable on internet explorer
disable: function msieversion() {
return !!(window.navigator.userAgent.indexOf("MSIE ") > 0 || navigator.userAgent.match(
/Trident.*rv\:11\./))
}
})
</script>
<script>
$('.question').click(function(){
$('.answer').not($(this).siblings()).removeClass("on")
$(this).siblings().toggleClass('on');
});
</script>
<?php
include_once(G5_THEME_PATH.'/tail.php');
?>

238
web/html/theme/FT_WEB20/sub/business1.php Normal file
View File

@ -0,0 +1,238 @@
<?php
include_once('./_common.php');
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
include_once(G5_PATH.'/head.sub.php');
include_once(G5_LIB_PATH.'/latest.lib.php');
include_once(G5_LIB_PATH.'/outlogin.lib.php');
include_once(G5_LIB_PATH.'/poll.lib.php');
include_once(G5_LIB_PATH.'/visit.lib.php');
include_once(G5_LIB_PATH.'/connect.lib.php');
include_once(G5_LIB_PATH.'/popular.lib.php');
add_stylesheet('<link rel="stylesheet" href="'.G5_THEME_URL.'/css/sub.css">', 1);
add_stylesheet('<link rel="stylesheet" href="'.G5_THEME_URL.'/css/common.css">', 2);
add_stylesheet('<link rel="stylesheet" href="'.G5_THEME_URL.'/css/board.css">', 3);
?>
<?php
$g5['navTitle'] = "이용안내";
$g5['title'] = "이용안내";
?>
<div class="sub sub01" id="business01">
<?php include_once(G5_THEME_PATH.'/head.php'); ?>
<?php include_once(G5_THEME_PATH.'/sub/sub_visual.php');?>
<?php // include_once(G5_THEME_PATH.'/navigation.php'); ?>
<section class="sec sec1">
<h1 class="blind">이용안내</h1>
<div class="inner">
<h1 class="title">이용안내</h1>
<img src="<?php echo G5_THEME_URL?>/img/bussiness01_img01.jpg" class="pc_img">
<img src="<?php echo G5_THEME_URL?>/img/bussiness01_img01_mo.jpg" class="mo_img">
<ul>
<li data-aos="fade-up">
<dl>
<dt>운영시간</dt>
<dd>
연중무휴
</dd>
</dl>
</li>
<li data-aos="fade-down">
<dl>
<dt>이용시간</dt>
<dd>
1부 : 12:00 ~ 16:00<br>
2부 : 18:00 ~ 22:00<br>
이용시간 내 3시간 이용
</dd>
</dl>
</li>
<li data-aos="fade-up">
<dl>
<dt>이용금액</dt>
<dd>
4인기준 50,000원<br>
인원추가 : 10,000원 / 1인<br>
시간추가 : 20,000원 / 1시간<br>
퍼스트가든 입장료, 희가든가든피크닉 텐트 이용료, 숯, 그릴, 식기 등 모든 집기류 대여 포함<br>
<strong>고기, 음료 등 먹거리류 별도 구매(매점 이용)</strong>
</dd>
</dl>
</li>
</ul>
</div>
</section>
<section class="sec sec2">
<h2 class="blind">이용 시 주의사항</h2>
<div class="inner">
<div class="text_box">
<h2 class="tit">이용 시 주의사항</h2>
<!--<p class="txt">가든피크닉 이용 방법</p>-->
</div>
<ul>
<li data-aos="fade-down">
<div class="icon">
<i class="xi-user"></i>
</div>
<dl>
<dt>외부음식 반입 금지</dt>
<dd>
<p>
영유아 이유식 및 환자식 제외
</p>
</dd>
</dl>
</li>
<li data-aos="fade-up">
<div class="icon">
<i class="xi-user"></i>
</div>
<dl>
<dt>반입 불가 물품</dt>
<dd>
<p>개인 버너 및 그릴, 기타 화기용품
</p>
</dd>
</dl>
</li>
<li data-aos="fade-down">
<div class="icon">
<i class="xi-user"></i>
</div>
<dl>
<dt>안전사고 주의</dt>
<dd>
<p>
매우 뜨거운 숯과 그릴을 이용하므로 자녀 동반 시 안전사고에 유의하시기 바랍니다.
</p>
</dd>
</dl>
</li>
<!--
<li data-aos="fade-down">
<div class="icon">
<i class="xi-user"></i>
</div>
<dl>
<dt>BUILDING WEB SERVICES</dt>
<dd>
<p>페이스메이커는 고품질의 설계 및 웹사이트 구축을 제공하기 위해 최선을 다하고 있습니다.</p>
</dd>
</dl>
</li>
<li data-aos="fade-up">
<div class="icon">
<i class="xi-user"></i>
</div>
<dl>
<dt>STRATEGIC THINKIN</dt>
<dd>
<p>말로만 앞서지 않고 직접 보여드리는 서비스를 제공합니다. 웹사이트 제작은 고객의 목적과 상황에 맞게 컨설팅 후 웹사이트를 제작합니다.</p>
</dd>
</dl>
</li>
<li data-aos="fade-down">
<div class="icon">
<i class="xi-user"></i>
</div>
<dl>
<dt>FACE-MAKER MAINTENANCE</dt>
<dd>
<p>웹에이전시 업체와의 지속적인 '소통'이라고 생각합니다. 운영 중 일어날 수 밖에 없는 유지보수에 대해 지속적으로 케어할 수 있도록 노력합니다.</p>
</dd>
</dl>
</li>
-->
<div class="clearfix"></div>
</ul>
</div>
</section>
<section class="sec sec3">
<h3 class="blind">예약방법</h3>
<div class="inner">
<div class="text_box">
<h3 class="tit">
<strong>예약방법</strong>
</h3>
<p class="txt" data-aos="zoom-in">
네이버에서 '희가든 가든피크닉 검색' 또는 아래 링크 클릭 후 예약
</p>
<a href="https://naver.me/5QiOYB0K">
<span>예약하기</span>
</a>
</div>
</div>
</section>
<!--
<section class="sec sec4">
<h4 class="blind">이용방법</h4>
<div class="inner">
<div class="text_box">
<h4 data-aos="fade-down">
이용방법
</h4>
<p data-aos="fade-up">
내용
</p>
<a href="#">
<span>예약하기</span>
</a>
</div>
</div>
</section>
-->
<section class="sec sec5">
<h5 class="blind">이용방법</h5>
<div class="inner">
<div class="text_box">
<h5>
<strong>이용방법</strong>
</h5>
<!--
<p>
안내문구가 있는 경우 추가
</p>
-->
</div>
<ul>
<li data-aos="fade-down">
희가든 가든피크닉 매점에서 예약 확인 후 자리배정(예약자 성함, 연락처)
</li>
<li data-aos="fade-down">
매점에서 필요물품 구매 및 셀프바 이용
</li>
<li data-aos="fade-down">
맛있게 피크닉 즐기기
</li>
<li data-aos="fade-down">
쓰레기는 매점 맞은 편 분리수거장에 분리 배출
</li>
<!--
<li data-aos="fade-down">
<img src="<?php echo G5_THEME_URL?>/img/bussiness01_img03_x4.jpg">
</li>
-->
</ul>
</div>
</section>
</div>
<script>
AOS.init({
// disable on internet explorer
disable: function msieversion() {
return !!(window.navigator.userAgent.indexOf("MSIE ") > 0 || navigator.userAgent.match(
/Trident.*rv\:11\./))
}
})
</script>
<?php
include_once(G5_THEME_PATH.'/tail.php');
?>

253
web/html/theme/FT_WEB20/sub/business2.php Normal file
View File

@ -0,0 +1,253 @@
<?php
include_once('./_common.php');
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
include_once(G5_PATH.'/head.sub.php');
include_once(G5_LIB_PATH.'/latest.lib.php');
include_once(G5_LIB_PATH.'/outlogin.lib.php');
include_once(G5_LIB_PATH.'/poll.lib.php');
include_once(G5_LIB_PATH.'/visit.lib.php');
include_once(G5_LIB_PATH.'/connect.lib.php');
include_once(G5_LIB_PATH.'/popular.lib.php');
add_stylesheet('<link rel="stylesheet" href="'.G5_THEME_URL.'/css/sub.css">', 1);
add_stylesheet('<link rel="stylesheet" href="'.G5_THEME_URL.'/css/common.css">', 2);
add_stylesheet('<link rel="stylesheet" href="'.G5_THEME_URL.'/css/board.css">', 3);
?>
<?php
$g5['navTitle'] = "Business";
$g5['title'] = "사업영역";
?>
<div class="sub sub02" id="business02">
<?php include_once(G5_THEME_PATH.'/head.php'); ?>
<?php include_once(G5_THEME_PATH.'/sub/sub_visual.php');?>
<?php include_once(G5_THEME_PATH.'/navigation.php'); ?>
<section class="sec sec1">
<h1 class="blind">사업영역</h1>
<div class="inner">
<div class="lf_box" data-aos="fade-left">
<h1 class="tit">사업영역</h1>
<ul>
<li>
<strong>명칭</strong>
<p>(주)페이스메이커</p>
</li>
<li>
<strong>설립일</strong>
<p>2021.11.12</p>
</li>
<li>
<strong>사업영역</strong>
<p>플랫폼사업</p>
</li>
<li>
<strong>사업안내</strong>
<p>웹사이트 제작, 테마제작, 유지보수</p>
</li>
<li>
<strong>소재지</strong>
<p>서울 가산디지털1로 128</p>
</li>
<li>
<strong>대표전화</strong>
<p>1661-4222</p>
</li>
<li>
<strong>문의전화</strong>
<p>평일 10:00~17:30</p>
</li>
</ul>
</div>
<div class="rt_box" data-aos="fade-right">
<img src="<?php echo G5_THEME_URL?>/img/sub_bussiness_01.jpg">
</div>
</div>
</section>
<section class="sec sec2">
<h2 class="blind">사업영역</h2>
<div class="inner">
<div class="text_box">
<div class="border">
<h2 class="tit">함께 나아가는 페이스메이커입니다.</h2>
<p>
잘 만든 홈페이지는 시간이 지나도 그 가치를 간직합니다. 다년간의 노하우와 경험으로 가장최적화된 디자인과 기술력을 선보입니다. 제작이 완성 된 후에도 꾸준한 소통으로 항상 만족할 수 있도록 노력하겠습니다. 기능은 동일하지만 다양한 효과를 주어 시각적으로 다른 것처럼 보여질 수 있습니다. 고객에게 홍보와 상품구매로 이어지는 최적화된 절차, 컨슈머의 이목을 끌기 위한 기능 개발 등 가치있는 홈페이지로써의 최적화된 '기술' 을 개발하기 위해 노력합니다.
</p>
</div>
</div>
<div class="icon_box">
<ul>
<li data-aos="fade-left">
<span>
<i class="xi-alarm-o"></i>
</span>
<strong>
EASY AND FAST
</strong>
<p>
쉽게 사이트를 제작할수 있으며 빠른 시간안에 웹사이트를 만나볼 수 있습니다.
</p>
</li>
<li data-aos="fade-right">
<span>
<i class="xi-browser"></i>
</span>
<strong>
STRATEGY DEVELOPMENT
</strong>
<p>
전문적 제작 컨설팅 및 다양한 경험을 바탕으로 제대로 된 웹 서비스를 재공합니다.
</p>
</li>
<li data-aos="fade-left">
<span>
<i class="xi-airplay"></i>
</span>
<strong>
HIGH QUALITY
</strong>
<p>
차별화된 디자인과 체계적인 제작으로 고객님이 만족하는 웹사이트를 제작합니다.
</p>
</li>
<li data-aos="fade-right">
<span>
<i class="xi-flag-o"></i>
</span>
<strong>
PROJECT MANAGEMENT
</strong>
<p>
고객의 목적과 상황에 맞게 컨설팅 및 분석을 하여 고객의 맞는 웹서비스를 제공합니다.
</p>
</li>
</ul>
</div>
</div>
</section>
<section class="sec sec3">
<h3 class="blind">STRATEGY</h3>
<div class="inner">
<h3 class="tit">STRATEGY</h3>
<ul>
<li>
<div class="icon_box" data-aos="flip-left">
<span>
<i class="xi-map"></i>
</span>
</div>
<dl>
<dt>미래비전</dt>
<dd>
미래에 대한 통찰과<span class="mo_br"></span>
끊임없는 혁신을 통해<span class="mo_br"></span>
더 나은 고객가치를 창출한다.
</dd>
</dl>
</li>
<li>
<div class="icon_box" data-aos="flip-left">
<span>
<i class="xi-map"></i>
</span>
</div>
<dl>
<dt>가치창출</dt>
<dd>
선진기술을 보급하고<span class="mo_br"></span>
안전 및 환경 우선 경영으로<span class="mo_br"></span>
기업의 사회적 책임을 다한다.
</dd>
</dl>
</li>
<li>
<div class="icon_box" data-aos="flip-left">
<span>
<i class="xi-map"></i>
</span>
</div>
<dl>
<dt>창조</dt>
<dd>
개인의 인격을 존중하고<span class="mo_br"></span>
역량 발휘 기회를 최대화하여<span class="mo_br"></span>
개인과 회사가 함께 성장한다.
</dd>
</dl>
</li>
</ul>
</div>
</section>
<section class="sec sec4">
<h4 class="blind">경영이념</h4>
<div class="inner">
<div class="text_box">
<h4 class="tit">경영이념</h4>
<p>
페이스메이커에서 제작한 다양한 컨셉의 <span class="mo_br2"></span>
고급 스킨으로 멋진 홈페이지를 구현해보세요!
</p>
</div>
<ul>
<li data-aos="fade-down">
<img src="<?php echo G5_THEME_URL?>/img/sub_bussiness_manage_01.jpg">
<dl>
<dt>Web Design</dt>
<dd>
페이스메이커에서 제작한 다양한 컨셉의 고급 스킨으로
멋진 홈페이지를 구현해보세요!
</dd>
</dl>
</li>
<li data-aos="fade-up">
<img src="<?php echo G5_THEME_URL?>/img/sub_bussiness_manage_02.jpg">
<dl>
<dt>Web Design</dt>
<dd>
페이스메이커에서 제작한 다양한 컨셉의 고급 스킨으로
멋진 홈페이지를 구현해보세요!
</dd>
</dl>
</li>
<li data-aos="fade-down">
<img src="<?php echo G5_THEME_URL?>/img/sub_bussiness_manage_03.jpg">
<dl>
<dt>Web Design</dt>
<dd>
페이스메이커에서 제작한 다양한 컨셉의 고급 스킨으로
멋진 홈페이지를 구현해보세요!
</dd>
</dl>
</li>
<li data-aos="fade-up">
<img src="<?php echo G5_THEME_URL?>/img/sub_bussiness_manage_04.jpg">
<dl>
<dt>Web Design</dt>
<dd>
페이스메이커에서 제작한 다양한 컨셉의 고급 스킨으로
멋진 홈페이지를 구현해보세요!
</dd>
</dl>
</li>
</ul>
</div>
</section>
</div>
<script>
AOS.init({
// disable on internet explorer
disable: function msieversion() {
return !!(window.navigator.userAgent.indexOf("MSIE ") > 0 || navigator.userAgent.match(
/Trident.*rv\:11\./))
}
})
</script>
<?php
include_once(G5_THEME_PATH.'/tail.php');
?>

88
web/html/theme/FT_WEB20/sub/ceo.php Normal file
View File

@ -0,0 +1,88 @@
<?php
include_once('./_common.php');
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
include_once(G5_PATH.'/head.sub.php');
include_once(G5_LIB_PATH.'/latest.lib.php');
include_once(G5_LIB_PATH.'/outlogin.lib.php');
include_once(G5_LIB_PATH.'/poll.lib.php');
include_once(G5_LIB_PATH.'/visit.lib.php');
include_once(G5_LIB_PATH.'/connect.lib.php');
include_once(G5_LIB_PATH.'/popular.lib.php');
add_stylesheet('<link rel="stylesheet" href="'.G5_THEME_URL.'/css/sub.css">', 1);
add_stylesheet('<link rel="stylesheet" href="'.G5_THEME_URL.'/css/common.css">', 2);
add_stylesheet('<link rel="stylesheet" href="'.G5_THEME_URL.'/css/board.css">', 3);
?>
<?php
$g5['navTitle'] = "소개";
$g5['title'] = "소개";
?>
<div class="sub sub01" id="ceo">
<?php include_once(G5_THEME_PATH.'/head.php'); ?>
<?php include_once(G5_THEME_PATH.'/sub/sub_visual.php');?>
<?php // include_once(G5_THEME_PATH.'/navigation.php'); ?>
<section class="sec sec1">
<h1 class="blind">몸만 떠나는 가벼운 피크닉</h1>
<div class="inner">
<div class="lf_box">
<img src="<?php echo G5_THEME_URL?>/img/ceo_img01.jpg">
</div>
<div class="rt_box">
<div class="text_box">
<h1 class="tit">
몸만 떠나는 가벼운 피크닉
</h1>
<dl>
<dt>
<strong>
가득피크닉에 오신걸 환영합니다
</strong>
</dt>
<dd class="txt">
<p>
“준비물은 오직 설레는 마음뿐, 퍼스트가든이 선물하는 완벽한 유럽식 피크닉”<span class="mo_br"></span>
파주 퍼스트가든의 새로운 랜드마크, 희가든 가든피크닉에서 일상의 쉼표를 찍는 특별한 피크닉을 시작해보세요.<span class="mo_br"></span>
<strong>무거운 짐을 챙겨야 하는 번거로움 없이, 빈손으로 방문하셔도 유럽의 어느 평화로운 교외에 온 듯한 완벽한 피크닉을 즐기실 수 있습니다.</strong><span class="mo_br"></span>
가든피크닉은 감성 가득한 피크닉 텐트와 테이블 등 모든 집기류를 현장에서 간편하게 대여해 드리는 원스톱 서비스를 제공합니다.<span class="mo_br"></span>
</p>
<p>
특히, 도시락을 미리 준비하지 않아도 피크닉장 내에서 신선하고 맛있는 먹거리를 모두 구매할 수 있어, 부모님을 모시고 오거나 아이와 함께하는 나들이길이 더욱 가벼워집니다.<span class="mo_br"></span>
모든 텐트 내부에 개별 에어컨이 완비되어 있어, 한여름에도 시원하고 쾌적한 프라이빗 피크닉을 즐기실 수 있습니다<span class="mo_br"></span>
피크닉장 바로 옆에는 고즈넉한 습지원이 자리하고 있어, 기분 좋은 식사 후에는 사랑하는 이들과 함께 초록빛 자연을 따라 여유로운 산책을 즐기기에도 안성맞춤입니다.<span class="mo_br"></span>
사랑하는 가족, 연인과 함께 정원에서의 낭만가득 피크닉을 즐겨보세요<span class="mo_br"></span>
</p>
</dd>
<!--
<dd class="sign">
<p>
CEO 성함
</p>
<p>
<img src="<?php echo G5_THEME_URL?>//img/ceo_sign.jpg">
</p>
</dd>
-->
</dl>
</div>
</div>
</div>
</section>
</div>
<script>
AOS.init({
// disable on internet explorer
disable: function msieversion() {
return !!(window.navigator.userAgent.indexOf("MSIE ") > 0 || navigator.userAgent.match(
/Trident.*rv\:11\./))
}
})
</script>
<?php
include_once(G5_THEME_PATH.'/tail.php');
?>

240
web/html/theme/FT_WEB20/sub/company.php Normal file
View File

@ -0,0 +1,240 @@
<?php
include_once('./_common.php');
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
include_once(G5_PATH.'/head.sub.php');
include_once(G5_LIB_PATH.'/latest.lib.php');
include_once(G5_LIB_PATH.'/outlogin.lib.php');
include_once(G5_LIB_PATH.'/poll.lib.php');
include_once(G5_LIB_PATH.'/visit.lib.php');
include_once(G5_LIB_PATH.'/connect.lib.php');
include_once(G5_LIB_PATH.'/popular.lib.php');
add_stylesheet('<link rel="stylesheet" href="'.G5_THEME_URL.'/css/sub.css">', 1);
add_stylesheet('<link rel="stylesheet" href="'.G5_THEME_URL.'/css/common.css">', 2);
add_stylesheet('<link rel="stylesheet" href="'.G5_THEME_URL.'/css/board.css">', 3);
?>
<?php
// if ( !isset($g5['navTitle']) ) $g5['navTitle'] = "소개";
$g5['title'] = "소개";
?>
<div class="sub sub01" id="company">
<?php include_once(G5_THEME_PATH.'/head.php'); ?>
<?php include_once(G5_THEME_PATH.'/sub/sub_visual.php');?>
<?php // include_once(G5_THEME_PATH.'/navigation.php'); ?>
<section class="sec sec01">
<article>
<div class="wrap" data-aos="fade-up" data-aos-duration="600" >
<div class="txt_box">
<!--<p>잘 만든 홈페이지는 시간이 지나도 그 가치를 간직합니다.</p>-->
<h2>몸만 떠나는 가벼운 피크닉</h2>
<strong>
"준비물은 오직 설레는 마음 뿐, 퍼스트가든이 선물하는 완벽한 유럽식 피크닉"<span class="mo_br"></span>
파주 퍼스트가든의 새로운 랜드마크, 희가든 가든피크닉에서 일상의 쉼표를 찍는 특별한 피크닉을 시작해보세요.<span class="mo_br"></span>
무거운 짐을 챙겨야 하는 번거로움 없이, 빈손으로 방문하셔도 유럽의 어느 평화로운 교외에 온 듯한 완벽한 피크닉을 즐기실 수 있습니다.<span class="mo_br"></span>
가든피크닉은 감성 가득한 피크닉 텐트와 테이블 등 모든 집기류를 현장에서 간편하게 대여해 드리는 원스톱 서비스를 제공합니다. <span class="mo_br"></span>
특히 도시락을 미리 준비하지 않아도 피크닉장 내에서 신선하고 맛있는 먹거리를 모두 구매할 수 있어, 부모님을 모시고 오거나 아이와 함께하는 나들이길이 더욱 가벼워집니다.<span class="mo_br"></span>
모든 텐트 내부에 개별 에어컨이 완비되어 있어, 한여름에도 시원하고 쾌적한 프라이빗 피크닉을 즐기실 수 있습니다.<span class="mo_br"></span>
피크닉장 바로 옆에는 고즈넉한 습지원이 자리하고 있어, 기분 좋은 식사 후에는 사랑하는 이들과 함께 초록빛 자연을 따라 여유로운 산책을 즐기기에도 안성맞춤입니다.<span class="mo_br"></span>
사랑하는 가족, 연인과 함께 정원에서의 낭만가득 피크닉을 즐겨보세요<span class="mo_br"></span>
</strong>
</div>
<div class="img_box">
<img src="<?php echo G5_THEME_URL?>/img/sub_company01.png">
</div>
</div>
</article>
</section>
<section class="sec sec02">
<article>
<div class="wrap">
<div class="txt_box">
<p>Face-maker Template</p>
<h2>귀사의 성공적인 홈페이지를 열어드리겠습니다.</h2>
</div>
<div class="icon_box">
<ul>
<li data-aos="fade-up" data-aos-duration="300">
<i class="xi-desktop"></i>
<div class="icon_txt">
<strong>UI/UX 기반 철저한 기획</strong>
<p>웹표준/웹접근성 준수 코딩<span class="mo_br"></span></p>
</div>
</li>
<li data-aos="fade-up" data-aos-duration="600">
<i class="xi-wrench"></i>
<div class="icon_txt">
<strong>높은 품질과 안정성</strong>
<p>제작이 완성된 후에도 꾸준한 소통으로 항상 만족할수 있도록 노력하겠습니다.</p>
</div>
</li>
<li data-aos="fade-up" data-aos-duration="900">
<i class="xi-lightbulb-o"></i>
<div class="icon_txt">
<strong>다양한 아이디어 기반 홈페이지</strong>
<p>가치있는 홈페이지를 만들기 위해 페이스메이커는 노력합니다.</p>
</div>
</li>
<li data-aos="fade-up" data-aos-duration="1200">
<i class="xi-call-incoming"></i>
<div class="icon_txt">
<strong>고객과 소통하는 페이스메이커</strong>
<p>고객사의 원하는 바를 지속적인 협의를 통해 요구사항을 최대한 반영하도록 노력하겠습니다.</p>
</div>
</li>
<li data-aos="fade-up" data-aos-duration="1500">
<i class="xi-alarm-clock-o"></i>
<div class="icon_txt">
<strong>기술 개발에 많은 시간 투자</strong>
<p>가치있는 홈페이지로써의 최적화된 '기술' 을 개발하기 위해 노력합니다.</p>
</div>
</li>
<li data-aos="fade-up" data-aos-duration="1800">
<i class="xi-touch"></i>
<div class="icon_txt">
<strong>100% 반응형 모바일구현</strong>
<p>모든IT기기 자유로운 호환 최상의 상태를 보여주는 반응형WEB </p>
</div>
</li>
</ul>
</div>
</div>
</article>
</section>
<section class="sec sec03">
<article>
<div class="content3_wrap container">
<div class="img_box" data-aos="fade-right" data-aos-duration="600"><img
src="<?php echo G5_THEME_URL?>/img/sub_company02.png" alt="">
</div>
<div class="txt_box" data-aos="fade-left" data-aos-duration="600">
<h2>웹 사이트를 위해<br>제작한 아름다운 템플릿</h2>
<ul class="txt">
<li><i class="xi-check-min"></i>아름답고 이해하기 쉬운 UI,
전문 애니메이션</li>
<li><i class="xi-check-min"></i>가장 최적화된 디자인과 기술력</li>
<li><i class="xi-check-min"></i>유연하고 편리하며 다양한 용도로 서비스 제공</li>
<li><i class="xi-check-min"></i>다양한 경험을 기반으로 창의적인 아이디어 찾기</li>
<li><i class="xi-check-min"></i>제한 없는 전원 및 사용자 지정 가능성</li>
<li><i class="xi-check-min"></i>다양한 동적 모션이 가능한 웹홈페이지</li>
</ul>
</div>
</div>
</article>
</section>
<section class="sec sec04">
<article>
<div class="wrap">
<div class="tab_wrap left"data-aos="fade-right" data-aos-duration="600">
<div class="tab_inner">
<div class="tab_txt">
<h2>완벽한 설계 기반<sapn class="mo_br"></sapn><strong>100% 반응형 홈페이지</strong></h2>
</div>
<div class="faq-content">
<button class="question" id="que-1"><span id="que-1-toggle">+</span><span>'반응형'이란
무엇인가요?</span></button>
<div class="answer" id="ans-1">이용자의 기기화면이나 환경에 맞게 자유자재로 변하는 웹홈페이지입니다.</div>
</div>
<div class="faq-content">
<button class="question" id="que-2"><span id="que-2-toggle">+</span><span>'왜 반응형 이어야 할까요? </span></button>
<div class="answer" id="ans-2">
단 하나의 웹사이트로 다양한 디바이스에 대응을 하며 유지보수 및 추가 수정에 대해 시간과 비용면에서도 보다 효율적입니다.
</div>
</div>
<div class="faq-content">
<button class="question" id="que-3"><span id="que-3-toggle">+</span><span>
'반응형 웹'의 장점을 알려주세요.
</span>
</button>
<div class="answer" id="ans-3">
같은 도메인을 사용하므로 비용적 절감이 가능하며 유지보수가 간편합니다. 구축비용의 감소와 더불어 검색엔진(SEO)노출이 용이합니다. 브라우저 크기에 따라 디바이스의 모드에 따라 자연스럽게 레이아웃이 반응합니다.
</div>
</div>
</div>
</div>
<div class="img_box right"data-aos="fade-left" data-aos-duration="600">
<img src="<?php echo G5_THEME_URL?>/img/sub_company03.png" alt="">
</div>
</div>
</article>
</section>
<section class="sec sec06">
<article>
<div class="content7_wrap container">
<div class="ul_box">
<ul>
<li>
<span>Build perfect websites</span>
<h2>페이스메이커의 다양한 <br>디자인의 웹사이트 구축</h2>
<p>
텍스트를 입력해주세요 텍스트를 입력해주세요.텍스트를 입력해주세요 텍스트를 입력해주세요
텍스트를 입력해주세요 텍스트를 입력해주세요. 텍스트를 입력해주세요 텍스트를 입력해주세요.
</p>
<a href="<?php echo G5_URL?>/bbs/board.php?bo_table=list01">VIEW MORE</a>
</li>
<li><span>Build perfect websites</span>
<h2>페이스메이커의 다양한 <br>디자인의 웹사이트 구축</h2>
<p>
텍스트를 입력해주세요 텍스트를 입력해주세요.텍스트를 입력해주세요 텍스트를 입력해주세요
텍스트를 입력해주세요 텍스트를 입력해주세요. 텍스트를 입력해주세요 텍스트를 입력해주세요. 텍스트를 입력해주세요 텍스트를 입력해주세요.
</p>
<a href="<?php echo G5_URL?>/bbs/board.php?bo_table=list02">VIEW MORE</a>
</li>
<li><span>Build perfect websites</span>
<h2>페이스메이커의 다양한 <br>디자인의 웹사이트 구축</h2>
<p>
텍스트를 입력해주세요 텍스트를 입력해주세요.텍스트를 입력해주세요 텍스트를 입력해주세요
텍스트를 입력해주세요 텍스트를 입력해주세요. 텍스트를 입력해주세요 텍스트를 입력해주세요. 텍스트를 입력해주세요 텍스트를 입력해주세요.
</p>
<a href="<?php echo G5_URL?>/bbs/board.php?bo_table=list01">VIEW MORE</a>
</li>
</div>
</li>
</ul>
</div>
</article>
</section>
<section class="sec sec07">
<article>
<div class="pj" data-aos="flip-right" data-aos-duration="1500">
<h2>새로운 프로젝트를 원하세요?</h2>
<p>우리는 귀사의 프로젝트에 대해 듣고 싶습니다.</p>
<a href="<?php echo G5_URL?>/bbs/board.php?bo_table=qna">VIEW MORE</a>
</div>
</article>
</section>
</div>
<script>
AOS.init({
// disable on internet explorer
disable: function msieversion() {
return !!(window.navigator.userAgent.indexOf("MSIE ") > 0 || navigator.userAgent.match(
/Trident.*rv\:11\./))
}
})
</script>
<script>
$('.question').click(function(){
$('.answer').not($(this).siblings()).removeClass("on")
$(this).siblings().toggleClass('on');
});
</script>
<?php
include_once(G5_THEME_PATH.'/tail.php');
?>

453
web/html/theme/FT_WEB20/sub/history.php Normal file
View File

@ -0,0 +1,453 @@
<?php
include_once('./_common.php');
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
include_once(G5_PATH.'/head.sub.php');
include_once(G5_LIB_PATH.'/latest.lib.php');
include_once(G5_LIB_PATH.'/outlogin.lib.php');
include_once(G5_LIB_PATH.'/poll.lib.php');
include_once(G5_LIB_PATH.'/visit.lib.php');
include_once(G5_LIB_PATH.'/connect.lib.php');
include_once(G5_LIB_PATH.'/popular.lib.php');
add_stylesheet('<link rel="stylesheet" href="'.G5_THEME_URL.'/css/sub.css">', 1);
add_stylesheet('<link rel="stylesheet" href="'.G5_THEME_URL.'/css/common.css">', 2);
add_stylesheet('<link rel="stylesheet" href="'.G5_THEME_URL.'/css/board.css">', 3);
?>
<?php
$g5['navTitle'] = "Company";
$g5['title'] = "연혁";
?>
<div class="sub sub01" id="history">
<?php include_once(G5_THEME_PATH.'/head.php'); ?>
<?php include_once(G5_THEME_PATH.'/sub/sub_visual.php');?>
<?php include_once(G5_THEME_PATH.'/navigation.php'); ?>
<section class="sec sec1">
<h1 class="blind">연혁</h1>
<article class="inner">
<div class="inner_box">
<ul class="history_wrap">
<li class="historyBox history_01 active" index="01">
<div class="history_left aos-init aos-animate" data-aos="fade-up">
<img src="<?php echo G5_THEME_URL?>/img/sub_history01.jpg" alt="" style="max-width:100%">
<p>1974~1990</p>
<h3>1990년대 이전</h3>
</div>
<div class="history_right">
<ul class="list">
<li class="history_00 history_css aos-init aos-animate" data-aos="fade-up">
<div class="year">
<span>1974</span>
</div>
<div class="info">
<p>텍스트를 입력하세요 1</p>
</div>
</li>
<li class="history_00 history_css aos-init aos-animate" data-aos="fade-up">
<div class="year">
<span>1976</span>
</div>
<div class="info">
<p>텍스트를 입력하세요 2</p>
</div>
</li>
<li class="history_00 history_css aos-init aos-animate" data-aos="fade-up">
<div class="year">
<span>1980</span>
</div>
<div class="info">
<p class="info_css">텍스트를 입력하세요 3</p>
</div>
</li>
<li class="history_00 history_css aos-init aos-animate" data-aos="fade-up">
<div class="year">
<span>1986</span>
</div>
<div class="info">
<p>텍스트를 입력하세요 4</p>
</div>
</li>
<li class="history_00 history_css aos-init aos-animate" data-aos="fade-up">
<div class="year">
<span>1987</span>
</div>
<div class="info">
<p>텍스트를 입력하세요 5</p>
</div>
</li>
<li class="history_00 history_css aos-init aos-animate" data-aos="fade-up">
</li>
<div class="line">
<span class="bar"></span>
</div>
</ul>
</div>
</li>
<li class="historyBox history_02" index="02">
<div class="history_left aos-init aos-animate" data-aos="fade-up">
<img src="<?php echo G5_THEME_URL?>/img/sub_history02.jpg" alt="">
<span class="desc"></span>
<p>1991~1999</p>
<h3>1990년대</h3>
</div>
<div class="history_right">
<ul class="list">
<li class="history_00 history_css aos-init aos-animate" data-aos="fade-up">
<div class="year">
<span>1991</span>
</div>
<div class="info">
<p>텍스트를 입력하세요 6</p>
</div>
</li>
<li class="history_00 history_css aos-init aos-animate" data-aos="fade-up">
<div class="year">
<span>1992</span>
</div>
<div class="info">
<p>텍스트를 입력하세요 7</p>
</div>
</li>
<li class="history_00 history_css aos-init aos-animate" data-aos="fade-up">
<div class="year">
<span>1993</span>
</div>
<div class="info">
<p>텍스트를 입력하세요 8</p>
</div>
</li>
<li class="history_00 history_css aos-init aos-animate" data-aos="fade-up">
<div class="year">
<span>1996</span>
</div>
<div class="info">
<p>텍스트를 입력하세요 9</p>
</div>
</li>
<li class="history_00 history_css aos-init aos-animate" data-aos="fade-up">
<div class="year">
<span>1997</span>
</div>
<div class="info">
<p>텍스트를 입력하세요 10</p>
</div>
</li>
<li class="history_00 history_css aos-init aos-animate" data-aos="fade-up">
<div class="year">
<span>1999</span>
</div>
<div class="info">
<p>텍스트를 입력하세요 11</p>
</div>
</li>
<div class="line">
<span class="bar"></span>
</div>
</ul>
</div>
</li>
<li class="historyBox history_03" index="03">
<div class="history_left aos-init aos-animate" data-aos="fade-up">
<img src="<?php echo G5_THEME_URL?>/img/sub_history03.jpg" alt="">
<span class="desc"></span>
<p>2000~2009</p>
<h3>2000년대</h3>
</div>
<div class="history_right">
<ul class="list">
<li class="history_00 history_css aos-init aos-animate" data-aos="fade-up">
<div class="year">
<span>2002</span>
</div>
<div class="info">
<p>텍스트를 입력하세요 12</p>
</div>
</li>
<li class="history_00 history_css aos-init aos-animate" data-aos="fade-up">
<div class="year">
<span>2003</span>
</div>
<div class="info">
<p>텍스트를 입력하세요 13</p>
</div>
</li>
<li class="history_00 history_css aos-init aos-animate" data-aos="fade-up">
<div class="year">
<span>2009</span>
</div>
<div class="info">
<p>텍스트를 입력하세요 14</p>
</div>
</li>
<div class="line">
<span class="bar"></span>
</div>
</ul>
</div>
</li>
<li class="historyBox history_04" index="04">
<div class="history_left aos-init aos-animate" data-aos="fade-up">
<img src="<?php echo G5_THEME_URL?>/img/sub_history04.jpg" alt="">
<span class="desc"></span>
<p>2010~2019</p>
<h3>2010년대</h3>
</div>
<div class="history_right">
<ul class="list">
<li class="history_00 history_css aos-init aos-animate" data-aos="fade-up">
<div class="year">
<span>2010</span>
</div>
<div class="info">
<p>텍스트를 입력하세요 15</p>
</div>
</li>
<li class="history_00 history_css aos-init aos-animate" data-aos="fade-up">
<div class="year">
<span>2011</span>
</div>
<div class="info">
<p>텍스트를 입력하세요 16</p>
</div>
</li>
<li class="history_00 history_css aos-init aos-animate" data-aos="fade-up">
<div class="year">
<span>2012</span>
</div>
<div class="info">
<p>텍스트를 입력하세요 17</p>
</div>
</li>
<li class="history_00 history_css aos-init aos-animate" data-aos="fade-up">
<div class="year">
<span>2013</span>
</div>
<div class="info">
<p>텍스트를 입력하세요 18</p>
</div>
</li>
<li class="history_00 history_css aos-init aos-animate" data-aos="fade-up">
<div class="year">
<span>2014</span>
</div>
<div class="info">
<p>텍스트를 입력하세요 19</p>
</div>
</li>
<li class="history_00 history_css aos-init aos-animate" data-aos="fade-up">
<div class="year">
<span>2015</span>
</div>
<div class="info">
<p>텍스트를 입력하세요 20</p>
</div>
</li>
<div class="line">
<span class="bar"></span>
</div>
</ul>
</div>
</li>
<li class="historyBox history_05" index="05">
<div class="history_left aos-init aos-animate" data-aos="fade-up">
<img src="<?php echo G5_THEME_URL?>/img/sub_history05.jpg">
<span class="desc"></span>
<p>2019~2020년대</p>
<h3>2020년대</h3>
</div>
<div class="history_right">
<ul class="list">
<li class="history_00 history_css aos-init aos-animate" data-aos="fade-up">
<div class="year">
<span>2020</span>
</div>
<div class="info">
<p>텍스트를 입력하세요 21</p>
</div>
</li>
<div class="line">
<span class="bar"></span>
</div>
<li class="history_00 history_css aos-init aos-animate" data-aos="fade-up">
<div class="year">
<span>2020</span>
</div>
<div class="info">
<p>텍스트를 입력하세요 22</p>
</div>
</li>
<div class="line">
<span class="bar"></span>
</div>
</ul>
</div>
</li>
</ul>
</div>
</article>
</section>
</div>
<script>
AOS.init({
// disable on internet explorer
disable: function msieversion() {
return !!(window.navigator.userAgent.indexOf("MSIE ") > 0 || navigator.userAgent.match(
/Trident.*rv\:11\./))
}
})
</script>
<script>
$(function(){
const HEIGHT = 240;
let activeHistoryIndex = '01';
let prevActiveHistoryIndex = '';
let lastScroll = '0';
function sumHeight(arr, index) {
return arr
.slice(0, index)
.reduce(function (prev, cur) {
return prev += (cur + 5)
}, 0);
}
function getDotIndex(heights) {
return heights.findIndex(function (height) {
return height > $('.history_' + activeHistoryIndex).find('.bar').outerHeight();
});
}
function scrollUpEvent() {
const $prevDot = $('.history_' + prevActiveHistoryIndex).find('.history_00');
const $nextDot = $('.history_0' + ((prevActiveHistoryIndex * 1) + 1)).find('.history_00');
$nextDot.removeClass('on');
if (prevActiveHistoryIndex !== activeHistoryIndex) {
$prevDot.removeClass('on');
}
}
function scrollDownEvent() {
const $prevDot = $('.history_' + prevActiveHistoryIndex).find('.history_00');
if (prevActiveHistoryIndex !== activeHistoryIndex) {
$prevDot.addClass('on');
}
}
function activeDot() {
const scrollType = $('body').attr('scroll-type');
const $dots = $('.history_' + activeHistoryIndex).find('.history_00');
const dotHeights = $dots
.toArray()
.map(function (dot) {
return $(dot).outerHeight();
});
const heights = dotHeights.map(function (height, index) {
return height + sumHeight(dotHeights, index);
});
let index = getDotIndex(heights);
const $prevDot = $('.history_' + prevActiveHistoryIndex).find('.history_00');
const scrollTypeFn = {
up: scrollUpEvent,
down: scrollDownEvent
} [scrollType];
$dots.removeClass('on');
scrollTypeFn();
if (index === -1) {
$prevDot.addClass('on');
}
for (let i = 0; i <= index; i++) {
$($dots[i]).addClass('on');
}
}
function moveBar() {
const scrollType = $('body').attr('scroll-type');
const sTop = $(window).scrollTop();
const winH = $(window).outerHeight();
const $el = $('.history_' + activeHistoryIndex);
const nowScroll = ((sTop + winH - HEIGHT) - $el.offset().top);
const nowHeight = $el.outerHeight();
const percent = nowScroll / nowHeight * 100;
const $bar = $el.find('.bar');
if (scrollType === 'up' && prevActiveHistoryIndex !== activeHistoryIndex) {
$('.history_' + prevActiveHistoryIndex).find('.bar').height(0)
return;
}
$bar.height(percent + '%');
setTimeout(function () {
activeDot();
}, 90);
}
function scrollEventHandler() {
const sTop = $(window).scrollTop();
const winH = $(window).outerHeight();
const $histories = $('.historyBox');
let scrollType = 'down';
prevActiveHistoryIndex = activeHistoryIndex;
if (lastScroll > sTop) {
scrollType = 'up';
}
$histories.removeClass('active');
$histories
.toArray()
.map(function (historyBox) {
const top = $(historyBox).offset().top;
const scrollTop = (sTop + winH - HEIGHT);
if (top < scrollTop) {
$(historyBox).addClass('active');
activeHistoryIndex = $(historyBox).attr('index');
}
if (scrollTop < (scrollTop + 50)) {
moveBar();
}
});
lastScroll = sTop;
$('body').attr('scroll-type', scrollType);
}
$(window).scroll(scrollEventHandler);
scrollEventHandler();
AOS.init({
duration: 600, // values from 0 to 3000, with step 50ms
easing: 'linear',
offset: 100,
});
});
</script>
<?php
include_once(G5_THEME_PATH.'/tail.php');
?>

247
web/html/theme/FT_WEB20/sub/info.php Normal file
View File

@ -0,0 +1,247 @@
<?php
include_once('./_common.php');
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
include_once(G5_PATH.'/head.sub.php');
include_once(G5_LIB_PATH.'/latest.lib.php');
include_once(G5_LIB_PATH.'/outlogin.lib.php');
include_once(G5_LIB_PATH.'/poll.lib.php');
include_once(G5_LIB_PATH.'/visit.lib.php');
include_once(G5_LIB_PATH.'/connect.lib.php');
include_once(G5_LIB_PATH.'/popular.lib.php');
add_stylesheet('<link rel="stylesheet" href="'.G5_THEME_URL.'/css/sub.css">', 1);
add_stylesheet('<link rel="stylesheet" href="'.G5_THEME_URL.'/css/common.css">', 2);
add_stylesheet('<link rel="stylesheet" href="'.G5_THEME_URL.'/css/board.css">', 3);
?>
<?php
$g5['navTitle'] = "이용안내";
$g5['title'] = "이용안내";
?>
<div class="sub sub01" id="business01">
<?php include_once(G5_THEME_PATH.'/head.php'); ?>
<?php include_once(G5_THEME_PATH.'/sub/sub_visual.php');?>
<?php // include_once(G5_THEME_PATH.'/navigation.php'); ?>
<section class="sec sec1">
<h1 class="blind">이용안내</h1>
<div class="inner">
<h1 class="title">이용안내</h1>
<img src="<?php echo G5_THEME_URL?>/img/info_img01.jpg" class="pc_img">
<img src="<?php echo G5_THEME_URL?>/img/info_img01_mo.jpg" class="mo_img">
<ul>
<li data-aos="fade-up">
<dl>
<dt>운영시간</dt>
<dd>
연중무휴
</dd>
</dl>
</li>
<li data-aos="fade-down">
<dl>
<dt>이용시간</dt>
<dd>
1부 : 12:00 ~ 16:00<br>
2부 : 18:00 ~ 22:00<br>
이용시간 내 3시간 이용
</dd>
</dl>
</li>
<li data-aos="fade-up">
<dl>
<dt>이용금액</dt>
<dd>
4인기준 50,000원<br>
인원추가 : 10,000원 / 1인<br>
시간추가 : 20,000원 / 1시간<br>
퍼스트가든 입장료, 희가든가든피크닉 텐트 이용료, 숯, 그릴, 식기 등 모든 집기류 대여 포함<br>
<strong>고기, 음료 등 먹거리류 별도 구매(매점 이용)</strong>
</dd>
</dl>
</li>
</ul>
</div>
</section>
<section class="sec sec2">
<h2 class="blind">이용 시 주의사항</h2>
<div class="inner">
<div class="text_box">
<h2 class="tit">이용 시 주의사항</h2>
<!--<p class="txt">가든피크닉 이용 방법</p>-->
</div>
<ul>
<li data-aos="fade-down">
<div class="icon">
<i class="xi-user"></i>
<img src="<?php echo G5_THEME_URL?>/img/safety_01.png">
</div>
<dl>
<dt>외부음식 반입 금지</dt>
<dd>
</dd>
<dd>
<p>
영유아 이유식 및 환자식 제외
</p>
</dd>
</dl>
</li>
<li data-aos="fade-up">
<div class="icon">
<i class="xi-user"></i>
<img src="<?php echo G5_THEME_URL?>/img/safety_02.png">
</div>
<dl>
<dt>반입 불가 물품</dt>
<dd>
<p>개인 버너 및 그릴, 기타 화기용품
</p>
</dd>
</dl>
</li>
<li data-aos="fade-down">
<div class="icon">
<i class="xi-user"></i>
<img src="<?php echo G5_THEME_URL?>/img/safety_03.png">
</div>
<dl>
<dt>안전사고 주의</dt>
<dd>
<p>
매우 뜨거운 숯과 그릴을 이용하므로 자녀 동반 시 안전사고에 유의하시기 바랍니다.
</p>
</dd>
</dl>
</li>
<!--
<li data-aos="fade-down">
<div class="icon">
<i class="xi-user"></i>
</div>
<dl>
<dt>BUILDING WEB SERVICES</dt>
<dd>
<p>페이스메이커는 고품질의 설계 및 웹사이트 구축을 제공하기 위해 최선을 다하고 있습니다.</p>
</dd>
</dl>
</li>
<li data-aos="fade-up">
<div class="icon">
<i class="xi-user"></i>
</div>
<dl>
<dt>STRATEGIC THINKIN</dt>
<dd>
<p>말로만 앞서지 않고 직접 보여드리는 서비스를 제공합니다. 웹사이트 제작은 고객의 목적과 상황에 맞게 컨설팅 후 웹사이트를 제작합니다.</p>
</dd>
</dl>
</li>
<li data-aos="fade-down">
<div class="icon">
<i class="xi-user"></i>
</div>
<dl>
<dt>FACE-MAKER MAINTENANCE</dt>
<dd>
<p>웹에이전시 업체와의 지속적인 '소통'이라고 생각합니다. 운영 중 일어날 수 밖에 없는 유지보수에 대해 지속적으로 케어할 수 있도록 노력합니다.</p>
</dd>
</dl>
</li>
-->
<div class="clearfix"></div>
</ul>
</div>
</section>
<section class="sec sec3">
<h3 class="blind">예약방법</h3>
<div class="inner">
<div class="text_box">
<h3 class="tit">
<strong>예약방법</strong>
</h3>
<p class="txt" data-aos="zoom-in">
네이버에서 '희가든 가든피크닉 검색' 또는 아래 링크 클릭 후 예약
</p>
<a href="https://naver.me/5QiOYB0K">
<span>예약하기</span>
</a>
</div>
</div>
</section>
<!--
<section class="sec sec4">
<h4 class="blind">이용방법</h4>
<div class="inner">
<div class="text_box">
<h4 data-aos="fade-down">
이용방법
</h4>
<p data-aos="fade-up">
내용
</p>
<a href="#">
<span>예약하기</span>
</a>
</div>
</div>
</section>
-->
<section class="sec sec5">
<h5 class="blind">이용방법</h5>
<div class="inner">
<div class="text_box">
<h5>
<strong>이용방법</strong>
</h5>
<!--
<p>
안내문구가 있는 경우 추가
</p>
-->
</div>
<ul>
<li data-aos="fade-down">
<img src="<?php echo G5_THEME_URL?>/img/how_to_01.png">
매점에서 예약 확인 후 입장
</li>
<li data-aos="fade-down">
<img src="<?php echo G5_THEME_URL?>/img/how_to_02.png">
매점에서 필요물품 구매 및 셀프바 이용
</li>
<li data-aos="fade-down">
<img src="<?php echo G5_THEME_URL?>/img/how_to_03.png">
맛있게 피크닉 즐기기
</li>
<li data-aos="fade-down">
<img src="<?php echo G5_THEME_URL?>/img/how_to_04.png">
쓰레기는 매점 맞은 편 분리수거장에 분리 배출
</li>
<!--
<li data-aos="fade-down">
<img src="<?php echo G5_THEME_URL?>/img/bussiness01_img03_x4.jpg">
</li>
-->
</ul>
</div>
</section>
</div>
<script>
AOS.init({
// disable on internet explorer
disable: function msieversion() {
return !!(window.navigator.userAgent.indexOf("MSIE ") > 0 || navigator.userAgent.match(
/Trident.*rv\:11\./))
}
})
</script>
<?php
include_once(G5_THEME_PATH.'/tail.php');
?>

219
web/html/theme/FT_WEB20/sub/map.php Normal file
View File

@ -0,0 +1,219 @@
<?php
include_once('./_common.php');
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
include_once(G5_PATH.'/head.sub.php');
include_once(G5_LIB_PATH.'/latest.lib.php');
include_once(G5_LIB_PATH.'/outlogin.lib.php');
include_once(G5_LIB_PATH.'/poll.lib.php');
include_once(G5_LIB_PATH.'/visit.lib.php');
include_once(G5_LIB_PATH.'/connect.lib.php');
include_once(G5_LIB_PATH.'/popular.lib.php');
add_stylesheet('<link rel="stylesheet" href="'.G5_THEME_URL.'/css/sub.css">', 1);
add_stylesheet('<link rel="stylesheet" href="'.G5_THEME_URL.'/css/common.css">', 2);
add_stylesheet('<link rel="stylesheet" href="'.G5_THEME_URL.'/css/board.css">', 3);
?>
<?php
$g5['navTitle'] = "Company";
$g5['title'] = "오시는 길";
?>
<style>
.progress {
width: 100%;
height: 50px;
}
.progress-wrap {
background: #f80;
margin: 20px 0;
overflow: hidden;
position: relative;
}
.progress-bar {
background: #ddd;
left: 0;
position: absolute;
top: 0;
}
</style>
<div class="sub sub01" id="map">
<?php include_once(G5_THEME_PATH.'/head.php'); ?>
<?php include_once(G5_THEME_PATH.'/sub/sub_visual.php');?>
<?php include_once(G5_THEME_PATH.'/navigation.php'); ?>
<section class="sec sec1">
<h1 class="blind">오시는 길</h1>
<article class="inner">
<h1 class="title">오시는 길</h1>
<!-- * 카카오맵 - 지도퍼가기 -->
<!-- 1. 지도 노드 -->
<div id="daumRoughmapContainer1778139639709" class="root_daum_roughmap root_daum_roughmap_landing"></div>
<!--
2. 설치 스크립트
* 지도 퍼가기 서비스를 2개 이상 넣을 경우, 설치 스크립트는 하나만 삽입합니다.
-->
<script charset="UTF-8" class="daum_roughmap_loader_script" src="https://ssl.daumcdn.net/dmaps/map_js_init/roughmapLoader.js"></script>
<!-- 3. 실행 스크립트 -->
<script charset="UTF-8">
new daum.roughmap.Lander({
"timestamp" : "1778139639709",
"key" : "myou7id3aud",
"mapWidth" : "100%",
"mapHeight" : "100%"
}).render();
</script>
<div class="map_info elm">
<div class="lf_box">
<span>
<i class="xi-maker"></i>
</span>
</div>
<div class="rt_box">
<strong>희가든 가든피크닉</strong>
<p>
<span>ADDRESS</span>
<span>경기 파주시 상지석동 110-35</span>
</p>
<p>
<span>Tel</span>
<span>031-957-6861</span>
</p>
</div>
</div>
<div class="topBox">
<?php if($is_mobile) { ?>
<div class="infoBox" id="timap">
<div class="titBox">
<p class="icon">
<i class="xi-car"></i>
</p>
<p class="text">자차로 오시는 방법</p>
</div>
<div class="btnBox">
<a href="javascript:void(0);" onclick="location.href='https://apis.openapi.sk.com/tmap/app/routes?appKey=①발급받은키값&name=②T맵에노출될상호명&lon=③경도&lat=③위도'">
<span>네비게이션 +</span>
</a>
</div>
</div>
<?php } ?>
<div class="infoBox infoBox1">
<div class="titBox">
<p class="icon">
<i class="xi-subway"></i>
</p>
<p class="text">지하철로 오시는 길</p>
</div>
<ul>
<li>
<p class="line line2">
<span>2</span>
</p>
<p class="tit">
2호선 잠실역
</p>
<p class="txt">
5번출구에서 3314, 3315번 버스 환승 후 송파구민회관에서 하차
</p>
</li>
<li>
<p class="line line2">
<span>2</span>
</p>
<p class="tit">
3호선 학여울역
</p>
<p class="txt">
5번 출구에서 하차
</p>
</li>
<li>
<p class="line line3">
<span>3</span>
</p>
<p class="tit">
2호선 신촌역
</p>
<p class="txt">
2번 출구에서 하차
</p>
</li>
<li>
<p class="line line1">
<span>1</span>
</p>
<p class="tit">
1호선 가산디지털
</p>
<p class="txt">
2번 출구에서 하차
</p>
</li>
</ul>
</div>
<div class="infoBox infoBox2">
<div class="titBox">
<p class="icon">
<i class="xi-bus"></i>
</p>
<p class="text">버스로 오시는 길</p>
</div>
<ul>
<li>
<dl>
<dt>가산디지털단지역</dt>
<dd>1. 간선버스(파랑색) 342</dd>
<dd>2. 지선버스(초록색) 3318,2523</dd>
<dd>3. 일반버스 : 30-3 , 30-5, 88</dd>
</dl>
</li>
<li>
<dl>
<dt>대림역</dt>
<dd>1. 간선버스(파랑색) 342</dd>
<dd>2. 지선버스(초록색) 3318,2523</dd>
<dd>3. 일반버스 : 30-3 , 30-5, 88</dd>
</dl>
</li>
</ul>
</div>
</div>
</article>
</section>
</div>
<script>
$(document).ready(function(){ //start
//animate_elems
var $elems = $(".elm");
var winheight = $(window).height();
$elems.addClass('active');
$(window).scroll(function () {
animate_elems();
});
function animate_elems() {
wintop = $(window).scrollTop();
$elems.each(function () {
$elm = $(this);
topcoords = $elm.offset().top;
if (wintop >= (topcoords - (winheight * 0.5))) {
$elm.addClass('on');
}
});
}; // end animate_elems
});//end
</script>
<?php
include_once(G5_THEME_PATH.'/tail.php');
?>

134
web/html/theme/FT_WEB20/sub/menu.php Normal file
View File

@ -0,0 +1,134 @@
<?php
include_once('./_common.php');
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
include_once(G5_PATH.'/head.sub.php');
include_once(G5_LIB_PATH.'/latest.lib.php');
include_once(G5_LIB_PATH.'/outlogin.lib.php');
include_once(G5_LIB_PATH.'/poll.lib.php');
include_once(G5_LIB_PATH.'/visit.lib.php');
include_once(G5_LIB_PATH.'/connect.lib.php');
include_once(G5_LIB_PATH.'/popular.lib.php');
add_stylesheet('<link rel="stylesheet" href="'.G5_THEME_URL.'/css/sub.css">', 1);
add_stylesheet('<link rel="stylesheet" href="'.G5_THEME_URL.'/css/common.css">', 2);
add_stylesheet('<link rel="stylesheet" href="'.G5_THEME_URL.'/css/board.css">', 3);
?>
<?php
$g5['navTitle'] = "매점안내";
$g5['title'] = "매점안내";
?>
<div class="sub sub02" id="business02">
<?php include_once(G5_THEME_PATH.'/head.php'); ?>
<?php include_once(G5_THEME_PATH.'/sub/sub_visual.php');?>
<?php // include_once(G5_THEME_PATH.'/navigation.php'); ?>
<section class="sec sec1">
<h1 class="blind">매점안내</h1>
<div class="inner">
<div class="lf_box" data-aos="fade-left">
<h1 class="tit">고기류</h1>
<ul>
<li>
<strong>삼겹살</strong>
<p>00,000 / 150g</p>
</li>
<li>
<strong>목살</strong>
<p>00,000 / 150g</p>
</li>
<li>
<strong>소갈비살</strong>
<p>00,000 / 150g</p>
</li>
</ul>
</div>
<div class="rt_box" data-aos="fade-right">
<img src="<?php echo G5_THEME_URL?>/img/sub_bussiness_01.jpg">
</div>
</div>
<div class="inner">
<div class="lf_box" data-aos="fade-left">
<h1 class="tit">사이드</h1>
<ul>
<li>
<strong>새우</strong>
<p>00,000 / 100g</p>
</li>
<li>
<strong>구워먹는치즈</strong>
<p>00,000 / 50g</p>
</li>
<li>
<strong>모듬소세지</strong>
<p>00,000 / 1세트</p>
</li>
<li>
<strong>고구마</strong>
<p>00,000 / 1개</p>
</li>
<li>
<strong>마시멜로우</strong>
<p>00,000 / 10개</p>
</li>
<li>
<strong>라면류</strong>
<p>00,000 / 개</p>
</li>
<li>
<strong>과자류</strong>
<p>00,000 / 개</p>
</li>
<li>
<strong>햇반</strong>
<p>00,000 / 개</p>
</li>
</ul>
</div>
<div class="rt_box" data-aos="fade-right">
<img src="<?php echo G5_THEME_URL?>/img/sub_bussiness_01.jpg">
</div>
</div>
<div class="inner">
<div class="lf_box" data-aos="fade-left">
<h1 class="tit">음주류</h1>
<ul>
<li>
<strong>음료</strong>
<p>00,000 / 캔</p>
</li>
<li>
<strong>주류</strong>
<p>00,000 / 병</p>
</li>
<li>
<strong>생수</strong>
<p>00,000 / 개</p>
</li>
</ul>
</div>
<div class="rt_box" data-aos="fade-right">
<img src="<?php echo G5_THEME_URL?>/img/sub_bussiness_01.jpg">
</div>
</div>
</section>
</div>
<script>
AOS.init({
// disable on internet explorer
disable: function msieversion() {
return !!(window.navigator.userAgent.indexOf("MSIE ") > 0 || navigator.userAgent.match(
/Trident.*rv\:11\./))
}
})
</script>
<?php
include_once(G5_THEME_PATH.'/tail.php');
?>

91
web/html/theme/FT_WEB20/sub/organizations.php Normal file
View File

@ -0,0 +1,91 @@
<?php
include_once('./_common.php');
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
include_once(G5_PATH.'/head.sub.php');
include_once(G5_LIB_PATH.'/latest.lib.php');
include_once(G5_LIB_PATH.'/outlogin.lib.php');
include_once(G5_LIB_PATH.'/poll.lib.php');
include_once(G5_LIB_PATH.'/visit.lib.php');
include_once(G5_LIB_PATH.'/connect.lib.php');
include_once(G5_LIB_PATH.'/popular.lib.php');
add_stylesheet('<link rel="stylesheet" href="'.G5_THEME_URL.'/css/sub.css">', 1);
add_stylesheet('<link rel="stylesheet" href="'.G5_THEME_URL.'/css/common.css">', 2);
add_stylesheet('<link rel="stylesheet" href="'.G5_THEME_URL.'/css/board.css">', 3);
?>
<?php
$g5['navTitle'] = "Company";
$g5['title'] = "조직도";
?>
<div class="sub sub01" id="organizations">
<?php include_once(G5_THEME_PATH.'/head.php'); ?>
<?php include_once(G5_THEME_PATH.'/sub/sub_visual.php');?>
<?php include_once(G5_THEME_PATH.'/navigation.php'); ?>
<section class="sec sec1">
<h1 class="blind">조직도</h1>
<div class="inner">
<div class="org">
<p class="head">
<span>CEO</span>
</p>
<ul class="org_list">
<li>
<p class="tit">team manager</p>
<p>team 1</p>
<p>team 2</p>
<p>team 3</p>
<p>team 3</p>
</li>
<li>
<p class="tit">team manager</p>
<p>team 1</p>
<p>team 2</p>
<p>team 3</p>
<p>team 3</p>
<p>team 3</p>
</li>
<li>
<p class="tit">team manager</p>
<p>team 1</p>
<p>team 2</p>
<p>team 3</p>
<p>team 3</p>
</li>
<li>
<p class="tit">team manager</p>
<p>team 1</p>
<p>team 2</p>
<p>team 3</p>
<p>team 3</p>
</li>
<li>
<p class="tit">team manager</p>
<p>team 1</p>
<p>team 2</p>
<p>team 3</p>
<p>team 3</p>
</li>
</ul>
</div>
</div>
</section>
</div>
<script>
AOS.init({
// disable on internet explorer
disable: function msieversion() {
return !!(window.navigator.userAgent.indexOf("MSIE ") > 0 || navigator.userAgent.match(
/Trident.*rv\:11\./))
}
})
</script>
<?php
include_once(G5_THEME_PATH.'/tail.php');
?>

888
web/html/theme/FT_WEB20/sub/product1.php Normal file
View File

@ -0,0 +1,888 @@
<?php
include_once('./_common.php');
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
include_once(G5_PATH.'/head.sub.php');
include_once(G5_LIB_PATH.'/latest.lib.php');
include_once(G5_LIB_PATH.'/outlogin.lib.php');
include_once(G5_LIB_PATH.'/poll.lib.php');
include_once(G5_LIB_PATH.'/visit.lib.php');
include_once(G5_LIB_PATH.'/connect.lib.php');
include_once(G5_LIB_PATH.'/popular.lib.php');
?>
<?php
$g5['navTitle'] = "Product";
$g5['title'] = "제품소개1";
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="<?php echo G5_THEME_URL?>/css/sub.css">
<link rel="stylesheet" type="text/css" href="<?php echo G5_THEME_URL?>/css/slick.css" />
</head>
<style>
* {
padding:0;
margin:0;
list-style:none;
text-decoration:none;
}
.slick-arrow{
cursor: pointer;
}
body{
background-color: #eee;
}
.sec{
width:100%;height: 770px;
position: relative;
display: flex;
}
.sec2{
height:780px ;
}
.sec3{
height: 640px;
}
.sec4{
height: 810px;
}
.sec-left{
width:52%;height: 100%;
position: relative;
display: flex;align-items: center;justify-content: center;
font-size: 8rem;
color:rgba(153, 153, 153, 0.6)
}
.sec1 .sec-left,
.sec3 .sec-left{
background-color: rgba(0,0,0,0.1);
}
.sec-right{
width:48%;height: 100%;
position: relative;
display: flex;align-items: center;justify-content: center;
font-size: 8rem;
color:rgba(153, 153, 153, 0.6)
}
.box{
width:700px;height: 380px;
background-color: #fff;
position: absolute;
top:50%;transform: translateY(-50%);
right:300px;
box-shadow: 0px 0px 100px 10px #ddd;
color:#333;
display: flex;align-items: center;
align-content: center;
flex-flow: row wrap;
justify-content: center;
}
.sec2 .box{
position: absolute;
top:50%;transform: translateY(-50%);
right: 0;
}
.sec4 .box{
position: absolute;
top:50%;transform: translateY(-50%);
right: 0;
}
.box h3{
font-size: 2rem;
width:80%
}
.box p{
font-size: 0.8rem;
margin-top:30px;
width:80%;
color:#888
}
.box a{
font-size: 0.8rem;
position: absolute;
bottom: 0;right: 30px;
transform: translateY(50%);
display: inline-block;
padding:13px 60px;
background-color: #333;
color:#fff;
border-radius: 10px;
box-shadow: 0px 0px 20px 10px #ddd;
}
.sec5{
height: 870px;
background-color: #ddd;
}
.sec5-inner{
width:1200px;height:100%;
display: flex;flex-flow: row wrap;
align-content: center;justify-content: center;
margin:0 auto;
}
.sec5-inner>h3{
font-size: 2.5rem;
margin-bottom: 50px;
}
.sec5-slick{
width:100%;height: 520px;
}
.slick-list,
.slick-track{
width:100%;height: 100%;
}
.slick-track .slick-slide{
position: relative;
margin:0px 10px;
overflow: visible;
}
.slick-slide .sec5-contents{
width:100%;height: 70%;
background-color: #fff;
position: absolute;
top:50%;left:50%;transform: translate(-50%,-50%);
transition: .5s ease;
display: flex;align-content: center;
justify-content: center;flex-flow: row wrap;
}
.slick-current .sec5-contents{
width:100%;height: 80%;
}
.slick-slide .sec5-contents h3{
font-size: 1.5rem;
width:100%;text-align: center;
margin-bottom: 10px;
}
.slick-slide .sec5-contents p{
width:70%;text-align: center;
color:#888
}
.slick-slide .sec5-contents p:nth-of-type(1){
margin-bottom: 30px;
color:#333;
}
.thumbnail{
width:90px;height: 90px;
border-radius: 100%;
position: absolute;
background-color: #555;
top:0;left:50%;
transform: translate(-50%,-50%);
}
.sec5-controll{
width:1400px;
position: absolute;
top:50%;left:50%;transform: translate(-50%,-50%);
display: flex;align-items: center;justify-content: space-between;
}
.sec5-controll .slick-arrow{
font-size: 3rem;
color:#888;
}
.sec5-prev span::after {
content: "\f104";
font-family: FontAwesome;
font-size:2.3em;
}
.sec5-next span::after {
content: "\f105";
font-family: FontAwesome;
font-size:2.3em;
}
.sec6{
height: 590px;
background-color: rgba(0,0,0,0.3);
}
.sec6-inner{
width:1200px;
display: flex;flex-flow: row wrap;
align-content: center;
justify-content: center;
margin:0 auto;
}
.sec6-inner h3{
font-size: 2.5rem;
}
.sec6-inner p{
font-size: 0.8rem;
width:100%;
text-align: center;
margin:20px 0px;
}
.sec6-inner a{
font-size: 0.8rem;
padding:10px 60px;
border-radius: 10px;
background-color: #333;
color:#fff;
display: inline-block;
}
.sec7{
height: 750px;
display: flex;align-items: center;
justify-content: center;
}
.sec7-inner{
width:1100px;height:80%;
display: flex;align-items: center;
justify-content: center;
}
.sec7-left{
width:50%;height: 100%;
}
.sec7-left h3{
font-size: 2rem;
line-height: 30px;
margin:20px 0px;
}
.sec7-left p{
font-size: 0.8rem;
width:70%;
color:#888;
}
.sec7-left a{
padding:13px 60px;
background-color: #333;
color: #fff;
border-radius: 10px;
display: inline-block;
margin-top:30px;
}
.sec7-right{
width:50%;height: 100%;
display: flex;align-items: center;
justify-content: center;
}
.sec7-right ul{
width: 42%;height: 90%;display: flex;flex-flow: row wrap;
align-content: space-around;justify-content: center;
align-self: flex-end;
}
.sec7-right ul:nth-of-type(1){
align-self: flex-start;
margin-right: 20px;
}
.sec7-right ul li{
width:100%;height: 45%;
background-color: #fff;
border-radius: 20px;
display: flex;flex-flow: row wrap;
align-content: center;
padding-left:20px;
}
.sec7-right ul li i{
width:40px;height: 40px;
font-size: 1.2rem;
background-color:#333;
display: flex;align-items: center;justify-content: center;
color:#fff;
border-radius: 5px;
}
.sec7-right ul li dl dt{
font-size: 1rem;
font-weight: 500;
margin:10px 0px;
}
.sec7-right ul li dl dd{
font-size: 0.8rem;
}
.sec8{
height: 770px;
background-color: rgba(0,0,0,0.3);
border-radius: 0px 300px 0px 0px;
overflow: hidden;
display: flex;align-items: center;justify-content: center;
}
.sec8-inner{
width:1140px;height: 65%;
overflow: visible;
position: relative;
}
.sec8-left{
height: 100%;
width:33%;
}
.sec8-left h3{
font-size: 2rem;
line-height: 30px;
margin:20px 0px;
}
.sec8-left p{
font-size: 0.8rem;
width:90%;
color:#333;
}
.sec8-left a{
padding:13px 60px;
background-color: #333;
color: #fff;
border-radius: 10px;
display: inline-block;
margin-top:30px;
}
.sec8-right{
width:100%;
height: 100%;
position: absolute;
left:35%;
top:0;
}
.sec8-slick{
width:100%;height: 100%;
}
.sec8-slick .slick-slide{
height: 100%;
position: relative
}
.slick-current .sec8-con{
height: 100%;
display: flex;flex-flow:row wrap;
justify-content: center;
align-content: center;
background-color: #ddd;
}
.sec8-con{
height: 70%;width:100%;
background-color: #fff;
transition: .5s ease;
border-radius: 10px 10px 10px 70px;
position: relative;
}
.slick-slide .sec8-con p,
.slick-slide .sec8-con span{
display: none;
transition: .5s ease;
}
.slick-current .sec8-con p{
display: block;
width:80%;
margin-bottom: 30px;
}
.slick-current .sec8-con span{
display: block;
font-size: 1.5rem;
font-weight: 600;
margin-bottom: 30px;
position: absolute;
top:20px;left:40px;
}
.slick-current .sec8-con span::after{
content: "";
width:100%;height: 3px;
background-color: #333;
position: absolute;
bottom: 0;left: 0;
}
.slick-current .sec8-con h3{
width:80%;padding:0;
margin-bottom: 30px;
}
.sec8-con h3{
font-size: 2rem;
padding:40px 0px 0px 40px;
line-height: 30px;
}
.sec8-con i{
font-size: 2rem;
position: absolute;bottom: 20px;right: 40px;
}
@media screen and (max-width:1440px){
.box{
right: 150px;
}
.sec2 .box,
.sec4 .box{
right: -150px;
}
.sec5-inner{
width:90%;
}
.sec5-controll{
width:98%;
}
.sec6{
height: 450px;
}
}
@media screen and (max-width:1240px){
.box{
width:600px;height: 340px;
z-index: 999;
right:150px
}
.sec2 .box,
.sec4 .box{
left: -150px;
}
.sec5-inner{
width:90%;
}
.sec5-controll{
width:100%;
}
.sec6{
height: 450px;
}
.sec6-inner
.sec7-inner{
width:95%;
}
.sec7-right ul{
width:50%;
}
.sec8-left{
width:40%;
}
.sec8-inner{
width:95%;
}
.sec8-right{
left:40%;
width:80%;
}
.slick-current .sec8-con h3{
font-size: 1.5rem;
}
}
@media screen and (max-width:900px) {
.box{
width:450px;height: 300px;
right: 50px;
}
.sec1{
height: 670px;
}
.sec2{
height: 680px;
}
.sec3{
height: 540px;
}
.sec4{
height: 710px;
}
.sec-left{
width:70%;
}
.sec-right{
width:30%;
}
.sec2 .sec-left,
.sec4 .sec-left{
width:30%;
}
.sec2 .sec-right,
.sec4 .sec-right{
width:70%;
}
.sec2 .box,
.sec4 .box{
left: 50px;
}
.box h3{
font-size: 1.5rem;
}
.box p{
margin-top:15px;
}
.box a{
padding:10px 40px
}
.sec5{
height: 670px;
}
.slick-slide .sec5-contents p{
width:90%;
}
.sec5-slick{
width:100%;height: 420px;
}
.slick-slide .sec5-contents{
height: 65%;
}
.slick-current .sec5-contents{
width:100%;height: 75%;
}
.slick-track .slick-slide{
margin:0px 5px;
}
.sec6{
height: 400px;
}
.sec6-inner h3{
font-size: 2rem;
}
.sec6-inner p{
width:80%;
}
.sec7{
height: 1000px;
}
.sec7-inner{
flex-flow: row wrap;
width:95%;
height: 85%;
}
.sec7-left{
width:100%;height:auto;
}
.sec7-right{
width:100%;height: 70%;
margin-top:30px
}
.sec7-right ul{
width:48%;height: 100%;
}
.sec8{
height: 1000px;
}
.sec8-inner{
flex-flow: row wrap;
width:95%;height: 85%;
}
.sec8-left{
width:100%;height: auto;
}
.sec8-right{
width:100%;height: 60%;
position: static;
margin-top:50px;
}
.sec8-con h3{
padding:40px 0px 0px 20px;
font-size: 1.5rem;
}
.slick-current .sec8-con span{
left:30px;
}
}
@media screen and (max-width:600px) {
.sec1{
height: 570px;
}
.sec2{
height: 580px;
}
.sec3{
height: 440px;
}
.sec4{
height: 610px;
}
.sec-left{
width:100%;
}
.sec-right{
width:0%;
position: static
}
.sec2 .sec-left,
.sec4 .sec-left{
width:0%;
position: static
}
.sec2 .sec-right,
.sec4 .sec-right{
width:100%;
}
.sec2 .box,
.sec4 .box{
transform: translate(-50%,-50%);
left:50%;top:50%;
}
.box{
width:95%;height: 350px;
left:50%;top:50%;
transform: translate(-50%,-50%);
}
.sec5-inner>h3{
font-size: 1.5rem;
margin-bottom: 30px;
}
.thumbnail{
width:70px;height: 70px;;
}
.sec6-inner h3{
font-size: 1.5rem;
}
.sec6-inner a{
padding:10px 40px;
}
.sec6-inner p{
width:95%;
}
.sec7-right ul li{
padding-left:10px;
}
.sec7-left p{
width:90%;
}
.sec7-right{
justify-content: space-between;
}
.sec7-right ul{
width:49%;
}
.sec7-right ul:nth-of-type(1){
margin-right: 0;
}
.sec7-right ul li dl dd{
line-height: 16px;
height: 80px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 5;
word-wrap:break-word;
-webkit-box-orient: vertical;
}
.sec7-left h3,
.sec8-left>h3{
font-size: 1.5rem;
line-height: 25px;
}
.sec7-left a,
.sec8-left a{
padding:10px 40px;
margin-top:20px;
}
.sec8{
border-radius: 0px 100px 0px 0px;
}
}
</style>
<body>
<div class="sub sub01" id="product1">
<?php include_once(G5_THEME_PATH.'/head.php'); ?>
<?php include_once(G5_THEME_PATH.'/sub/sub_visual.php');?>
<?php include_once(G5_THEME_PATH.'/navigation.php'); ?>
<section class="sec sec1">
<div class="sec-left">
IMG
</div>
<div class="sec-right">
<div class="box">
<h3>Lorem Ipsum</h3>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Libero facilis doloribus illum. Placeat error, molestias facere consectetur excepturi facilis tempore culpa ad pariatur sunt, cupiditate earum delectus quibusdam impedit? Nemo!</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni molestias minima nulla vel ducimus tempora, quasi ipsa, rerum quae iure eligendi facere vitae facilis totam officiis iste blanditiis, dolorem nobis!</p>
<a href="#">LEARN MORE</a>
</div>
</div>
</section>
<section class="sec sec2">
<div class="sec-left">
<div class="box">
<h3>Lorem Ipsum</h3>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Libero facilis doloribus illum. Placeat error, molestias facere consectetur excepturi facilis tempore culpa ad pariatur sunt, cupiditate earum delectus quibusdam impedit? Nemo!</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni molestias minima nulla vel ducimus tempora, quasi ipsa, rerum quae iure eligendi facere vitae facilis totam officiis iste blanditiis, dolorem nobis!</p>
<a href="#">LEARN MORE</a>
</div>
</div>
<div class="sec-right">
PNG
</div>
</section>
<section class="sec sec3">
<div class="sec-left">
IMG
</div>
<div class="sec-right">
<div class="box">
<h3>Lorem Ipsum</h3>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Libero facilis doloribus illum. Placeat error, molestias facere consectetur excepturi facilis tempore culpa ad pariatur sunt, cupiditate earum delectus quibusdam impedit? Nemo!</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni molestias minima nulla vel ducimus tempora, quasi ipsa, rerum quae iure eligendi facere vitae facilis totam officiis iste blanditiis, dolorem nobis!</p>
<a href="#">LEARN MORE</a>
</div>
</div>
</section>
<section class="sec sec4">
<div class="sec-left">
<div class="box">
<h3>Lorem Ipsum</h3>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Libero facilis doloribus illum. Placeat error, molestias facere consectetur excepturi facilis tempore culpa ad pariatur sunt, cupiditate earum delectus quibusdam impedit? Nemo!</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni molestias minima nulla vel ducimus tempora, quasi ipsa, rerum quae iure eligendi facere vitae facilis totam officiis iste blanditiis, dolorem nobis!</p>
<a href="#">LEARN MORE</a>
</div>
</div>
<div class="sec-right">
PNG
</div>
</section>
<section class="sec sec5">
<div class="sec5-inner">
<h3>Lorem Ipsum dolor</h3>
<div class="sec5-slick">
<div>
<div class="sec5-contents">
<div class="thumbnail"></div>
<h3>John Doe</h3>
<p>lorem ipsum</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Corporis odio nemo veritatis maiores voluptatem vitae tempora quibusdam, molestiae error, voluptates in? Pariatur incidunt sit labore rerum nesciunt consequatur veritatis at?</p>
</div>
</div>
<div>
<div class="sec5-contents">
<div class="thumbnail"></div>
<h3>John Doe</h3>
<p>lorem ipsum</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Excepturi optio quia unde? Reiciendis sed quae eligendi voluptatem obcaecati! Expedita corporis vel suscipit. Ullam totam dolor minima aliquid delectus itaque provident?</p>
</div>
</div>
<div>
<div class="sec5-contents">
<div class="thumbnail"></div>
<h3>John Doe</h3>
<p>lorem ipsum</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Recusandae voluptatum doloribus, distinctio consequuntur laudantium voluptate, esse iste maxime repellat vel praesentium, aspernatur dignissimos? Suscipit perferendis consequuntur quisquam esse tempore perspiciatis?</p>
</div>
</div>
<div>
<div class="sec5-contents">
<div class="thumbnail"></div>
<h3>John Doe</h3>
<p>lorem ipsum</p>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Explicabo pariatur libero voluptatem veritatis autem repudiandae commodi? Omnis inventore dolorem rerum recusandae accusantium quae. Ut saepe quaerat quia laudantium expedita? Harum.</p>
</div>
</div>
</div>
</div>
<div class="sec5-controll"></div>
</section>
<section class="sec sec6">
<div class="sec6-inner">
<h3>Lorem Ipsum Dolor, Sit ?</h3>
<p> amet consectetur adipisicing elit. Explicabo pariatur libero voluptatem veritatis autem repudiandae commodi? Omnis<p>
<a href="#">LEARN MORE</a>
</div>
</section>
</div>
</body>
</html>
<script src="<?php echo G5_THEME_URL?>/js/slick.min.js"></script>
<script src="<?php echo G5_THEME_URL?>/js/slick.js"></script>
<script>
$(document).ready(function(){ //start
//animate_elems
var $elems = $(".elm");
var winheight = $(window).height();
$elems.addClass('active');
$(window).scroll(function () {
animate_elems();
});
function animate_elems() {
wintop = $(window).scrollTop();
$elems.each(function () {
$elm = $(this);
topcoords = $elm.offset().top;
if (wintop >= (topcoords - (winheight * 0.5))) {
$elm.addClass('on');
}
});
}; // end animate_elems
});//end
</script>
<script>
$(document).ready(function(){
$('.sec5-slick').slick({
slidesToShow:3,
slidesToScroll:1,
arrows:true,
appendArrows:$('.sec5-controll'),
prevArrow:'<div class="sec5-prev"><span></span></div>',
nextArrow:'<div class="sec5-next"><span></span></div>',
centerMode:true,
centerPadding:'0px',
responsive:[
{
breakpoint:901,
settings:{
slidesToShow:1,
centerPadding:"100px",
arrows:false,
}
},
{
breakpoint:601,
settings:{
slidesToShow:1,
centerPadding:"20px",
arrows:false,
}
}
]
})
$('.sec8-slick').slick({
slidesToShow:3,
slidesToScroll:1,
arrows:false,
autoplay:true,
autoplaySpeed:2000,
responsive:[
{
breakpoint:1241,
settings:{
slidesToShow:2,
}
},
{
breakpoint:901,
settings:{
slidesToShow:1,
}
}
]
});
});
</script>
<?php
include_once(G5_THEME_PATH.'/tail.php');
?>

10
web/html/theme/FT_WEB20/sub/sub_nav1.php Normal file
View File

@ -0,0 +1,10 @@
<div class="sub_tab">
<div class="inner">
<ul>
<li><a href="">회사소개</a></li>
<li><a href="">CEO인사말</a></li>
<li><a href="">연혁</a></li>
<li><a href="">찾아오시는 길</a></li>
</ul>
</div>
</div>

8
web/html/theme/FT_WEB20/sub/sub_visual.php Normal file
View File

@ -0,0 +1,8 @@
<section class="visual">
<div class="text_box">
<h2><?php echo $g5['title'];?></h2>
<p class="text">
<span></span>
</p>
</div>
</section>

199
web/html/theme/FT_WEB20/sub/vision.php Normal file
View File

@ -0,0 +1,199 @@
<?php
include_once('./_common.php');
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
include_once(G5_PATH.'/head.sub.php');
include_once(G5_LIB_PATH.'/latest.lib.php');
include_once(G5_LIB_PATH.'/outlogin.lib.php');
include_once(G5_LIB_PATH.'/poll.lib.php');
include_once(G5_LIB_PATH.'/visit.lib.php');
include_once(G5_LIB_PATH.'/connect.lib.php');
include_once(G5_LIB_PATH.'/popular.lib.php');
add_stylesheet('<link rel="stylesheet" href="'.G5_THEME_URL.'/css/sub.css">', 1);
add_stylesheet('<link rel="stylesheet" href="'.G5_THEME_URL.'/css/common.css">', 2);
add_stylesheet('<link rel="stylesheet" href="'.G5_THEME_URL.'/css/board.css">', 3);
?>
<?php
$g5['navTitle'] = "Company";
$g5['title'] = "비전";
?>
<div class="sub sub01" id="vision">
<?php include_once(G5_THEME_PATH.'/head.php'); ?>
<?php include_once(G5_THEME_PATH.'/sub/sub_visual.php');?>
<?php include_once(G5_THEME_PATH.'/navigation.php'); ?>
<section class="sec sec1">
<h1 class="blind">비전</h1>
<div class="inner">
<h1 class="title">비전</h1>
<!-- pc version -->
<div class="visionBox">
<ul class="text_box">
<li class="list list1">
<div class="txtBox">
<p>
페이스메이커는 회사의 이미지와<br>
디자인을 결합하고 전달하여 감정을<br>
불러 일으키고 전략을 유도합니다.
</p>
</div>
<div class="titBox">
<div>
<p>
<strong>RESPECT</strong>
<span>
Story of US
</span>
</p>
</div>
</div>
</li>
<li class="list list2">
<div class="titBox">
<div>
<p>
<strong>RESPECT</strong>
<span>
Story of US
</span>
</p>
</div>
</div>
<div class="txtBox">
<p>
페이스메이커는 회사의 이미지와<br>
디자인을 결합하고 전달하여 감정을<br>
불러 일으키고 전략을 유도합니다.
</p>
</div>
</li>
<li class="list list3">
<div class="titBox">
<div>
<p>
<strong>RESPECT</strong>
<span>
Story of US
</span>
</p>
</div>
</div>
<div class="txtBox">
<p>
페이스메이커는 회사의 이미지와<br>
디자인을 결합하고 전달하여 감정을<br>
불러 일으키고 전략을 유도합니다.
</p>
</div>
</li>
</ul>
<div class="circle">
<p>
<span>
페이스메이커<br>
비전 페이지
</span>
</p>
</div>
</div>
<!-- mo version -->
<div class="mo_visionBox">
<ul class="circleBox">
<li>
<div>
<p>
<strong>RESPECT</strong>
<span>
Story of US
</span>
</p>
</div>
</li>
<li>
<div>
<p>
<strong>RESPECT</strong>
<span>
Story of US
</span>
</p>
</div>
</li>
<li>
<div>
<p>
<strong>RESPECT</strong>
<span>
Story of US
</span>
</p>
</div>
</li>
</ul>
<ul class="infoBox">
<li>
<strong>01</strong>
<p>
페이스메이커는 회사의 이미지와<br>
디자인을 결합하고 전달하여 감정을<br>
불러 일으키고 전략을 유도합니다.
</p>
</li>
<li>
<strong>02</strong>
<p>
페이스메이커는 회사의 이미지와<br>
디자인을 결합하고 전달하여 감정을<br>
불러 일으키고 전략을 유도합니다.
</p>
</li>
<li>
<strong>03</strong>
<p>
페이스메이커는 회사의 이미지와<br>
디자인을 결합하고 전달하여 감정을<br>
불러 일으키고 전략을 유도합니다.
</p>
</li>
</ul>
</div>
</div>
</section>
<section class="sec sec2">
<h2 class="blind">비전</h2>
<div class="inner">
<h2 class="tit">미래 비전</h2>
<p class="txt">
바르게 성장하기 위해 페이스메이커는 미래 가치의 혁신을 통해 변화와 확장의 의지를 다지며 새롭게 도전하려고 합니다.
</p>
<ul>
<li data-aos="fade-down">
<img src="<?php echo G5_THEME_URL?>/img/sub_vision01.jpg">
</li>
<li data-aos="fade-up">
<img src="<?php echo G5_THEME_URL?>/img/sub_vision02.jpg">
</li>
<li data-aos="fade-down">
<img src="<?php echo G5_THEME_URL?>/img/sub_vision03.jpg">
</li>
</ul>
</div>
</section>
</div>
<script>
AOS.init({
// disable on internet explorer
disable: function msieversion() {
return !!(window.navigator.userAgent.indexOf("MSIE ") > 0 || navigator.userAgent.match(
/Trident.*rv\:11\./))
}
})
</script>
<?php
include_once(G5_THEME_PATH.'/tail.php');
?>