210702 UIUX WebDesign CSS 연습_58_1(index.html)

ITisIT210·2021년 7월 4일
0

CSS

목록 보기
77/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/common.css" type="text/css">
    <link rel="stylesheet" href="./css/main.css" type="text/css">
</head>

<body>
    <div id="wrap">
        <div id="top">
            <header id="header" class="inner">
                <h1><a href="index.html"><img src="./images/logo.png" alt="logo image"></a></h1>

                <nav>
                    <ul class="gnb">
                        <li><a href="#">회사소개</a>
                            <ul class="depth2">
                                <li><a href="#">인사말</a></li>
                                <li><a href="#">경영이념</a></li>
                                <li><a href="#">관계사소개</a></li>
                                <li><a href="#">오시는 길</a></li>
                            </ul>
                        </li>
                        <li><a href="#">사업영역</a>
                            <ul class="depth2">
                                <li><a href="#">국내자원개발</a></li>
                                <li><a href="#">해외자원개발</a></li>
                                <li><a href="#">엔지니어링사업</a></li>
                                <li><a href="#">임대사업</a></li>
                            </ul>
                        </li>
                        <li><a href="#">기술혁신</a>
                            <ul class="depth2">
                                <li><a href="#">경동신기술</a></li>
                                <li><a href="#">광산안전시스템</a></li>
                            </ul>
                        </li>
                        <li><a href="#">홍보센터</a>
                            <ul class="depth2">
                                <li><a href="#">특허 및 인증현황</a></li>
                                <li><a href="#">사회공헌활동</a></li>
                                <li><a href="#">공지사항</a></li>
                            </ul>
                        </li>
                    </ul>
                </nav>
            </header>

            <article id="visualTxt" class="inner">
                <h2>We Will Provide Bright Energy</h2>
                <p>에너지를 통한 따뜻한 삶의 공간 창조 경동이 함께 하겠습니다.</p>
                <div class="more" onclick="location.href='index.html'"style="cursor: pointer;">
                    <a href="#">Learn More</a>
                </div> <!-- more end -->
            </article> <!-- visualTxt end -->
        </div> <!-- top end -->

        <section id="biz">
            <div class="inner clearfix">
                <h3>BUSINESS</h3>
                <p>고객이 신뢰하는 글로벌 에너지 자원 선도 기업</p>

                <ul class="bizList">
                    <li><a href="#">국내자원개발<br>Domestic resource</a></li>
                    <li><a href="#">해외자원개발<br>Oversea resource</a></li>
                    <li><a href="#">엔지니어링사업<br>Engineering</a></li>
                    <li><a href="#">임대사업<br>Building Lease</a></li>
                </ul>
            </div>
        </section>

        <section id="about">
            <div class="inner clearfix">
                <div class="aboutLeft">
                    <h4>ABOUT<br>KYUNGDONG</h4>
                    <p>
                        서민연료인 연탄에서 신재생 에너지까지<br>
                        에너지를 통한 따뜻한 삶의 공간 창조<br>
                        바로 경동이 함께합니다.
                    </p>
                </div> <!-- aboutLeft end -->
                <div class="aboutRight">
                    <ul>
                        <li><a href="#">CEO 인사말<br><span>CEO's Greetings</span></a></li>
                        <li><a href="#">경영이념<br><span>Management Philosophy</span></a></li>
                        <li><a href="#">관계사<br><span>Business Overview</span></a></li>
                    </ul>
                </div> <!-- aboutRight end -->
            </div> <!-- inner end -->
        </section> <!-- about end -->

        <footer id="footer">
            <div class="inner">
                <address>
                    상호 : (주)경동 사업자등록번호 : 222-81-03192<br>
                    본사 : 경기도 성남시 분당구 수내로 46번길 4 경동빌딩 11층 TEL : 031-738-1300 FAX : 031-738-1313
                </address>
                <p class="copy">
                    Copyright &copy; KYUNGDONG. All Rights Reserved.
                </p>
            </div>  <!-- inner end -->
        </footer>   <!-- footer end -->

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

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

0개의 댓글