-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
196 lines (189 loc) · 13.4 KB
/
index.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
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<title>Kobe</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css">
<link rel="stylesheet" href="./메인폴더/style.css">
</head>
<body>
<header>
<h1 class="title">고베 いろいろ !</h1>
<nav class="navbar">
<i class="fa-solid fa-star"></i>
<h2>동방의 비밀</h2>
<ul class="nav_menu">
<li><a href="#kobe">고베 소개</a></li>
<li><a href="#c">지역 특징</a></li>
<li><a href="#landmark">랜드 마크</a></li>
<li><a href="#food">대표 음식</a></li>
</ul>
<a href="#" class="navbar_toggleBtn">
<i class="fa-solid fa-bars"></i></a>
</nav>
</header>
<a href="#" class="scroll-to-top" title="맨 위로 스크롤">▲</a>
<!-- partial:index.partial.html -->
<div class="centered">
<div class="card border-left-behind">
<div class="shadow" style="--url: url('https://search.pstatic.net/common/?src=http%3A%2F%2Fcafefiles.naver.net%2FMjAxNjExMThfMjM0%2FMDAxNDc5NDUwMDk0Mzc2.VEBoSxjsCGJEsek5X5ChqopzF7nQbH41dMWjfZM8MXQg.KjQWC5rRiALNstABTl6QR4lsTmEZT5432FgBANQuDTAg.JPEG.jin_a1126%2Farima_002.jpg&type=sc960_832')"></div>
<div class="image background" style="--url: url('https://search.pstatic.net/common/?src=http%3A%2F%2Fcafefiles.naver.net%2FMjAxNjExMThfMjM0%2FMDAxNDc5NDUwMDk0Mzc2.VEBoSxjsCGJEsek5X5ChqopzF7nQbH41dMWjfZM8MXQg.KjQWC5rRiALNstABTl6QR4lsTmEZT5432FgBANQuDTAg.JPEG.jin_a1126%2Farima_002.jpg&type=sc960_832')"></div>
<div class="image cutout" style="--url: url('https://search.pstatic.net/common/?src=http%3A%2F%2Fcafefiles.naver.net%2FMjAxNjExMThfMjM0%2FMDAxNDc5NDUwMDk0Mzc2.VEBoSxjsCGJEsek5X5ChqopzF7nQbH41dMWjfZM8MXQg.KjQWC5rRiALNstABTl6QR4lsTmEZT5432FgBANQuDTAg.JPEG.jin_a1126%2Farima_002.jpg&type=sc960_832')"></div>
<div class="content">
<h2>고베 도시</h2>
<p>Kobe City.</p>
</div>
</div>
<div class="card border-right-behind border-bottom-behind">
<div class="shadow" style="--url: url('https://search.pstatic.net/common/?src=http%3A%2F%2Fblogfiles.naver.net%2FMjAyMzAxMDJfMTgx%2FMDAxNjcyNjI2NDQyNjY4.RbBm3mvvnwn1_JoyX6Jrfvl4yCUNfeiPfe3dIh5_SnQg.FuWVo36vWDNPfFDCr_Sex-kuI57EXD7sCYPJ40xZKYYg.JPEG.ganatour123%2Ftakashi-miyazaki-PhO1u0pnqTY-unsplash.jpg&type=sc960_832')"></div>
<div class="image background" style="--url: url('https://search.pstatic.net/common/?src=http%3A%2F%2Fblogfiles.naver.net%2FMjAyMzAxMDJfMTgx%2FMDAxNjcyNjI2NDQyNjY4.RbBm3mvvnwn1_JoyX6Jrfvl4yCUNfeiPfe3dIh5_SnQg.FuWVo36vWDNPfFDCr_Sex-kuI57EXD7sCYPJ40xZKYYg.JPEG.ganatour123%2Ftakashi-miyazaki-PhO1u0pnqTY-unsplash.jpg&type=sc960_832')"></div>
<div class="image cutout" style="--url: url('https://search.pstatic.net/common/?src=http%3A%2F%2Fblogfiles.naver.net%2FMjAyMzAxMDJfMTgx%2FMDAxNjcyNjI2NDQyNjY4.RbBm3mvvnwn1_JoyX6Jrfvl4yCUNfeiPfe3dIh5_SnQg.FuWVo36vWDNPfFDCr_Sex-kuI57EXD7sCYPJ40xZKYYg.JPEG.ganatour123%2Ftakashi-miyazaki-PhO1u0pnqTY-unsplash.jpg&type=sc960_832')"></div>
<div class="content">
<h2>랜드 마크</h2>
<p>Land Mark.</p>
</div>
</div>
<div class="card border-left-behind">
<div class="shadow" style="--url: url('https://search.pstatic.net/common/?src=http%3A%2F%2Fcafefiles.naver.net%2FMjAxODEyMTNfMTYg%2FMDAxNTQ0NjcyMzAzNTkx.NsBI97mePJGXOcOuD_vwMVizi6f2ckYt9WDN5xlf2-4g.dZKfSERtSyF2q3HgAYgk2HHQgWIy8FMjIxHBOgj9SXYg.JPEG.msikr%2FexternalFile.jpg&type=sc960_832')"></div>
<div class="image background" style="--url: url('https://search.pstatic.net/common/?src=http%3A%2F%2Fcafefiles.naver.net%2FMjAxODEyMTNfMTYg%2FMDAxNTQ0NjcyMzAzNTkx.NsBI97mePJGXOcOuD_vwMVizi6f2ckYt9WDN5xlf2-4g.dZKfSERtSyF2q3HgAYgk2HHQgWIy8FMjIxHBOgj9SXYg.JPEG.msikr%2FexternalFile.jpg&type=sc960_832')"></div>
<div class="image cutout" style="--url: url('https://search.pstatic.net/common/?src=http%3A%2F%2Fcafefiles.naver.net%2FMjAxODEyMTNfMTYg%2FMDAxNTQ0NjcyMzAzNTkx.NsBI97mePJGXOcOuD_vwMVizi6f2ckYt9WDN5xlf2-4g.dZKfSERtSyF2q3HgAYgk2HHQgWIy8FMjIxHBOgj9SXYg.JPEG.msikr%2FexternalFile.jpg&type=sc960_832')"></div>
<div class="content">
<h2>대표 음식</h2>
<p>Signature Dish.</p>
</div>
</div>
</div>
<!-- partial -->
<hr class="line">
<br>
<section id="intro">
<div class="page-title">
<h1 id="kobe">고베 소개</h1>
</div>
<div class="contents">
<div class="photo img">
<img src="./메인폴더/사진/city.jpg" alt="고베 소개, 고베 이미지">
</div>
<div class="text">
<h3>고베의 소개</h3>
<p>1. 위치 : 일본에 위치</p>
<p>2. 인구수 : 144만명</p>
<i><small>(현의 현청 소재지, 국제적 항만 상공업 도시)</small></i>
<br><br>
<p>고베는 1868년 개항이래, 외국의 문화를 받아들이는 일본의 창구로 되어왔습니다.
북쪽에는 롯코산, 남쪽으로는 고베항이 있어, 자연, 역사, 이국정서가 풍부한 문화를 체험할 수 있는 도시입니다.
고베 시민의 기질은 새로운 것을 좋아하며 국제감각이 넘치고 있습니다.</p>
</div>
</div>
</section>
<br><br><br><br><br><br>
<hr class="line">
<br>
<section id="city">
<div class="page-title">
<h1 id="c">지역 특징</h1>
</div>
<div class="contents">
<div class="photo">
<img src="./메인폴더/사진/kobe.jpg" alt="지역 특징, 지역 이미지">
</div>
<div class="text">
<h3>고베의 지역 특징</h3>
<ol>
<i><small>(백만불짜리 야경과 유럽을 연상시키는 이국적인 풍취가 아름다운 항구 도시)</small></i>
<br><br>
<p>고베는 근대 일본의 개항장으로서 서양의 영향을 매우 많이 받은 도시이기에 일본과 서양의 문화가 결합된 독특한 특징을 가졌다.
산노미야역 북측의 '키타노'로 가면 서양인들이 모여 살던 흔적인 서구식 주택 '이진칸'을 볼 수 있다. 다만 주변에 있는 교토나 나라현에 비해 일본 전통 관광지는 적은 편이며,
이진칸 정도를 제외하면 현대적인 관광지와 식당, 쇼핑가가 대부분이다.
고베 관광에는 여러가지 방법이 있지만 그중에서도 특히 식문화 여행이 최고이다. 특히 서양의 영향을 가장 많이 받은 도시이기에 디저트와 양식에 있어선 일본 최상위권에 든다.
고베 차이나타운에서는 일본식 중화요리를 맛 볼 수 있다.</p>
</ol>
</div>
</div>
</section>
<br><br><br><br><br><br>
<hr class="line">
<br>
<section id="landmark">
<div class="page-title">
<h1 id="landmark">랜드 마크</h1>
</div>
<div class="contents">
<div class="photo">
<img src="./메인폴더/사진/landmark.jpg" alt="항구도시, 항구 이미지">
</div>
<div class="markimg">
<img src="mark copy.png" alt="Sample Image" width="100" class="mark-image">
</div>
<div class="text">
<h3>고베의 랜드마크 소개</h3>
<br>
<p>고베 거대 철인 28호 기념물 와카마쓰 공원</p>
<b>JR 신나가타 역 남쪽의 와카마츠 공원 내에 설치된 높이 18m인 거대한 "철인 28호" 기념 조형물입니다.
고베 출신의 만화가 故 요코야마 미츠테루(横山光輝)의 1956년의 작품 "철인 28호"에 등장하는 캐릭터를 재현한 거대한 조형물입니다.
신나가타와 연고가 깊은 요코야마 미츠테루의 작품을 통해 지역을 부흥시키고자 지역 상가가 중심으로 만든
NPO 법인 "고베 철인 프로젝트"가 지진재해의 부흥과 지역 활성화를 기대하며 만들었다고 합니다.</b>
<br><br>
<p>고베 아리마 온센 지역과 아리마 케이블카</p>
<b>온천 - 오사카만 내륙에 위치한 롯코산은 고베 위로 우뚝 솟아있습니다. 롯코산 뒤편에는 아리마 온천 이 있습니다.
이 온천은 일본에서 가장 오래된 온천 리조트 세 곳 중 하나로 거의 1,500년이나 되는 역사를 지닌 온천수로 유명합니다.</b>
<br><br>
<b>케이블카 - 코베시 북부에 있는 표고 931 m의 산.시내에서 산정에의 액세스는 산상 버스나 롯코 케이블등이 있어, 도심으로부터 30분 남짓에 사계 그때 그때의 자연이나 하이킹등을 즐길 수 있습니다.
</b>
<br><br>
<p>아카시 대교가 보이는 마이코 공원</p>
<b>세계 최대 규모인 ‘아카시해협대교’의 고베시 쪽에 추가 시설로서 동시 시공되어 1998년 4월 5일에 개설된 마이코 해상 프롬나드는
해면으로부터의 높이 약 47m, 육지로부터 약 150m, 아카시해협에 돌출된 총 길이 약 317m의 회유식 산책길입니다.
8층 전망 라운지에는 높이 약 300m의 아카시해협대교 주탑에 올라온 기분을 맛볼 수 있는 전망 카메라 시스템이 있어
아카시해협대교를 바라보며 느긋하게 휴식을 취할 수 있습니다.</b>
<br><br>
<p>일본3대 차이나 타운 - 난킨마치</p>
<b>난킨마치(南京町)는 메이지(明治) 원년(1867년)의 고베항 개항 때 탄생했다고 전해지고 있습니다.
당시 중국에서 일본으로 건너온 사람들은, 고베항에서 가까운 쿄류치 서쪽에 인접하는 이 장소에 거처를 두어,
점차 음식점이나 잡화점 등의 장사를 시작하게 되었습니다.
그래서 이 지역은 ‘중국인이 많이 살고 있는 마을’로 ‘난킨마치(南京町)’라고 불리게 되었습니다.</b>
</div>
</div>
</section>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<hr class="line">
<section id="food">
<div class="page-title">
<h1 id="food">대표 음식</h1>
</div>
<div class="contents">
<div class="photo">
<img src="./메인폴더/사진/food.jpg" alt="고베 음식, 맛집 이미지">
</div>
<div class="bigimg">
<img src="./메인폴더/사진/kokoko.png" alt="Sample Image" width="200" class="small-image">
</div>
<div class="text">
<h3>고베의 대표 음식</h3>
<br>
<p>고베규 - 섬세한 마블링과 뛰어난 풍미, 부드러운 식감이 특징</p>
<b>고베규는 소의 이름이 아니라 최고급 소고기의 브랜드명입니다.
고베규란 효고현에서 태어나 자란 타지마규(但馬牛)의 순수혈통 소고기중 ‘고베육유통추진협의회’가 정한 엄격한 기준에 합격한 소고기만을 말합니다.
그 증표로 국화문양의 도장(菊の判)이 찍히게 됩니다.</b>
<br><br>
<p>소바메시 - 야키소바에 밥을 더해 볶아 먹다 만들어진 음식</p>
<b>소바메시 (Sobameshi) 는 잘게 썬 소바야키를 얹어 철판에 쌀을 얹은 요리입니다.효고현 고베시에서 유래한 B급 맛집입니다.</b>
<br><br>
<p>아카시야키 - 타코야키와 비슷하지만 밀가루보다 달걀을 더 많이 넣어 부드러운 식감이 특징</p>
<b>아카시야키는 효고현 아카시시의 향토음식으로, 달걀, 다시, 낙지, 밀가루로 만든다.
일본 효고현 아카시시의 작은 동그란 만두이다. 만두는 계란이 풍부한 반죽과 문어를 다시
(얇은 생선 국물)에 담근 후 먹는다. 현대적인 스타일의 아카시야키는 다이쇼 시대에 야타이 쇼핑객
무카이 세이타로에 의해 처음 판매되기 시작했다.
또 다른 일본식 만두인 타코야키가 일본에서 더 인기가 있지만 아카시야키를 기반으로 한다.
둘 다 다코야키 팬, 프라이팬의 일종 또는 반구형 몰드가 많은 쿡탑으로 만들어진다. 타코야키에 비해
아카시야키는 더 부드럽고 계란 같은 식감을 가지고 있다.</b>
</div>
</div>
</section>
<br><br><br><br><br><br><br>
<footer>
<p>© 神戸市</p>
</footer>
<script src="./메인폴더/script.js"></script>
</body>
</html>