-
Notifications
You must be signed in to change notification settings - Fork 2
/
menu.html
276 lines (251 loc) · 17 KB
/
menu.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
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
<!--
단어장 버튼의 id 속성값 이름 : note
지금 display: none 상태로 해놓음
-->
<!DOCTYPE html>
<html lang="en">
<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">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-3.6.3.min.js" integrity="sha256-pvPw+upLPUjgMXY0G+8O0xUf+/Im1MZjXxxgOcBQBXU=" crossorigin="anonymous"></script>
<script src="https://kit.fontawesome.com/46a7bacb5b.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://kit.fontawesome.com/46a7bacb5b.css" crossorigin="anonymous">
<title>Document</title>
<style>
body {
margin: 0 auto;
max-width: 375px;
}
header {
position: fixed;
z-index: 100;
}
.topnavs {
text-align: center;
}
.topnav {
margin: 10px 10px;
display: inline-block;
color: #ffffff;
font-size: 20px;
}
main {
position: relative;
top: 83px;
left: 0;
right: 0;
}
.side-left {
position: fixed;
}
.side-right {
position: relative;
left: 110px;
}
footer {
position: fixed;
z-index: 100;
}
a {
color: black;
text-decoration: none;
font-weight: bold;
font-size: 12px;
}
#menu-wrapper {
overflow-x: auto;
justify-content: center;
position: fixed;
bottom: 0;
border-collapse: collapse;
height: 60px;
}
table {
border-collapse: collapse;
width: 375px;
height: 60px;
}
th {
text-align: center;
background-color: #ffffff;
color: #fff;
text-transform: uppercase;
font-weight: bold;
padding: 0 15px;
}
</style>
</head>
<body>
<header>
<div class="sticky-top" style="background-color: #3F81D7; width: 375px; height: 82px;">
<input type="text" placeholder="메뉴 · 종목 검색" style="border-radius: 5px; margin-left: 20px; margin-top: 10px; width: 250px;">
<i class="fa-regular fa-bell" style="margin-left: 40px;"></i> <!--종 모양 아이콘--> <!--Vue 전용 코드 : <font-awesome-icon icon="fa-regular fa-bell" />-->
<i class="fa-solid fa-gear"></i> <!--톱니바퀴(설정버튼) 아이콘--> <!--Vue 전용 코드 : <font-awesome-icon icon="fa-solid fa-gear" />-->
<div class="topnavs">
<div class="topnav">매매</div><div class="topnav">상품</div><div class="topnav">뱅킹/공모주</div><div class="topnav">고객센터</div>
</div>
</div>
</header>
<main>
<div class="row">
<div class="col-4 side-left">
<div id="list-example" class="list-group">
<a class="list-group-item list-group-item-action" href="#list-item-1" style="background-color: #F0F1F5; width: 105px;">국내주식</a>
<a class="list-group-item list-group-item-action" href="#list-item-2" style="background-color: #F0F1F5; width: 105px;">해외주식</a>
<a class="list-group-item list-group-item-action" href="#list-item-3" style="background-color: #F0F1F5; width: 105px;">CFD</a>
<a class="list-group-item list-group-item-action" href="#list-item-4" style="background-color: #F0F1F5; width: 105px;">선물옵션</a>
<a class="list-group-item list-group-item-action" href="#list-item-5" style="background-color: #F0F1F5; width: 105px;">기타시장</a>
<a class="list-group-item list-group-item-action" href="#list-item-6" style="background-color: #F0F1F5; width: 105px;">투자정보</a>
<a class="list-group-item list-group-item-action" href="#list-item-7" style="background-color: #F0F1F5; width: 105px;">투자플러스</a>
</div>
</div>
<div class="col-8 side-right">
<div data-bs-spy="scroll" data-bs-target="#list-example" data-bs-smooth-scroll="true" class="scrollspy-example" tabindex="0">
<div style="background-color: #F7F8FA; padding: 15px;"><strong>국내주식</strong></div>
<h6 id="list-item-1" style="padding-top: 15px;"><strong>종목찾기</strong></h6>
<hr>
<p>실시간종목순위</p><p>신한인기종목</p><p>외국인/기관 순매수</p><p>테마(섹터)순위</p><p>신한리서치추천</p><p>신규리서치추천</p><p>신규상장종목</p><p>공매도/대차</p><p>시장조치</p><p>ETF/ETN</p>
<h6 id="list-item-1" style="padding-top: 15px;"><strong>종목조건검색</strong></h6>
<hr>
<p>간편조건검색</p><p>조건검색</p><p>차트패턴검색</p>
<h6 id="list-item-1" style="padding-top: 15px;"><strong>주식매매</strong></h6>
<hr>
<p>주식종목검색</p><p>관심종목</p><p>주식/ETF 현재가</p><p>주식/ETF 주문</p><p>주식잔고/손익</p><p>체결/매매내역</p><p>물타기계산기</p>
<h6 id="list-item-1" style="padding-top: 15px;"><strong>다양한 주문</strong></h6>
<hr>
<p>예약주문</p><p>호가주문</p><p>스탑자동주문</p><p>바로주문</p><p>알파카트(일괄매수)</p><p>제휴대출주문</p><p>대주차입주문</p><p>권리공매도주문</p>
<h6 id="list-item-1" style="padding-top: 15px;"><strong>주식 거래확인</strong></h6>
<hr>
<p>반대매매예정내역</p><p>미수동결담보부족현황</p><p>매매다이어리</p>
<h6 id="list-item-1" style="padding-top: 15px;"><strong>국내주식 소수점투자</strong></h6>
<hr>
<p>소수점 투자</p><p>소수점 거래신청</p>
<h6 id="list-item-1" style="padding-top: 15px;"><strong>국내주식 간편투자</strong></h6>
<hr>
<p>주식/ETF 정기투자 가입</p><p>주식/ETF 정기투자 내역</p>
<h6 id="list-item-1" style="padding-top: 15px;"><strong>차트</strong></h6>
<hr>
<p>종합차트</p><p>지수/업종차트</p>
<h6 id="list-item-1" style="padding-top: 15px;"><strong>주식 가이드</strong></h6>
<hr>
<p>주식투자 가이드</p><p>주식용어 가이드</p>
<div style="background-color: #F7F8FA; padding: 15px;"><strong>해외주식</strong></div>
<h6 id="list-item-2" style="padding-top: 15px;"><strong>해외주식 매매</strong></h6>
<hr>
<p>해외종목검색</p><p>관심종목</p><p>해외주식 현재가</p><p>해외주식 종합차트</p><p>해외주식 주문</p><p>해외주식 예약주문</p><p>해외주식 예약주문</p><p>해외주식 소수점 투자</p><p>해외주식 거래신청</p><p>실시간 시세신청</p>
<h6 id="list-item-2" style="padding-top: 15px;"><strong>해외주식 거래확인</strong></h6>
<hr>
<p>해외주식 잔고/수익</p><p>해외주식 체결/매매내역</p><p>해외주식 배당/세금</p>
<h6 id="list-item-2" style="padding-top: 15px;"><strong>환전</strong></h6>
<hr>
<p>환율조회</p><p>환전신청</p><p>환전신청내역</p>
<h6 id="list-item-2" style="padding-top: 15px;"><strong>해외주식 정기투자</strong></h6>
<hr>
<p>플랜yest 정기투자 가입</p><p>플랜yest 정기투자 내역</p>
<h6 id="list-item-2" style="padding-top: 15px;"><strong>종목상세검색</strong></h6>
<hr>
<p>해외종목순위</p><p>미국종목발굴</p><p>글로벌 종목정보</p><p>글로벌ETF 정보</p><p>업종/테마별ETF</p><p>미국레버리지ETF</p>
<h6 id="list-item-2" style="padding-top: 15px;"><strong>해외주식 시작하기</strong></h6>
<hr>
<p>해외주식 공지사항</p><p>해외주식 시장안내</p><p>해외주식 유의사항</p><p>해외주식 FAQ</p>
<div style="background-color: #F7F8FA; padding: 15px;"><strong>CFD</strong></div>
<h6 id="list-item-3" style="padding-top: 15px;"><strong>CFD 매매</strong></h6>
<hr>
<p>CFD 종목검색</p><p>CFD 현재가</p><p>CFD 주문</p><p>CFD 차트</p><p>CFD 잔고/손익</p><p>CFD 체결/매매내역</p><p>CFD 청산내역</p><p>CFD 리콜내역</p>
<h6 id="list-item-3" style="padding-top: 15px;"><strong>CFD 계좌/증거금</strong></h6>
<hr>
<p>CFD 예탁금/증거금</p>
<h6 id="list-item-3" style="padding-top: 15px;"><strong>CFD 신청</strong></h6>
<hr>
<p>CFD 신청</p>
<h6 id="list-item-3" style="padding-top: 15px;"><strong>CFD 가이드</strong></h6>
<hr>
<p>CFD 시작하기</p>
<div style="background-color: #F7F8FA; padding: 15px;"><strong>선물옵션</strong></div>
<h6 id="list-item-4" style="padding-top: 15px;"><strong>선물옵션 매매</strong></h6>
<hr>
<p>선물옵션 현재가</p><p>선물옵션 주문</p><p>선물옵션 차트</p><p>선물옵션 잔고/손익</p><p>선물옵션 체결/매매내역</p><p>지수선물 전종목시세</p><p>지수옵션 전종목시세</p><p>선물옵션지수종합</p><p>기초자산추이</p><p>선물옵션 예약주문</p>
<h6 id="list-item-4" style="padding-top: 15px;"><strong>야간선물옵션 매매</strong></h6>
<hr>
<p>야간선물옵션 현재가</p><p>야간선물옵션 주문</p><p>야간선물옵션 차트</p>
<h6 id="list-item-4" style="padding-top: 15px;"><strong>선물옵션 계좌/증거금</strong></h6>
<hr>
<p>계좌별 위탁증거금</p><p>종목별 위탁증거금</p><p>선물옵션 주문증거금</p><p>선물대용 지정/해제</p><p>선물정산가 조회</p><p>추가증거금계좌 복수주문</p>
<h6 id="list-item-4" style="padding-top: 15px;"><strong>신청/등록</strong></h6>
<hr>
<p>선물옵션 거래신청</p><p>매매신청(유렉스연계)</p><p>사전투자경험신청</p><p>타사 거래확인서 등록</p><p>선물옵션 계좌유형설정</p><p>선물옵션약관승인</p>
<h6 id="list-item-4" style="padding-top: 15px;"><strong>선물옵션 가이드</strong></h6>
<hr>
<p>선물옵션 시작하기</p>
<div style="background-color: #F7F8FA; padding: 15px;"><strong>기타시장</strong></div>
<h6 id="list-item-5" style="padding-top: 15px;"><strong>금현물</strong></h6>
<hr>
<p>금현물 현재가</p><p>금현물 주문</p><p>금현물 잔고</p>
<h6 id="list-item-5" style="padding-top: 15px;"><strong>K-OTC</strong></h6>
<hr>
<p>K-OTC 현재가</p><p>K-OTC 주문</p>
<h6 id="list-item-5" style="padding-top: 15px;"><strong>코넥스(KONEX)</strong></h6>
<hr>
<p>코넥스 현재가</p><p>코넥스 주문</p>
<h6 id="list-item-5" style="padding-top: 15px;"><strong>ELW</strong></h6>
<hr>
<p>ELW 현재가</p><p>ELW 주문</p>
<h6 id="list-item-5" style="padding-top: 15px;"><strong>신주인수권</strong></h6>
<hr>
<p>신주인수권 현재가</p><p>신주인수권 주문</p>
<h6 id="list-item-5" style="padding-top: 15px;"><strong>기타</strong></h6>
<hr>
<p>비상장주식(서울거래소)</p>
<div style="background-color: #F7F8FA; padding: 15px;"><strong>투자정보</strong></div>
<h6 id="list-item-6" style="padding-top: 15px;"><strong>시장동향</strong></h6>
<hr>
<p>지수/환율/시장지표</p><p>국내시장 매매동향</p><p>최신시황</p><p>글로벌경제지표</p>
<h6 id="list-item-6" style="padding-top: 15px;"><strong>이슈/일정</strong></h6>
<hr>
<p>뉴스/공시</p><p>국내/해외 증시일정</p><p>해외주식 권리</p>
<h6 id="list-item-6" style="padding-top: 15px;"><strong>디지털 자산</strong></h6>
<hr>
<p>디지털자산 시세</p><p>디지털자산 리서치</p><p>디지털자산 알아보기</p>
<h6 id="list-item-6" style="padding-top: 15px;"><strong>영상 칼럼</strong></h6>
<hr>
<p>유튜브공식채널</p><p>증권방송</p>
<h6 id="list-item-6" style="padding-top: 15px;"><strong>신한리서치</strong></h6>
<hr>
<p>신한리서치리포트</p><p>리서치캘린더</p>
<div style="background-color: #F7F8FA; padding: 15px;"><strong>투자플러스</strong></div>
<h6 id="list-item-7" style="padding-top: 15px;"><strong>투자플러스 서비스</strong></h6>
<hr>
<p>투자플러스</p><p id="note" style="display: none;">단어장</p>
<h6 id="list-item-7" style="padding-top: 15px;"><strong>이슈</strong></h6>
<hr>
<p>이슈진단</p><p>종목이슈체크</p>
<h6 id="list-item-7" style="padding-top: 15px;"><strong>종목찾기</strong></h6>
<hr>
<p>마법공식</p><p>종목분석검색</p><p>취향저격</p><p>고수들의 종목</p>
<h6 id="list-item-7" style="padding-top: 15px;"><strong>종목추천</strong></h6>
<hr>
<p>파워맵</p><p>수급파인더</p><p>5STAR</p><p>스톡봇</p><p>로보스탁</p><p>시그널엔진</p><p>뉴지스탁</p>
</div>
</div>
</div>
</main>
<footer>
<div id="menu-wrapper">
<table>
<tr>
<th><a href="#">X</a></th>
<th><a href="#">홈</a> </th>
<th><a href="#">계좌<br>개설</a></th>
<th><a href="#">인증<br>센터</a></th>
<th><a href="#">챗봇</a></th>
<th><a href="#">로그인</a></th>
<th><a href="#"><i class="fa-solid fa-power-off"></i></a></th>
</tr>
</table>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h655rYXK/7HAuoJl+0I4" crossorigin="anonymous"></script>
</body>
</html>