210702 UIUX Web設計CSS練習571(index.html)

69073 ワード
html CSS テキストリンク 
<!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>
                            </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>
                                <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>
                    </ul>
                </nav>

                <ul class="util">
                    <li><a href="#">english</a></li>
                    <li><a href="#">sitemap</a></li>
                </ul>
            </header> <!-- header end -->

            <article id="visualTxt" class="inner">
                <p class="vt_01">
                    <img src="./images/mvisual_entxt.png" alt="START UP image">
                </p>
                <h2 class="vt_02">스마트 창업진흥원</h2>
                <p class="vt_03">
                    세계적인 창업기업으로 뻗어 나가도록<br>
                    유망 창업기업의 글로벌 성장을 지원합니다.
                </p>
            </article> <!-- visualTxt end -->
        </div> <!-- top end -->

        <section id="count">
            <ul class="inner clearfix">
                <li>
                    <span class="tit">창업지원 기업수</span><br>
                    <span class="data">39,554개사</span>
                </li>

                <li>
                    <span class="tit">매출액</span><br>
                    <span class="data">9조6,344억원</span>
                </li>

                <li>
                    <span class="tit">일자리창출</span><br>
                    <span class="data">78,106개</span>
                </li>

                <li>
                    <span class="tit">고성장기업</span><br>
                    <span class="data">619개</span>
                </li>
            </ul>
        </section> <!-- count end -->

        <section id="biz" class="inner clearfix">
            <div class="bizList">
                <h2>사업안내</h2>
                <p>
                    스타트업을 꿈꾸는 모든 이들의<br>
                    도전과 열정을 응원하고 있습니다.
                </p>

                <ul>
                    <li><a class="on" href="#">창업교육</a></li>
                    <li><a href="#">시설ㆍ공간</a></li>
                    <li><a href="#">멘토링ㆍ컨설팅</a></li>
                    <li><a href="#">사업화</a></li>
                    <li><a href="#">행사ㆍ네트워크</a></li>
                </ul>
            </div> <!-- bizList end -->

            <div class="bizDesc">
                <dl>
                    <dt>창업교육</dt>
                    <dd>
                        창업진흥원은 창업에 도전하는 분들의 성공을 위하여 '맞춤형 기술 창업 플랫폼'의 역할을 다하고 있습니다.
                    </dd>
                </dl>
                <img src="./images/biz_01.jpg" alt="창업교육 image">
            </div> <!-- bizDesc end -->
        </section> <!-- biz end -->

        <section id="notice">
            <h2>알림마당</h2>
            <ul class="inner clearfix">
                <li><a href="#">
                        <dl>
                            <dt>온라인 공동활용 화상회의실 구축사업 일반형 수요기관</dt>
                            <dd class="txt">
                                포스트 코로나 시대, 중소·벤처기업의 디지털 비즈니스 인프라 조성의 일환으로 추진되는 '2020년도 온라인 공동활용 화상회의실 구축'사업에 참여를 희망하는
                                수요기관을 다음과 같이 모집합니다.
                            </dd>

                            <dd class="date">
                                2021.01.02
                            </dd>
                        </dl>
                    </a></li>

                <li><a href="#">
                        <dl>
                            <dt>창업교육 정책방향 도출 연구용역 공고</dt>
                            <dd class="txt">
                                - 공고 : 창업교육 정책방향 도출 연구용역<br>
                                - 공고기간 : '20. 11. 16. ~ '20. 12. 1.<br>
                                - 문의처 : 교육문화부 정승아 과장<br>
                            </dd>

                            <dd class="date">
                                2020.11.02
                            </dd>
                        </dl>
                    </a></li>

                <li><a href href="#">
                        <dl>
                            <dt>2020년 창업진흥원 제3차 신규직원 채용공고</dt>
                            <dd class="txt">
                                2020년 창업진흥원 제3차 신규직원(정규직, 무기계약직_일반행정) 채용 관련 심층면접평가 합격자(최종 합격 예정자)를 다음과 같이 공고합니다.
                            </dd>

                            <dd class="date">
                                2020.10.21
                            </dd>
                        </dl>
                    </a></li>
            </ul>
        </section> <!-- notice end -->

        <footer id="footer">
            <div class="inner">
                <p class="footerLogo">
                    <img src="./images/logo.png" alt="footerLogo image">
                </p>

                <address>
                    세종특별자치시 집현중앙7로 16(집현동) 창업진흥원
                    <span>중소기업통합콜센터 : 1357</span>
                </address>

                <p class="copy">
                    COPYRIGHT &copy; 2019 창업진흥원 ALL Right Reserved.
                </p>

                <ul class="sns">
                    <li><a href="#"><img src="./images/facebook.png" alt="facebook image"></a></li>
                    <li><a href="#"><img src="./images/blog.png" alt="blog image"></a></li>
                    <li><a href="#"><img src="./images/youtube.png" alt="youtube image"></a></li>
                </ul>
            </div> <!-- inner end -->
        </footer>
    </div> <!-- wrap end -->
</body>

</html>
検索文字列
.map .filter .reduce(24日目TIL)