Showing
1 changed file
with
58 additions
and
0 deletions
front/index.html
0 → 100644
| 1 | +<!doctype html> | ||
| 2 | +<html> | ||
| 3 | +<head> | ||
| 4 | +<title>KHU KHU Chat</title> | ||
| 5 | +<meta charset="utf-8"> | ||
| 6 | +<style> | ||
| 7 | + body{ | ||
| 8 | + margin:0; | ||
| 9 | + } | ||
| 10 | + h1{ | ||
| 11 | + text-align:center; | ||
| 12 | + border-bottom:1px solid gray; | ||
| 13 | + color:"black"; | ||
| 14 | + margin:0; | ||
| 15 | + padding:20px | ||
| 16 | + } | ||
| 17 | + a{ | ||
| 18 | + color:"black"; | ||
| 19 | + text-decoration: none; | ||
| 20 | + } | ||
| 21 | + ol{ | ||
| 22 | + border-right:1px solid gray; | ||
| 23 | + width:150px; | ||
| 24 | + margin:0; | ||
| 25 | + | ||
| 26 | + } | ||
| 27 | + @media(min-width:500px){ | ||
| 28 | + #grid{ | ||
| 29 | + display: grid; | ||
| 30 | + grid-template-columns: 200px 1fr; | ||
| 31 | + } | ||
| 32 | + } | ||
| 33 | + #grid ol{ | ||
| 34 | + /*grid에 있는 ol 만 해당하는 것을 선택*/ | ||
| 35 | + } | ||
| 36 | +</style> | ||
| 37 | +</head> | ||
| 38 | +<body> | ||
| 39 | + | ||
| 40 | + <h1><a href="index.html" color:black>KHU KHU Chat service</a></h1> | ||
| 41 | +<div id="grid"> | ||
| 42 | + <ol> | ||
| 43 | + <li><a href="loginmain.html">로그인&회원가입</a></li> | ||
| 44 | + <li><a href="KHUchat.html">KHU chat이란?</a></li> | ||
| 45 | + </ol> | ||
| 46 | + <div> | ||
| 47 | + <h2><a href="KHUchat.html" | ||
| 48 | + target="_blank" title="go to blog for specification">KHU Chating이란 무엇인가?</a></h2> | ||
| 49 | + <p>This is chating application which chat your frineds, coworkers and anyone do you want <br> | ||
| 50 | + so enjoy it out sevice. | ||
| 51 | + </p><p | ||
| 52 | + style="margin-top:45px;">HTML is so fun fun fun!</p> | ||
| 53 | + </div> | ||
| 54 | +</div> | ||
| 55 | + | ||
| 56 | +<img src="coding.jpg" width="100%"> | ||
| 57 | +</body> | ||
| 58 | +</html> |
-
Please register or login to post a comment