설승환 / tp_maple_website

Go to a project
Toggle navigation Toggle navigation pinning
설승환
1f633683 1 parent 08ea530c

추가 버튼, 기타 설정 추가

Inline Side-by-side
Showing 1 changed file with 25 additions and 5 deletions
1 <!doctype html> 1 <!doctype html>
2 <html lang="ko"> 2 <html lang="ko">
3 <head> 3 <head>
4 + <script src='https://kit.fontawesome.com/a076d05399.js'></script>
4 <meta charset="utf-8"> 5 <meta charset="utf-8">
5 - <title> 메이플 정보가 궁금하다면? maple.rank </title> 6 + <title> 메이플 정보가 궁금하다면? osstpmaple.tk </title>
6 <meta http-equiv="X-UA-Compatible" content="ie-edge"> 7 <meta http-equiv="X-UA-Compatible" content="ie-edge">
8 + <meta name ="viewport" content="width=device-width, initial-scale=1maximum-scale=1.0, minimum-scale=1.0">
7 </head> 9 </head>
8 <style> 10 <style>
9 body{ 11 body{
...@@ -13,9 +15,27 @@ ...@@ -13,9 +15,27 @@
13 } 15 }
14 </style> 16 </style>
15 <body> 17 <body>
16 -<form action="/action_page.php"> 18 + <div class="search-box">
17 - <label for="name">닉네임:</label> 19 + <form action ="http://osstpmaple.tk/search" class="search">
18 - <input type="text" id="name" name="name"><br><br> 20 + <input type="text" name="q" value="" maxlength="12" required placeholder="캐릭터 길드 이름"/>
19 -<button> 검색 </button> 21 + <button type="submit">
22 + <i class="fas fa-search"></i>
23 + </button>
24 +</form>
25 +</div>
26 +<section class="mt-4 container">
27 + <form action="http://osstpmaple.tk/search">
28 + <div class="col-lg-6 offset-lg-3">
29 + <div class="row">
30 + <div class="input-group">
31 + <input type="text" class="form-control form-control-lg" aria-label="캐릭터명 또는 길드명을 입력해주세요!" placeholder="캐릭터명 또는 길드명을 입력해주세요!" name="q">
32 + <div class="input-group-append">
33 + <button class="btn btn-maple" type="submit">검색</button>
34 + </div>
35 + </div>
36 + </div>
37 + </div>
38 + </form>
39 +</section>
20 </body> 40 </body>
21 </html> 41 </html>
...\ No newline at end of file ...\ No newline at end of file
......