init
This commit is contained in:
zxcxz2002
@@ -0,0 +1,173 @@
|
||||
<%@ page contentType="text/html;charset=UTF-8" %>
|
||||
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
|
||||
<!DOCTYPE html>
|
||||
<html lang="ko">
|
||||
<head>
|
||||
<jsp:include page="/WEB-INF/view/include/inc_home_head.jsp"/>
|
||||
<jsp:include page="/WEB-INF/view/include/inc_head_script.jsp"/>
|
||||
<script>
|
||||
var tabIndex = 0;
|
||||
<c:if test="${not empty param.tabIndex}">
|
||||
tabIndex = ${param.tabIndex};
|
||||
</c:if>
|
||||
|
||||
$(function() {
|
||||
$('#tabMenu').find('a').on('click', function() {
|
||||
event.preventDefault();
|
||||
event.stopPropagation();
|
||||
return false;
|
||||
});
|
||||
|
||||
})
|
||||
var goToCost = function() {
|
||||
};
|
||||
|
||||
$(function() {
|
||||
// 해당 메뉴 이동
|
||||
$('.tabMenu a').on('click' , function(e){
|
||||
e.preventDefault();
|
||||
|
||||
var idx = $(this).index();
|
||||
$('#inner0').removeClass("on");
|
||||
$('#inner1').removeClass("on");
|
||||
$('#inner2').removeClass("on");
|
||||
$('#inner3').removeClass("on");
|
||||
$('#inner' + idx).addClass("on");
|
||||
|
||||
$('body, html').stop().animate({
|
||||
scrollTop : $('.introWrap .section').eq(idx).offset().top - $('#header').outerHeight(true) - 30
|
||||
});
|
||||
});
|
||||
|
||||
$('.tabMenu a').eq(tabIndex).trigger('click');
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body class="<c:if test="${not empty loginUser}">logined</c:if>">
|
||||
|
||||
|
||||
|
||||
<!-- wrap : s -->
|
||||
<div class="wrap">
|
||||
<jsp:include page="/WEB-INF/view/include/inc_home_body_header.jsp"/>
|
||||
|
||||
<div class="container">
|
||||
<div id="contents">
|
||||
<!-- 상세 : s -->
|
||||
<div class="subVisual bg02">
|
||||
<h2>기본 제공 기능</h2>
|
||||
<p>서비스 가입 시 선택한 기능 및 구매한 호스트 개수에 상관없이 기본 제공하는 기능입니다.</p>
|
||||
<div class="tabMenu">
|
||||
<div class="inner" id="inner">
|
||||
<a href="#" id="inner0" class="on">화상 히스토리</a>
|
||||
<a href="#" id="inner1">화상 녹화 로컬 저장</a>
|
||||
<a href="#" id="inner2">공지사항 게시판</a>
|
||||
<a href="#" id="inner3">관리자메뉴</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="inner">
|
||||
<!-- introWrap : s -->
|
||||
<div class="introWrap ver2">
|
||||
<div class="section sec01">
|
||||
<div class="titBox">
|
||||
<span class="bedge">기본기능</span>
|
||||
<h3>화상 히스토리</h3>
|
||||
</div>
|
||||
<div class="conBox right">
|
||||
<div class="imgObj wHide"><img src="/res/front/home/asset/images/m_img_intro0201.png" alt=""></div>
|
||||
<div class="txtObj">
|
||||
<ul class="listStyle">
|
||||
<li>내가 참여한 화상 내역
|
||||
<p>참여한 화상 내역을 한눈에 볼 수 있습니다.</p>
|
||||
</li>
|
||||
<li>화상 출석 로그, 노트 작성 기록
|
||||
<p>출석 로그 및 화상 중 작성한 노트 기록을 확인 할 수 있습니다. </p>
|
||||
</li>
|
||||
<li>호스트/방개설자 대상 녹화 다운로드
|
||||
<p>호스트 혹은 방개설자는 녹화된 영상을 다운로드 받을 수 있습니다.<br>(단, 실시간 화상방 내에서 녹화한 경우만)</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="section sec02">
|
||||
<div class="titBox">
|
||||
<span class="bedge">기본기능</span>
|
||||
<h3>화상 녹화 로컬 저장</h3>
|
||||
</div>
|
||||
<div class="conBox">
|
||||
<div class="imgObj wHide"><img src="/res/front/home/asset/images/m_img_intro0202.png" alt=""></div>
|
||||
<div class="txtObj">
|
||||
<ul class="listStyle">
|
||||
<li>녹화본 다운로드 제공
|
||||
<p>화상방 개설자가 녹화 선택 시, PC로 녹화본을 다운로드<br class="mHide">할 수 있습니다.</p>
|
||||
</li>
|
||||
<li>녹화본 히스토리 확인
|
||||
<p>해당 녹화본은 ‘화상 히스토리’에서도 확인이 가능합니다.</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="section sec03">
|
||||
<div class="titBox">
|
||||
<span class="bedge">기본기능</span>
|
||||
<h3>공지사항 게시판</h3>
|
||||
</div>
|
||||
<div class="conBox right">
|
||||
<div class="imgObj wHide"><img src=/res/front/home/asset/images/m_img_intro0203.png" alt=""></div>
|
||||
<div class="txtObj">
|
||||
<ul class="listStyle">
|
||||
<li>공지사항 전파
|
||||
<p>조직 내 공지사항을 전달할 수 있습니다.</p>
|
||||
</li>
|
||||
<li>공개 대상 그룹 설정
|
||||
<p>전체 또는 특정 그룹으로 공개대상 그룹 설정이 가능합니다. </p>
|
||||
</li>
|
||||
<li>조직 내 커뮤니케이션
|
||||
<p>실시간 화상 외에 조직 내 손쉽게 커뮤니케이션 할 수 있습니다. </p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="section sec04">
|
||||
<div class="titBox">
|
||||
<span class="bedge">기본기능</span>
|
||||
<h3>관리자 메뉴</h3>
|
||||
</div>
|
||||
<div class="conBox">
|
||||
<div class="imgObj wHide"><img src="/res/front/home/asset/images/m_img_intro0204.png" alt=""></div>
|
||||
<div class="txtObj">
|
||||
<ul class="listStyle">
|
||||
<li>조직 내 그룹/이용자 관리
|
||||
<p>조직 내 그룹 및 이용자 관리 기능을 제공합니다. </p>
|
||||
</li>
|
||||
<li>호스트 지정 및 관리
|
||||
<p>관리자가 원하는 호스트를 지정, 관리 할 수 있습니다. </p>
|
||||
</li>
|
||||
<li>상품 및 결제 정보 관리
|
||||
<p>이용 상품 및 결제 정보를 확인할 수 있습니다. </p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- introWrap : e -->
|
||||
</div>
|
||||
</div>
|
||||
<!-- 상세 : e -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- footer : s -->
|
||||
<jsp:include page="/WEB-INF/view/include/inc_home_body_footer.jsp"/>
|
||||
<!-- footer : e -->
|
||||
</div>
|
||||
<!-- wrap : e -->
|
||||
|
||||
<jsp:include page="/WEB-INF/view/include/inc_home_body_popup.jsp"/>
|
||||
<script src="/res/front/js/biz/home/home-common.js?v=${timestamp}"></script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user