CINXE.COM
TrackM5 Theme HTML Components and Templatesome
<!DOCTYPE html> <html > <head> <!-- Site made with Mobirise Website Builder v5.8.23, https://mobirise.com --> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="generator" content="Mobirise v5.8.23, mobirise.com"> <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1"> <link rel="shortcut icon" href="assets/images/logo.png" type="image/x-icon"> <meta name="description" content="New TrackM5 Theme HTML Template - Download Now!"> <title>TrackM5 Theme HTML Components and Templatesome</title> <link rel="stylesheet" href="assets/web/assets/mobirise-icons2/mobirise2.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/socicon/css/styles.css"> <link rel="stylesheet" href="assets/theme/css/style.css"> <link rel="preload" href="https://fonts.googleapis.com/css?family=Inter:100,200,300,400,500,600,700,800,900&display=swap" as="style" onload="this.onload=null;this.rel='stylesheet'"> <noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Inter:100,200,300,400,500,600,700,800,900&display=swap"></noscript> <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"> <meta name="twitter:image" content="https://mobirise.com/extensions/ trackm5 /assets/images/social.png"> <meta property="og:image" content="https://mobirise.com/extensions/ trackm5 /assets/images/social.png"/> <!-- Google Tag Manager--> <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> <!-- End Google Tag Manager --> </head> <body> <!-- Google Tag Manager--> <noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-PFK425" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager --> <section data-bs-version="5.1" class="menu menu01 trackm5 cid-tTeVu3LQZw" once="menu" id="menu01-dq"> <nav class="navbar navbar-dropdown navbar-expand-lg"> <div class="menu_box container-fluid"> <div class="navbar-brand d-flex"> <span class="navbar-logo"> <a href="index.html"> <img src="assets/images/logo.png" alt="Mobirise"> </a> </span> <span class="navbar-caption-wrap"> <a class="navbar-caption display-7" href="index.html"><strong>TrackM5</strong> </a> </span> <button class="navbar-toggler" type="button" data-toggle="collapse" data-bs-toggle="collapse" data-target="#navbarSupportedContent" data-bs-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> <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-black display-7" href="index.html"> Home </a> </li> <li class="nav-item"> <a class="nav-link link text-black display-7" href="#features05-dt">Live Demo</a> </li><li class="nav-item"><a class="nav-link link text-black display-7" href="#features07-dw">Live Demo Blocks</a></li></ul> <div class="mbr-section-btn-main" role="tablist"><a class="btn btn-primary display-4" href="http://my.mobirise.com/buy.php?p=277">Buy Now </a></div> </div> </div> </nav> </section> <section data-bs-version="5.1" class="header01 trackm5 cid-tTeVudNoLQ" id="header01-dr"> <div class="container-fluid"> <div class="row"> <div class="col-12 col-lg-5 card"> <div class="content-wrapper"> <h1 class="mbr-section-title mbr-fonts-style display-1"> TrackM5 <br> <span>Theme</span> </h1> <p class="mbr-text mbr-fonts-style display-7"> TrackM5 is a theme for music artist, singer, music producer, music band, bloggers, musicians, magazine, portfolio, photography, newspaper, startups, agencies, E-Commerce, news, bands, DJs, music groups, single musician. </p> <div class="mbr-section-btn"><a class="btn btn-info display-4" href="http://my.mobirise.com/buy.php?p=277">Buy Now</a> <a class="btn btn-info display-4" href="#features05-dt">Live Demo</a></div> </div> </div> <div class="col-12 col-lg-7 card"> <div class="image-wrapper"> <div class="icon-wrapper"> <span class="mbr-iconfont mobi-mbri-music mobi-mbri"></span> <span class="mbr-iconfont mobi-mbri-hearth mobi-mbri"></span> <span class="mbr-iconfont mobi-mbri-video-play mobi-mbri"></span> </div> <div class="image-wrap"> <img src="assets/images/image18.jpg" alt="Mobirise"> </div> </div> </div> </div> </div> </section> <section data-bs-version="5.1" class="article01 trackm5 cid-tTf71nseM1" id="article01-dy"> <div class="container-fluid"> <div class="row"> <div class="col-12 card"> <img src="assets/images/trackm5.jpg" alt="Mobirise"> </div> </div> </div> </section> <section data-bs-version="5.1" class="features05 trackm5 cid-tTeVMIiOUp" id="features05-dt"> <div class="container-fluid"> <div class="row"> <div class="col-12 item"> <h2 class="mbr-section-title mbr-fonts-style display-2">Live <span>Demo</span></h2> </div> <div class="col-12 col-lg-6 item features-image"> <div class="item-wrapper"> <div class="item-img"> <img src="assets/images/trackm5-template-cover1-800x1350.jpg" alt="Mobirise Website Builder"> </div> <div class="item-content"> <p class="card-name mbr-fonts-style display-5"> <strong>Music Producer</strong> </p> <div class="mbr-section-btn"><a class="btn btn-primary display-4" href="./music-producer/index.html">Live Demo</a></div> </div> </div> </div> <div class="col-12 col-lg-6 item features-image"> <div class="item-wrapper"> <div class="item-img"> <img src="assets/images/trackm5-template-cover2-800x1350.jpg" alt="Mobirise Website Builder"> </div> <div class="item-content"> <p class="card-name mbr-fonts-style display-5"> <strong>Music Band</strong> </p> <div class="mbr-section-btn"><a class="btn btn-primary display-4" href="./music-band/index.html">Live Demo</a></div> </div> </div> </div> </div> </div> </section> <section data-bs-version="5.1" class="video01 trackm5 cid-tTeVP0KVJJ" id="video01-du"> <div class="container-fluid"> <div class="row"> <div class="col-12 col-lg-6 card"> <div class="content-wrapper"> <div class="content-wrap"> <h2 class="mbr-section-title mbr-fonts-style display-2"> View in <span>Action</span></h2> </div> </div> </div> <div class="col-12 col-lg-6 card"> <div class="box"> <div class="mbr-media show-modal align-center" data-modal=".modalWindow"> <img src="assets/images/cover2.jpg" alt="Mobirise"> <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=BodzvQWOuaY&loop=1&autoplay=1"></iframe> </div> <a class="close" role="button" data-dismiss="modal" data-bs-dismiss="modal"> <span aria-hidden="true" class="mbr-iconfont mobi-mbri-close mobi-mbri closeModal"></span> <span class="sr-only visually-hidden visually-hidden">Close</span> </a> </div> </div> </div> </div> </section> <section data-bs-version="5.1" class="features07 trackm5 cid-tTeVYImS5Y" id="features07-dw"> <div class="container-fluid"> <div class="row"> <div class="col-12 col-lg-6 card"> <div class="image-wrapper"> <img src="assets/images/cover2.jpg" alt="Mobirise"> </div> </div> <div class="col-12 col-lg-6 card"> <div class="content-wrapper"> <div class="content-wrap"> <div class="desc-wrapper"> </div> <h2 class="mbr-section-title mbr-fonts-style display-2">Live Demo <span>Blocks</span></h2> <div class="mbr-section-btn"><a class="btn btn-info display-4" href="demoblocks.html">Live Demo</a></div> </div> </div> </div> </div> </div> </section> <section data-bs-version="5.1" class="footer0d1 trackm5 cid-tTeVRcdF40" once="footers" id="footer01-dv"> <div class="container-fluid"> <div class="row row-copy"> <div class="col-12 card"> <p class="mbr-copy mbr-fonts-style display-4"> 漏 Copyright 2030 Mobirise - All Rights Reserved </p> </div> </div> </div> </section> <script src="assets/bootstrap/js/bootstrap.bundle.min.js"></script> <script src="assets/smoothscroll/smooth-scroll.js"></script> <script src="assets/ytplayer/index.js"></script> <script src="assets/dropdown/js/navbar-dropdown.js"></script> <script src="assets/playervimeo/vimeo_player.js"></script> <script src="assets/theme/js/script.js"></script> </body> </html>