assignment4/index.html at main · nonoididnt/assignment4 · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <title>힉뉴스</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <header>
        <div class="top-bar">
        <div class="left-placeholder"></div>
        <div class="logo">힉뉴스</div>
        <div class="auth-buttons">
            <input type="button" value="로그인">
            <input type="button" value="회원가입">
        </div>
        </div>
        <nav>
        <ul>
            <li>정치</li> <li>경제</li> <li>사회</li>
            <li>문화</li> <li>과학</li> <li>국제</li>
            <li>연예</li> <li>스포츠</li> <li>오피니언</li>
        </ul>
        </nav>
    </header>

    <main>
        <div class="content-wrapper">
        <aside class="sidebar">
            <h3>힉뉴스's 픽</h3>
            <ul>
            <li>밤마다 울리는 정체불명의 전화벨… '받으면 7일 안에 행방불명된다' 소문 확산</li>
            <li>이제 버스가 당신을 기다립니다: 승객 먼저 타기 전까지 출발 안 해</li>
            <li>신선한 공기를 팔기 시작한 편의점… '숨 쉴 때마다 100원' 논란</li>
            <li>공기청정기 업체, 드디어 '먼지' 제품 출시… 실내 공기 오염 체험용</li>
            <li>전국 강아지들 사이에 퍼진 유행… 최근 '산책 거부' 챌린지 화제</li>
            </ul>
        </aside>

        <article class="main-content" id="main-article">
        </article>
        </div>
    </main>

    <footer>
        <div class="footer-container">
        <div class="footer-logo">
            <div class="logo-box">힉뉴스</div>
        </div>
        <div class="footer-info">
            <p>주소: 서울특별시 마포구 와우산로 94 ㉾04066 | 전화: 02-320-1114 | 등록번호: 서울 아 00000 | 등록일자: 2077.09.12.</p>
            <p>발행인: □□□ | 편집인: □□□ | 사업자명: ㈜힉뉴스 | 사업자등록번호: 000-00-00000</p>
            <p>대표자명: □□□ | 통신판매업신고번호: 2077-서울마포-0000</p>
            <p>힉뉴스의 모든 콘텐트(기사)는 저작권법의 보호를 받은바, 무단 전재, 복사, 배포 등을 금합니다.</p>
            <br>
            <p>Copyright by HICC News Co., Ltd. All Rights Reserved.</p>
        </div>
        </div>
    </footer>

    <article class="main-content" id="main-article"></article>
    <script src="main.js"></script>
</body>
</html>