First Commit
This commit is contained in:
219
web/html/theme/FT_WEB20/sub/map.php
Normal file
219
web/html/theme/FT_WEB20/sub/map.php
Normal 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');
|
||||
?>
|
||||
Reference in New Issue
Block a user