File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
<div class="header-top">
<div class="wrap">
<div class="l-area">
<h1 class="logo"><a href="https://dcu.cbe.go.kr">다채움</a><a href="index.html" class="txt">한자교실</a></h1>
</div>
<div class="r-area pc-flex">
<div class="user-area">
<div class="profile">
<div class="img-area">
<figure>
<img src="../resources/front/site/SITE_00000/images/common/profile/profile-stu.svg" alt="학생 섬네일">
</figure>
</div>
<div class="txt-area">
<strong class="profile-tit"><em>김채움</em> 학생</strong>
<!-- <span>닉네임</span> -->
</div>
<div class="fnc">
<button type="button" class="btn-user-fnc-toggle">열기</button>
</div>
</div>
<ul class="user-fnc-list">
<li>
<a href="#none"><i class="ico-profile" aria-hidden="true"></i>프로필</a>
</li>
<li>
<button type="button"><i class="ico-logout" aria-hidden="true"></i>로그아웃</button>
</li>
</ul>
</div>
</div>
<div class="r-area tamo-flex">
<button type="button" class="btn-site-menu-open">
메뉴
</button>
<div class="site-menu-area">
<nav class="site-menu">
<!--로그인 전-->
<div class="menu-header">
<div class="menu-info">
<div class="l-area">
<a href="#none" class="btn-login">로그인을 해주세요.</a>
</div>
</div>
<!-- 로그인 후 -->
<div class="menu-info">
<div class="l-area">
<div class="profile lg">
<div class="img-area">
<figure>
<img src="/resources/front/site/SITE_00000/images/common/profile/profile-stu.svg" alt="학생 섬네일">
</figure>
</div>
<div class="txt-area">
<strong class="profile-tit"><em>김채움</em> 학생</strong>
</div>
</div>
</div>
<div class="r-area">
<a href="#none" class="ico-profile">마이페이지</a>
<a href="#none" class="ico-logout">로그아웃</a>
</div>
</div>
</div>
<div class="menu-body">
<ul class="menu">
<li>
<button type="button">한자로 키우는 교과 문해력</button>
<ul>
<li><a href="vedioCont.html">동영상콘텐츠</a></li>
<li><a href="#none">한자용어 검색(워크북)</a></li>
</ul>
</li>
<li>
<button type="button">별이 송이 뜻소리 한자교실</button>
<ul>
<li><a href="#none">뜻소리 한자교실</a></li>
<li><a href="#none">알쏭달쏭 동음이의어</a></li>
</ul>
</li>
<li>
<button type="button">별이 송이 소리뜻 놀이터</button>
<ul>
<li><a href="#none">한자 퍼즐 퀴즈</a></li>
</ul>
</li>
</ul>
</div>
<button type="button" class="btn-site-menu-close">메뉴 닫기</button>
</nav>
</div>
</div>
</div>
</div>
<div class="header-etc">
<div class="wrap">
<div class="l-area">
<nav class="gnb">
<ul>
<li>
<button type="button">한자로 키우는 교과 문해력</button>
<ul>
<li><a href="vedioCont.html">동영상콘텐츠</a></li>
<li><a href="#none">한자용어 검색(워크북)</a></li>
</ul>
</li>
<li>
<button type="button">별이 송이 뜻소리 한자교실</button>
<ul>
<li><a href="#none">뜻소리 한자교실</a></li>
<li><a href="#none">알쏭달쏭 동음이의어</a></li>
</ul>
</li>
<li>
<button type="button">별이 송이 소리뜻 놀이터</button>
<ul>
<li><a href="#none">한자 퍼즐 퀴즈</a></li>
</ul>
</li>
</ul>
</nav>
</div>
</div>
</div>