<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="K.Ryueiの趣味について詳細に書き綴ったページです" />
<link rel="stylesheet" href="https://unpkg.com/ress/dist/ress.min.css" />
<link rel="stylesheet" href="vrtest.css">
<link href="https://fonts.googleapis.com/css?family=M+PLUS+1p" rel="stylesheet">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Monoton&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Kanit&display=swap" rel="stylesheet">
<title>VirtualSchool</title>
</head>
<body>
<!-- header -->
<header id="header">
<h1>VirtualSchool</h1>
<nav>
<ul>
<li><a href="#">使い方</a></li>
<li><a href="https://www.yatex.org/gitbucket/koekiInfoDesign/2023-Ryuei/pages/test/vrtest.js">JavaScript</a></li>
</ul>
</nav>
</header>
<main>
<div class="container">
<div class="item-left">
<a href="https://www.yatex.org/gitbucket/j2115/VirtualSchool/pages/VR/vrtour.html?校舎1.jpg">校舎1</a>
<a href="https://www.yatex.org/gitbucket/j2115/VirtualSchool/pages/VR/vrtour.html?校舎2.jpg">校舎2</a>
<a href="https://www.yatex.org/gitbucket/j2115/VirtualSchool/pages/VR/vrtour.html?校舎3.jpg">校舎3</a>
<a href="https://www.yatex.org/gitbucket/j2115/VirtualSchool/pages/VR/vrtour.html?校舎4.jpg">校舎4</a>
<a href="https://www.yatex.org/gitbucket/j2115/VirtualSchool/pages/VR/vrtour.html?">保健室</a>
<a href="https://www.yatex.org/gitbucket/j2115/VirtualSchool/pages/VR/vrtour.html?">グラウンド</a>
<a href="https://www.yatex.org/gitbucket/j2115/VirtualSchool/pages/VR/vrtour.html?">教室1</a>
<a href="https://www.yatex.org/gitbucket/j2115/VirtualSchool/pages/VR/vrtour.html?">教室2</a>
<a href="https://www.yatex.org/gitbucket/j2115/VirtualSchool/pages/VR/vrtour.html?">教室3</a>
<a href="https://www.yatex.org/gitbucket/j2115/VirtualSchool/pages/VR/vrtour.html?">教室4</a>
<a href="https://www.yatex.org/gitbucket/j2115/VirtualSchool/pages/VR/vrtour.html?">教室4</a>
<a href="https://www.yatex.org/gitbucket/j2115/VirtualSchool/pages/VR/vrtour.html?">教室4</a>
<a href="https://www.yatex.org/gitbucket/j2115/VirtualSchool/pages/VR/vrtour.html?">教室4</a>
<a href="https://www.yatex.org/gitbucket/j2115/VirtualSchool/pages/VR/vrtour.html?">教室4</a>
<a href="https://www.yatex.org/gitbucket/j2115/VirtualSchool/pages/VR/vrtour.html?">教室4</a>
<a href="https://www.yatex.org/gitbucket/j2115/VirtualSchool/pages/VR/vrtour.html?">教室4</a>
<a href="https://www.yatex.org/gitbucket/j2115/VirtualSchool/pages/VR/vrtour.html?">教室4</a>
</div>
<div class="item-right">
<img src="test.png" width="100%" height="100%" border="0" usemap="#map" />
<map name="map">
<!-- #$-:Image map file created by GIMP Image Map plug-in -->
<!-- #$-:GIMP Image Map plug-in by Maurits Rijk -->
<!-- #$-:Please do not edit lines starting with "#$" -->
<!-- #$VERSION:2.3 -->
<!-- #$AUTHOR:23 1 -->
<area shape="circle" coords="58,259,41" href="https://hommamu-museum.blog.jp/archives/17407283.html" />
<area shape="rect" coords="452,216,591,265" href="https://www.sakatafm.com/podcast/sanroku/" />
</map>
</div>
</div>
</main>
<footer id="footer">
<p class="copyright">© ~~~~~ Inc. All Rights Reserved.</p>
</footer>
</body>
<script src="vrtest.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/image-map-resizer/1.0.10/js/imageMapResizer.min.js"></script>
<script>imageMapResize();</script>
</html>
