<html>
<head>
<link href="https://fonts.googleapis.com/css?family=Archivo+Black" rel="stylesheet">    

  <style type="text/css"> 
   .img{
    position: relative;
    background-image: url(/10th/5.png);                                                               
    height: 100vh;
    background-size: cover;
}
.img-cover{
   position: absolute;
   height: 100%;
   width: 100%;
   background-color: rgba(0, 0, 0, 0.4);                                                                 
   z-index:1;
}
.img .content{
     position: absolute;
     top:50%;
     left:50%;
     transform: translate(-50%, -50%);   
     font-family: 'Archivo Black', sans-serif;                                                           
     color: white;
     font-size: larger;
     z-index: 2;
     text-align: justify;
    padding: 30px;
    border: 5px solid white;   
}
.img .content h2{
     text-align: right;
}
  </style>
</head>
<body>  
    <div class="img">
        <div class="content">
            <h1>동천의 아름다웠던 10년을 기억합니다.</h1> 
            <h1>사회적 가치를 추구하는 작은 조직에게는 늘 든든한 우군이었고, 힘없는 사람들에게는 정의로운 친구로서 한결같이 그 곁을 지켜주었습니다</h1> 
            <h1>이제 동천은 공익적 의제를 발굴하고 공동체 구성원이 함께 고민할 수 있도록 길을 열어주는 새로운 길에 서 있습니다.</h1> 
            <h1>앞으로도 공익을 밝히는 꺼지지 않는 횃불로 오랫동안  타오르길 기대합니다.</h1> 
<p>
<h2>서울시사회주택종합지원센터 남철관 센터장</h2>
       
        </div>
        <div class="img-cover"></div>
    </div>
</body>
</html>