<!DOCTYPE html> <html> <head> <style> body, html { height: 100%; margin: 0; } .bg { /* The image used */ background-image: url("./images/cover.jpg"); /* Full height */ height: 100%; /* Center and scale the image nicely */ background-position: center; background-repeat: no-repeat; background-size: cover; } </style> <link rel="stylesheet" href="style.css"> </head> <body> <div class="bg"></div> <table class="sidebar"> <tr> <tr> <td><a href="tour.html" class="w3-bar-item w3-button">Tour</a></th> </tr> <tr> <td><a href="music.html" class="w3-bar-item w3-button">Music</a></td> </tr> <tr> <td><a href="videos.html" class="w3-bar-item w3-button">Videos</a></td> </tr> <tr> <td><a href="bio.html" class="w3-bar-item w3-button">Bio</a></td> </tr> <tr> <td><a href="social.html" class="w3-bar-item w3-button">Social</a></td> </tr> <tr> <td><a href="contact.html" class="w3-bar-item w3-button">Contact</a></td> </tr> </tr> </table> </body> </html>