-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
134 lines (99 loc) · 4.34 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
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
<meta charset=UTF-8″ />
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="menu.css?ver=1">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Nanum+Gothic+Coding&display=swap" rel="stylesheet">
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css"/>
<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
<script src="https://kit.fontawesome.com/20fe46358c.js" crossorigin="anonymous"></script>
</head>
<body>
<div data-role="page" id="pageone">
<div data-role="panel" id="pan1" data-position="right" data-display="overlay">
<a href="#pageone" data-rel="close" class="ui-btn ui-icon-delete ui-btn-icon-notext ui-nodisc-icon ui-corner-all ui-shadow ui-alt-icon ui-btn-rigth"></a>
<ui id="list">
<hr>
<ul><a href="#">중식</a></ul>
<ul><a href="#">일식</a></ul>
<ul><a href="#">양식</a></ul>
<ul><a href="#">한식</a></ul>
</ui>
</div>
<div data-role="header" id="HF_style">
<a href="#" class="ui-btn ui-icon-carat-l ui-btn-icon-notext ui-nodisc-icon ui-corner-all ui-shadow ui-alt-icon" data-rel="back"></a>
<a href="#pan1" class="ui-btn ui-icon-bars ui-btn-icon-notext ui-nodisc-icon ui-corner-all ui-shadow ui-alt-icon"></a>
</div>
<div class="bak">
<img src="back1.png" style="width: 100%;" height="300px">
</div>
<div data-role="content" class="main-content">
<h2>현풍닭칼국수</h2>
<span style="color:rgb(255, 230, 0)"><i class="fas fa-star"> 4.4/5</i></span>
<hr>
<div class="flex">
<div class="flex_s">
<a href="https://www.google.co.kr/maps/place/%ED%98%84%ED%92%8D%EB%8B%AD%EC%B9%BC%EA%B5%AD%EC%88%98%EA%B2%BD%EC%82%B0%ED%95%98%EC%96%91%EC%A0%90/@35.9140013,128.816974,17z/data=!3m1!4b1!4m5!3m4!1s0x35667278f2bd88c1:0x10ed37b0fcf69516!8m2!3d35.913997!4d128.8191573" style="color: tomato;">
<i class="fas fa-search-location"><p>위치</p></i></a>
</div>
<div class="flex_s_1">
<a href="http://hyunpungkalguksu.com/" style="color: tomato;">
<i class="fas fa-home"><p>홈페이지</p></i></a>
</div>
</div>
</div>
<div class="content">
<i class="fas fa-phone-alt">⠀⠀053-857-2200</i>
<hr>
<i class="fas fa-search-location">⠀⠀경북 경산시 하양읍 하양로 110</i>
<hr>
<i class="far fa-clock">⠀⠀이용시간을 알수없음</i>
<hr>
<i class="fas fa-home"><a href="http://hyunpungkalguksu.com/" style="color: tomato;">⠀⠀http://hyunpungkalguksu.com/</a></i>
<hr style="margin-bottom: 0;">
</div>
<div class="content">
<h2>⠀⠀대표 메뉴</h2>
<div class="flex">
<div class="flex_s" style="text-align: center;">
<img src="h_m1.png" style="max-width: 100%; height: auto;">
<h4>닭칼국수</h4>
<p id="p_hr">7,000원</p>
</div>
<div class="flex_s_1" style="text-align: center;">
<img src="h_m2.png" style="max-width: 100%; height: auto;">
<h4>삼계칼국수</h4>
<p id="p_hr">9,500원</p>
</div>
</div>
<div class="flex">
<div class="flex_s" style="text-align: center;">
<img src="h_m3.png" style="max-width: 100%; height: auto;">
<h4>닭칼수육세트</h4>
<p>13,000</p>
</div>
<div class="flex_s_1" style="text-align: center;">
<img src="h_m4.png" style="max-width: 100%; height: auto;">
<h4>삼계수육세트</h4>
<p>15,500원</p>
</div>
</div>
</div>
<br><br><br>
<div class="foot">
<a href="#" style="color: black;">
<i class="fas fa-house-user"></i>
<p style="text-align: center;">홈</p>
</a>
<a href="#" style="padding-right: 30px; color: black;">
<i class="fas fa-search"></i>
<p>검색</p>
</a>
</div>
</div>
</body>
</html>