<center><div class="HTML_Audio_player"> <div class="Audio_Player_image"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiICulliq5Prmq0tdusV7-XsfT794FDAtMmTpDNigKGpamzFVtqLGOL96P_xfb3b4B2j71i0bVdXiA-DsHlcWqtGXSW6QrpPZDBkuG_zmxFprQar2DUXjzMIQNwEuFXdftdetStWZ93PxE/h120/baladbd.png" style="border-radius: 60px;" /></div> <div class="player-content"> <div class="player-info"> <a class="song-name" href="https://www.youtube.com/channel/UC8yVY7rRNL9joNJ9Fl2FRhQ" target="_blank">Amar Sonar Bangla Ami Tomay Valobasi.Mp3</a> <a class="artist" href="#">Singer: Mahmudul</a> </div> <div class="k2_audio_player"> <audio controls="" style="width: 80%;"> <source src="https://drive.google.com/uc?export=download&id=1p5HpcHv3UBKaJGsltg7mFiY0gLb-CiQi" type="audio/mpeg"></source> </audio> </div> </div> </div></center> <!--Full width--> <button class="jahidulbtn" style="width: 100%;"><i class="fa fa-download"></i> <a download="" href="https://drive.google.com/uc?export=download&id=1r_TZWVoEhAKUGI4MzrLvpoQGgfo8s_On"><font color="white">Download Mp3</font></a></button> <style> .HTML_Audio_player { z-index:10; background: linear-gradient(135deg,#f4f8ff 0,#f4f8ff 49%,#e5efff 49%,#e9e8f2 100%); color: inherit; min-height:120px; max-height:150px; display:flex; box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px; flex-direction:row;padding: 20px 10px 20px;} .Audio_Player_image { width:150px; display: flex; justify-content: center; } .player-content { flex-grow:1; display:flex; flex-direction:column;} .player-info { flex-grow:1; display:flex; flex-direction:column; justify-content:center; padding-left:10px;} .song-name { font-size:18px; font-weight:600; } .k2_audio_player { display:flex;} audio { flex-grow:1; height:40px; } audio::-webkit-media-controls-play-button { background-color: #B1D4E0; border-radius: 50%;} audio::-webkit-media-controls-play-button:hover { background-color: rgba(177,212,224, .7);} audio::-webkit-media-controls-panel { background: #e9e8f2;} .Audio_Player_image img:hover{animation:rotating 3s linear infinite} @keyframes rotating{from{transform:rotate(0deg)}to{transform:rotate(360deg)}} .jahidulbtn { text-align: center;background-color: DodgerBlue; border: none; color: white; padding: 5px 30px; cursor: pointer;font-size: 20px;} </style> <script type="text/javascript">var numposts = 20;var showpostthumbnails = true;var displaymore = false;var displayseparator = true;var showcommentnum = false;var showpostdate = false;var showpostsummary = false;var numchars = 100;</script> <script src="/feeds/posts/default?published&alt=json-in-script&callback=labelthumbs" type="text/javascript"></script>
2 comments