forked from lsh324/lsh324.github.io
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
64 lines (64 loc) · 2.31 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
<!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">
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css" integrity="sha384-DyZ88mC6Up2uqS4h/KRgHuoeGwBcD4Ng9SiP4dIRy0EXTlnuz47vAwmeGwVChigm" crossorigin="anonymous">
<link rel="stylesheet" href="css/style.css">
<title>그님티</title>
</head>
<body>
<div id="wrap">
<header id="header">
<div class="login">
<h1><a href="login.html"><i class="fas fa-user"></i></a></h1>
<h2><a href="login.html">로그인</a></h2>
</div>
<!-- 햄버거메뉴 -->
<div class="ham">
<span class="bar1"></span>
<span class="bar2"></span>
<span class="bar3"></span>
</div>
<nav class="hamnav">
<ul>
<li><a href="#">랭킹</a></li>
<li><a href="#">챔피언</a></li>
<li><a href="#">통계</a></li>
<li><a href="#">커뮤니티</a></li>
</ul>
</nav>
<!-- 햄버거메뉴끝 -->
<nav class="nav">
<ul>
<li><a href="#">랭킹</a></li>
<li><a href="#">챔피언</a></li>
<li><a href="#">통계</a></li>
<li><a href="#">커뮤니티</a></li>
</ul>
</nav>
</header>
<section id="banner">
<div class="logo-area">
<a href="index.html"><img src="images/logo.png" alt="로고"></a>
</div>
<div class="search-area">
<form action="summoner.html">
<input class="search-input" type="text"
placeholder="닉네임을 입력하세요">
<button class="search-btn" type="submit"><i class="fas fa-search"></i></button>
</form>
</div>
</section>
<!-- <footer id="footer">
<p>그님티 Copyright. 그님티 isn’t endorsed by Riot Games and doesn’t reflect the views or opinions of Riot Games or anyone officially involved in producing or managing League of Legends.
League of Legends and Riot Games are trademarks or registered trademarks of Riot Games, Inc. League of Legends © Riot Games, Inc.
</p>
</footer> -->
</div>
<script src="js/jquery-1.12.4.min.js"></script>
<script src="js/nav.js"></script>
</body>
</html>