芝麻web文件管理V1.00
编辑当前文件:/home/qrafawbu/qrafiqxcreativestudios.com/mkoroundtress.com/contact.html
<!DOCTYPE html> <html lang="en"> <head> <title>Contact US | Roundtrees Records Studio</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Nunito+Sans:200,300,400,700,900|Oswald:400,700"> <link rel="stylesheet" href="fonts/icomoon/style.css"> <link rel="stylesheet" href="css/bootstrap.min.css"> <link rel="stylesheet" href="css/magnific-popup.css"> <link rel="stylesheet" href="css/jquery-ui.css"> <link rel="stylesheet" href="css/owl.carousel.min.css"> <link rel="stylesheet" href="css/owl.theme.default.min.css"> <link rel="stylesheet" href="css/bootstrap-datepicker.css"> <link rel="stylesheet" href="css/mediaelementplayer.css"> <link rel="stylesheet" href="css/animate.css"> <link rel="stylesheet" href="fonts/flaticon/font/flaticon.css"> <link rel="stylesheet" href="css/fl-bigmug-line.css"> <link href="images/favicon.png" rel="shortcut icon"> <link rel="stylesheet" href="css/aos.css"> <link rel="stylesheet" href="css/style.css"> </head> <body> <div class="site-wrap"> <div class="site-navbar mt-4"> <div class="container py-1"> <div class="row align-items-center"> <div class="col-8 col-md-8 col-lg-4"> <h1 class="mb-0"><a href="index.html" class="text-white h2 mb-0"><img src="images/logo.png" width="65%" alt="Image" class="img-fluid"></a> </div> <div class="col-4 col-md-4 col-lg-8"> <nav class="site-navigation text-right text-md-right" role="navigation"> <div class="d-inline-block d-lg-none ml-md-0 mr-auto py-3"><a href="#" class="site-menu-toggle js-menu-toggle text-white"><span class="icon-menu h3"></span></a></div> <ul class="site-menu js-clone-nav d-none d-lg-block"> <li class="active"> <a href="index.html">Home</a> </li> <li><a href="videos.html">Videos</a></li> <li><a href="about.html">About Us</a></li> <li class="has-children"> <a href="#">Services</a> <ul class="dropdown"> <li><a href="#">Studio Rentals</a></li> <li><a href="#">Sound Specialist</a></li> <li><a href="#">Mixing Professionals</a></li> <li><a href="#">CD Productions</a></li> <li><a href="#">Music Studio</a></li> <li><a href="#">Guitar, Drum & Keyboard Tuition</a></li> <li><a href="#">Vocal Tuition</a></li> <li><a href="#">Individual Music Lessons</a></li> <li><a href="#">Breathing & Sound Techniques</a></li> <li><a href="#">Full Qualified Tuition</a></li> <li><a href="#">Stress Management</a></li> </ul> </li> <li><a href="contact.html">Contact Us</a></li> </ul> </li> </ul> </nav> </div> </div> </div> </div> </div> <div class="site-mobile-menu"> <div class="site-mobile-menu-header"> <div class="site-mobile-menu-close mt-3"> <span class="icon-close2 js-menu-toggle"></span> </div> </div> <div class="site-mobile-menu-body"></div> </div> <!-- .site-mobile-menu --> <div class="site-blocks-cover inner-page-cover overlay" style="background-image: url('images/hero_bg_1.jpg');" data-aos="fade" data-stellar-background-ratio="0.5" data-aos="fade"> <div class="container"> <div class="row align-items-center justify-content-center"> <div class="col-md-7 text-center" data-aos="fade-up" data-aos-delay="400"> <h1 class="text-white">Contact Us</h1> <p>We would love to hear from you.</p> </div> </div> </div> </div> <div class="site-section"> <div class="container"> <div class="row"> <div class="col-md-12 col-lg-7 mb-5"> <form action="#" class="contact-form"> <div class="row form-group"> <div class="col-md-12 mb-3 mb-md-0"> <label class="font-weight-bold" for="fullname">Full Name</label> <input type="text" id="fullname" class="form-control" placeholder="Full Name"> </div> </div> <div class="row form-group"> <div class="col-md-12"> <label class="font-weight-bold" for="email">Email</label> <input type="email" id="email" class="form-control" placeholder="Email Address"> </div> </div> <div class="row form-group"> <div class="col-md-12"> <label class="font-weight-bold" for="email">Subject</label> <input type="text" id="subject" class="form-control" placeholder="Enter Subject"> </div> </div> <div class="row form-group"> <div class="col-md-12"> <label class="font-weight-bold" for="message">Message</label> <textarea name="message" id="message" cols="30" rows="5" class="form-control" placeholder="Say hello to us"></textarea> </div> </div> <div class="row form-group"> <div class="col-md-12"> <input type="submit" value="Send Message" class="btn btn-primary py-3 px-4"> </div> </div> </form> </div> <div class="col-lg-4 ml-auto"> <div class="p-4 mb-3 bg-white"> <h3 class="h5 text-black mb-3">Contact Info</h3> <p class="mb-0 font-weight-bold text-black">Address</p> <p class="mb-4 text-black">Mk2 3hu Business centre, Unit 11</p> <p class="mb-0 font-weight-bold text-black">Phone</p> <p class="mb-4"><a href="#">+00447956575361</a></p> <p class="mb-4"><a href="#">+00447985228050</a></p> <p class="mb-0 font-weight-bold text-black">Email Address</p> <p class="mb-0"><a href="#">info@michaelokyere.mkoroundtress.com</a></p> </div> <!-- <div class="p-4 mb-3 bg-white"> <h3 class="h5 text-black mb-3 text-black">More Info</h3> <p class="text-black">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsa ad iure porro mollitia architecto hic consequuntur. Distinctio nisi perferendis dolore, ipsa consectetur</p> <p><a href="#" class="btn btn-primary py-2 px-4">Learn More</a></p> </div> --> </div> </div> </div> </div> <div class="bg-primary" data-aos="fade"> <div class="container"> <div class="row"> <a href="#" class="col-2 text-center py-4 social-icon d-block"><span class="icon-facebook text-white"></span></a> <a href="#" class="col-2 text-center py-4 social-icon d-block"><span class="icon-twitter text-white"></span></a> <a href="#" class="col-2 text-center py-4 social-icon d-block"><span class="icon-instagram text-white"></span></a> <a href="#" class="col-2 text-center py-4 social-icon d-block"><span class="icon-linkedin text-white"></span></a> <a href="#" class="col-2 text-center py-4 social-icon d-block"><span class="icon-pinterest text-white"></span></a> <a href="#" class="col-2 text-center py-4 social-icon d-block"><span class="icon-youtube text-white"></span></a> </div> </div> </div> <footer class="site-footer bg-dark" > <div class="container"> <div class="row"> <div class="col-lg-4"> <div class="mb-5"> <h3 class="footer-heading mb-4">About Roundtree</h3> <p>Roundtree World of music is the aspiration and dream of micheal roundtree who believes that music is the key to the soul of all people.</p> </div> <div class="mb-5"> <h3 class="footer-heading mb-4">Subscribe</h3> <form action="#" method="post" class="site-block-subscribe"> <div class="input-group mb-3"> <input type="text" class="form-control border-secondary text-white bg-transparent" placeholder="Enter your email" aria-label="Enter Email" aria-describedby="button-addon2"> <div class="input-group-append"> <button class="btn btn-primary rounded-top-right-0" type="button" id="button-addon2">Subscribe</button> </div> </div> </form> </div> </div> <div class="col-lg-4 mb-5 mb-lg-0"> <div class="row mb-5"> <div class="col-md-12"> <h3 class="footer-heading mb-4">Navigations</h3> </div> <div class="col-md-6 col-lg-6"> <ul class="list-unstyled"> <li><a href="#">Studio Rental</a></li> <li><a href="#">Track Laying</a></li> <li><a href="#">Sound Specialist</a></li> <li><a href="#">Mixing Professionals</a></li> <li><a href="#">CD Productions</a></li> </ul> </div> <div class="col-md-6 col-lg-6"> <ul class="list-unstyled"> <li><a href="#">About Us</a></li> <li><a href="#">Privacy Policy</a></li> <li><a href="#">Contact Us</a></li> <li><a href="#">Membership</a></li> </ul> </div> </div> <div class="row"> <div class="col-md-12"> <h3 class="footer-heading mb-4">Follow Us</h3> <div> <a href="#" class="pl-0 pr-3"><span class="icon-facebook"></span></a> <a href="#" class="pl-3 pr-3"><span class="icon-twitter"></span></a> <a href="#" class="pl-3 pr-3"><span class="icon-instagram"></span></a> <a href="#" class="pl-3 pr-3"><span class="icon-linkedin"></span></a> </div> </div> </div> </div> <div class="col-lg-4 mb-5 mb-lg-0"> <div class="mb-5"> <h3 class="footer-heading mb-4">Watch Live Streaming</h3> <div class="block-16"> <figure> <img src="images/img_1.jpg" alt="Image placeholder" class="img-fluid rounded"> <a href="https://vimeo.com/channels/staffpicks/93951774" class="play-button popup-vimeo"><span class="icon-play"></span></a> </figure> </div> </div> </div> </div> <div class="row pt-5 mt-5 text-center"> <div class="col-md-12"> <p> <!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. --> Copyright ©<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>document.write(new Date().getFullYear());</script> All rights reserved | Roundtrees Records Studio</a> <!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. --> </p> </div> </div> </div> </footer> </div> <script src="js/jquery-3.3.1.min.js"></script> <script src="js/jquery-migrate-3.0.1.min.js"></script> <script src="js/jquery-ui.js"></script> <script src="js/popper.min.js"></script> <script src="js/bootstrap.min.js"></script> <script src="js/owl.carousel.min.js"></script> <script src="js/mediaelement-and-player.min.js"></script> <script src="js/jquery.stellar.min.js"></script> <script src="js/jquery.countdown.min.js"></script> <script src="js/jquery.magnific-popup.min.js"></script> <script src="js/bootstrap-datepicker.min.js"></script> <script src="js/aos.js"></script> <script src="js/circleaudioplayer.js"></script> <script src="js/main.js"></script> </body> </html>