230 lines
12 KiB
PHP
230 lines
12 KiB
PHP
<?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">
|
|
<img src="<?php echo G5_THEME_URL?>/img/390x260.jpg">
|
|
<div class="icon_txt">
|
|
<strong>매점</strong>
|
|
<p><span class="mo_br"></span></p>
|
|
</div>
|
|
</li>
|
|
<li data-aos="fade-up" data-aos-duration="600">
|
|
<img src="<?php echo G5_THEME_URL?>/img/390x260.jpg">
|
|
<div class="icon_txt">
|
|
<strong>각 동 개별 에어컨</strong>
|
|
<p> </p>
|
|
</div>
|
|
</li>
|
|
<li data-aos="fade-up" data-aos-duration="900">
|
|
<img src="<?php echo G5_THEME_URL?>/img/390x260.jpg">
|
|
<div class="icon_txt">
|
|
<strong>주차장</strong>
|
|
<p> </p>
|
|
</div>
|
|
</li>
|
|
<li data-aos="fade-up" data-aos-duration="1200">
|
|
<img src="<?php echo G5_THEME_URL?>/img/390x260.jpg">
|
|
<div class="icon_txt">
|
|
<strong>중앙 대형 불멍존</strong>
|
|
<p></p>
|
|
</div>
|
|
</li>
|
|
<li data-aos="fade-up" data-aos-duration="1500">
|
|
<img src="<?php echo G5_THEME_URL?>/img/390x260.jpg">
|
|
<div class="icon_txt">
|
|
<strong>화장실</strong>
|
|
<p></p>
|
|
</div>
|
|
</li>
|
|
<li data-aos="fade-up" data-aos-duration="1800">
|
|
<img src="<?php echo G5_THEME_URL?>/img/390x260.jpg">
|
|
<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');
|
|
?>
|