<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>カフェサイトのトップページ</title>
<link rel="stylesheet" href="cafe-all.css" type="text/css">
<script src="https://cdn.jsdelivr.net/npm/pace-js@latest/pace.min.js"></script>
<script
src="https://code.jquery.com/jquery-3.6.0.js"
integrity="sha256-H+K7U5CnXl1h5ywQfKtSj8PCmoN9aaq30gDh27Xc0jk="
crossorigin="anonymous"></script>
</head>
<body>
<script src="../ryuei/cafe.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0-alpha1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/typed.js/1.1.1/typed.min.js"></script>
<!-- ここからヘッダー -->
<header>
<h1><a href="https://www.yatex.org/gitbucket/SKIP/cafe-2022/pages/ryuei/cafe-top.html"><img src="../nav/title/little-favorite.jpg"></a></h1>
<nav class="iroiro">
<ul>
<li><a href="https://www.yatex.org/gitbucket/SKIP/cafe-2022/pages/ryuei/cafe-top.html">HOME</a></li>
<li><a href="https://umap.openstreetmap.fr/en/map/cafe_719612#11/38.8676/139.9047">map</a></li>
<li><a href="https://www.yatex.org/gitbucket/SKIP/cafe-2022/pages/aoi/cafe3_1.html">検索</a></li>
</ul>
</nav>
</header>
<!-- ここまでヘッダー -->
<div id="splash">
<div id="splash_logo"><img src="../naoyuki/cafe5.png" alt="" class="fadeUp"></div>
<!--/splash--></div>
<div class="slide">
<img src="img/pic1.jpg" alt="">
<img src="img/pic2.jpg" alt="">
<img src="img/pic3.jpg" alt="">
<img src="img/pic4.jpg" alt="">
</div>
<!-- 新着情報 -->
<section id="news">
<div class="scroll">
<h2 class="news-title">新着情報</h2>
<ul class="notice">
<li class="new">
<a href="../aoi/cafe1.html">
<time datetime="2022-07-20">【2022年7月20日】</time>
<p>「カフェeジェラートモアレ」の紹介記事を追加しました。</p>
</a>
</li>
<li>
<a href="https://umap.openstreetmap.fr/en/map/cafe_719612#11/38.8676/139.9047">
<time datetime="2022-07-10">【2022年7月10日】</time>
<p>マップ機能を追加しました。</p>
</a>
</li>
<li>
<a href="../aoi/cafe3_2.html">
<time datetime="2022-07-02">【2022年7月2日】</time>
<p>カフェ検索ページを追加しました</p>
</a>
</li>
<li>
<a href="../aoi/list_kissa.html">
<time datetime="2022-07-01">【2022年7月1日】</time>
<p>カフェサイト「little favorite」を開設しました。</p>
</a>
</li>
</ul>
</div>
</section>
<!-- 新着情報 -->
<!-- 場所で検索 -->
<div class="round">
<h2 class="area">地域別案内</h2>
</div>
<div class="container">
<div class="item1">
<p class="txdes">酒田市・遊佐町</p>
<a href="url"><img src="chuchu-2021-07-01.png" alt="酒田・遊佐" width="650px" height="280ex"></a>
</div>
</div>
<div class="item2">
<p class="txdes">鶴岡市・三川町</p>
<a href="url"><img src="h&p-2021-09-15.png" alt="鶴岡・三川" width="650px" height="280px"></a>
</div>
<div class="item3">
<p class="txdes">山形市</p>
<a href="url"><img src="aomoriya-2022-03-24.png" alt="山形" width="650px" height="280px"></a>
</div>
<div class="item4">
<p class="txdes">仙台市</p>
<a href="url"><img src="akai-2021-07-03.png" alt="仙台" width="650px" height="280px"></a>
</div>
<!--場所で検索-->
<!-- ここからフッター -->
<div>
<footer class="footer">
<p>このサイトに関するお問い合わせは 公益大 カフェ班まで</p>
<address>ryuei65@icloud.com</address>
</footer>
</div>
<!-- ここまでフッター -->
</body>
</html>
