-
Notifications
You must be signed in to change notification settings - Fork 44
/
Copy pathsample180_13.html
93 lines (76 loc) · 3.13 KB
/
sample180_13.html
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
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="author" content="webstoryboy">
<meta name="description" content="웹 표준을 준수한 사이트 예제입니다.">
<meta name="keywords" content="웹표준, 웹접근성, 샘플사이트">
<meta name="generator" content="brackets">
<title>WEBSTANDARD SITE</title>
<!-- style -->
<link rel="stylesheet" type="text/css" href="css/reset13.css">
<link rel="stylesheet" type="text/css" href="css/style13.css">
<!-- 웹 폰트 -->
<link href="https://fonts.googleapis.com/css?family=Nanum+Gothic" rel="stylesheet">
</head>
<body>
<!-- 스킵 내비게이션 -->
<div id="skip">
<a rel="bookmark" href="#cont_nav">전체 메뉴 바로가기</a>
<a rel="bookmark" href="#cont_ban">배너 영역 바로가기</a>
<a rel="bookmark" href="#cont_cont">컨텐츠 영역 바로가기</a>
</div>
<!-- //스킵 내비게이션 -->
<div id="wrap">
<div id="header" role="header">
<div class="container">
<div class="header">
<div class="header-menu">
<a href="https://wiss.tistory.com/">Desinger</a>
<a href="https://webstoryboy.co.kr/">Publisher</a>
<a href="https://www.youtube.com/channel/UCsvQSv7EeCMHyYb9ENKAJZw">Youtube</a>
</div>
<!-- //헤더 메뉴 -->
<div class="header-tit">
<h1>Professional Publisher & Designer</h1><br>
<a href="https://webstoryboy.co.kr/">webstoryboy.co.kr</a>
</div>
<!-- //헤더 타이틀 -->
<div class="header-icon">
<a href="#" class="icon1"><span class="ir_pm">icon1</span></a>
<a href="#" class="icon2"><span class="ir_pm">icon2</span></a>
<a href="#" class="icon3"><span class="ir_pm">icon3</span></a>
<a href="#" class="icon4"><span class="ir_pm">icon4</span></a>
</div>
<!-- //헤더 아이콘 -->
</div>
</div>
</div>
<!-- //header -->
<div id="contents">
<div id="cont_nav" role="nav">
<div class="container">cont_nav</div>
</div>
<!-- //cont_nav -->
<div id="cont_tit" role="title">
<div class="container">cont_tit</div>
</div>
<!-- //cont_tit -->
<div id="cont_ban" role="banner">
<div class="container">cont_ban</div>
</div>
<!-- //cont_ban -->
<div id="cont_cont" role="content">
<div class="container">cont_cont</div>
</div>
<!-- //cont_cont -->
</div>
<!-- //contents -->
<div id="footer" role="footer">
<div class="container">footer</div>
</div>
<!-- //footer -->
</div>
<!-- //wrap -->
</body>
</html>