Showing
1 changed file
with
26 additions
and
18 deletions
| ... | @@ -6,36 +6,44 @@ | ... | @@ -6,36 +6,44 @@ |
| 6 | <title> 메이플 정보가 궁금하다면? osstpmaple.tk </title> | 6 | <title> 메이플 정보가 궁금하다면? osstpmaple.tk </title> |
| 7 | <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"> | 8 | <meta name ="viewport" content="width=device-width, initial-scale=1maximum-scale=1.0, minimum-scale=1.0"> |
| 9 | + <link rel="stylesheet" href="css/style.css"/> | ||
| 10 | + <link rel="canonical" href="http://osstpmaple.tk"> | ||
| 11 | + <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css"> | ||
| 12 | + <meta name="keyword" content="무릉, 더시드, 유니온, 직업랭킹, 종합랭킹"/> | ||
| 9 | </head> | 13 | </head> |
| 10 | -<style> | ||
| 11 | - body{ | ||
| 12 | - background-image: url('https://ssl.nx.com/s2/game/maplestory/renewal/common/media/artwork/artwork_13.jpg'); | ||
| 13 | - background-repeat: no-repeat; | ||
| 14 | - background-size: cover; | ||
| 15 | - } | ||
| 16 | -</style> | ||
| 17 | <body> | 14 | <body> |
| 18 | - <div class="search-box"> | 15 | + <header> |
| 19 | - <form action ="http://osstpmaple.tk/search" class="search"> | 16 | + <ul> |
| 17 | + <li> | ||
| 18 | + <a href="https://maplestats.com/home">스탯 계산기</a> | ||
| 19 | + </li> | ||
| 20 | + <li> | ||
| 21 | + <a href="maple.inven.co.kr">인벤</a> | ||
| 22 | + </li> | ||
| 23 | + </ul> | ||
| 24 | + <div class="search box"> | ||
| 25 | + <form action = "http://osstpmaple.tk/search" name="search"> | ||
| 20 | <input type="text" name="q" value="" maxlength="12" required placeholder="캐릭터 길드 이름"/> | 26 | <input type="text" name="q" value="" maxlength="12" required placeholder="캐릭터 길드 이름"/> |
| 21 | <button type="submit"> | 27 | <button type="submit"> |
| 22 | <i class="fas fa-search"></i> | 28 | <i class="fas fa-search"></i> |
| 23 | </button> | 29 | </button> |
| 24 | -</form> | 30 | + </form> |
| 25 | -</div> | 31 | + </div> |
| 26 | -<section class="mt-4 container"> | 32 | + </header> |
| 33 | + <section class="content"> | ||
| 27 | <form action="http://osstpmaple.tk/search"> | 34 | <form action="http://osstpmaple.tk/search"> |
| 28 | - <div class="col-lg-6 offset-lg-3"> | 35 | + <div class="content-inside"> |
| 29 | <div class="row"> | 36 | <div class="row"> |
| 30 | <div class="input-group"> | 37 | <div class="input-group"> |
| 31 | - <input type="text" class="form-control form-control-lg" aria-label="캐릭터명 또는 길드명을 입력해주세요!" placeholder="캐릭터명 또는 길드명을 입력해주세요!" name="q"> | 38 | + <input type="text" class="input-bar" aria-label="캐릭터명 또는 길드명을 입력해주세요!" placeholder="캐릭터명 또는 길드명을 입력해주세요!" name="q"> |
| 32 | - <div class="input-group-append"> | 39 | + <button class="in_button" type="submit" name="search">검색</button> |
| 33 | - <button class="btn btn-maple" type="submit">검색</button> | ||
| 34 | - </div> | ||
| 35 | </div> | 40 | </div> |
| 36 | </div> | 41 | </div> |
| 37 | </div> | 42 | </div> |
| 38 | </form> | 43 | </form> |
| 39 | -</section> | 44 | + </section> |
| 40 | </body> | 45 | </body> |
| 46 | +<footer class="footer"> | ||
| 47 | + osstpmaple.tk는 학생의 프로젝트이며, Nexon korea와 아무 관련이 없습니다. | ||
| 48 | +</footer> | ||
| 41 | </html> | 49 | </html> |
| ... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
-
Please register or login to post a comment