html
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
<!DOCTYPE html>
<html>
</head>
<title>Navigation</title>
<meta charset = "utf-8">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/3/w3.css">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<meta name = "viewport" content = "with=device-width, initial scale = 1">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<!--title-->
<div class = "w3-row w3-card-4" style = "background-image: url('http://graphicdesignjunction.com/wp-content/uploads/2014/05/001+background+pattern+designs.jpg');">
<div class = "w3-third w3-xxxlarge w3-wide w3-hide-small w3-margin-left" style = " margin-top: -3%; ">
<p>Webster.com</p>
</div>
<div class = "w3-container w3-xlarge w3-wide w3-center w3-hide-large w3-hide-medium" style = "margin-top:-6%;">
<p>Webster.com</p>
</div>
<div class = "w3-two-third w3-xlarge w3-wide w3-margin-right w3-hide-small w3-hide-medium" style = "font-family: Calibri Light; text-align: right;">
Enter to Rename, Shift+Enter to Preview
css
css
1
2
3
4
5
6
7
8
9
10
11
body {
}
a{
text-decoration: none;
}
a:hover{
border-bottom: 3px white solid;
}
Enter to Rename, Shift+Enter to Preview
js
js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
function myFunction() {
var x = document.getElementById("demo");
if (x.className.indexOf("w3-show") == -1) {
x.className += " w3-show";
} else {
x.className = x.className.replace(" w3-show", "");
}
}
function myDrop(id) {
var x = document.getElementById(id);
if (x.className.indexOf("w3-show") == -1) {
x.className += " w3-show";
} else {
x.className = x.className.replace(" w3-show", "");
}
}
Enter to Rename, Shift+Enter to Preview
BROWSER
Console
Run