<!doctype html> <html lang="en"> <head> <!-- Required meta tags --> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, maximum-scale=1, user-scalable=0"> <title>LiveTaskyell</title> <link rel="stylesheet" href="./css/notosansjp.css"> <link href="./fontawesome/css/all.css" rel="stylesheet"> <link rel="stylesheet" href="./css/bootstrap.min.css"> <link rel="stylesheet" href="./css/common.css"> <link rel="stylesheet" href="./css/archive.css"> <link rel="stylesheet" href="./css/footer.css"> <link rel="stylesheet" href="./css/font-awesome.css"> </head> <body> <!-- ナビメニュー --> <nav> <div class="row h-100 align-items-center"> <div class="col-4 pr-0"> <div class="nav-item"> <div class="nav_prev"> <a href="archive.html"><span>アーカイブ</span></a> </div> </div> </div> <div class="col-4 p-0"> <div class="nav-item p-0"> <h1 class="nav-ttl">詳細</h1> </div> </div> <div class="col-4 pl-0"> <div class="nav-item text-right"> </div> </div><!-- .col --> </div><!-- .row --> </nav><!-- nav --> <!-- コンテンツ --> <main id="archive"> <!-- アーカイブ詳細 --> <div class="archive_detail"> <div class="archive_detail_hero text-center"> <div class="img_wrap"> <img src="img/capture.png" alt="サンプル画像"> </div> <div class="img_wrap"> <img src="img/controller.png" alt="サンプル画像"> </div> </div> <div class="archive_detail_desc"> <div class="archive_detail_fl_nm item"> <h2 class="ttl">ファイル名</h2> <span>filename.mp4</span> </div> <div class="archive_detail_sv_date item"> <h2 class="ttl">保存日</h2> <span>2021/02/24 16:14</span> </div> <div class="archive_detail_room_nm item"> <h2 class="ttl">チャットルーム名</h2> <span>チャットルーム名チャットルーム名チャットルーム名チャットルーム名</span> </div> <div class="archive_detail_sv_user item"> <h2 class="ttl">保存ユーザー</h2> <div class="d-flex flex-row"> <div class="d-flex flex-column"> <img src="img/noImage.png" alt="プロフィール画像"> <span>名前名前名前名前名前名前</span> </div> </div> </div> <div class="archive_detail_user_list item"> <h2 class="ttl">参加ユーザー</h2> <ul class="d-flex flex-row"> <li> <div class="d-flex flex-column"> <img src="img/noImage.png" alt="プロフィール画像"> <span>名前名前名前名前名前名前</span> </div> </li> <li> <div class="d-flex flex-column"> <img src="img/noImage.png" alt="プロフィール画像"> <span>名前名前</span> </div> </li> <li> <div class="d-flex flex-column"> <img src="img/noImage.png" alt="プロフィール画像"> <span>名前名前</span> </div> </li> <li> <div class="d-flex flex-column"> <img src="img/noImage.png" alt="プロフィール画像"> <span>名前名前名前名前名前名前</span> </div> </li> <li> <div class="d-flex flex-column"> <img src="img/noImage.png" alt="プロフィール画像"> <span>名前名前名前名前名前名前</span> </div> </li> <li> <div class="d-flex flex-column"> <img src="img/noImage.png" alt="プロフィール画像"> <span>名前名前</span> </div> </li> <li> <div class="d-flex flex-column"> <img src="img/noImage.png" alt="プロフィール画像"> <span>名前名前</span> </div> </li> <li> <div class="d-flex flex-column"> <img src="img/noImage.png" alt="プロフィール画像"> <span>名前名前</span> </div> </li> <li> <div class="d-flex flex-column"> <img src="img/noImage.png" alt="プロフィール画像"> <span>名前名前</span> </div> </li> <li> <div class="d-flex flex-column"> <img src="img/noImage.png" alt="プロフィール画像"> <span>名前名前</span> </div> </li> </ul> </div> </div> </div> </main> <script src="./js/libs/jquery-3.3.1.min.js"></script> <script src="./js/libs/moment.js"></script> <script src="./js/libs/bootstrap.min.js"></script> <script src="./js/libs/jquery.mark.min.js"></script> <script src="./js/archive.js"></script> <script src="./js/common.js"></script> </body> </html>