210615 UIUX WebDesign CSS 연습_41(index.html)

ITisIT210·2021년 6월 20일
0

CSS

목록 보기
42/93
post-thumbnail
<!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>
    <link rel="stylesheet" href="./css/style.css" type="text/css">
</head>
<body>
    <div id="container">
            <!-- 1200px -->
        <div class="lnb">
            <!-- 250px, 50px -->
            <h2>사업소개</h2>
            <ul>
                <li><a href="#">푸드서비스사업</a></li>
                <li><a class="on" href="#">육가공사업</a></li>
                <li><a href="#">식품사업</a></li>
                <li><a href="#">빙과사업</a></li>
            </ul>
        </div>  <!-- lnb end -->

        <div class="contents">
            <!-- 900px -->
            <h1>육가공사업</h1>
            <p class="comment">
                롯데푸드는 국내 식품산업의 역사입니다.
            </p>

            <p class="stit">
                믿을 수 있는 기업, 롯데푸드의 <br>
                대표 사업영역을 확인할 수 있습니다.
            </p>

            <dl class="intro">
                <dt>Processed Meat <br> Division</dt>
                <dd><img src="./images/meat.jpg" alt="육가공사업 소개 사진"></dd>
            </dl>

            <div class="desc">
                <h3>최고의 품질로 독일 품평회에서 우수성을 인정받은 육가공 사업부</h3>
                <p>
                    롯데푸드 육가공부문(前 롯데햄)은 1978년 설립 이래 국민 식생활 수준을
                    높이고, 건강 증진에 앞장 서 왔습니다. HACCP 인증, ISO9001 / 14001, OHSAS18001 
                    통합인증을 취득하여 품질 및 환경안정보건에 만전을 기하고 있습니다.
                    원료처리, 가공, 유통, 판매에 이르기까지, 통합경영 시스템을 구축해 최고의 품질로 
                    안심하고 먹을 수 있는 제품으로 꾸준히 발전시켜 왔습니다.
                </p>
            </div>
        </div>  <!-- contents end -->

    </div>  <!-- container end -->
</body>
</html>
profile
Engineering is the closest thing to magic that exists in the world.

0개의 댓글