Untitled

avatar
unknown
plain_text
2 years ago
2.5 kB
5
Indexable
<!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">
    <title>Document</title>
    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.6/dist/umd/popper.min.js" integrity="sha384-oBqDVmMz9ATKxIep9tiCxS/Z9fNfEXiDAYTujMAeBAsjFuCZSmKbSSUnQlmh/jp3" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.min.js" integrity="sha384-mQ93GR66B00ZXjt0YO5KlohRA5SY2XofN4zfuZxLkoj1gXtW8ANNCe9d5Y3eG5eD" crossorigin="anonymous"></script>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-GLhlTQ8iRABdZLl6O3oVMWSktQOp6b7In1Zl3/Jr59b6EGGoI1aFkw7cmDA6j6gD" crossorigin="anonymous">
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js" integrity="sha384-w76AqPfDkMBDXo30jS1Sgez6pr3x5MlQ1ZAGC+nuZB+EYdgRZgiwxhTBTkF7CXvN" crossorigin="anonymous"></script>
    <script src="https://kit.fontawesome.com/f4bf10d3c2.js"></script>
    <link rel="stylesheet" href="css/nav.css">
</head>
<body>
    <header class="d-flex justify-content-between m-3 pb-2 align-items-center border-bottom border-danger" >
        <div>
            Logga
        </div>
        <nav class="d-flex">
            <a href="#" class="me-3 d-flex flex-column align-items-center" >
                <i class="fa fa-home"></i>
                <spam>Home</spam>
            </a>
            <a href="#" class="me-3 d-flex flex-column align-items-center" >
                <i class="fa fa-store"></i>
                <spam>Store</spam>
            </a>
            <a href="#" class="me-3 d-flex flex-column align-items-center" >
                <i class="fa fa-home"></i>
                <spam>Photos</spam>
            </a>
            <a href="#" class="me-3 d-flex flex-column align-items-center" >
                <i class="fa fa-blog"></i>
                <spam>Blogg</spam>
            </a>
        </nav>
        <div>
            <a href="#" class="position-relative rounded-circle border border-primary py-1 px-2" >
                <i class="fa fa-shopping-basket"></i>
                <spam class="position-absolute nav_badge rounded-circle border bg-primary text-wthite px-1">4</spam>            </a>
        </div>
    </header>
</body>
</html>
Editor is loading...