BoxModelArticleHTML_CSS/index.html at main · AndreasBinawan/BoxModelArticleHTML_CSS · 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
65
66
<!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">
    <link rel="stylesheet" href="styles.css">
    <title>My Website</title>
</head>

<body>
    <div class="container">
        <div class="header">
            <h1 class="judul">My Websites</h1>
            <ul>
                <li><a href="#">Home</li>
            <li><a href="#">About Us</li>
            <li><a href="#">Contact</li>
            <li><a href="#">Service</li>
        </ul>
        <div class="hero">
            <img src="img/sam-pak-X6QffKLwyoQ-unsplash.jpg" alt="Xbox Console">
        </div>

        <div class="content cf">

                <div class="main">
                    <h2>Title</h2>
                <p class="penulis"><a href="#">Andreas Binawan</a> | Indonesia News

                    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Vero, eum, necessitatibus rem, animi laudantium enim quidem nam aliquam magnam ea magni aut cum facere consectetur ducimus iusto. Adipisci officiis laudantium odio rerum deserunt
                        excepturi fuga unde quia soluta ex dolorum praesentium, quidem assumenda sint dolores! Modi quasi est quisquam, eveniet dicta officiis repellat mollitia, aliquam earum magnam eos saepe voluptatem. Blanditiis minima repellendus
                        eveniet consectetur itaque error enim, cum ut dolor amet vel iure quibusdam non ducimus asperiores quas temporibus.</p>
                    <br>

                    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quis minima libero excepturi iste atque error, ut quo, non a est nisi provident. Eius animi dignissimos provident quaerat saepe rerum veritatis nostrum aperiam consequatur illum,
                        dicta numquam sunt. Ipsam sapiente magnam minus, ratione eaque architecto dolores consequatur, at commodi quasi cupiditate nobis saepe cum odit nam quisquam neque ipsum pariatur laborum. Possimus, in sunt? Dolorem quisquam voluptates
                        explicabo aliquid ducimus esse libero ab accusantium beatae sunt, quibusdam veritatis a. Facilis, sit! Mollitia, assumenda. Impedit sed aut aperiam omnis numquam quaerat minima accusantium nisi ipsum quas deserunt quibusdam aliquam
                        nihil, magnam dignissimos?</p>

                    <br>


                    <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Eius incidunt deserunt repellendus qui nobis culpa veniam, praesentium, fuga natus sequi, perferendis voluptatibus? Tempore ipsam dolorem nulla laudantium perspiciatis, expedita
                        veritatis facilis fugit? Quo ipsam reprehenderit laborum, labore, atque vero hic, voluptatibus corporis a eius omnis optio beatae ipsa perspiciatis iusto et dolor ducimus cumque nisi vel magni porro tempora officiis vitae! Ad,
                        ipsa impedit. Dignissimos suscipit quod ducimus laboriosam a reiciendis facere ipsam, in quaerat adipisci maxime aliquam obcaecati mollitia.</p>

        </div>

        <div class="sidebar">
            <h3>Tentang Penulis</h3>
            <img src="img/crop (1).jpg" alt="Andreas">
            <p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Quaerat illo, laboriosam iure iste laudantium quia consequuntur. Magni quis temporibus quia sed officiis deserunt, ullam quo explicabo minima debitis facilis nostrum at fugiat a labore
                quasi perferendis quam nam facere dolore asperiores neque. Ad voluptatum rerum alias, facere assumenda iure autem!</p>
        </div>
    </div>
    </div>
    <div class="footer">
        <p class="copyright">Copyright 2022 | Andreas Binawan</p>
    </div>

    </div>
</body>

</html>