<!doctype html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, width=device-width">
<title>홈페이지제작</title>
<link rel="stylesheet" href="./style.css">
<script src="//t1.daumcdn.net/tistory_admin/lib/jquery/jquery-1.12.4.min.js"></script>
</head>
<body id="tt-body-page" class="<s_if_var_layout-type> </s_if_var_layout-type><s_if_var_color-type></s_if_var_color-type><s_if_var_post-type> </s_if_var_post-type><s_if_var_view-more> paging-view-more</s_if_var_view-more>">
<s_t3>
<div id="acc-nav">
<a href="#content">본문 바로가기</a>
</div>
<div id="wrap">
<header id="header">
<div class="inner">
<h1>
<a href="https://mainart.tistory.com/">
<s_if_var_logo-image>
<img src="" alt="메인아트">
</s_if_var_logo-image>
<s_not_var_logo-image>
메인아트
</s_not_var_logo-image>
</a>
</h1>
<button type="button" class="mobile-menu"><span>메뉴</span></button>
<nav id="gnb">
</nav>
</div>
</header>
<hr>
<section class="container">
<article id="content">
<s_cover_group>
<s_cover_rep>
<s_cover name='cover-slider'>
<div class='cover-slider'>
<ul>
<s_cover_item>
<li style="background-image: url(<s_cover_item_thumbnail></s_cover_item_thumbnail>)">
<a href="" class="text-box">
<span class="title">
<s_cover_item_article_info>
<em></em>
</s_cover_item_article_info>
</span>
<span class="btn view">더보기</span>
</a>
</li>
</s_cover_item>
</ul>
</div>
</s_cover>
<s_cover name='cover-thumbnail-list-1'>
<div class="cover-thumbnail-list-1">
<h2></h2>
<ul>
<s_cover_item>
<li>
<a href="">
<span class="thum"><s_cover_item_thumbnail><img src="//i1.daumcdn.net/thumb/C264x200/?fname=" alt=""></s_cover_item_thumbnail></span>
<span class="title"></span>
</a>
</li>
</s_cover_item>
</ul>
</div>
</s_cover>
<s_cover name='cover-special-contents'>
<div class="cover-special-contents">
<ul>
<s_cover_item>
<li>
<span class="thum"><s_cover_item_thumbnail><img src="//i1.daumcdn.net/thumb/C600x600/?fname=" alt=""></s_cover_item_thumbnail></span>
<s_cover_item_article_info>
<span class="category"></span>
</s_cover_item_article_info>
<span class="title"></span>
<span class="excerpt"></span>
<a href="" class="btn view">더보기</a>
</li>
</s_cover_item>
</ul>
</div>
</s_cover>
<s_cover name='cover-wide-panel'>
<s_cover_item>
<div class="cover-wide-panel">
<div class="bg" style="background-image:url(<s_cover_item_thumbnail></s_cover_item_thumbnail>);"></div>
<div class="box">
<s_cover_item_article_info>
<span class="category"></span>
</s_cover_item_article_info>
<h2></h2>
<p></p>
<a href="" class="btn view">더보기</a>
</div>
</div>
</s_cover_item>
</s_cover>
<s_cover name='cover-thumbnail-list-2'>
<div class="cover-thumbnail-list-2">
<h2></h2>
<ul>
<s_cover_item>
<li>
<a href="">
<span class="thum"><s_cover_item_thumbnail><img src="//i1.daumcdn.net/thumb/C276x260/?fname=" alt=""></s_cover_item_thumbnail></span>
<span class="title"></span>
<span class="excerpt"></span>
<span class="more">더보기</span>
</a>
</li>
</s_cover_item>
</ul>
</div>
</s_cover>
</s_cover_rep>
</s_cover_group>
<s_page_rep>
<div class="hgroup">
<h1></h1>
<s_ad_div>
<div class="post-meta">
<span><a href="">수정</a></span>
<span><a href="#" onclick="">삭제</a></span>
</div>
</s_ad_div>
</div>
<div class="entry-content">
</div>
</s_page_rep>
<s_notice_rep>
<div class="hgroup">
<h1></h1>
<div class="post-meta">
<span class="author"></span>
<span class="date"></span>
<s_ad_div>
<span><a href="">수정</a></span>
<span><a href="#" onclick="">삭제</a></span>
</s_ad_div>
</div>
</div>
<div class="entry-content">
</div>
</s_notice_rep>
<s_list>
<div class="post-header">
<h2></h2>
<div class="list-type">
<button type="button" class="thum">썸네일형</button>
<button type="button" class="list">리스트형</button>
</div>
</div>
</s_list>
<div class="inner">
<s_article_protected>
<s_index_article_rep>
<div class="post-item">
<a href="">
<span class="thum"></span>
<span class="title"></span>
<span class="excerpt">보호되어 있는 글입니다.</span>
<span class="more">더보기</span>
</a>
</div>
</s_index_article_rep>
<s_permalink_article_rep>
<div class="hgroup">
<div class="category">보호글</div>
<h1> </h1>
<div class="post-meta">
<span class="author"></span>
<span class="date"></span>
</div>
</div>
<div class="entry-content">
<form class="protected_form" onsubmit="">
<p>보호되어 있는 글입니다. 내용을 보시려면 비밀번호를 입력하세요.</p>
<input type="password" id="" name="" value="" placeholder="비밀번호" />
<button type="submit" class="btn">확인</button>
</form>
</div>
</s_permalink_article_rep>
</s_article_protected>
<s_article_rep>
<s_index_article_rep>
<div class="post-item">
<a href="">
<span class="thum">
<s_article_rep_thumbnail>
<img src="//i1.daumcdn.net/thumb/C276x260/?fname=" alt="">
</s_article_rep_thumbnail>
</span>
<span class="title"></span>
<span class="excerpt"></span>
<span class="more">더보기</span>
</a>
</div>
</s_index_article_rep>
<s_permalink_article_rep>
<div class="hgroup">
<div class="category"></div>
<h1> </h1>
<div class="post-meta">
<span class="author"></span>
<span class="date"></span>
<s_ad_div>
<span><a href="">수정</a></span>
<span><a href="#" onclick="">삭제</a></span>
</s_ad_div>
</div>
</div>
<div class="entry-content">
</div>
<s_tag_label>
<div class="tags">
<h2>태그</h2>
<div class="items">
</div>
</div>
</s_tag_label>
<s_article_related>
<div class="related-articles">
<h2><strong>''</strong> Related Articles</h2>
<ul>
<s_article_related_rep>
<li>
<a href="">
<span class="thum">
<s_article_related_rep_thumbnail>
<img src="//i1.daumcdn.net/thumb/C200x200/?fname=" alt="">
</s_article_related_rep_thumbnail>
</span>
<span class="title"></span>
</a>
</li>
</s_article_related_rep>
</ul>
</div>
</s_article_related>
<s_rp>
<div class="comments">
<s_rp_container>
<div class="comment-list">
<ul>
<s_rp_rep>
<li id="">
<div class="author-meta">
<img src="" class="avatar" alt="">
<span class="nickname"></span>
<span class="date"></span>
<span class="control">
<a href="">댓글주소</a>
<a href="#" onclick="">수정/삭제</a>
<a href="#" onclick="">댓글쓰기</a>
</span>
</div>
<p></p>
<s_rp2_container>
<ul>
<s_rp2_rep>
<li id="">
<div class="author-meta">
<img src="" class="avatar" alt="">
<span class="nickname"></span>
<span class="date"></span>
<span class="control">
<a href="">댓글주소</a>
<a href="#" onclick="">수정/삭제</a>
</span>
</div>
<p></p>
</li>
</s_rp2_rep>
</ul>
</s_rp2_container>
</li>
</s_rp_rep>
</ul>
</div>
</s_rp_container>
<s_rp_input_form>
<div class="comment-form">
<s_rp_member>
<div class="field">
<s_rp_guest>
<input type="text" name="" value="" placeholder="이름">
<input type="password" name="" value="" placeholder="암호">
</s_rp_guest>
<div class="secret">
<input type="checkbox" name="" id="secret">
<label for="secret" tabindex="0">Secret</label>
</div>
</div>
</s_rp_member>
<textarea name="" cols="" rows="4" placeholder="여러분의 소중한 댓글을 입력해주세요."></textarea>
<div class="submit">
<button type="submit" class="btn" onclick="">댓글달기</button>
</div>
</div>
</s_rp_input_form>
</div>
</s_rp>
</s_permalink_article_rep>
</s_article_rep>
</div>
<s_tag>
<div class="hgroup">
<h1>태그</h1>
</div>
<div class="tags">
<div class="items">
<s_tag_rep>
<a href=""></a>
</s_tag_rep>
</div>
</div>
</s_tag>
<s_guest>
<div class="hgroup">
<h1>방명록</h1>
</div>
<div class="comments">
<s_guest_input_form>
<div class="comment-form">
<s_guest_member>
<div class="field">
<s_guest_form>
<input type="text" name="" value="" placeholder="이름">
<input type="password" name="" value="" placeholder="암호">
</s_guest_form>
</div>
</s_guest_member>
<textarea name="" cols="" rows="4"></textarea>
<div class="submit">
<button type="submit" class="btn" onclick="">안부 남기기</button>
</div>
</div>
</s_guest_input_form>
<s_guest_container>
<div class="comment-list">
<ul>
<s_guest_rep>
<li id="">
<div class="author-meta">
<img src="//t1.daumcdn.net/tistory_admin/static/skin/avatar_default.gif" class="avatar" alt="">
<span class="nickname"></span>
<span class="date"></span>
<span class="control">
<a href="#" onclick="">수정/삭제</a>
<a href="#" onclick="">댓글쓰기</a>
</span>
</div>
<p></p>
<s_guest_reply_container>
<ul>
<s_guest_reply_rep>
<li id="">
<div class="author-meta">
<img src="//t1.daumcdn.net/tistory_admin/static/skin/avatar_default.gif" class="avatar" alt="">
<span class="nickname"></span>
<span class="date"></span>
<span class="control">
<a href="#" onclick="">수정/삭제</a>
</span>
</div>
<p></p>
</li>
</s_guest_reply_rep>
</ul>
</s_guest_reply_container>
</li>
</s_guest_rep>
</ul>
</div>
</s_guest_container>
</div>
</s_guest>
<s_paging>
<div class="pagination">
<a class="prev ">이전</a>
<s_paging_rep>
<a ></a>
</s_paging_rep>
<a class="next ">다음</a>
</div>
</s_paging>
</article>
<aside id="aside">
<div class="inner">
<div class="sidebar-1">
<s_sidebar>
<s_sidebar_element>
<!-- 공지사항 -->
<s_rct_notice>
<div class="posts">
<h2>공지사항</h2>
<ul>
<s_rct_notice_rep>
<li><a href="" class="link_board"></a></li>
</s_rct_notice_rep>
</ul>
</div>
</s_rct_notice>
</s_sidebar_element>
<s_sidebar_element>
<!-- 최근 포스트 -->
<div class="posts">
<h2>최근 포스트</h2>
<ul>
<s_rctps_rep>
<li><a href=""></a></li>
</s_rctps_rep>
</ul>
</div>
</s_sidebar_element>
</s_sidebar>
</div>
<div class="sidebar-2">
<s_sidebar>
<s_sidebar_element>
<!-- 태그 -->
<div class="tags">
<h2>태그</h2>
<div class="items">
<s_random_tags>
<a href=""></a>
</s_random_tags>
</div>
<a href="/tag" class="more">더보기</a>
</div>
</s_sidebar_element>
</s_sidebar>
</div>
<div class="sidebar-3">
<s_sidebar>
<s_sidebar_element>
<!-- 검색 -->
<div class="search">
<h2>검색</h2>
<s_search>
<fieldset>
<input type="text" name="" value="" placeholder="검색내용을 입력하세요." onkeypress="if (event.keyCode == 13 ) { }">
<button type="button" onclick="">검색</button>
</fieldset>
</s_search>
</div>
</s_sidebar_element>
<s_sidebar_element>
<!-- 전체 방문자 -->
<div class="count">
<h2>전체 방문자</h2>
<p class="total"></p>
<ul>
<li><strong>오늘</strong></li>
<li><strong>어제</strong></li>
</ul>
</div>
</s_sidebar_element>
</s_sidebar>
</div>
</div>
</aside>
</section>
<hr>
<footer id="footer">
<p class="copyright">DESIGN BY <a href="#">TISTORY</a> <a href="https://mainart.tistory.com/manage" class="admin">관리자</a></p>
</footer>
</div>
<script src="./images/script.js"></script>
</s_t3>
</body>
</html>
