Newer
Older
gourmet-2022 / shinya / example1.html
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
    <title>飲食店紹介サイト</title>
    <link rel="stylesheet" href="example.css" type="text/css">
</head>

<body class="bgc">
 <header class="cent">
  <a><img src="cafetitle.png" alt="サイト名"></a>
  
  <nav>
   <div class="navi">
     <a href="url1.html"><img src="cafe_HOME.png" ></a>
     <a href="url2.html"><img src="cafe_PICKUP.png" ></a>
     <a href="url3.html"><img src="cafe_SEARCH.png" ></a>
   </div>
  </nav>
 </header>
 
 <article>
   <div class="text">
   <h1><山形地方別案内></h1>
     <div class="area">
       <a href="url4.html"><img src="yamagata.shonai_area.jpg" width=450 height=410></a>
       <a href="url5.html"><img src="yamagata.mogami_area.jpg" width=450 height=410></a>
       <a href="url6.html"><img src="yamagata.murayama_area.jpg" width=450 height=410 ></a>
       <a href="url7.html"><img src="yamagata.okitama_area.jpg" width=450 height=410></a>
    </div>
   </div>


<div class="aside">
 <h3 class="sub-title">カテゴリー</h3>
  <ul class="sub-menu">
   <li><a href="https://www.yatex.org/gitbucket/SKIP/gourmet-2022/pages/komatsu/test.html">周辺画像</a></li>	
   <li><a href="https://www.yatex.org/gitbucket/SKIP/gourmet-2022/pages/naoyuki/page.html">ジャンル検索</a></li>
   <li><a href="https://www.yatex.org/gitbucket/SKIP/gourmet-2022/pages/ryuei/gourmet.html">店舗紹介&インタビュー</a></li>
  </ul>
 </div>
</article>

   <footer>
    <div class="wrapper">
     <p><small>&copy; 2022 CafeGroup</small></p>
    </div>
   </footer>

</body>
</html>