index.html

<!doctype html>
<html lang="en-US">
    <head>
        <title>gilgeekify</title>
        <meta charset="utf-8">
        <!-- <meta http-equiv="refresh" content="1"> -->
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.1/font/bootstrap-icons.css">
        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Sansita+Swashed|Oswald">
        <link rel="stylesheet" href="style.css">
    </head>
    <body>
        <div class="single-post">
            <img class="post-image" src="https://cdn.pixabay.com/photo/2020/10/21/18/07/laptop-5673901_960_720.jpg">
            <div id="heart-button">
                <span id="total-likes">127</span>
                <i id="heart-icon" class="bi bi-heart"></i>
            </div>
            <h1 class="post-title">
                <i class="bi bi-chevron-double-left"></i>
                The best laptops for graphic design in 2022
                <i class="bi bi-chevron-double-right"></i>
            </h1>
            <p class="post-content">The quick, brown fox jumps over a lazy dog. DJs flock by when MTV ax quiz prog. Junk MTV quiz graced by fox whelps. Bawds jog, flick quartz, vex nymphs. Waltz, bad nymph, for quick jigs vex! Fox nymphs grab quick-jived waltz. Brick quiz whangs jumpy veldt fox. Bright vixens jump; dozy fowl quack. Quick wafting zephyrs vex bold Jim. Quick zephyrs blow, vexing daft Jim.</p>
        </div>
        <script src="app.js"></script>
    </body>
</html>