설승환

html파일 수정

Showing 1 changed file with 31 additions and 23 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>
20 - <input type="text" name="q" value="" maxlength="12" required placeholder="캐릭터 길드 이름"/> 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">
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>
27 - <form action="http://osstpmaple.tk/search"> 33 + <section class="content">
28 - <div class="col-lg-6 offset-lg-3"> 34 + <form action="http://osstpmaple.tk/search">
29 - <div class="row"> 35 + <div class="content-inside">
30 - <div class="input-group"> 36 + <div class="row">
31 - <input type="text" class="form-control form-control-lg" aria-label="캐릭터명 또는 길드명을 입력해주세요!" placeholder="캐릭터명 또는 길드명을 입력해주세요!" name="q"> 37 + <div class="input-group">
32 - <div class="input-group-append"> 38 + <input type="text" class="input-bar" aria-label="캐릭터명 또는 길드명을 입력해주세요!" placeholder="캐릭터명 또는 길드명을 입력해주세요!" name="q">
33 - <button class="btn btn-maple" type="submit">검색</button> 39 + <button class="in_button" type="submit" name="search">검색</button>
34 </div> 40 </div>
35 </div> 41 </div>
36 </div> 42 </div>
37 - </div> 43 + </form>
38 - </form> 44 + </section>
39 -</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
......