Week 1 (Branch 742)

✨ PANITHAN KONGTHONG

<! doctype html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Team P'new
    </title>
    <style>
      @charset "utf-8";
      body{
				margin:0px;
        		padding:0px;
      }
      ul{
				list-style:none;
      }
      h1{
				color:#262626;
      }
      .container{
				width:100%;
        		height: 100vh;
        		background-color:#bebebe;
        		display:flex;
        		justify-content: center;
      		align-items: center;
      }
      .box{
				width:550px;
        		height:550px;
        		background-color:#eeee;
        		border-radius: 10px;
        		box-shadow: 2px 10px 12px rgba(0,0,0,0.5);
        		display:flex;
        		flex-direction: column;
        		align-items: center;
        		box-sizing : border-box;
        		margin: 20px 10px;
        		padding-left: 10px;
        		padding-right: 10px;
      }
      .boxmini{
				width:350px;
        		height:350px;
        		background-color:#f6ed5d;
        		border-radius: 10px;
        		display:flex;
        		flex-direction: column;
        		align-items: center;
        		box-sizing : border-box;
        		margin: 20px -8px;
        		padding-left: 10px;
        		padding-right: 10px;
        		
      }
      .model{
				height:300px;
        		max-height: 100%;
        		max-width: 100%;
        		border-radius: 10px;
      }
    </style>
  </head>
  <body>
    
    <div class="container">
    		<div class="box">
           <h1 class="marvel">Panuwat[Mek]</h1>
				<img src="https://i.imgur.com/76NEuhC.png" class="model">
        <div class="boxmini">
          <h2>
            Aroi
          </h2>
           </div>
          <div>
            <a href="https://www.facebook.com/panuwat.kongjansawang.5/"><img src="https://i.imgur.com/0lcNBA9.png" width="150px" class="row"></a>
            <a href="https://www.instagram.com/mekatra_ralomkringlomtokbunny/"><img src="https://i.imgur.com/cxKAGL0.png" width="150px" class="row"></a>
           </div>
      	</div>
     </div>
  </body>
</html>