210622 UIUX WebDesign CSS 연습_48_1(business.html)

ITisIT210·2021년 6월 27일
0

CSS

목록 보기
58/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 href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap"
        rel="stylesheet">
    <link rel="stylesheet" href="./css/style.css" type="text/css">
</head>

<body>
    <div id="wrap">
        <div id="top" class="clearfix">
            <div class="inner">
                <ul class="topMenu">
                    <li><a href="#">Home</a></li>
                    <li><a href="#">Sitemap</a></li>
                    <li><a href="#">CS center</a></li>
                    <li><a href="#">사이버 감사팀</a></li>
                </ul>

                <ul class="util">
                    <li><a href="#">English</a></li>
                    <li><a href="#">Global Network</a></li>
                </ul>
            </div> <!-- inner end -->
        </div> <!-- top end -->

        <header id="header" class="clearfix">
            <div class="inner">
                <h1><a href="#"><img src="./images/h1_logo.gif" alt="samsungcnt logo image"></a></h1>

                <nav>
                    <ul class="gnb">
                        <li><a href="#">회사소개</a></li>
                        <li><a href="#">주요사업</a></li>
                        <li><a href="#">기술혁신</a></li>
                        <li><a href="#">지속가능경영</a></li>
                        <li><a href="#">홍보센터</a></li>
                        <li><a href="#">인재채용</a></li>
                    </ul>
                </nav>
            </div> <!-- inner end -->
        </header>

        <div id="subTitle">
            <div class="subVisual">
                <h2>주요사업</h2>
                <p>BUSINESS</p>
            </div> <!-- subVisual end -->


            <div class="lnb clearfix">
                <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> <!-- subTitle end -->

        <div id="contents" class="clearfix">
            <div class="imgCivil">
                <img src="./images/img_civil.jpg" alt="civil image">
            </div>

            <div class="intro">
                <h3>토목사업</h3>
                <h4>Civil Infrastructure</h4>
                <dl>
                    <dt>기술과 역량을 바탕으로 새로운 공간 창조</dt>
                    <dd>
                        토목사업은 자연의 터전에 새로운 공간을 창조하는 산업입니다. 삼성물산 건설부문은 도로,
                        교량, 항만, 공항 등 국가의 기반이 되는 기간시설에 주력하고 있으며, 중동과 동남아 시장 <br>
                        중심에서 해외 인프라 건설에 참여하고 있습니다.
                    </dd>
                </dl>

                <h5>인천대교</h5>
                <p>인천국제공항 연결 연륙교</p>
            </div> <!-- intro end -->
        </div> <!-- contents end -->

        <div id="desc">
            <div class="infra clearfix">
                <div class="txtIntro1">
                    <dl>
                        <dt>대형 토목사업의 경쟁력 확보</dt>
                        <dd>
                            삼성물산 건설부문은 지하철, 철도, 교량, 항만, 댐 등 대단위 사업에 참여하여 대형토목사업의 경쟁력을 확보하고 있습니다. 엔지니어링 역량을
                            바탕으로 설계에서 시공까지 일괄적으로 수행할 뿐만 아니라, 투자를 동반한 인프라 건설 및 운영에도 참여하고 있습니다. 사업을 수행하는데
                            필요한 전문인력을 확보하기 위해 장기적인 계획하에 기술개발 투자를 늘려감으로써 글로벌 토목사업에서 업계 수위로 도약하고 있습니다.
                        </dd>
                    </dl>
                </div> <!-- txtIntro1 end -->

                <div class="imgCivilList1">
                    <img src="./images/civil_list_01.jpg" alt="civil_list_01 image">
                </div>
            </div> <!-- infra end -->

            <div class="tech clearfix">
                <div class="txtIntro2">
                    <dl>
                        <dt>경험과 선진기술</dt>
                        <dd>
                            삼성물산 건설부문은 세계 최초의 3차원 자정식 현수교인 영종대교 공사 및 세계 5위 규모의 사장교인 인천대교 공사를 성공적으로 수행하는 등
                            도로 및 교량분야의 세계적인 기술력을 보유하고 있으며, 국내 최장 국도터널인 능동터널을 시공하였습니다. 또한 항만 분야에서는 국내 최대
                            규모의 부산신항만 민자부두를 건설하는 등 세계 초일류 기업으로서의 도약을 위한 기반을 쌓아가고 있습니다.
                        </dd>
                    </dl>
                </div> <!-- txtIntro2 end -->
                <div class="imgCivilList2">
                    <img src="./images/civil_list_02.jpg" alt="civil_list_02 image">
                </div>
            </div> <!-- tech end -->
        </div> <!-- desc end -->

        <footer id="footer" class="clearfix">
            <div class="inner">
                <div class="contact">
                    <address>
                        서울특별시 강동구 상일로 6길 26 <span>대표전화 02) 2145-5114</span>
                    </address>
                    <p>
                        COPYRIGHT &copy; 2017 SAMSUNG C&t. ALL RIGHTS RESERVED.
                    </p>
                </div> <!-- contact end -->
                <div class="footerLogo">
                    <img src="./images/footer_logo.gif" alt="footer_logo image">
                </div>
            </div> <!-- inner end -->

        </footer>
    </div> <!-- wrap end -->

</body>

</html>
profile
Engineering is the closest thing to magic that exists in the world.

0개의 댓글