-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
154 lines (150 loc) · 8.35 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
<!doctype html>
<!-- 이 부분은 주석문입니다. 웹 브라우저는 주석을 화면에 출력하지 않습니다.-->
<html>
<head lang="en">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="utf-8">
<meta name="keywords" content="computer">
<base href="https://web--tpqzd.run.goorm.site/">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.3/font/bootstrap-icons.css">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous"></script>
<script type="text/javascript" src="js/search.js" defer></script>
<script type="text/javascript" src="js/basic_test.js" defer></script>
<script type="text/javascript" src="js/data_type.js" defer></script>
<script type="text/javascript" src="js/pop_up.js" defer></script>
<script type="text/javascript" src="js/hover.js" defer></script>
<script type="text/javascript" src="js/array_test.js" defer></script>
</head>
<body onload="pop_up();">
<title>구글 사이트 예제+Bootstrap demo</title>
<nav class="navbar navbar-expand-lg bg-light">
<div class="container-fluid">
<a class="navbar-brand" href="#">전체메뉴</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNavDropdown">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="#" target="_blank">홈페이지</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://web--tpqzd.run.goorm.site/">검색</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://www.youtube.com/" target="_blank">유튜브</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://map.kakao.com/" target="_blank">지도</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://mail3.nate.com/" target="_blank">메일</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://play.google.com/" target="_blank">앱스토어</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
기타 웹사이트
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="https://www.naver.com/" target="_blank">네이버</a></li>
<li><a class="dropdown-item" href="https://www.daum.net/" target="_blank">다음</a></li>
<li><a class="dropdown-item" href="https://www.sungkyul.ac.kr/index_intro_work.html" target="_blank">성결대 홈페이지</a></li>
</ul>
</li>
<li class="nav-item">
<button class="btn btn-outline-success" type="submit" onclick="location.href='../login.html'" style="width: 110px;">로그인하기</button>
<button class="btn btn-outline-success" type="submit" onclick="location.href='join.html'" style="width: 110px;">회원가입</button>
</li>
</ul>
</div>
</div>
</nav>
<nav class="navbar navbar-expand-sm bg-dark navbar-dark">
<div class="container-fluid">
<a class="navbar-brand" href="#">하단메뉴</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#collapsibleNavbar">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse justify-content-end" id="collapsibleNavbar">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="profile/profile.html" target='_blank'>소개페이지</a>
</li>
</ul>
</div>
</div>
</nav>
<br>
<!br은 줄 바꿈입니다.>
<hr>
<br>
<p style="text-align:center"></p>
<div class="mx-auto" style="width: 500px;">
<a href="index.html" target="_blank">
<img src="img/googlelogo_color_big.png" class="img-fluid" alt="구글이미지" onmouseover="over(this)" onmouseout="out(this)"></a>
</div>
<br>
<form id="form_main" action="https://www.google.co.kr/search" method="GET" target="_blank" onsubmit="return false">
<div class="d-flex justify-content-center">
<mx-auto>
<input name="query" type="text" class="form-control-lg" placeholder="검색어 입력" aria-label="search" aria-describedby="search_btn" id="search_txt">
</mx-auto>
<button class="btn btn-success" type="submit" id="search_btn">검색</button>
</div>
</form>
<!--<p style="text-align:center">검색 :
<input type="text" name="search" size="55" value="">
<button id="search_btn" type="button">검색</button>!>
<br></p><br>
<! 간격을 위해 줄바꿈을 여러번 추가 해줍니다.>-->
<!img 태그는 이미지를 삽입합니다. src=경로, 이미지 깨지면 alt 출력>
<br>
<div class="w-auto p-3" style="background-color: #;">
<!--<table class="table table-striped table-bordered table-hover">-->
<table class="table table-dark table-hover">
<caption align="top">현재검색어 :
<p id="search_message"></p>
</caption>
<tbody class="table-group-divider">
<tr bgcolor="yellow">
<td class="table-primary" width="50"><b>영화</b>
</td>
<td width="80" bgcolor="blue">아저씨</td>
<td width="80" bgcolor="blue">아저씨</td>
<td width="100">어머니</td>
<td width="100">헬머니</td>
<td>할부지</td>
</tr>
<tr bgcolor="red">
<td class="table-secondary" width="50"><b>음악</b></td>
<td>KPOP</td>
<td>JPOP</td>
<td>ROCK1</td>
<td>ROCK2</td>
<td>EUROBEAT</td>
</tr>
<tr bgcolor="blue">
<td class="table-success" width="50"><b>게임</b></td>
<td>LOL</td>
<td>WOW</td>
<td>DIABLO</td>
<td colspan="2">SUDDEN ATTACK 2</td>
</tr>
</tbody>
</table>
</div>
<hr>
<footer class="bg-light text-center text-lg-start">
<div class="text-center p-3" style="background-color:#D8D8D8;">
<h3 class="text-secondary">FOOTER TEST</h3>
© 2020 Copyright: <a class="text-dark" href="index.html/">꾸글.com</a>
<i class="bi bi-facebook" style="color: #3b5998; font-size: 2rem;"></i>
<i class="bi bi-twitter" style="color: #55acee; font-size: 2rem;"></i>
<i class="bi bi-instagram" style="color: #ac2bac; font-size: 2rem;"></i>
</div>
</footer>
</body>
</html>