-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
138 lines (134 loc) · 5.83 KB
/
index.html
File metadata and controls
138 lines (134 loc) · 5.83 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
<!DOCTYPE html>
<html>
<head>
<title>이지스퍼블리싱</title>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, target-densitydpi=medium-dpi">
<!-- 전화, 주소, 이메일 자동 링크 없앨 때 -->
<!--<meta name="format-detection" content="telephone=no, address=no, email=no" />-->
<!-- 기본 포맷 삭제 -->
<!--<meta name="format-detection" content="no" />-->
<meta name="title" property="og:title" content="이지스퍼블리싱">
<meta name="images" property="og:image" content="./images/link_thumb.jpg">
<meta name="description" property="og:description" content="이지스퍼블리싱">
<meta name="type" property="og:type" content="article">
<link rel="stylesheet" type="text/css" href="./css/ui.css">
</head>
<body>
<section id="wrap">
<h1>이지스퍼블리싱</h1>
<header>
<strong class="logo_box"><img src="./images/mainLogo.png" alt="이지스퍼블리싱"></strong>
<nav>
<ul>
<li data-rol="menu1"><a href="#">회사소개</a></li>
<li data-rol="menu2"><a href="#">도서소개</a></li>
<li data-rol="menu3"><a href="#">FAQ</a></li>
<li data-rol="menu4"><a href="#">Contact Us</a></li>
</ul>
</nav>
</header>
/*회사소개 페이지*/
<section id="container">
<section id="menu1" class="content">
<h2>회사소개</h2>
<div class="conbox">
<section class="content_wrap">
<h3 class="pargrph_tit">이지스퍼블리싱</h3>
<div class="pargrph">
<div class="text_box">
<h4>"사람을 구체적으로 도와주는 책"</h4>
<p>
이지스퍼블리싱(주)의 책에는 '사람들에게 구체적으로 도움이 되는 책'을 만든다는 출판 가치가 담겨 있습니다.
</p>
</div>
<div class="text_box">
<h4>이지스퍼블리싱의 미션</h4>
<p>
사람에게 구체적으로 도움을 주는 책, 우리는 열심히 사는 사람들에게 도움이 되고 싶습니다.
</p>
</div>
<div class="text_box">
<h4>조직관 </h4>
<p>
이지스퍼블리싱(주)에 참여하는 모든 사람에게 도움을 주고 싶습니다.
</p>
</div>
<div class="text_box">
<h4>대표 시리즈 </h4>
<p>
이지스퍼블리싱의 대표적인 시리즈는 <Do it! 시리즈>입니다.
</p>
</div>
<div class="text_box">
<h4>Do it! 시리즈 소개</h4>
<p>
세상의 속도를 따라잡고 싶다면 Do it! 변화의 속도를 즐기게 될 것입니다.
</p>
</div>
</div>
</section>
</div>
</section>
/* 도서 소개페이지 */
<section id="menu2" class="content">
<h2>도서소개</h2>
<div class="conbox">
<section class="content_wrap">
<h3>도서상세내용</h3>
<div class="book_detail">
<article class="notebook">
<div class="detail_content">
<div class="img_book">
<img src="./images/book1.png" alt="Do it! HTML5+CSS3 웹 표준의 정석 <개정판>" />
</div>
<section class="book_description">
<h4>Do it! HTML5+CSS3 웹 표준의 정석 < 개정판 ></h4>
<ul class="bullet_list">
<li><em>저자 </em> 고경희</li>
<li><em>발행일 </em> 2017-01-03</li>
<li><em>사양 </em> 608쪽 | 188*257mm</li>
<li><em>I S B N </em> 979-11-87370-68-0 13000</li>
<li><em>정가 </em> 28,000원</li>
<li><em>상태 </em> 판매중</li>
</ul>
<p class="point_text">
<strong>문과생도 컴맹도 아무 것도 몰라도 <br />이 한권으로 OK!</strong>
이 책으로 공부하면 기초 태그부터 반응형 웹까지 한 번에 배울 수 있습니다. 자세한 설명과 간단명료한 많은 예제로 웹 표준의 정석을 익힐 수 있습니다.
</p>
</section>
</div>
</article>
</div>
<div class="book_rollwrap">
</div>
</section>
</div>
</section>
<section id="menu3" class="content">
<h2>FAQ</h2>
<div class="conbox">
<section class="content_wrap"></section>
</div>
</section>
<section id="menu4" class="content">
<h2>Contact Us</h2>
<div class="conbox">
<section class="content_wrap"></section>
</div>
</section>
</section>
/* 푸터 */
<footer>
<address>(04003)서울특별시 마포구 잔다리로 109 TEL (02)325-1722 FAX (02)326-1723</address>
<p>Copyright(c)2015 이지스퍼블리싱㈜ EasysPublishing Co., Ltd. All Rights Reserved</p>
<a href="https://www.facebook.com/easyspub" class="face" title="페이스북으로 이동"></a>
<a href="https://twitter.com/easyspub" class="twit" title="트위터로 이동"></a>
<a href="https://www.instagram.com/easyspub_book/" class="instar" title="인스타그램으로 이동"></a>
</footer>
</section>
<script type="text/javascript" src="./js/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="./js/ui.js"></script>
</body>
</html>