관리 메뉴

moozi

3/29 html코드 본문

TIS_2016/HTML5_1기

3/29 html코드

moozi 2016. 3. 29. 15:18

<!DOCTYPE html >

<html>

<head>

<meta http-equiv="X-UA-Compatible" content="IE=Edge" />

<title> ex3 step1 </title>

<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">

<link rel="stylesheet" href="css/style.css" />

    <!-- jquey사용 --------------------------------------------------->

<script type="text/javascript" src="js/jquery-2.1.1.min.js"></script>

<script type="text/javascript" src="js/prefixfree.min.js"></script>

    <!-- 사용자 작성 javascript -->

<script type="text/javascript" src="js/custom.js"></script>

</head>

<body>

<div class="wrap">


<!-- nav 영역을 호출할 버튼  -->

<a class="btnMenu" href="#"><i class="fa fa-navicon"></i> </a>

<!-- 실제 카테고리 메뉴가 들어갈 nav 영역 -->

<nav>

<h1><img src="img/logo.png" /></h1>

<ul id="gnb">

<li><a href="#">Homme</a></li>

<li><a href="#">Girl</a></li>

<li><a href="#">Kids</a></li>

</ul>

</nav>

<!-- 3개의 컨텐츠 박스가 들어갈 section 영역 -->

<section>

<div class="box1 on">

</div>

<div class="box2">

</div>

<div class="box3">

</div>

</section>

</div>

</body>

</html>


'TIS_2016 > HTML5_1기' 카테고리의 다른 글

4/2 slide javascript  (0) 2016.04.01
modal video fullscreen  (0) 2016.03.31
3/29 css코드  (0) 2016.03.29
css로 애니메이션 구현 예제  (0) 2016.03.29
3/29 오전수업 css코드  (0) 2016.03.29
Comments