Thor1031
7/22/2019 - 1:07 AM
index.html
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="format-detection" content="telephone=no">
<link rel="stylesheet" href="./css/style.css">
<title>タイトル</title>
<meta name="description" content="ディスクリプション">
<!-- <link rel="icon" href="./img/favicon.ico"> -->
</head>
<body>
<!-- header -->
<header id="header">
<div class="inner">
<h1 class="header-logo"><a href=""><img src="./img/header-logo.png" alt="ロゴ"></a></h1>
<!-- header-nav -->
<nav class="header-nav">
<ul class="header-list">
<li><a href="#">MENU1</a></li>
<li><a href="#">MENU2</a></li>
<li><a href="#">MENU3</a></li>
<li><a href="#">MENU4</a></li>
<li><a href="#">MENU5</a></li>
</ul>
</nav><!-- /header-nav -->
</div><!-- /inner -->
</header><!-- /header -->
<!-- drawer -->
<div class="drawer">
<div class="drawer-open"><span></span></div>
<div class="drawer-close"></div>
<!-- drawer-content -->
<div class="drawer-content">
<nav class="drawer-nav">
<ul class="drawer-list">
<li><a href="#">MENU1</a></li>
<li><a href="#">MENU2</a></li>
<li><a href="#">MENU3</a></li>
<li><a href="#">MENU4</a></li>
<li><a href="#">MENU5</a></li>
</ul>
</nav><!-- /drawer-nav -->
</div><!-- /drawer-content -->
</div><!-- /drawer -->
<!-- _mv.ejsの呼び出し -->
<!-- mv -->
<div id="mv">
<div class="inner">
</div><!-- /inner -->
</div><!-- /mv -->
<!-- content -->
<div id="content">
<div class="inner">
<!-- primary -->
<main class="primary">
</main><!-- primary -->
<!-- _sidebar.ejsの呼び出し -->
<!-- secondary -->
<aside id="secondary">
</aside><!-- /secondary -->
</div><!-- /inner -->
</div><!-- /content -->
<!-- _footer.ejsの呼び出し -->
<!-- footer -->
<footer id="footer">
<div class="inner">
<p class="copy">©</p><!-- /copy -->
</div><!-- /inner -->
</footer><!-- /footer -->
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script src="./js/script.js"></script>
</body>
</html>