EMO-SSAGE.html 2.04 KB
<!DOCTYPE html>
<html lang="ko">

<head>
    <title>EMOJI-HUMAN</title>
    <link rel="stylesheet" href="https://odd-mune.github.io/EMOJI-HUMAN/index.css">
    <link rel="icon" type="image/x-icon" href="https://odd-mune.github.io/EMOJI-HUMAN/src/rainbow_1f308.png">
    <style>
        body {
            background-image: url("emossage-03.png");
            background-repeat: no-repeat;
            background-size: 100%;
        font-family: Noto Sans KR, regular;
        text-align: center;
    }
    h1 {font-size: 50px;}
        p1 {font-size: 24px;}
        p2 {font-size: 14px}
        p2.small {line-height: 0.7;}
    </style>
    <div style="height: 100px; overflow: auto">
        </div>

       
</head>

<body>
    <form action="#">

        <header>
            <h1>Message + EMOJI<span>= Emossage</span></h1>
    <p1>Emoti는 이모지 중심 메세지입니다</p1>
    <br>
    <p2>
            <p class="small"> 글자 중 일부가 이모지로 변환됩니다.<br>
        여러분만의 이모지 편지를 적어보세요<br> </p2>
        </p>
        </header>
        
        <div>
          <label class="desc" id="title1" for="Field1">Full Name</label>
          <div>
            <input id="Field1" name="Field1" type="text" class="field text fn" value="" size="8" tabindex="1">
          </div>
        </div>
          
        <div>
          <label class="desc" id="title3" for="Field3">
            Email
          </label>
          <div>
            <input id="Field3" name="Field3" type="email" spellcheck="false" value="" maxlength="255" tabindex="3"> 
         </div>
        </div>
          
        <div>
          <label class="desc" id="title4" for="Field4">
            Message
          </label>
        
          <div>
            <textarea id="Field4" name="Field4" spellcheck="true" rows="10" cols="50" tabindex="4"></textarea>
          </div>
        
              <div>
                <input id="saveForm" name="saveForm" type="submit" value="Submit">
          </div>
          </div>
        
      </form>
    
   
    
</body>