AudioM4 Singer Demo

<!DOCTYPE html> <html > <head>  <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="generator" content="Mobirise v4.11.4, mobirise.com"> <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1"> <link rel="shortcut icon" href="../assets/images/logo2.png" type="image/x-icon"> <meta name="description" content="New PhotoM4 HTML Template - Download Now!"> <title>AudioM4 Singer Demo</title> <link rel="stylesheet" href="../assets/web/assets/mobirise-icons/mobirise-icons.css"> <link rel="stylesheet" href="../assets/web/assets/mobirise-icons2/mobirise2.css"> <link rel="stylesheet" href="../assets/tether/tether.min.css"> <link rel="stylesheet" href="../assets/bootstrap/css/bootstrap.min.css"> <link rel="stylesheet" href="../assets/bootstrap/css/bootstrap-grid.min.css"> <link rel="stylesheet" href="../assets/bootstrap/css/bootstrap-reboot.min.css"> <link rel="stylesheet" href="../assets/dropdown/css/style.css"> <link rel="stylesheet" href="../assets/formstyler/jquery.formstyler.css"> <link rel="stylesheet" href="../assets/formstyler/jquery.formstyler.theme.css"> <link rel="stylesheet" href="../assets/datepicker/jquery.datetimepicker.min.css"> <link rel="stylesheet" href="../assets/socicon/css/styles.css"> <link rel="stylesheet" href="../assets/theme/css/style.css"> <link rel="stylesheet" href="../assets/formoid-css/recaptcha.css"> <link rel="preload" as="style" href="../assets/mobirise/css/mbr-additional.css"><link rel="stylesheet" href="../assets/mobirise/css/mbr-additional.css" type="text/css"> </head> <body>    <noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-PFK425" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= '//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-PFK425');</script>    <section class="menu cid-rIW33S7Pc4" once="menu" id="menu1-t"> <nav class="navbar navbar-dropdown navbar-fixed-top navbar-expand-lg"> <div class="container"> <div class="navbar-brand"> <span class="navbar-caption-wrap"><a class="navbar-caption text-white display-5" href="index.html"> AudioM4</a></span> </div> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation"> <div class="hamburger"> <span></span> <span></span> <span></span> <span></span> </div> </button> <div class="collapse navbar-collapse" id="navbarSupportedContent"> <ul class="navbar-nav nav-dropdown" data-app-modern-menu="true"><li class="nav-item"> <a class="nav-link link text-white display-4" href="index.html"> Home</a> </li> <li class="nav-item dropdown"><a class="nav-link link dropdown-toggle text-white display-4" href="https://mobirise.com" aria-expanded="true" data-toggle="dropdown-submenu"> Live Demo</a> <div class="dropdown-menu"><a class="dropdown-item text-white display-4" href="banddemo.html" aria-expanded="false">Cover Band Demo</a><a class="text-white dropdown-item display-4" href="djdemo.html" aria-expanded="false">Best Party DJ Demo</a><a class="text-white dropdown-item display-4" href="singerdemo.html" aria-expanded="false">Country Singer Demo</a></div> </li> <li class="nav-item dropdown"><a class="nav-link link text-white dropdown-toggle display-4" href="https://mobirise.com" data-toggle="dropdown-submenu" aria-expanded="false"> Live Demo Blocks</a><div class="dropdown-menu"><a class="text-white dropdown-item display-4" href="features.html">Headers / Features / Content</a><a class="text-white dropdown-item display-4" href="tabs.html" aria-expanded="false">Info/ Tabs / Shop / Socials</a><a class="text-white dropdown-item display-4" href="images.html" aria-expanded="false">Images / Slider / Testimonials </a><a class="text-white dropdown-item display-4" href="forms.html" aria-expanded="false">Video / Forms / Maps / Footers</a></div></li></ul> <div class="navbar-buttons mbr-section-btn"><a class="btn btn-sm btn-white-outline display-4" href="http://my.mobirise.com/buy.php?p=87"> Buy Now</a></div> </div> </div> </nav> </section> <section class="cid-rJ0ABOnFnF mbr-fullscreen mbr-parallax-background" id="header6-2z"> <div class="mbr-overlay" style="background-color: rgb(0, 0, 0); opacity: 0.2;"></div> <div class="container-fluid align-center"> <div class="row"> <div class="mbr-white col-md-12 col-lg-12"> <p class="mbr-text align-center mbr-fonts-style display-5">COUNTRY SINGER</p> <h1 class="mbr-section-title align-center pb-1 mbr-fonts-style display-1"><em>Jennifer</em></h1> </div> </div> </div> </section> <section class="content5 cid-rJ1HIyYdaJ" id="content6-3y"> <div class="container"> <div class="row justify-content-center"> <div class="mbr-black col-md-12 col-lg-12"> <div class="title-align align-center"> <h2 class="mbr-section-subtitle mbr-semibold align-center mbr-light mbr-fonts-style display-4">Upcoming</h2> </div> <h1 class="mbr-section-title align-center mbr-bold pb-5 mbr-fonts-style display-2">TOUR</h1> </div> <div class="col-12 list-col col-md-12 col-lg-12 md-pb"> <ul class="list"> <li class="item-wrap"> <div class="date-wrap"> <h3 class="mbr-bold mbr-fonts-style display-2">20</h3> <h4 class="mbr-regular mbr-fonts-style display-7"> November <br>2019</h4> </div> <div class="location-wrap"> <h5 class="mbr-bold align-left pb-1 mbr-fonts-style display-5"> Videotron Center</h5> <div class="icon-wrap"> <span class="mbr-iconfont mobi-mbri-map-pin mobi-mbri"></span> <h6 class="location mbr-regular mbr-fonts-style display-7">Manhadtan, NY, United States</h6> </div> </div> <div class="mbr-section-btn align-right"><a class="btn btn-md btn-primary display-4" href="https://mobirise.co"><span class="mobi-mbri mobi-mbri-layers mbr-iconfont mbr-iconfont-btn"></span>Buy Tickets</a></div> </li><li class="item-wrap"> <div class="date-wrap"> <h3 class="mbr-bold mbr-fonts-style display-2">06</h3> <h4 class="mbr-regular mbr-fonts-style display-7"> December<br>2019</h4> </div> <div class="location-wrap"> <h5 class="mbr-bold align-left pb-1 mbr-fonts-style display-5"> Spotify On Stage</h5> <div class="icon-wrap"> <span class="mbr-iconfont mobi-mbri-map-pin mobi-mbri"></span> <h6 class="location mbr-regular mbr-fonts-style display-7">Suncorp Stadium, Australia</h6> </div> </div> <div class="mbr-section-btn align-right"><a class="btn btn-md btn-primary-outline display-4" href="https://mobirise.co">Sold Out</a></div> </li><li class="item-wrap"> <div class="date-wrap"> <h3 class="mbr-bold mbr-fonts-style display-2">15</h3> <h4 class="mbr-regular mbr-fonts-style display-7"> February<br>2020</h4> </div> <div class="location-wrap"> <h5 class="mbr-bold align-left pb-1 mbr-fonts-style display-5"> Halloween Bitchy Land</h5> <div class="icon-wrap"> <span class="mbr-iconfont mobi-mbri-map-pin mobi-mbri"></span> <h6 class="location mbr-regular mbr-fonts-style display-7">Mediolanum Forum, Italy</h6> </div> </div> <div class="mbr-section-btn align-right"><a class="btn btn-md btn-primary display-4" href="https://mobirise.co"><span class="mobi-mbri mobi-mbri-layers mbr-iconfont mbr-iconfont-btn"></span>Buy Tickets</a></div> </li><li class="item-wrap"> <div class="date-wrap"> <h3 class="mbr-bold mbr-fonts-style display-2">28</h3> <h4 class="mbr-regular mbr-fonts-style display-7"> April<br>2020</h4> </div> <div class="location-wrap"> <h5 class="mbr-bold align-left pb-1 mbr-fonts-style display-5"> Cornelius - Singha Light</h5> <div class="icon-wrap"> <span class="mbr-iconfont mobi-mbri-map-pin mobi-mbri"></span> <h6 class="location mbr-regular mbr-fonts-style display-7">Odyssey, United Kingdom</h6> </div> </div> <div class="mbr-section-btn align-right"><a class="btn btn-md btn-primary-outline display-4" href="https://mobirise.co">Free</a></div> </li><li class="item-wrap"> <div class="date-wrap"> <h3 class="mbr-bold mbr-fonts-style display-2">02</h3> <h4 class="mbr-regular mbr-fonts-style display-7"> June<br>2020</h4> </div> <div class="location-wrap"> <h5 class="mbr-bold align-left pb-1 mbr-fonts-style display-5"> Karma Kruise</h5> <div class="icon-wrap"> <span class="mbr-iconfont mobi-mbri-map-pin mobi-mbri"></span> <h6 class="location mbr-regular mbr-fonts-style display-7">AMI Stadium, New Zealand</h6> </div> </div> <div class="mbr-section-btn align-right"><a class="btn btn-md btn-primary display-4" href="https://mobirise.co"><span class="mobi-mbri mobi-mbri-layers mbr-iconfont mbr-iconfont-btn"></span>Buy Tickets</a></div> </li></ul> </div> </div> </div> </section> <section class="content4 cid-rJ1HKgcyDv" id="content4-3z"> <div class="container-fluid"> <div class="row"> <div class="col-md-12 col-lg-6 m-auto"> <div class="media-content"> <h2 class="mbr-section-title align-right mbr-white mbr-bold pb-3 mbr-fonts-style display-5">Music is like a dream. One that I cannot hear.</h2> <p class="mbr-text pb-3 align-right mbr-semibold mbr-white mbr-fonts-style display-4">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ullamcorper neque dapibus ipsum semper, sit amet luctus turpis porttitor. Ut libero ante, varius quis ligula in, consectetur tortor. <br><br>Proin aliquet neque nibh, pretium rutrum quam mattis a. Morbi vitae sodales metus. Pellentesque vel elit ullamcorper, magna nec, dictum purus. Nullam scelerisque nisi eu lacus elementum, ac sodales nulla congue. <br> </p> <div class="img-align align-right mbr-white"> <img class="signature" src="../assets/images/signature.png" alt="Mobirise"> </div> </div> </div> <div class="col-md-12 col-lg-6"> <div class="mbr-figure"> <img src="../assets/images/05.jpg" alt="Mobirise"> </div> </div> </div> </div> </section> <section class="tabs01 cid-rJ1HGzhKCy" id="tabs1-3x"> <div class="container"> <div class="row"> <div class="mbr-black col-md-12 col-lg-12"> <div class="title-align align-center"> <h4 class="mbr-section-subtitle mbr-semibold align-center mbr-light mbr-fonts-style display-4">My</h4> </div> <h1 class="mbr-section-title align-center mbr-bold pb-5 mbr-fonts-style display-2">AWARDS</h1> </div> <div class="col-12 tabs-col col-md-12"> <ul class="nav nav-tabs" role="tablist"> <li class="nav-item first"><a class="nav-link mbr-fonts-style show active display-4" role="tab" data-toggle="tab" href="#tabs03-b_tab0" aria-selected="true"> 2007</a></li> <li class="nav-item"><a class="nav-link mbr-fonts-style show active display-4" role="tab" data-toggle="tab" href="#tabs03-b_tab1" aria-selected="true"> 2008</a></li> <li class="nav-item"><a class="nav-link mbr-fonts-style show active display-4" role="tab" data-toggle="tab" href="#tabs03-b_tab2" aria-selected="true"> 2011</a></li> <li class="nav-item"><a class="nav-link mbr-fonts-style show active display-4" role="tab" data-toggle="tab" href="#tabs03-b_tab3" aria-selected="true"> 2012</a></li> <li class="nav-item"><a class="nav-link mbr-fonts-style show active display-4" role="tab" data-toggle="tab" href="#tabs03-b_tab4" aria-selected="true"> 2016</a></li> <li class="nav-item"><a class="nav-link mbr-fonts-style show active display-4" role="tab" data-toggle="tab" href="#tabs03-b_tab5" aria-selected="true"> 2019</a></li> </ul> <div class="tab-content"> <div id="tab1" class="tab-pane in active" role="tabpanel"> <div class="row"> <div class="col-md-12"> <h2 class="align-left mbr-bold mbr-fonts-style display-5">AIM Independent Music Awards</h2> <h3 class="align-left pb-3 mbr-fonts-style display-7">Best Small Label </h3> <p class="mbr-text pt-4 mbr-fonts-style display-7">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum in fermentum tellus. Etiam turpis metus, mattis vel ullamcorper sed, convallis eget tellus. Aliquam luctus nisl justo, iaculis maximus tortor hendrerit eget. Quisque vehicula nisl eget tincidunt auctor. Donec vitae justo aliquet est luctus tincidunt eget eu mi. Aenean eget diam a lectus maximus pharetra. Praesent semper, est nec ornare luctus, risus ligula scelerisque libero.<br><br>Praesent dignissim ex sed gravida accumsan. Quisque malesuada lorem non urna molestie, maximus posuere nisi consectetur. Curabitur eu quam nec magna rhoncus molestie. Morbi diam nibh, facilisis sed ante nec, interdum faucibus sapien. Integer risus justo, malesuada sit amet vehicula.</p> </div> </div> </div> <div id="tab2" class="tab-pane" role="tabpanel"> <div class="row"> <div class="col-md-12"> <h2 class="align-left mbr-bold mbr-fonts-style display-5">CMC Music Awards</h2> <h3 class="align-left pb-3 mbr-fonts-style display-7">International Artist of the Year</h3> <p class="mbr-text pt-4 mbr-fonts-style display-7">Etiam mollis, metus nec maximus tempus, sem metus fringilla orci, quis imperdiet velit nunc eu tortor. Proin dictum molestie lobortis. In sit amet mauris a nisi tempus laoreet eget id velit. Aliquam viverra auctor massa a vestibulum. Nulla eu arcu et orci facilisis suscipit viverra at nibh. Integer iaculis semper placerat. <br><br>Fusce quis nunc sit amet leo vestibulum posuere. Mauris sodales ex eu feugiat vehicula. Phasellus eleifend eros nec ultricies egestas. Aenean lacinia massa purus, facilisis hendrerit nibh porttitor vitae. Mauris fermentum nulla tellus, non eleifend nisi congue a. Sed consequat ligula risus, ac scelerisque orci egestas a.</p> </div> </div> </div> <div id="tab3" class="tab-pane" role="tabpanel"> <div class="row"> <div class="col-md-12"> <h2 class="align-left mbr-bold mbr-fonts-style display-5">Global Awards</h2> <h3 class="align-left pb-3 mbr-fonts-style display-7">Best Song</h3> <p class="mbr-text pt-4 mbr-fonts-style display-7">Nam a arcu urna. Nunc sollicitudin laoreet aliquet. Vivamus mollis ex eget dictum maximus. Donec eu lectus vitae massa fringilla vestibulum ut sed leo. Proin vitae velit orci. Nullam a elit lacinia, fermentum elit scelerisque, dictum odio. Cras volutpat dapibus massa. Mauris eget eros nec mauris dignissim porta. Pellentesque nec tempor tortor. Vestibulum at elementum libero. Vivamus pellentesque at quam ut faucibus. <br><br>Suspendisse eu urna quis nisi pretium dapibus vel sit amet elit. Nullam in lacus risus. Donec malesuada nisl lacinia mauris posuere, eu varius nibh lacinia. Morbi diam nibh, facilisis sed ante nec, interdum faucibus sapien. Integer risus justo, malesuada sit amet vehicula a, feugiat vel nibh.</p> </div> </div> </div> <div id="tab4" class="tab-pane" role="tabpanel"> <div class="row"> <div class="col-md-12"> <h2 class="align-left mbr-bold mbr-fonts-style display-5">Outstanding Contribution to Music</h2> <h3 class="align-left pb-3 mbr-fonts-style display-7">Artist Award </h3> <p class="mbr-text pt-4 mbr-fonts-style display-7">Vivamus sollicitudin odio id augue auctor, non aliquet mi imperdiet. Etiam pretium porttitor turpis sed blandit. Nam posuere malesuada porta. Nam sed tortor in neque finibus consectetur. Curabitur vitae vehicula enim, sed molestie ligula. Suspendisse potenti. Sed volutpat, ligula vitae vulputate scelerisque, sapien erat rhoncus lorem, sit amet rhoncus neque enim vitae sem. Nullam imperdiet eleifend sodales. <br><br>Nulla mi erat, rhoncus pretium consequat nec, cursus ac ante. Vivamus molestie efficitur lacus. Sed dignissim, diam non tempor pulvinar, magna turpis tincidunt ipsum, ac porta justo nibh sit amet sem. Nam a justo sit amet sapien commodo cursus at eget velit. Donec maximus sit amet dolor vel dapibus. Donec faucibus sodales leo vitae vestibulum. Nulla fermentum purus et lacus convallis, eget tempor ipsum commodo.</p> </div> </div> </div> <div id="tab5" class="tab-pane" role="tabpanel"> <div class="row"> <div class="col-md-12"> <h2 class="align-left mbr-bold mbr-fonts-style display-5">Midlands Music Awards</h2> <h3 class="align-left pb-3 mbr-fonts-style display-7">Best Music Video of the Year</h3> <p class="mbr-text pt-4 mbr-fonts-style display-7">Donec vel nisl nec dui consectetur blandit sit amet et eros. Nulla ultricies nisl nibh. Morbi in ligula tortor. Maecenas interdum tincidunt libero. Ut varius lectus vitae tincidunt maximus. Donec aliquet nulla eu odio dignissim ultricies. Etiam urna lorem, maximus sodales eros non, fringilla fermentum metus. Maecenas cursus purus convallis dapibus lacinia. Donec aliquet at mi id iaculis. Mauris in magna odio. <br><br>Morbi at quam ultricies, finibus nulla sed, facilisis nisl. Aenean diam enim, mattis ac nulla placerat, scelerisque dignissim arcu. Mauris sodales ex eu feugiat vehicula. Phasellus eleifend eros nec ultricies egestas. Aenean lacinia massa purus, facilisis hendrerit nibh porttitor vitae.</p> </div> </div> </div> <div id="tab6" class="tab-pane" role="tabpanel"> <div class="row"> <div class="col-md-12"> <h2 class="align-left mbr-bold mbr-fonts-style display-5">UK Music Video Awards</h2> <h3 class="align-left pb-3 mbr-fonts-style display-7">People's Choice Award</h3> <p class="mbr-text pt-4 mbr-fonts-style display-7">Mauris eget eros nec mauris dignissim porta. Pellentesque nec tempor tortor. Vestibulum at elementum libero. Vivamus pellentesque at quam ut faucibus. Suspendisse eu urna quis nisi pretium dapibus vel sit amet elit. Nullam in lacus risus. Donec malesuada nisl lacinia mauris posuere, eu varius nibh lacinia. Morbi diam nibh, facilisis sed ante nec, interdum faucibus sapien. Integer risus justo, malesuada sit amet vehicula a, feugiat vel nibh.<br><br>Sed dignissim, diam non tempor pulvinar, magna turpis tincidunt ipsum, ac porta justo nibh sit amet sem. Nam a justo sit amet sapien commodo cursus at eget velit. Donec maximus sit amet dolor vel dapibus. Donec faucibus sodales leo vitae vestibulum. Nulla fermentum purus et lacus convallis, eget tempor ipsum commodo.<br></p> </div> </div> </div> </div> </div> </div> </div> </section> <section class="image4 cid-rJ1HELOf9w" id="image4-3w"> <div class="overlay"></div> <div class="container"> <div class="row"> <div class="col-md-12 col-lg-12 wrapper "> <img class="img1" src="../assets/images/01.jpg" alt="Mobirise"> <img class="img2" src="../assets/images/03.jpg" alt="Mobirise"> <img class="img3" src="../assets/images/02.jpg" alt="Mobirise"> <div class="content"> <h2 class="mbr-section-title align-left mbr-bold mbr-white mbr-fonts-style display-2">NEW SINGLE</h2> <p class="mbr-text align-left mbr-semibold mbr-white pb-3 mbr-fonts-style display-7">Lorem ipsum dolor sit amet, consectetur adipiscing elit. In consequat, mauris ut varius feugiat, lacus ipsum sagittis ligula.  Music is THE BEST <a href="#"><strong>LISTEN NOW</strong></a><br></p> </div> </div> </div> </div> </section> <section class="info2 cid-rJ1Jt5ECxf" id="info2-43"> <div class="container align-center"> <div class="row"> <div class="mbr-black col-md-12 col-lg-12"> <h3 class="mbr-section-subtitle mbr-semibold align-center mbr-light mbr-fonts-style display-2"><em>Music, admitted to the soul, becomes a sort of spirit</em></h3> <span class="mbr-iconfont mobi-mbri-star mobi-mbri"></span> </div> </div> </div> </section> <section class="features3 cid-rJ1JoXxgOp" id="features3-42"> <div class="container"> <div class="row"> <div class="card p-3 col-12 col-md-6 col-lg-4"> <div class="card-wrapper card1"> <div class="card-box"> <h4 class="card-title align-center mbr-semibold mbr-white mbr-fonts-style display-5"> <strong>New Album</strong></h4> </div> </div> </div> <div class="card p-3 col-12 col-md-6 col-lg-4"> <div class="card-wrapper card2"> <div class="card-box"> <h4 class="card-title align-center mbr-semibold mbr-white mbr-fonts-style display-5"> <strong>Tours</strong></h4> </div> </div> </div> <div class="card p-3 col-12 col-md-6 col-lg-4"> <div class="card-wrapper card3"> <div class="card-box"> <h4 class="card-title align-center mbr-semibold mbr-white mbr-fonts-style display-5"> <strong>News</strong></h4> </div> </div> </div> </div> </div> </section> <section class="features4 cid-rJ1J7TKUk4 mbr-parallax-background" id="features4-40"> <div class="mbr-overlay" style="opacity: 0.4; background-color: rgb(0, 0, 0);"> </div> <div class="container"> <div class="row"> <div class="mbr-white col-md-12 col-lg-12"> <div class="title-align align-center"> <h3 class="mbr-section-subtitle mbr-semibold align-center mbr-light mbr-fonts-style display-4">Discography</h3> </div> <h1 class="mbr-section-title align-center mbr-bold pb-5 mbr-fonts-style display-2">ALBUMS</h1> </div> <div class="card p-3 col-12 col-md-6 col-lg-4"> <div class="card-wrapper card1"> <div class="card-box"> <h5 class="card-date align-left mbr-semibold mbr-white mbr-fonts-style display-4"> <strong>2018</strong></h5> <h4 class="card-title align-left mbr-semibold mbr-white mbr-fonts-style display-5"> <strong>Motivation</strong></h4> </div> </div> </div> <div class="card p-3 col-12 col-md-6 col-lg-4"> <div class="card-wrapper card2"> <div class="card-box"> <h5 class="card-date align-left mbr-semibold mbr-white mbr-fonts-style display-4"> <strong>2019</strong></h5> <h4 class="card-title align-left mbr-semibold mbr-white mbr-fonts-style display-5"> <strong>Upbeating</strong></h4> </div> </div> </div> <div class="card p-3 col-12 col-md-6 col-lg-4"> <div class="card-wrapper card3"> <div class="card-box"> <h5 class="card-date align-left mbr-semibold mbr-white mbr-fonts-style display-4"> <strong>2020</strong></h5> <h4 class="card-title align-left mbr-semibold mbr-white mbr-fonts-style display-5"> <strong>Pop Summer</strong></h4> </div> </div> </div> </div> </div> </section> <section class="image2 cid-rJ1JjiMjfl" id="image2-41"> <div class="container"> <div class="row"> <div class="col-md-12 col-lg-6 "> <img src="../assets/images/03.jpg" alt="Mobirise"> <p class="mbr-text align-left mbr-fonts-style display-4">Lorem ipsum dolor sit amet, consectetur adipiscing elit. In consequat, mauris ut varius feugiat, lacus ipsum sagittis ligula, id vehicula ipsum lacus sollicitudin dolor. <br></p> </div> <div class="col-md-12 col2 col-lg-6"> <img src="../assets/images/02.jpg" alt="Mobirise"> </div> </div> </div> </section> <section class="video2 cid-rJ1HD1WW9k" id="video2-3v"> <div class="container align-center"> <div class="row justify-content-md-center"> <div class="mbr-white col-md-12 col-lg-12"> <div class="title-align align-center"> <h3 class="mbr-section-subtitle mbr-semibold align-center mbr-light mbr-fonts-style display-4">Latest</h3> </div> <h1 class="mbr-section-title align-center mbr-bold pb-5 mbr-fonts-style display-2">VIDEO</h1> </div> <div class="mbr-white col-md-12 col-12 col-lg-12"> <div class="box"> <div class="mbr-media show-modal align-center py-2" data-modal=".modalWindow"> <div class="icon-wrap"> <span class="mbr-iconfont mobi-mbri-play mobi-mbri"></span> </div> </div> </div> </div> </div> </div> <div> <div class="modalWindow" style="display: none;"> <div class="modalWindow-container"> <div class="modalWindow-video-container"> <div class="modalWindow-video"> <iframe width="100%" height="100%" frameborder="0" allowfullscreen="1" data-src="https://www.youtube.com/watch?v=mWRsgZuwf_8"></iframe> </div> <a class="close" role="button" data-dismiss="modal"> <span aria-hidden="true" class="mbri-close mbr-iconfont closeModal"></span> <span class="sr-only">Close</span> </a> </div> </div> </div> </div> </section> <section class="form cid-rJ1HBK9SlW" id="form2-3u"> <div class="container"> <div class="row"> <div class="mbr-black col-md-12 col-lg-12"> <div class="title-align align-center"> <h3 class="mbr-section-subtitle mbr-semibold align-center mbr-light mbr-fonts-style display-4">Write Us</h3> </div> <h1 class="mbr-section-title align-center mbr-bold pb-5 mbr-fonts-style display-2">CONTACTS</h1> </div> </div> <div class="row row2"> <div class="col-md-12 align-left mbr-white col-lg-4"> <h2 class="mbr-bold pb-3 mbr-fonts-style display-5">Send us a message</h2> <p class="mbr-text mbr-fonts-style display-7"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ullamcorper neque dapibus ipsum semper, sit amet luctus turpis porttitor. Ut libero ante, varius quis ligula in, aliquet consectetur tortor.</p> </div> <div class="col-lg-7 col-md-12 my-auto mbr-form" data-form-type="formoid">  <form action="https://mobirise.com/" method="POST" class="mbr-form form-with-styler" data-form-title="Form Name"><input type="hidden" name="email" data-form-email="true" value="U1dW+ZEM4wehX2N23Fl3zRDUXnmhlCAoJgmUATnsYhe7t5gXUeO7+uURrlmQ/WjKWxjWk2GjfL4c5YRaWmYdiaiW1hvzzwfZpHgThvRYwNwFjhMNNYWkBRenOMkYn6Ud.u7o3v9ux2vBY0sGU1vY1njKsQnHMtOjT1GOOOt6ZhYX3ZyXWpz1diieLH/+cpOnNnYWbtjUMGorUTJPAM8BI7LC/jw+drPzas6ApYoMdlESBcyQr2nLzg38E3+la2Mb+"> <div class="form-row"> <div hidden="hidden" data-form-alert="" class="alert alert-success col-12">Thanks for filling out the form!</div> <div hidden="hidden" data-form-alert-danger="" class="alert alert-danger col-12">Oops...! some problem!</div> </div> <div class="dragArea form-row"> <div class="col-lg-6 col-md-12 col-sm-12 form-group" data-for="name"> <input type="text" name="name" placeholder="Your Name" data-form-field="name" class="form-control display-7" value="" id="name-form2-3u"> </div> <div class="col-lg-6 col-md-12 col-sm-12 form-group" data-for="email"> <input type="email" name="email" placeholder="Your Email" data-form-field="email" class="form-control display-7" value="" id="email-form2-3u"> </div> <div data-for="textarea" class="col-lg-12 col-md-12 col-sm-12 form-group"> <textarea name="textarea" placeholder="Message" data-form-field="textarea" class="form-control display-7" id="textarea-form2-3u"></textarea> </div> <div class="col-lg-12 align-center col-md-12 col-sm-12"><button type="submit" class="btn btn-primary display-7">Submit</button></div> </div> </form>  </div> </div> </div> </section> <section once="footers" class="cid-rJ1Hze1blr" id="footer3-3t"> <div class="container"> <div class="media-container-row align-center mbr-white"> <div class="col-12"> <p class="mbr-text mb-0 mbr-fonts-style display-7"> 漏 Copyright 2019 Mobirise - All Rights Reserved </p> </div> </div> </div> </section> <script src="../assets/web/assets/jquery/jquery.min.js"></script> <script src="../assets/popper/popper.min.js"></script> <script src="../assets/tether/tether.min.js"></script> <script src="../assets/bootstrap/js/bootstrap.min.js"></script> <script src="../assets/dropdown/js/nav-dropdown.js"></script> <script src="../assets/dropdown/js/navbar-dropdown.js"></script> <script src="../assets/touchswipe/jquery.touch-swipe.min.js"></script> <script src="../assets/parallax/jarallax.min.js"></script> <script src="../assets/mbr-tabs/mbr-tabs.js"></script> <script src="../assets/playervimeo/vimeo_player.js"></script> <script src="../assets/formstyler/jquery.formstyler.js"></script> <script src="../assets/formstyler/jquery.formstyler.min.js"></script> <script src="../assets/datepicker/jquery.datetimepicker.full.js"></script> <script src="../assets/smoothscroll/smooth-scroll.js"></script> <script src="../assets/theme/js/script.js"></script> <script src="../assets/formoid/formoid.min.js"></script> </body> </html>

CINXE.COM

AudioM4 Singer Demo