Megabox

03. 메가박스 사이트 만들기 (배너영역)

수콩! 2019. 12. 19. 23:05 
<!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">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta name="author" content="webstoryboy">
<meta name="description" content="메가박스 사이트 따라하면서 배우는 튜토리얼입니다.">
<meta name="keywords" content="메가박스, 유투브, 영화, 최신영화, 영화관, CGV, 롯데시네마, 웹스토리보이, 웹스, 사이트 만들기, 따라하기">
<title>메가박스 사이트 코딩하기</title>

<!-- css -->
<link rel="stylesheet" href="assets/css/reset03.css">
<link rel="stylesheet" href="assets/css/style03.css">

<!-- 파비콘 -->
<link rel="shortcut icon" href="assets/icons/favicon.ico">
<link rel="apple-touch-icon-precomposed" href="assets/icons/favicon_72.png" />
<link rel="apple-touch-icon-precomposed" sizes="96x96" href="assets/icons/favicon_96.png" />
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="assets/icons/favicon_144.png" />
<link rel="apple-touch-icon-precomposed" sizes="192x192" href="assets/icons/favicon_192.png" />

<!-- 페이스북 메타 태그 -->
<meta property="og:title" content="메가박스 사이트 만들기" />
<meta property="og:url" content="https://github.com/webstoryboy/megabox2019" />
<meta property="og:image" content="https://webstoryboy.github.io/megabox2019/mega.jpg" />
<meta property="og:description" content="메가박스 사이트 따라하면서 배우는 튜토리얼입니다." />

<!-- 트위터 메타 태그 -->
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="메가박스 사이트 만들기">
<meta name="twitter:url" content="https://github.com/webstoryboy/megabox2019/">
<meta name="twitter:image" content="https://webstoryboy.github.io/megabox2019/mega.jpg">
<meta name="twitter:description" content="메가박스 사이트 따라하면서 배우는 튜토리얼입니다.">

<!-- 웹 폰트 -->
<link href="https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900&subset=korean" rel="stylesheet">

<!-- HTLM5shiv ie6~8 -->
<!--[if lt IE 9]> 
    <script src="assets/js/html5shiv.min.js"></script>
    <script type="text/javascript">
        alert("현재 브라우저는 지원하지 않습니다. 크롬 브라우저를 추천합니다.!");
    </script>
<![endif]-->
</head>
<body>

<header id="header">
    <div class="container">
        <div class="row">
            <div class="header clearfix">
                <h1>
                    <a href="#">
                        <em><img src="assets/img/logo.png" alt="MEGABOX"></em>
                        <strong><img src="assets/img/logo-sub.png" alt="LIFE THEATER"></strong>
                    </a>    
                </h1>
                <nav class="nav">
                    <ul class="clearfix">
                        <li><a href="#">영화</a></li>
                        <li><a href="#">큐레이션</a></li>
                        <li><a href="#">영화관</a></li>
                        <li><a href="#">특별관</a></li>
                        <li><a href="#">스토어</a></li>
                        <li><a href="#">이벤트</a></li>
                        <li><a href="#">로그인</a></li>
                    </ul>
                </nav>    
            </div>
        </div>
    </div>
</header>
<!-- //header -->


<section id="banner">
    <div class="banner_menu">
        <h2 class="ir_so">배너 영역</h2>
        <div class="container">
            <div class="row">
                <div class="bm_left">
                    <ul>
                        <li class="total"><a href="#">전체메뉴</a></li>
                        <li class="line"><a href="#">필름 소사이어티</a></li>
                        <li><a href="#">클래식 소사이어티</a></li>
                    </ul>
                </div>
                <div class="bm_right">
                    <ul>
                        <li class="line"><a href="custom/faq.html">고객센터</a></li>
                        <li class="line"><a href="#">멤버쉽</a></li>
                        <li><a href="#">VIP</a></li>
                    </ul>
                    <ul>
                        <li class="white"><a href="#">상영시간표</a></li>
                        <li class="purple"><a href="#">빠른예매</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="slider">
        <div><img src="assets/img/main_slider01.jpg" alt="베스와 베라"></div>
    </div>
</section>
<!-- //banner -->


<!-- 자바스크립트 라이브러리 -->
<script src="assets/js/jquery.min_1.12.4.js"></script>
<script src="assets/js/modernizr-custom.js"></script>
<script src="assets/js/ie-checker.js"></script>
</body>
</html>