<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>test-webpage</title>
<link rel="stylesheet" type="text/css" href="first.css">
<script type="text/javascript"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/3.4.1/css/swiper.min.css">
</head>
<body>
<div class=".wrapper">
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide"><img src="hokkaidou.jpg" alt=""></div>
<div class="swiper-slide"><img src="matuya.jpg" alt=""></div>
<div class="swiper-slide"><img src="koshinoya.jpg" alt=""></div>
</div>
<div class="swiper-pagination"></div>
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/3.4.1/js/swiper.min.js"></script>
<h1>中通り商店街・中町</h1>
<p>酒田市の中心商店街である中通り商店街</p></p>
<p>衣服・飲食店などざまざまなお店や施設が並ぶ大人から子供まで楽しめる商店街です。</p>
<p></p>
<br>
<div class="idou">
<ul class = game>
<li><a class = "game1" href = "https://www.yatex.org/gitbucket/j2223-sakura/CSVsample/pages/flex/memory.html">この店知ってる?神経衰弱ゲーム</a></li>
<li><a class = "game2" href = "https://www.yatex.org/gitbucket/j2223-sakura/JAXAtools/pages/GPS/index.html">ゴールのお店を探せ!宝探しゲーム</a></li>
<li><a class = "map" href = "https://www.yatex.org/gitbucket/j2223-sakura/2024a/pages/map.html">どこに行きたい?商店街探検MAP</a></li>
</ul>
</div>
<script>
var mySwiper = new Swiper('.swiper-container',{
effect: "slide",
loop: true,
autoplay: 5000,
pagination: '.swiper-pagination',
nextButton: '.swiper-button-next',
prevButton: '.swiper-button-prev',
})
</script>
</div>
</body>
</html>
