This repository has been archived by the owner on Jan 13, 2024. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
aoba.html
122 lines (104 loc) · 5.43 KB
/
aoba.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1">
<title>仙台市青葉区</title>
<link rel="icon" href="https://1.bp.blogspot.com/-I1e2WDakwv4/VUIHeY7aBPI/AAAAAAAAtNw/JRnN6MpEqzI/s800/2_touhoku3__miyagi.png">
<link rel="stylesheet"type="text/css"href="css/group6.css">
<style>
hr{
height:2px;border-width:0;color:#FFD033;background-color:#FFD033;
}
.progress-container {
width: 100%;
height: 8px;
background: #ccc;
}
.progress-bar {
height: 8px;
background: #FFD033;
width: 0%;
}
</style>
</head>
<body>
<nav>
<div class="topnav" id="navbar">
<a class="active" href="toppage.html">Top page</a>
<a href="aoba.html">仙台市青葉区</a>
<a href="taihaku.html">仙台市太白区</a>
<a href="izumi.html">仙台市泉区</a>
<a href="kougai.html">宮城県仙南</a>
<a href="fukushima.html">福島県</a>
<a href="thai.html">タイ</a>
</div>
<div class="progress-container">
<div class="progress-bar" id="myBar"></div>
</div>
</nav>
<header>
<a name="top" style="text-decoration: none;"><h1>仙台市青葉区某所のおすすめスポット！</h1></a>
<center><img width="480" height="270" src="https://upload.wikimedia.org/wikipedia/commons/thumb/c/c8/Jozenji-dori_2020.jpg/1024px-Jozenji-dori_2020.jpg"></center>
<br>
<h6><p>
宮城県仙台市の5区のうちの一つ,青葉区。このページでは青葉区某所のおすすめスポットを紹介しています。だいたいの住所が分かりそうですね。
</p></h6>
<div id="toc_container">
<p class="toc_title">PICK UP</p>
<ul class="toc_list">
<li><a href="../../おすすめスポット3選！" >おすすめスポット3選！</a>
<ul>
<li><a href="#みずさわ屋">みずさわ屋</a></li>
<li><a href="#仙台市天文台">仙台市天文台</a></li>
<li><a href="#Kid's US.LAND">Kid's US.LAND</a></li>
</ul>
</li>
</ul>
</div>
<br>
<h3><a name="おすすめスポット3選！" style="text-decoration: none;">
■おすすめスポット3選！
</a></h3><hr><br>
<h4><b><a name="みずさわ屋" style="text-decoration: none;">
みずさわ屋
</a></b></h4>
<center><img width="500px" height="auto" src="https://1.bp.blogspot.com/-P-PsAtyAsC4/Xey5ybzcAXI/AAAAAAAAAg8/3vWv72mXPh0MifLeKhHBYplW7Dh5Er_ggCNcBGAsYHQ/s1600/212C389E-A4F7-4688-A1B0-6CB5E6B5B3EE.jpeg"></center></a>
<h6><p>
宮城県仙台市の愛子駅・陸前落合駅周辺は、仙台市内にあるラーメン屋の約10％が集中するエリアとなっていて、人気店が多いラーメン激戦区です。その中でもみずさわ屋には開店前から人がたくさん並んでいます。<br><br>
ラーメンもとても美味しいです。私は食べたことないけど。
</p></h6><br>
<h4><b><a name="仙台市天文台" style="text-decoration: none;">
仙台市天文台
</a></b></h4>
<center><img width="500px" height="auto" src="https://static.retrip.jp/spot/165c6a9e-83ed-452f-a823-f0df0d74baa8/images/cbb4b5d0-07e4-4786-8c73-fe87b418f723_l.jpg"></center></a>
<h6><p>
青葉区錦ケ丘に位置する仙台市天文台。ここでは誰でも手軽に宇宙を体験することができ、誰でも宇宙を身近に感じることができます。私のおすすめはプラネタリウムで、本当に星空の下や宇宙の中にいるような感覚になります！
</p></h6><br>
<h4><b><a name="Kid's US.LAND" style="text-decoration: none;">
Kid's US.LAND
</a></b></h4>
<center><img width="500px" height="auto" src="https://www.bing.com/th/id/OIP._23R5C3Gpxfs50DasXsnFgHaFj?pid=ImgDet&rs=1"></center></a>
<h6><p>
同じく青葉区錦ケ丘の「錦ケ丘ヒルサイドモール」内に店舗があるKid's US.LAND。幼児、小学生向けの施設ではありますが中高生でも楽しむことが出来ます。私はフリープランを使って一日中友人たちと卓球とカラオケを楽しんだことがあります。( ´∀｀ )
</p></h6><br>
<h4><b><a name="最後に" style="text-decoration: none;">
最後に
</a></b></h4>
<h6><p>
この仙台市青葉区某所は、ゲームセンターが潰れたりカラオケが潰れたりと、最近過疎化してきている気がします。。。
<br>ですが、とりあえずこの３個のスポットは本当におすすめなので潰れる前にぜひ行ってみてください。(笑)
</p></h6><br>
<hr>
<center><h5><a href="#top">上へ戻る</a></h5></center>
</header>
<script>
window.onscroll = function() {myFunction()};
function myFunction() {
var winScroll = document.body.scrollTop || document.documentElement.scrollTop;
var height = document.documentElement.scrollHeight - document.documentElement.clientHeight;
var scrolled = (winScroll / height) * 100;
document.getElementById("myBar").style.width = scrolled + "%";
}
</script>
</body>
</html>