-
Notifications
You must be signed in to change notification settings - Fork 0
/
ui.html
194 lines (182 loc) · 8.28 KB
/
ui.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
<!DOCTYPE html>
<html lang="ko">
<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" />
<meta name="description" content="뭐먹지?는 직장인의 점심 계획 및 메뉴 결정을 간편하게 합니다. 점심 일정을 조율하고 메뉴를 결정하는 번거로움과 작별 인사를 하세요. 점심 스케줄을 쉽게 효율적으로 관리할 수 있도록 도와드립니다." />
<title>뭐먹지 - ui</title>
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap" rel="stylesheet" />
<link rel="stylesheet" href="src/dist/css/layout.css" />
<script src="https://cdn.jsdelivr.net/npm/swiper@9/swiper-element-bundle.min.js"></script>
</head>
<body>
<!-- main menu -->
<nav class="main_menu">
<ul>
<li class="main_menu_list type1">
<a class="main_menu_list_box" href="guide.html">
메뉴추천
<p class="text">
<span>뭐먹지의 점심 추천을 </span><span>받아 보세요</span>
</p>
<div class="icon_box">
<p class="icon icon_soup"></p>
</div>
</a>
</li>
<li class="main_menu_list main_menu_restaurant">
<a class="main_menu_list_box" href="#">
<div class="icon icon_restaurant"></div>
식당추천
</a>
</li>
<li class="main_menu_list main_menu_party">
<a class="main_menu_list_box" href="#">
<div class="icon icon_party"></div>
점심팟
</a>
</li>
<li class="main_menu_list main_menu_schedule">
<a class="main_menu_list_box" href="#">
<div class="icon icon_schedule"></div>
점심 스케줄러
</a>
</li>
</ul>
</nav>
<!-- // main menu -->
<!-- main footer -->
<footer class="main_footer">
<ul class="main_footer_top">
<li><a class="main_footer_top_link support" href="#">후원하기💖</a></li>
<li><a class="main_footer_top_link cheer" href="#">응원하기🙌</a></li>
<li><a class="main_footer_top_link request" href="https://forms.gle/rg4HYCMDjXvjDJRv9" target="_blank" title="새 창">요청하기📣</a></li>
</ul>
<div class="main_footer_bottom">
<strong>뭐먹지? </strong>Copyright©뭐먹지 All rights reserved.
</div>
</footer>
<!--// main footer-->
<!-- pagebar -->
<div class="pagebar"></div>
<div class="pagebar type1"></div>
<div class="pagebar type2"></div>
<!-- // pagebar -->
<!-- guide_slider -->
<swiper-container class="mySwiper" space-between="18">
<swiper-slide class="guide_slider">
<div class="icon_box"><div class="icon icon_paper"></div></div>
<p class="guide_slider_text">이용 가이드를 숙지한다.</p>
</swiper-slide>
<swiper-slide class="guide_slider">
<div class="icon_box"><div class="icon icon_dish"></div></div>
<p class="guide_slider_text">어제 먹은 메뉴를 입력한다.</p>
</swiper-slide>
<swiper-slide class="guide_slider">
<div class="icon_box"><div class="icon icon_defy"></div></div>
<p class="guide_slider_text">불호하는 메뉴를 입력한다.</p>
</swiper-slide>
<swiper-slide class="guide_slider">
<div class="icon_box"><div class="icon icon_noodle"></div></div>
<p class="guide_slider_text">딱 맞는 메뉴를 추천 받는다.</p>
</swiper-slide>
<swiper-slide class="guide_slider">
<div class="icon_box"><div class="icon icon_full_smile"></div></div>
<p class="guide_slider_text">만족스러운 점심 냠냠 굿!</p>
</swiper-slide>
</swiper-container>
<!-- // guide_slider -->
<!-- title_wrap -->
<div class="title_wrap type1">
<h1 class="title_wrap_subject">뭐먹지?<span class="beta">BETA</span></h1>
<p class="title_wrap_desc">직장인 최대 난제 점심메뉴<br />뭐먹지로 해결하세요!</p>
</div>
<div class="title_wrap">
<p class="title_wrap_subject">이용 가이드<span class="icon icon_teacher"></span></p>
<p class="title_wrap_contents">상암에서 근무하는 직장인을 위해 만들었어요.<br />뭐먹지의 점심 추천을 받아 보세요.</p>
</div>
<div class="title_wrap">
<p class="title_wrap_subject">어제 어떤 메뉴를 드셨나요?<span class="icon icon_chef"></span></p>
<p class="title_wrap_contents">기억이 나지 않는다면 넘어가도 괜찮아요.</p>
</div>
<div class="title_wrap">
<p class="title_wrap_subject">불호하는 메뉴가 있나요?<span class="icon icon_defy"></span></p>
<p class="title_wrap_contents">불호하는 메뉴가 없다면 넘어가도 괜찮아요.</p>
</div>
<div class="title_wrap type2">
<p class="title_wrap_subject">오늘 당신에게 딱 맞는<br />점심 메뉴는?<span class="icon icon_chef"></span></p>
</div>
<!--// title_wrap -->
<!-- button -->
<button type="button" class="icon icon_arrow">이전</button>
<button type="button" class="icon icon_cancel">닫기</button>
<a href="#" class="wide_button">시작하기</a>
<a href="#" class="wide_button">입력 완료</a>
<a href="#" class="wide_button">너로 정했다!</a>
<a href="#" class="wide_button type1">한 번 더</a>
<!-- // button -->
<!-- input -->
<form title="text_form">
<div class="text_box">
<label class="type" for="yesterday_menu_text">입력</label>
<input id="yesterday_menu_text" type="text" placeholder="예시) 마라탕" maxlength="16"/>
<p class="text_box_focus">어제 이 메뉴를 드셨군요!</p>
</div>
</form>
<form title="text_form">
<div class="text_box">
<label class="type" for="dislike_menu_text">입력</label>
<input id="dislike_menu_text" type="text" placeholder="예시) 마라탕" maxlength="16"/>
<p class="text_box_focus ">이 메뉴를 싫어하시는군요!</p>
</div>
</form>
<!-- // input -->
<!-- recommend_wrap :: 개발 :: 이미지, 상호명, 주소명, 링크 주소 -->
<div class="recommend_wrap">
<div class="recommend">
<div class="recommend_box">
<img class="recommend_img" src="./src/images/test.jpg" alt="" />
</div>
<p class="recommend_title">개미집 상암점</p>
<div class="recommend_address">
<p class="recommend_address_title">상세주소</p>
<p class="recommend_address_text"><strong>서울 마포구 월드컵북로 396 누리꿈스퀘어 공동제작센터 2층</strong></p>
<ul class="recommend_address_share">
<li><a href="https://naver.me/Fcagg6Mm" onclick="clip(); return false;">공유하기🔗</a></li>
<li><a href="https://naver.me/Fcagg6Mm" target="_blank" title="새 창">네이버지도🗺</a></li>
</ul>
</div>
</div>
</div>
<!-- // recommend_wrap -->
<!-- recommend_another :: 개발 :: 이미지, 상호명 -->
<div class="recommend_another">
<p class="recommend_another_title">이 메뉴도 좋아할 거에요!</p>
<ul class="recommend_another_wrap">
<li class="recommend_another_box">
<div class="recommend_another_img_box"><img class="recommend_another_img" src="./src/images/test.jpg" alt="" /></div>
<p class="recommend_another_text">도락</p>
</li>
<li class="recommend_another_box">
<div class="recommend_another_img_box"><img class="recommend_another_img" src="./src/images/test.jpg" alt="" /></div>
<p class="recommend_another_text">상암회관</p>
</li>
</ul>
</div>
<!-- // recommend_another -->
<script>
function clip(){
var url = '';
var textarea = document.createElement("textarea");
document.body.appendChild(textarea);
url = 'https://naver.me/Fcagg6Mm';
textarea.value = url;
textarea.select();
document.execCommand("copy");
document.body.removeChild(textarea);
alert("url이 복사되었습니다.")
};
</script>
</body>
</html>