index.html 1.2 KB
<!doctype html>
<html>
<head>
<title>KHU KHU Chat</title>
<meta charset="utf-8">
<style>
  body{
    margin:0;
  }
  h1{
      text-align:center;
      border-bottom:1px solid gray;
      color:"black";
      margin:0;
      padding:20px
    }
    a{
      color:"black";
      text-decoration: none;
    }
    ol{
      border-right:1px solid gray;
      width:150px;
      margin:0;

    }
    @media(min-width:500px){
    #grid{
      display: grid;
      grid-template-columns: 200px 1fr;
    }
  }
    #grid ol{
      /*grid에 있는 ol 만 해당하는 것을 선택*/
    }
</style>
</head>
<body>

  <h1><a href="index.html" color:black>KHU KHU Chat service</a></h1>
<div id="grid">
  <ol>
    <li><a href="loginmain.html">로그인&회원가입</a></li>
    <li><a href="KHUchat.html">KHU chat이란?</a></li>
  </ol>
  <div>
    <h2><a href="KHUchat.html"
      target="_blank" title="go to blog for specification">KHU Chating이란 무엇인가?</a></h2>
    <p>This is chating application which chat your frineds, coworkers and anyone do you want <br>
    so enjoy it out sevice.
    </p><p
    style="margin-top:45px;">HTML is so fun fun fun!</p>
  </div>
</div>

<img src="coding.jpg" width="100%">
</body>
</html>