My social media page icons are not hyperlinked, and I can't figure out why. I've surrounded them with the href attribute, but for some reason, it's not working. Can anyone provide assistance?
Here is the HTML code:
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<title></title>
<style type="text/css">
html{
height: 100%;
width: 100%;
top: 0;
left:0;
overflow: hidden;
}
.background{
position: fixed;
z-index: -1000;
width: 100%;
height: 100%;
overflow: hidden;
top: 0;
left: 0;
}
#background-video{
position: absolute;
top: 0;
left: 0;
min-height: 100%;
min-width: 100%;
}
.content{
position: absolute;
width: 100%;
min-height: 100%;
z-index: 1000;
}
.content h1{
font-family:Comic Sans MS, sans-serif;
text-align: center;
font-size: 200px;
text-transform: uppercase;
font-weight: 700;
color: #ffffff;
margin-bottom: 1px;
}
.content h3{
text-align: center;
font-size: 24px;
letter-spacing: 3px;
color: #ffffff;
margin-bottom: 1px;
}
img {
padding-left: 10px;
padding-right: 10px;
}
.social-media-icons{
z-index: 1000;
text-align: center;
display: block;
padding-top: 35%;
}
</style>
</head>
<body>
<div id="background" class="background">
<video id="background-video"autoplay muted loop>
<source src="background.mp4" type="video/mp4">
</video>
</div>
<div class="content">
<h1>A-T</h1>
<h3>ONLINE PORTFOLIO DESIGNED BY </h3>
</div>
<div class="social-media-icons">
<a target="_blank" href=""><img class="facebook" src="facebook.png" alt="Facebook" width="40px" height="40px"></a>
<a target="_blank" href=""><img class="twitter" src="twitter.png" alt="Twitter" width="40px" height="40px"></a>
<a target="_blank" href=""><img class="LinkedIn" src="linkedin.png" alt="LinkedIn" width="40px" height="40px"></a>
<a target="_blank" href=""><img src="googleplus.png" alt="Google Plus" width="40px" height="40px"></a>
<a href=""><img src="email.png" alt="Email" width="40px" height="40px"></a>
</div>
</body>
</html>The provided HTML code displays the social media icons without hyperlinking. Could this be due to the z-index property? I am uncertain at this point.