index tugas4

<html>
    <head>
        <title>Mahani Collection</title>
        <link rel="stylesheet" href="custom.css"/>
    </head>
    <body>
        <div class="header">
            <div class="jarak">
                <h2>Mahani Collection</h2>
            </div>
        </div>
        <div class="menu">
            <ul>
                <li><a href="#">Home</a></li>
                <li><a href="#">About</a></li>
                <li><a href="#">Store</a></li>
                <li><a href="#">Contact</a></li>
            </ul>
        </div>
        <div class="content">
            <div class="jarak">
                <!-- kiri -->
                <div class="kiri">
                    <!-- blog -->
                    <div class="border">
                        <div class="jarak">
                            <img style="height: 150px; height: 150px;" src="images/magazines.jpg">
                            <h3>AUTOMOBILSPORT Magazine</h3>
                            <p>AUTOMOBILSPORT will continue to inject life into the topics covered in powerslide and thus offer its readers the usual spectrum
                                in a new format. This is defined in the subtitle: Racing, History and Passion. Three carefully considered terms that are familiar
                                in the German as well as the English speaking worlds.
                            </p>
                            <button class="btn">Read More ..</button>
                        </div>
                    </div>
                    <div class="border">
                        <div class="jarak">
                            <img style="height: 150px; height: 150px;" src="images/books.jpg">
                            <h3>Taking the World by Storm</h3>
                            <p>It’s the start of the 1997 season. Once more, sportscar racing is on the cusp of something new, something different.
                                Change is in the air, and people don’t like change, except Larry Payne. He can cope with change … he can exploit it.
                                He can take the rulebook by the scruff of the neck and shake it. If there’s a loophole, he’ll find it, and drive a car
                                straight through it … his car, the new Laser Strike.
                            </p>
                            <button class="btn">Read More ..</button>
                        </div>
                    </div>
                    <!-- end blog -->
                </div>
                <!-- kiri -->
                <!-- kanan -->
                <div class="kanan">
                    <div class="jarak">
                        <h3>CATEGORY</h3>
                        <hr/>
                        <p><a href="#" class="undercor">Games</a></p>
                        <p><a href="#" class="undercor">Books</a></p>
                        <p><a href="#" class="undercor">Models</a></p>
                        <p><a href="#" class="undercor">DVDs</a></p>
                        <p><a href="#" class="undercor">Prints</a></p>
                        <p><a href="#" class="undercor">Magazine</a></p>
                        <p><a href="#" class="undercor">Featured Collection</a></p>
                    </div>
                </div>
                <!-- kanan -->
            </div>
        </div>
        <div class="footer">
            <div class="jarak">
                <p>copyright 2021 MNaufaldillah all reserved</p>
            </div>
        </div>
    </body>
</html>