<li class="d-flex align-items-center"> <a href="archive_detail.html" class="w-100"> <div class="archive_item d-flex flex-row align-items-center w-100"> <div class="arhive_img"> <div class="img_wrap bg_blue"> <img src="icon/icon_collabo_videocam.svg" alt="動画" /> </div> </div> <div class="archive_desc"> <div class="archive_name"> <span>ファイル名.mp4</span> </div> <div class="archive_date"> <span>2021/02/24 16:14</span> </div> </div> </div> </a> </li> <li class="d-flex align-items-center"> <a href="archive_detail.html" class="w-100"> <div class="archive_item d-flex flex-row align-items-center w-100"> <div class="arhive_img"> <div class="img_wrap bg_blue"> <img src="icon/icon_collabo_picture.svg" alt="写真" /> </div> </div> <div class="archive_desc"> <div class="archive_name"> <span>ファイル名ファイル名ファイル名ファイル名ファイル名ファイル名ファイル名ファイル名ファイル名ファイル名.jpg</span> </div> <div class="archive_date"> <span>2021/02/24 16:14</span> </div> </div> </div> </a> </li> <li class="d-flex align-items-center"> <a href="archive_detail.html" class="w-100"> <div class="archive_item d-flex flex-row align-items-center w-100"> <div class="arhive_img"> <div class="img_wrap bg_blue"> <img src="icon/icon_collabo_headset.svg" alt="音声" /> </div> </div> <div class="archive_desc"> <div class="archive_name"> <span>ファイル名ファイル名.mp3</span> </div> <div class="archive_date"> <span>2021/02/24 16:14</span> </div> </div> </div> </a> </li> <li class="d-flex align-items-center"> <a href="archive_detail.html" class="w-100"> <div class="archive_item d-flex flex-row align-items-center w-100"> <div class="arhive_img"> <div class="img_wrap bg_blue"> <img src="icon/icon_collabo_document.svg" alt="資料" /> </div> </div> <div class="archive_desc"> <div class="archive_name"> <span>ファイル名ファイル名.jpg</span> </div> <div class="archive_date"> <span>2021/02/24 16:14</span> </div> </div> </div> </a> </li>