-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathshop.html
134 lines (122 loc) · 6.13 KB
/
shop.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
123
124
125
126
127
128
129
130
131
132
133
134
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>店/砂漠の砂漠</title>
<link rel="stylesheet" href="c.css">
</head>
<body>
<div class="middle">
<p class="hd">
<a href="index.html" style="border:none;"><img src="2462E5EF-BB79-451F-A65A-A912ABEF918A.jpeg"
alt="砂漠の砂漠 Hide-out" width="60%"></a>
</p>
<div class="mb">
<a href="https://www.youtube.com/@Ojihineko" target="_blank" rel="noopener noreferrer"
style="text-decoration: none;"><span style="color: #f0a;">Youtube <span /></a>
<a href="https://twitter.com/Ojihineko" target="_blank" rel="noopener noreferrer"
style="text-decoration: none;"><span style="color: #0ff;"> Twitter</span></a>
</div>
<div class="container">
<div class="left-menu">
<div id="side">
abcdef<!--ここでinframeやobjectを使うとサイドバーのウィンドウ内自体にリンク先が表示されて入れ子みたいになるからJavaScriptで書き換えを行う。-->
</div>
</div>
<div class="main-contents">
<div class="subindx"><p>砂砦市/砂砦地区(22)</p></div>
<div style="background-color:#333;margin-bottom:10px;">
<p class="tub">錢飯店</p>
<div style="display: flex;align-items: center;text-align: center;justify-content: center;">
<div>
<img src="https://asahi-a.github.io/desertshop/Qian1.jpg" width="350px">
</div>
<div>
<img src="https://asahi-a.github.io/desertshop/Qian2.jpg" width="350px">
</div>
</div>
<div style="display: flex;align-items: center;text-align: center;justify-content: center;">
<div>
<img src="https://asahi-a.github.io/desertshop/Qian3.jpg" width="350px">
</div>
<div>
<img src="https://asahi-a.github.io/desertshop/Qian4.jpg" width="350px">
</div>
</div>
<p>@図書館の隣のビル1階</p>
<p>#中華料理店</p>
</div>
<div style="background-color:#333;margin-bottom:10px;">
<p class="tub">outgrass</p>
<div style="display: flex;align-items: center;text-align: center;justify-content: center;">
<div>
<img src="https://asahi-a.github.io/desertshop/outgrass1.jpg" width="350px">
</div>
<div>
<img src="https://asahi-a.github.io/desertshop/outgrass2.jpg" width="350px">
</div>
</div>
<p>@図書館の隣のマンション1階</p>
<p>#衣料品店</p>
</div>
<div style="background-color:#333;margin-bottom:10px;">
<p class="tub">Carboxylic</p>
<div style="display: flex;align-items: center;text-align: center;justify-content: center;">
<div>
<img src="https://asahi-a.github.io/desertshop/carboxy2.jpg" width="350px">
</div>
<div>
<img src="https://asahi-a.github.io/desertshop/carboxy3.jpg" width="350px">
</div>
</div>
<p>@県庁舎右前のマンション1階</p>
<p>#レストラン</p>
</div>
<div style="background-color:#333;margin-bottom:10px;">
<p class="tub">Replace</p>
<div style="display: flex;align-items: center;text-align: center;justify-content: center;">
<div>
<img src="https://asahi-a.github.io/desertshop/replace1.jpg" width="350px">
</div>
<div>
<img src="https://asahi-a.github.io/desertshop/replace2.jpg" width="350px">
</div>
</div>
<div style="display: flex;align-items: center;text-align: center;justify-content: center;">
<div>
<img src="https://asahi-a.github.io/desertshop/replace3.jpg" width="350px">
</div>
</div>
<p>@県庁舎右前のマンション1階</p>
<p>#カラオケ</p>
<p>※隣のCarboxylicからフードやドリンクをお取り寄せできます。</p>
</div>
<div style="background-color:#333;margin-bottom:10px;">
<p class="tub">八百屋片柿</p>
<div style="display: flex;align-items: center;text-align: center;justify-content: center;">
<div>
<img src="https://asahi-a.github.io/desertshop/katakaki1.jpg" width="350px">
</div>
</div>
<p>@新市街北道駅北側の橋近く</p>
<p>#八百屋</p>
</div>
<div class="subindx"><p>砂砦市/北道地区(8)</p></div>
<div class="subindx"><p>大川準郡/大川町(7)</p></div>
<div class="subindx"><p>大崎準郡/土ヶ崎村(1)</p></div>
<div class="subindx"><p>水坂郡/石湊村(6)</p></div>
<div class="subindx"><p>水坂郡/森坂町(1)</p></div>
<div class="subindx"><p>水坂郡/水平村(1)</p></div>
</div>
</div>
</div>
<style id="change">
</style>
<script src="side.js"></script>
<script src="colorChange.js"></script>
<style id="change">
</style>
</body>
</html>