
HTML
<!doctype html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>Tori Cafe</title>
<link href="toriass/css/style.css" rel="stylesheet" type="text/css">
<link href="favicon.svg" rel="icon">
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script src="toriass/js/script.js"></script>
<meta name="viewport" content="width=device-width,initial-scale=1.0">
</head>
<body>
<header>
<h1 class="inner">
<a href="#"><img src="toriass/images/logo.png" alt="logo"></a>
</h1>
<div class="inner header_menu ds_f">
<div id="slide">
<p><img src="toriass/images/mv01.jpg" alt="mv"></p>
<p><img src="toriass/images/mv02.jpg" alt="mv"></p>
<p><img src="toriass/images/mv03.jpg" alt="mv"></p>
</div>
<p class="hamburger"><img src="toriass/images/hamburger_lines_2.png" alt="hamburger"> </p>
<nav class="inner">
<ul class="menu">
<li><a href="#">Home</a></li>
<li><a href="#">HTML&CSS</a></li>
<li><a href="#">Dreamweaver</a></li>
<li><a href="#">JQuery</a></li>
<li><a href="#">Ai&Ps</a></li>
<li><a href="works/index.html">Works</a></li>
<li class="sns">
<ul>
<li>
<a href="#" class="fb"><img src="toriass/images/icon_fb.gif" alt="fb"></a>
</li>
<li>
<a href="#" class="twitter"><img src="toriass/images/icon_twitter.gif" alt="twitter"></a>
</li>
<li>
<a href="#" class="line"><img src="toriass/images/icon_line.gif" alt="line"></a>
</li>
</ul>
</nav>
</div>
</header>
<main>
<section class="inner topics">
<h2><img src="toriass/images/topics.png" alt="topics" /></h2>
<div class="topocs_innner ds_f">
<div class="topics_content ds_f">
<dl class="topics_box">
<p><img src="toriass/images/topics_ph_1.jpg" alt="topics_01" /></p>
<dt>2020.11.10</dt>
<dd>サイトをリニューアルしました。</dd>
</dl>
<dl class="topics_box">
<p><img src="toriass/images/topics_ph_2.jpg" width="200" height="130" alt=""></p>
<dt>2020.10.18</dt>
<dd>【10月29日開催】アレジメント教室を開催します。</dd>
</dl>
<dl class="topics_box">
<p><img src="toriass/images/topics_ph_3.jpg" alt="topics_01" /></p>
<dt>2020.10.1</dt>
<dd>○○○○再入荷しました。</dd>
</dl>
</div>
</div>
<a href="#" class="btn_more">MORE</a> </section>
<section class="inner about ds_f">
<p><img src="toriass/images/about_ph.jpg" alt="about" /></p>
<div class="about_txt">
<h3><img src="toriass/images/about.png" alt="about_ph" /></h3>
<p>何かあればご気軽に!</p>
</div>
</section>
<section class="inner shop">
<h2><img src="toriass/images/shop.png" alt="shop"></h2>
<div class="shop_content ds_f jc_sb">
<div class="shop_box">
<div class="shop_btn">
<a href="#"><img src="toriass/images/shop_ph_1.jpg" alt="shop_01" class="shop_ph"></a>
</div>
</div>
</section>
<section class="bunner">
<p>
<a href="http://www.wit-it.co.jp/" " target="_blank "><img src="toriass/images/bunner.png " alt="banner "></a></p>
</section>
</main>
<footer>
<div class="inner ">
<ul class="ds_f ">
<li><a href="# ">Home</a></li>
<li><a href="# ">HTML&CSS</a></li>
<li><a href="# ">Dreamweaver</a></li>
<li><a href="# ">JQuery</a></li>
<li><a href="# ">Ai&Ps</a></li>
<li><a href="works/index.html ">Works</a></li>
</ul>
<div class="inner footer_sns ds_f ">
<h3><a href="# "><img src="toriass/images/footer_logo.png " alt="footer_logo "></a></h3>
<ul class="sns ds_f ">
<li><a href="# " class="fb "><img src="toriass/images/icon_fb.gif " alt="fb "></a></li>
<li><a href="# " class="twitter "><img src="toriass/images/icon_twitter.gif " alt="twitter "></a></li>
<li><a href="# " class="line "><img src="toriass/images/icon_line.gif " alt="line "></a></li>
</ul>
</div>
<p><small>Copyright © Tori All Rights Reserved.</small></p>
</footer>
</body>
</html>