The-Whom/contact.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="Here you can contact the band about private hire, please use the social links at the bottom of the page for any other reason to contact" /><link rel="stylesheet" href="https://maxcdn.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"> </a></div><div class="row"><div class="container-fluid" role="navigation" ><ul id="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 class="active">Contact</span></a></li></ul></div></div></div> </header> <section class="container-fluid" role="main"><div class="row contact-container"><div><h1 class="anton-wh" role="heading">Looking for a band?</h1><h3 class="anton-wh">Hire us!</h3></div><div class="center-form container-fluid" role="form"><form> <label for="name">Name</label> <input type="text" name="name" class="form-control crete-bl" id="fullname" placeholder="Name" required/> <label for="phonenumber">Phone number</label> <input type="tel" name="phonenumber" class="form-control crete-bl" id="phonenumber" placeholder="phone number" required/> <label for="emailaddress">Email Address</label> <input type="text" name="emailaddress" class="form-control crete-bl" id="emailaddress" placeholder="Email" required/> <label for="informationaboutevent">Information about the event</label><textarea rows="5" name="informationaboutevent" class="form-control crete-bl" id="informationaboutevent" placeholder="Tell us about the gig" required></textarea><button type="submit" class="btn button center-block">Send</button></form><p class="smallprint">*All contact forms are replied to within 48 hours (excluding weekends and bank holidays),<br> please re-submit request if you don't recieve a reply within this time.<br> Please reserve this section for enquiring about hiring only, and see social links below for other contact.</p></div></div> </section> <footer><div role="link"><ul class="social-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 role="navigation" ><ul class="footer-links list-inline clearfix"><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 active">Contact</span></a></li></ul></div> </footer></body></html>