rotation-navbar-effect/index.html at master · abdosahsah/rotation-navbar-effect · 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
<!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="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" integrity="sha512-iBBXm8fW90+nuLcSKlbmrPcLa0OT92xO1BIsZ+ywDWZCvqsWgccV3gFoRBv0z+8dLJgyAHIhR35VZc2oM/gI1w==" crossorigin="anonymous" />
    <link rel="stylesheet" href="style.css">
    <title>Routing navigation</title>
</head>
<body>

    <div class="container">
        <div class="container-circle">
            <div class="circle">
                <button id="close">
                    <i class="fas fa-times"></i>
                </button>
                <button id="open">
                    <i class="fas fa-bars"></i>
                </button>
            </div>
        </div>

        <div class="content">
            <h2>Fiji Great Beach</h2>
            <img src="https://q-xx.bstatic.com/images/hotel/max1024x768/160/160540414.jpg">
            <p>With its turquoise waters, glittering sands and luxe resorts, Fiji is similar to many other tropical getaways. Likewise, the set of 333 islands caters to lovebirds of all kinds. Plus, adventure-seekers, like surfers and divers, appreciate the archipelago's quality waves and coral reefs. But Fiji differs from other island destinations in its otherworldliness. Since it's more than 1,300 miles from New Zealand's North Island in the South Pacific Ocean, Fiji affords you the delectable feeling of seclusion. You'll be as far from reality as possible when you're sipping Fiji Bitter beer and watching the sun dip below the horizon. Fijian customs will make you feel a million miles away too: Ever tasted the dizzying kava drink? Or watched men defy fire and walk across scalding stones without burning their feet? If not, it's about time you did.</p>
        </div>
    </div>

    <nav>
        <ul>
            <li class="fas fa-home">Home</li>
            <li class="fas fa-user-alt">About</li>
            <li class="fas fa-envelope">Contact</li>
        </ul>
    </nav>

    <script src="script.js"></script>
</body>
</html>