index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>bookmrks</title>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@400;600;700&display=swap"
          rel="stylesheet">
    <link rel="stylesheet" href="assets/css/style.css">
    <link rel="icon" href="assets/img/favicon.png" type="image/x-icon">

</head>
<body class="loading">

<main>
    <div>
        <ul data-labels class="labels"></ul>
    </div>
    <div>
        <ul data-container class="bookmarks"></ul>
    </div>
</main>

<!-- Script -->
<script src="assets/js/jquery-3.6.0.min.js"></script>
<script src="assets/js/helper.js"></script>
<script src="assets/js/script.js"></script>
</body>
</html>