08-06_Quiz_온라인상담
08-06_Quiz_온라인상담
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>08-06_Quiz_온라인상담</title>
<style type="text/css">
*{ margin: 0; padding: 0; }
body {
font-family: "돋움", sans-serif;
}
li {
list-style: none;
}
a:link, a:visited {
text-decoration: none;
}
a:hover, a:active, a:focus {
text-decoration: underline;
}
.board {
width: 400px;
position: relative;
margin: 10px;
}
.board h3{
margin-bottom: 5px;
}
.board li a {
color: gray;
}
.board .question {
background: url('../../image/position_image/icon01.gif') no-repeat 0 3px;
padding-left: 42px;
line-height: 22px;
}
.board .answer {
background: url('../../image/position_image/icon02.gif') no-repeat 0 3px;
padding-left: 42px;
line-height: 22px;
}
.board li span {
position: absolute;
right: 4px;
color: gray;
}
.more {
position: absolute;
top: 0px;
right: 5px;
}
.more a {
color: orange;
font-weight: bold;
font-size: 1px;
}
</style>
</head>
<body>
<div class="board">
<h3><img src="../../image/position_image/qna_title.gif" alt="온라인 상담 게시판"></h3>
<ul>
<li class="question"><a href="#">웹퍼블리셔 배우고 싶어요..</a><span>2023-02-23</span></li>
<li class="answer"><a href="#">안녕하세요.문의하신 과정이..</a><span>2023-02-23</span></li>
<li class="question"><a href="#">사직서 낸날 등록 가능한가여</a><span>2023-02-23</span></li>
<li class="answer"><a href="#">안녕하세요. 개인적으로 듣는 경..</a><span>2023-02-23</span></li>
<li class="question"><a href="#">과정관련 문의</a><span>2023-02-23</span></li>
</ul>
<p class="more"><a href="#" title="온라인 상담 게시판 더보기">MORE ></a></p>
</div>
</body>
</html>
08-06_Quiz_온라인상담
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>08-06_Quiz_온라인상담</title>
<style type="text/css">
*{ margin: 0; padding: 0; }
body {
font-family: "돋움", sans-serif;
}
li {
list-style: none;
}
a:link, a:visited {
text-decoration: none;
}
a:hover, a:active, a:focus {
text-decoration: underline;
}
.board {
width: 400px;
position: relative;
margin: 10px;
}
.board h3{
margin-bottom: 5px;
}
.board li a {
color: gray;
}
.board .question {
background: url('../../image/position_image/icon01.gif') no-repeat 0 3px;
padding-left: 42px;
line-height: 22px;
}
.board .answer {
background: url('../../image/position_image/icon02.gif') no-repeat 0 3px;
padding-left: 42px;
line-height: 22px;
}
.board li span {
position: absolute;
right: 4px;
color: gray;
}
.more {
position: absolute;
top: 0px;
right: 5px;
}
.more a {
color: orange;
font-weight: bold;
font-size: 1px;
}
</style>
</head>
<body>
<div class="board">
<h3><img src="../../image/position_image/qna_title.gif" alt="온라인 상담 게시판"></h3>
<ul>
<li class="question"><a href="#">웹퍼블리셔 배우고 싶어요..</a><span>2023-02-23</span></li>
<li class="answer"><a href="#">안녕하세요.문의하신 과정이..</a><span>2023-02-23</span></li>
<li class="question"><a href="#">사직서 낸날 등록 가능한가여</a><span>2023-02-23</span></li>
<li class="answer"><a href="#">안녕하세요. 개인적으로 듣는 경..</a><span>2023-02-23</span></li>
<li class="question"><a href="#">과정관련 문의</a><span>2023-02-23</span></li>
</ul>
<p class="more"><a href="#" title="온라인 상담 게시판 더보기">MORE ></a></p>
</div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>08-06_Quiz_온라인상담</title>
<style type="text/css">
*{ margin: 0; padding: 0; }
body {
font-family: "돋움", sans-serif;
}
li {
list-style: none;
}
a:link, a:visited {
text-decoration: none;
}
a:hover, a:active, a:focus {
text-decoration: underline;
}
.board {
width: 400px;
position: relative;
margin: 10px;
}
.board h3{
margin-bottom: 5px;
}
.board li a {
color: gray;
}
.board .question {
background: url('../../image/position_image/icon01.gif') no-repeat 0 3px;
padding-left: 42px;
line-height: 22px;
}
.board .answer {
background: url('../../image/position_image/icon02.gif') no-repeat 0 3px;
padding-left: 42px;
line-height: 22px;
}
.board li span {
position: absolute;
right: 4px;
color: gray;
}
.more {
position: absolute;
top: 0px;
right: 5px;
}
.more a {
color: orange;
font-weight: bold;
font-size: 1px;
}
</style>
</head>
<body>
<div class="board">
<h3><img src="../../image/position_image/qna_title.gif" alt="온라인 상담 게시판"></h3>
<ul>
<li class="question"><a href="#">웹퍼블리셔 배우고 싶어요..</a><span>2023-02-23</span></li>
<li class="answer"><a href="#">안녕하세요.문의하신 과정이..</a><span>2023-02-23</span></li>
<li class="question"><a href="#">사직서 낸날 등록 가능한가여</a><span>2023-02-23</span></li>
<li class="answer"><a href="#">안녕하세요. 개인적으로 듣는 경..</a><span>2023-02-23</span></li>
<li class="question"><a href="#">과정관련 문의</a><span>2023-02-23</span></li>
</ul>
<p class="more"><a href="#" title="온라인 상담 게시판 더보기">MORE ></a></p>
</div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>08-06_Quiz_온라인상담</title>
<style type="text/css">
*{ margin: 0; padding: 0; }
body {
font-family: "돋움", sans-serif;
}
li {
list-style: none;
}
a:link, a:visited {
text-decoration: none;
}
a:hover, a:active, a:focus {
text-decoration: underline;
}
.board {
width: 400px;
position: relative;
margin: 10px;
}
.board h3{
margin-bottom: 5px;
}
.board li a {
color: gray;
}
.board .question {
background: url('../../image/position_image/icon01.gif') no-repeat 0 3px;
padding-left: 42px;
line-height: 22px;
}
.board .answer {
background: url('../../image/position_image/icon02.gif') no-repeat 0 3px;
padding-left: 42px;
line-height: 22px;
}
.board li span {
position: absolute;
right: 4px;
color: gray;
}
.more {
position: absolute;
top: 0px;
right: 5px;
}
.more a {
color: orange;
font-weight: bold;
font-size: 1px;
}
</style>
</head>
<body>
<div class="board">
<h3><img src="../../image/position_image/qna_title.gif" alt="온라인 상담 게시판"></h3>
<ul>
<li class="question"><a href="#">웹퍼블리셔 배우고 싶어요..</a><span>2023-02-23</span></li>
<li class="answer"><a href="#">안녕하세요.문의하신 과정이..</a><span>2023-02-23</span></li>
<li class="question"><a href="#">사직서 낸날 등록 가능한가여</a><span>2023-02-23</span></li>
<li class="answer"><a href="#">안녕하세요. 개인적으로 듣는 경..</a><span>2023-02-23</span></li>
<li class="question"><a href="#">과정관련 문의</a><span>2023-02-23</span></li>
</ul>
<p class="more"><a href="#" title="온라인 상담 게시판 더보기">MORE ></a></p>
</div>
</body>
</html>