GitBucket
みのさんじょー
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>おいしいものたべ隊</title>
<link rel="stylesheet" href="home.css" type="text/css">
<meta name="viewport" content="width=device-width, initial-scale=1" />
</head>
<body>
<!-- ヘッダー -->
<header>
<h1>おいしいものたべ隊</h1>
<div class="nav">
<nav class="iroiro">
<ul>
<li><a href="#">HOME</a></li>
<li><a href="#">ABOUT</a></li>
<li><a href="#">NEWS</a></li>
<li><a href="#">SEARCH</a></li>
</ul>
</nav>
</div>
</header>
<!-- スライド -->
<div class="slide">
<img src="photo/cloak-20210909-2.png" loading="lazy" decoding="async" alt="cloak" width="600" height="400">
</div>
<!-- 新着情報 -->
<section class="news">
<div class="news_list">
<h2 class="notice_title">news</h2>
<ul class="notice">
<li class="new">
<a href="#">
<time datetime="2022-09-10">[2022年9月10日]</time>
<p>EN/ME 行ってきた</p>
</a>
</li>
<li>
<a href="#">
<time datetime="#">[2022年-月-日]</time>
<p>一覧追加した</p>
</a>
</li>
<li>
<a href="#">
<time datetime="#">[2022年-月-日]</time>
<p>スタートしたなり</p>
</a>
</li>
</ul>
</div>
</section>
<!-- ﾒｲﾝ -->
<section class="main">
<h2 class="main_title">記事一覧</h2>
<!-- 紹介 -->
<div class="intro">
<ul class="yoko">
<!-- 1つ目 -->
<li class="set">
<a href="#">
<div class="intro_img">
<figure>
<img src="photo/enme-20220523-1.JPG" loading="lazy" decoding="async" alt="EN/ME" width="200" height="200">
</figure>
</div>
<div class="intro_place">
<div>鶴岡市</div>
</div>
<!-- 説明 -->
<div class="intro_text">
<h4>
<span class="intro_shop">店名入れる</span>
<span class="intro_title">商品名入れる</span>
</h4>
<p>値段入れる</p>
</div>
</a>
<!-- キーワード入れる -->
<div class="key">
<ul class="word">
<li><a href="#">キーワード入れる</a></li>
<li><a href="#">キーワード入れる</a></li>
<li><a href="#">キーワード入れる</a></li>
</ul>
</div>
</li>
<!-- 2つ目 -->
<li class="set">
<a href="#">
<div class="intro_img">
<figure>
<img src="photo/azumayacafefuu-20210910-3.JPG" loading="lazy" decoding="async" alt="fuu" width="200" height="200">
</figure>
</div>
<div class="intro_place">
<div>鶴岡市</div>
</div>
<!-- 説明 -->
<div class="intro_text">
<h4>
<span class="intro_shop">店名入れる</span>
<span class="intro_title">商品名入れる</span>
</h4>
<p>値段入れる</p>
</div>
</a>
<!-- キーワード入れる -->
<ul class="word">
<li><a href="#">キーワード入れる</a></li>
<li><a href="#">キーワード入れる</a></li>
<li><a href="#">キーワード入れる</a></li>
</ul>
</li>
<!-- 3つ目 -->
<li class="set">
<a href="#">
<div class="intro_img">
<figure>
<img src="photo/cafepamplemousse-20210913-1.png" loading="lazy" decoding="async" alt="fuu" width="200" height="200">
</figure>
</div>
<div class="intro_place">
<div>仙台市</div>
</div>
<!-- 説明 -->
<div class="intro_text">
<h4>
<span class="intro_shop">店名入れる</span>
<span class="intro_title">商品名入れる</span>
</h4>
<p>値段入れる</p>
</div>
</a>
<!-- キーワード入れる -->
<ul class="word">
<li><a href="#">キーワード入れる</a></li>
<li><a href="#">キーワード入れる</a></li>
<li><a href="#">キーワード入れる</a></li>
</ul>
</li>
<!-- 4つ目 -->
<li class="set">
<a href="#">
<div class="intro_img">
<figure>
<img src="photo/cafeakaibunko-20211010-2.png" loading="lazy" decoding="async" alt="fuu" width="200" height="200">
</figure>
</div>
<div class="intro_place">
<div>秋田市</div>
</div>
<!-- 説明 -->
<div class="intro_text">
<h4>
<span class="intro_shop">店名入れる</span>
<span class="intro_title">商品名入れる</span>
</h4>
<p>値段入れる</p>
</div>
</a>
<!-- キーワード入れる -->
<ul class="word">
<li><a href="#">キーワード入れる</a></li>
<li><a href="#">キーワード入れる</a></li>
<li><a href="#">キーワード入れる</a></li>
</ul>
</li>
<!-- 5つ目 -->
<li class="set">
<a href="#">
<div class="intro_img">
<figure>
<img src="photo/babychuchu-20201028-2.JPG" loading="lazy" decoding="async" alt="fuu" width="200" height="200">
</figure>
</div>
<div class="intro_place">
<div>酒田市</div>
</div>
<!-- 説明 -->
<div class="intro_text">
<h4>
<span class="intro_shop">店名入れる</span>
<span class="intro_title">商品名入れる</span>
</h4>
<p>値段入れる</p>
</div>
</a>
<!-- キーワード入れる -->
<ul class="word">
<li><a href="#">キーワード入れる</a></li>
<li><a href="#">キーワード入れる</a></li>
<li><a href="#">キーワード入れる</a></li>
</ul>
</li>
</ul>
</div>
</section>
</body>