NKUGH7/flagtest.html at master · OGoodness/NKUGH7 · 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
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
<head>
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.4.1/css/all.css" integrity="sha384-5sAR7xN1Nv6T6+dT2mhtzEpVJvfS3NScPQTrOxhwjIuvcA67KV2R5Jz6kr4abQsz" crossorigin="anonymous">

<style>
    @import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,700');
    nav {
       font-family: 'Open Sans', sans-serif;
    }
    ul {
       list-style-type: none;
       margin: 0;
       padding: 0;
       overflow: hidden;
    }
    ul li {
       list-style: none;
    }

    .dropdown-content a:hover {background-color: #f1f1f1}

    li a, .dropbtn {
    display: inline-block;
    color: black;
    text-align: center;
    padding: 0px 20px;
    text-decoration: none;
}
.dropdown-content a {
    padding: 10px;
    font-size: 13px;
}

li a:hover, .dropdown:hover .dropbtn {
    color: darkgray;
}

li.dropdown {
    display: block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    border-radius: 50px;
    padding: 0px 10px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    top: 25px;
    right: 20px;
}
.dropdown:hover .dropdown-content {
    display: inline-block;
}
.dropdown-content a:hover {
    background-color: transparent;
}
</style>

</head>
<nav>
    <ul>
        <li style="float: left; font-size: 20px;"><a href="index.php"><b>Jump</b>Start</a></li>
        <li style="float: right; font-size: 20px;"><a href=""><i class="fas fa-map-marked-alt"></i></a></li>
        <li style="float: right; font-size: 20px;"><a href="browse.php"><i class="fas fa-list"></i></a></li>
        <li style="float: right; font-size: 20px; margin-top: 2px;" class="dropdown"><a href="javascript:void(0)" class="dropbtn"><i class="fas fa-user-cog"></i></a>
        <div class="dropdown-content">
            <a href="#">Account</a>
            <a href="#">Sign Out</a>
        </div>
    </li>
    </ul>
</nav>