<%@page import="Dao.MemberDao"%>
<%@page import="Dto.MemberDto"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="/KH_SecondPJ/CSS/Nav.css"/>
<link href="<%=request.getContextPath()%>/CSS/mainbutton.css" rel="stylesheet">
<!-- 검색창 밑 backgraund_img.css -->
<link href="<%=request.getContextPath()%>/CSS/QAList.css" rel="stylesheet">
<style type="text/css">
</style>
</head>
<body style="margin: 0;">
<%
MemberDao dao = MemberDao.getInstance();
HttpSession memberSession = request.getSession(false);
MemberDto member = null;
if(memberSession!=null){
member = (MemberDto)memberSession.getAttribute("kh_member");
}
%>
<div id="nav_outer_container" >
<div id="nav_inner_container" >
<div id="main_nav" >
<a href="<%=request.getContextPath()%>/JSP/SUB_Welcome.jsp" style="font-size: 20px;">KH_WEDDING</a> <!--네비게이션 제목 -->
</div>
<div id="page_nav">
<ul id="page_list">
<li><a href="<%=request.getContextPath()%>/JSP/About.jsp">About Us</a></li>
<li><a href="<%=request.getContextPath()%>/JSP/Gallery.jsp">Gallery</a></li>
<li><a href="<%=request.getContextPath()%>/JSP/Calendar.jsp">상담 신청</a></li>
<li><a href="<%=request.getContextPath()%>/PdsController?command=list">자료 올리기</a></li>
<li><a href="<%=request.getContextPath()%>/QAController?command=list&searchfor=0">QA</a></li>
<li><a href="<%=request.getContextPath()%>/JSP/Contact.jsp">Contact Us</a></li>
</ul>
</div>
<div id="member_nav" style="float: right; display: inline-block; margin-top: 15px;">
<ul style="margin: 16px 0 16px 0">
<%if(member != null) {%>
<li style="margin-left: 0;"><a href="<%=request.getContextPath()%>/JSP/MyInfo.jsp">내 정보</a></li>
<li><a onclick="logout()" style="cursor: pointer; margin: 0">로그아웃</a></li>
<%}else{
%>
<li><a href="<%=request.getContextPath()%>/JSP/Login.jsp">로그인</a></li>
<%}%>
</ul>
</div>
</div>
</div>
<script type="text/javascript">
function logout() {
$.ajax({
url : "/KH_SecondPJ/MemberController?command=logout",
type:"get",
success : function(){
alert("로그아웃되었습니다.");
location.href="<%=request.getContextPath()%>/JSP/About.jsp";
},
error: function(xhr , status){
alert(xhr + " : " + status)
}
});
}
</script>
</body>
</html>
<%@page import="Dto.MemberDto"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<!-- 동영상 -->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" href="<%=request.getContextPath()%>/CSS/w3.css ">
<title>About</title>
<style type="text/css">
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
.slides{
width: 100%;
}
.youtubeWrap {
width: 1020px;
height: 500px;
margin: auto;
padding-bottom: 550px;
}
.youtubeWrap iframe {
position: relative;
width: 100%;
height: 500px;
}
</style>
</head>
<body style="font-family: Noto Sans KR, sans-serif; font-size: 15px;">
<jsp:include page="Header.jsp"></jsp:include>
<div style="width:1020px; margin: 50px auto 10px; text-align: center;">
<h2>About</h2>
<hr style="width: 80px; border-color: black; margin: 0 auto;">
<div style="line-height: 1.5em; margin: 30px 0 30px 0;">
<p>또 하나의 가족을 맞이하는 가슴 따뜻한 순간,</p>
<p>완벽해야만 하는 그날을 위해 각 분야 최고의 전문가들이 처음부터 끝까지<p/>
<p>당신의 웨딩을 최고로 아릅답게 Design해 드립니다.</p>
<p>인생의 모든 순간을 빛낼 일생에 단 하나뿐인 당신의 웨딩 축제, KH_Wedding에서 당신을 더욱 빛나게 합니다.</p>
</div>
<!-- 자동 슬라이더 -->
<div style="width: 1020px; position: relative;">
<img class="slides" src="<%=request.getContextPath() %>/img/wedding_slide01.jpg">
<img class="slides" src="<%=request.getContextPath() %>/img/wedding_slide02.jpg">
<img class="slides" src="<%=request.getContextPath() %>/img/wedding_slide03.jpg">
<img class="slides" src="<%=request.getContextPath() %>/img/wedding_slide04.jpg">
<img class="slides" src="<%=request.getContextPath() %>/img/wedding_slide05.jpg">
<button class="w3-button w3-display-left" onclick="plusDivs(-1)" style="outline:none; font-size: 20px; color: #555555; padding: 325px 20px;" >❮</button>
<button class="w3-button w3-display-right" onclick="plusDivs(+1)" style="outline:none; font-size: 20px; color: #555555; padding: 325px 20px;" >❯</button>
</div>
<div style="margin: 30px 0 50px 0;">
<p>이세상 누구보다 아름다운 당신, 행복함과 설레임으로 다가올 당신의 가장 소중한 순간을 위해 준비했습니다.</p>
<p>전통과 격식을 존중한 클래식한 감성은 물론, 모던하고 내추럴한 세련된 감각의 품격있는 웨딩까지 </p>
<p>다양한 웨딩 스타일을 제안하며 럭셔리하고 차별화된 데코레이션과</p>
<p>최상의 요리와 세심한 서비스, </p>
<p>일생에 단한번뿐인 당신의 소중한 순간을 가슴속에 남겨드리겠습니다.</p>
</div>
<hr style="width: 1020px; border-color: black;">
<div>
<table style="width: 1020px; border-color: black; margin:50px 0 30px 0 ; cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td><img style="width: 100%" src="<%=request.getContextPath() %>/img/wedding_slide01.jpg"></td>
<td width="497" valign="middle" style="border-right: 1px solid #E1E1E1; border-top: 1px solid #E1E1E1; padding: 0px 40px; line-height: 180%;" bgcolor="white">
<h4>Wedding</h4>
웨딩에 관련된 모든분야의 전문 스텝들이 고객님의 스타일에 맞는 <br>가장 감동적인 장면을 연출 해 드립니다.<br>
</td>
</tr>
<tr>
<td width="497" valign="middle" style="border-left: 1px solid #E1E1E1; border-bottom: 1px solid #E1E1E1; padding: 0px 40px; line-height: 180%;" bgcolor="white">
<h4>Lobby</h4>
내집으로 귀빈을 모시는 듯한 분위기를 여유롭고 편안하게 자아냅니다.<br>
<td><img style="width: 100%" src="<%=request.getContextPath() %>/img/wedding_slide06.jpg"></td>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="youtubeWrap">
<iframe width="560" height="315" src="https://www.youtube.com/embed/OUB6zKc-Tos" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
</div>
<script type="text/javascript">
var slideIndex = 0;
showDivs(slideIndex);
carousel();
function carousel() {
var i;
var x = document.getElementsByClassName("slides");
for (i = 0; i < x.length; i++) {
x[i].style.display = "none";
}
slideIndex++;
if (slideIndex > x.length) {slideIndex = 1}
x[slideIndex-1].style.display = "block";
setTimeout(carousel, 4000); // Change image every 4 seconds
}
function plusDivs(n) {
showDivs(slideIndex += n);
}
function showDivs(n) {
var i;
var x = document.getElementsByClassName("slides");
if (n > x.length) {slideIndex = 1}
if (n < 1) {slideIndex = x.length} ;
for (i = 0; i < x.length; i++) {
x[i].style.display = "none";
}
x[slideIndex-1].style.display = "block";
}
</script>
<jsp:include page="Footer.jsp"></jsp:include>
</body>
</html>
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<link rel="stylesheet" type="text/css" href="/KH_SecondPJ/CSS/Footer.css"/>
</head>
<body>
<div id="outer_container">
<div id="inner_container">
<div style="width:1020px; height:100%; display:inline-block; ">
<p>KH_Wedding| 사업자등록번호 : 123-45-012345 | 서울 강남 제2014-01호 | 대표자 : 서민석 | 책임자 : 강빛찬 | 관리책임자 : 이현우 | 매니저 : 곽선종 </p>
<p>강남지원 1관 : 서울특별시 강남구 테헤란로14길 6 남도빌딩 2F, 3F, 4F, 5F</p>
<p>참고 페이지 : KH정보교육원 : https://www.iei.or.kr/ </p>
<p>참고 페이지 : The Valenti : http://www.thevalenti.co.kr/ </p>
</div>
</div>
</div>
</body>
</html>
'JavaScript mini Project > Project java code ' 카테고리의 다른 글
Location (0) | 2018.09.26 |
---|---|
Q&A List (0) | 2018.09.26 |
자료올리기 (0) | 2018.09.26 |
상담신청 (0) | 2018.09.26 |
Gallery (0) | 2018.09.26 |