Week 1 Jean

✨ TIWAT PARKPOOMPAISAL

<html>
  <head>
    <title>Let's Start
    </title>
    <style>
      body{
        background:#eee;
        margin:2em;
        font-family:sans-serif;
      }
      .namecard{
        width:50%;
        margin:auto;
        text-align:center;
        background:Orangered;
        padding:2em;
        border-radius:15px;
        transition: .5s;
      }
      .namecard:hover{
        width:50%;
        margin:auto;
        text-align:center;
        background:skyblue;
        padding:2em;
        border-radius:15px;
        transition: .5s;
      }
      .title{
      color:#eee;
      }
      a{
        color:#eee;
      }
      a:hover{
		  color:red;
      }
    </style>
  </head>
  <body>
    
    <div class="namecard">
      <h1 class="title">
        Jean
      </h1>
      <p class="title">
        Tiwat Parkpoompaisal
      </p>
      <a href="https://www.facebook.com/Jeantiwat" target="_blank">Click  Me!</a>
    </div>
  </body>
</html>