Page 536 - MDP2022-3

</div>
<div class="col-lg-4 col-xxl-4 mb-5">
<div class="card bg-light border-0 h-100">
<div class="card-body text-center p-4 p-lg-5 pt-0 pt-lg-0">
<div style="margin-top: 30px;"></div>
<div class="f">
<p><b>박재범,아이유 - GANADARA</b></p>
<div class="f-side">
<img src="../static/images/ganadara.png" alt="아이유,박재
범 - GANADARA">
<button type="button" class="btn btn-primary" value="재
생" onclick="play2()">재생</button>
<button type="button" class="btn btn-primary" value="일
시정지" onclick="stop2()">일시정지</button>
<audio id="audio2" src="../static/audios/ganadara.mp3"></
audio>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-xxl-4 mb-5">
<div class="card bg-light border-0 h-100">
<div class="card-body text-center p-4 p-lg-5 pt-0 pt-lg-0">
<div style="margin-top: 30px;"></div>
<div class="f">
<p><b>태연 - INVU</b></p>
<div class="f-side">
<img src="../static/images/invu.png" alt="태연 - INVU">
<button type="button" class="btn btn-primary" value="재생"
onclick="play3()">재생</button>
<button type="button" class="btn btn-primary" value="일시정
지" onclick="stop3()">일시정지</button>
<audio id="audio3" src="../static/audios/invu.mp3"></audio>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-xxl-4 mb-5">
<div class="card bg-light border-0 h-100">
<div class="card-body text-center p-4 p-lg-5 pt-0 pt-lg-0">
<div style="margin-top: 30px;"></div>
<div class="f">
<p><b>아이즈원 - FIESTA</b></p>
<div class="f-side">
<img src="../static/images/fiesta.png" alt="아이즈원 - FIESTA
">
<button type="button" class="btn btn-primary" value="재생"
onclick="play4()">재생</button>