Untitled

<!DOCTYPE html>

<html lang="en">

<head>

<title>The Music Department of the Performing Arts Academy - Performance Gallery</title>

<meta charset="utf-8">

<meta name="description" content="This is a paragraph of text that describes your website">

<link href="https://fonts.googleapis.com/css?family=Neucha" rel="stylesheet">

<link rel="stylesheet" type="text/css" href="CSS/style.css">

<script> src="script.js"><!--Insert Google Analytics code here--></script>

</head>

<body>

<div class="wrapper"><!--open wrapper-->
   <div class="logo">
           <a href="index.html">
                <img src="images/logo.png" height="90" width="90" alt="logo"/>
                </a>
   </div>


  <div class="headercontent"><!--open header-->
  <h2>musicdepartment@gmail.com 07111111111</h2>
  <h1>Contact Us</h1>


    <ul class="nav">
     <li><a href="index.html">Home</a></li>
     <li><a href="soundsamples.html">Sound Samples</a></li>
     <li><a href="performance.html">Performance Gallery</a></li>
     <li><a href="recordinggallery.html">Recording Gallery</a></li>
     <li><a href="aboutus.html">Contact Us</a></li>
    </ul>

    <!--<div class="logo">
    <img src="images/logo.png" height="30" width="30" alt="logo"/>-->

    </div><!--close header-->


    </div><!--close menu-->

    <div class="mainOne"><!--open mains-->
        <div class="contactForm">

         <form class="form">

          <p class="name">
           <label> form="name">Name</label>
           <input type="text" name="name" id ="name" placeholder="John Smith"/>
          </p>

          <p class="name">
           <label> form="email">Email</label>
           <input type="text" name="email" id ="email" placeholder="example@mail.com"/>
          </p>

         </form>
        </div>

        <div class="messageBox">
          <textarea rows="4" cols="30">Message...</textarea>
        </div>

        <div class="submit">
         <button type="submit" form="nameform" value="Submit">Submit</button>
        </div>

        <div class="address"><!--open address-->
         <p>The Performing Arts Academy<br>
         Cathedral Road<br>
         Derby<br>
         DE1 3PA<br>
         </p>
        </div><!--close address-->

        <div class="phone">
         <p>0711111111</p>
        </div>

        <div class="email">
         <p>musicdepartment@gmail.com</p>
        </div>

        <div class="addressIcon">
         <img src="house.png" height="20" width="20" alt="address icon"/>
        </div>

        <div class="phoneIcon">
         <img src="phone.png" height="20" width="20" alt="telephone number icon"/>
        </div>

        <div class="emailIcon">
         <img src="email.png" height="20" width="20" alt="email icon"/>
        </div>

        <div class="contactParagraph">
         <p>Please allow two to three weeks to get an email response.<br><br> You can call us and get a response from 8:30am to 4:00pm on work days.</p>
        </div>

        <div class="maps">
         <iframe>
          <src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d45771.92311912023!2d-1.4822079113504534!3d52.9198011316
    1224!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0xf161ce9465dd1199!2sStagecoach+Performing+Arts+Derby!5e0!3m2!1sen!2suk!4v15161
        17698172" width="800" height="300" frameborder="0" style="border:0" ></iframe>
        </div>


    </div> <!--close main-->

    </div><!--close wrapper-->
    <div class="footerContent"><!--open footer-->


        <ul class="footercontents">
        <li><a href="index.html">Home</a></li>
        <li><a href="sound samples.html">Sound Samples</a></li>
        <li><a href="performance.html">Performance Gallery</a></li>
        <li><a href="recording gallery.html">Recording Gallery</a></li>
        <li><a href="about us.html">Contact Us</a></li>
        </ul>

        <div class="access"><!--open access-->

                <li>
                    <a href="#">
                    <img src="images/SmallA.png" alt="Accessibility icon"></a>
                </li>
                <li>
                    <a href="#">
                    <img src="images/MidA.png" alt="Accessibility icon"></a>
                </li>
                <li>
                    <a href="#">
                    <img src="images/BigA.png" alt="Accessibility icon"></a>
                </li>

            </ul>
        </div><!--close access-->
        <div class="social"><!--open social-->
            <ul class="social">
                <li>
                    <a href="https://www.facebook.com/DerbySchoolOfMusic/">
                    <img src="images/facebook.png" alt="FaceBook Logo"></a>
                </li>
                <li>
                    <a href="https://twitter.com/yalemusic">
                    <img src="images/twitter.png" alt="Twitter Logo"></a>
                </li>
                <li>
                    <a href="https://www.instagram.com/tonat_music_school/?hl=en">
                    <img src="images/instagramLogo.png" alt="Instagram Logo"></a>
                </li>

            </ul>


        </div><!--close social-->
    </footer>
    </div><!--close footer-->


</div><!--close wrapper-->


</body>
</html>