210604 UIUX WebDesign CSS 연습_16

ITisIT210·2021년 6월 6일

목록 보기

16/93

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>플랜트사업 예제</title>
    <style>
        * {
            margin: 0;
            padding: 0;
        }
        body {
            font-family: "맑은 고딕";
            font-size: 16px;
            line-height: 1.5;
        }
        #contents {
            margin: 50px auto;
            padding: 55px 50px;
            width: 500px;
            background-color: #333;
        }
        .plantWorks {
            font-weight: bold;
            color: #fcff03;
        }
        .plantKr {
            color: #fff;
        }
        .first {
            margin: 20px 0px 20px 0px;
            font-weight: bold;
            color: #fcff03;
        }
        .second {
            margin-bottom: 30px;
            text-decoration: underline;
            color: #fff;
        }
        .third {
            margin-bottom: 20px;
            padding-bottom: 25px;
            color: #ccc;
            border-bottom: 1px dashed #ddd;
        }
        .imgPlant {
            width: 100%;
        }
    </style>
</head>
<body>
    <div id="contents">
        <h3 class="plantWorks">Plant Works</h3>
        <h1 class="plantKr">플랜트사업</h1>
        <p class="first">
            21C 에너지 강국을 위한 선진 산업, <br>
            첨단기술로 더 높은 부가가치를 만듭니다.
        </p>
        
        <p class="second">
            가스플랜트 신화장조의 기수
        </p>

        <p class="third">
            국가 에너지 공급 다변화 정책의 일화능로 21C 청정 에너지의 안정적인
            공급을 위한 국책사업 LNG인수기지를 건설했습니다. (주)한양은 국내
            청정에너지 시설의 핵심이며, 고도의 초저온 기술과 안전을 요하는 평택
            LNG인수기지, 에너지 공급을 위한 주배관로, 도시가스 간선망 공사 등
            우리나라 에너지시설 건설에 중추적 역할을 담당해 왔습니다.
        </p>

        <img class="imgPlant" src="./images/img_plant.jpg" alt="플랜트 이미지">



    </div>
</body>
</html>