-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathnavbar.html
167 lines (139 loc) · 6.54 KB
/
navbar.html
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
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
<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>Navbar</title>
<link rel="shortcut icon"
href="data:image/png;base64,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"
type="image/x-icon">
<script src="https://kit.fontawesome.com/457bb5a52c.js" crossorigin="anonymous"></script>
<style>
@import url('https://fonts.googleapis.com/css2?family=Ibarra+Real+Nova:ital,wght@1,700&family=Oswald:wght@200;300;400;500;600;700&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');
body {
margin: 0;
padding: 0;
font-size: 16px;
font-family: 'Poppins', sans-serif;
}
#logo {
height: 40px;
}
/*Start NAVBAR */
#Navbar {
display: flex;
/* justify-content: space-between; */
align-items: center;
width: 100%;
margin: auto;
height: 80px;
box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}
#Navbar_right {
display: flex;
gap: 30px;
align-items: center;
}
#Navbar_right,
a {
cursor: pointer;
text-decoration: none;
color: black;
}
#Navbar_1 {
display: flex;
width: 90%;
margin: auto;
justify-content: space-between;
}
.fa-angle-down {
margin-left: 5px;
transition: all 0.4s ease;
color: black;
}
#head,
.fa-angle-down:hover {
transform: rotate(180deg);
color: black;
}
#heading1:hover,
#head:hover {
color: #12a0ac;
/* transform: r; */
}
.dropdown {
position: relative;
display: inline-block;
}
.dropdown-content {
display: none;
position: absolute;
background-color: #ffffff;
min-width: 250px;
/* margin-top: 20px; */
padding-top: 20px;
box-shadow: 0px 8px 16px 0px rgba(59, 59, 59, 0.4);
padding: 12px 16px;
z-index: 1;
}
.dropdown-content>p>a{
font-size: 13px;
}
.dropdown:hover .dropdown-content {
display: block;
}
#hh{
color: #12a0ac;
}
.dropdown-content>p>a:hover{
color: #12a0ac;
}
#button_right {
display: flex;
gap: 10px;
}
#Search_button {
background-color: white;
border: none;
height: 40px;
width: 70px;
border-radius: 7px;
font-size: 16px;
cursor: pointer;
/* margin-right: 10px; */
}
.fa-magnifying-glass {
color: #12a0ac;
font-size: 13px;
/* margin-left: 0px; */
}
#Sign_in {
background-color: #f8f5f2;
border: none;
border-radius: 7px;
height: 40px;
width: 100px;
font-size: 16px;
cursor: pointer;
}
#craete_btn {
background-color: #f45d48;
border: none;
height: 40px;
width: 140px;
font-size: 16px;
cursor: pointer;
border-radius: 7px;
}
#craete_btn,
.textcreate {
color: white;
}
</style>
</head>
<body>
<div id="Navbar">
</div>
</div>
</body>
</html>