The-Whom/index.html at master · brookk16/The-Whom · GitHub

1
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><meta name="theme-color" content="#000098"/><meta name="description" content="This is the home page for The Whom's website, featuring a link to the first song their brand new best-of album 'Generations'. Fans can also use the quick links below to find out more information about: the band's past perfomances, how to hire them and even see their social media pages"/><link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" type="text/css" /><link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.0/css/all.css" integrity="sha384-lKuwvrZot6UHsBSfcMvOkWwlCMgc0TaWr+30HWe3a4ltaBwTZhyTEggF5tJv8tbt" crossorigin="anonymous"><link href="https://fonts.googleapis.com/css?family=Anton|Crete+Round|Knewave" rel="stylesheet"><link rel="stylesheet" href="assets/minified_style.css" type="text/css"/><title>The Whom</title></head><body> <header role="banner"><div class="centering-box"> <a href="index.html"> <img class="logo" src="assets/images/the_whom.png" alt="The Whom" role="heading"> </a></div><div class="row"><div class="container-fluid"><ul id="nav" role="nav" class="list-inline clearfix nav-menu-style"><li class="col-xs-6 col-sm-3 col-md-3 col-lg-3 menuitem"> <a href="music.html" alt="music page"><i class="fas fa-music"></i><span>Music</span></a></li><li class="col-xs-6 col-sm-3 col-md-3 col-lg-3 menuitem"> <a href="video.html" alt="video page"><i class="fas fa-video"></i><span>Videos</span></a></li><li class="col-xs-6 col-sm-3 col-md-3 col-lg-3 menuitem"> <a href="photo.html" alt="photo page"><i class="fas fa-camera-retro"></i><span>Photos</span></a></li><li class="col-xs-6 col-sm-3 col-md-3 col-lg-3 menuitem"> <a href="contact.html" alt="contact page"><i class="fas fa-bullseye"></i><span>Contact</span></a></li></ul></div></div></div> </header> <section role="main"><div class="row"><div class="wrapper"><div class="jumbotron jumbotron-fluid" role="article"><div class="container margin-for-mobile-centering"><div class="positioning-box"><h3 class="display-4 crete-jumbotron">New best of album with remastered tracks!</h3><h1 id="generations-style">Generations</h1><p class="lead crete-jumbotron">Click album below to listen to the first track free!</p> <a href="generations.html"><img class="red-hover" src="assets/images/smaller_scooter.jpg" alt="Generations album cover"></a></div></div></div></div></div> </section> <section><div class="hire-us" role="article"><h1>Looking for a band?</h1><h3>Hire us!</h3><p class="crete"> We are a true 1960's mod rock band, with over 50 years experience touring the globe <br> And now we're back in the UK and available to hire for social events! <br> We have experience playing anything from festivals to office parties and weddings <br></p><p class="crete">Click to see pictures of <a href="photo.html">past events</a></p><p class="crete">Click to hear our <a href="music.html">music</a></p><p class="crete">Click to <a href="contact.html">contact us</a></p></div> </section> <footer><div><ul class="social-links" role="links"><li><a target="_blank" href="/" alt="The Whom's facebook page"><i class="fab fa-facebook social-link"></i></a></li><li><a target="_blank" href="/" alt="The Whom's youtube page"><i class="fab fa-youtube social-link"></i></a></li><li><a target="_blank" href="/" alt="The Whom's instagram page"><i class="fab fa-instagram social-link"></i></a></li></ul></div><div class="spacer"></div><div><ul class="footer-links list-inline clearfix" role="nav"><li><a href="index.html" alt="home page"><span class="footer-link">Home</span></a></li><li><a href="music.html" alt="music page"><span class="footer-link">Music</span></a></li><li><a href="video.html" alt="video page"><span class="footer-link">Videos</span></a></li><li><a href="photo.html" alt="photo page"><span class="footer-link">Photos</span></a></li><li><a href="contact.html" alt="contact page"><span class="footer-link">Contact</span></a></li></ul></div> </footer></body></html>