<!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/chat.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="chat_add_user.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="chat_add_user_confirm"> <form action="chat_room.html" method="post"> <!-- 参加者一覧 --> <div class="chat_list"> <h2>参加者</h2> <ul class="p-0 chat_make_room_list"> <li class="d-flex align-items-center"> <div class="chat_item d-flex flex-row align-items-center w-100"> <div class="chat_item_l"> <div class="thumbnail"> <div class="img_wrap"><img src="img/thumbnail.png" alt="サムネイル画像" /></div> </div> </div> <div class="chat_item_m px-0"> <div class="d-flex flex-column"> <div class="chat_item_t"> <span class="chat_item_ttl">名前 太郎</span> </div> </div> </div> </div> </li> <li class="d-flex align-items-center"> <div class="chat_item d-flex flex-row align-items-center w-100"> <div class="chat_item_l"> <div class="thumbnail"> <div class="img_wrap"><img src="img/thumbnail.png" alt="サムネイル画像" /></div> </div> </div> <div class="chat_item_m px-0"> <div class="d-flex flex-column"> <div class="chat_item_t"> <span class="chat_item_ttl">名前 太郎</span> </div> </div> </div> </div> </li> <li class="d-flex align-items-center"> <div class="chat_item d-flex flex-row align-items-center w-100"> <div class="chat_item_l"> <div class="thumbnail"> <div class="img_wrap"><img src="img/thumbnail.png" alt="サムネイル画像" /></div> </div> </div> <div class="chat_item_m px-0"> <div class="d-flex flex-column"> <div class="chat_item_t"> <span class="chat_item_ttl">名前 太郎</span> </div> </div> </div> </div> </li> <li class="d-flex align-items-center"> <div class="chat_item d-flex flex-row align-items-center w-100"> <div class="chat_item_l"> <div class="thumbnail"> <div class="img_wrap"><img src="img/thumbnail.png" alt="サムネイル画像" /></div> </div> </div> <div class="chat_item_m px-0"> <div class="d-flex flex-column"> <div class="chat_item_t"> <span class="chat_item_ttl">名前 太郎</span> </div> </div> </div> </div> </li> <li class="d-flex align-items-center"> <div class="chat_item d-flex flex-row align-items-center w-100"> <div class="chat_item_l"> <div class="thumbnail"> <div class="img_wrap"><img src="img/thumbnail.png" alt="サムネイル画像" /></div> </div> </div> <div class="chat_item_m px-0"> <div class="d-flex flex-column"> <div class="chat_item_t"> <span class="chat_item_ttl">名前 太郎</span> </div> </div> </div> </div> </li> <li class="d-flex align-items-center"> <div class="chat_item d-flex flex-row align-items-center w-100"> <div class="chat_item_l"> <div class="thumbnail"> <div class="img_wrap"><img src="img/thumbnail.png" alt="サムネイル画像" /></div> </div> </div> <div class="chat_item_m px-0"> <div class="d-flex flex-column"> <div class="chat_item_t"> <span class="chat_item_ttl">名前 太郎</span> </div> </div> </div> </div> </li> <li class="d-flex align-items-center"> <div class="chat_item d-flex flex-row align-items-center w-100"> <div class="chat_item_l"> <div class="thumbnail"> <div class="img_wrap"><img src="img/thumbnail.png" alt="サムネイル画像" /></div> </div> </div> <div class="chat_item_m px-0"> <div class="d-flex flex-column"> <div class="chat_item_t"> <span class="chat_item_ttl">名前 太郎</span> </div> </div> </div> </div> </li> <li class="d-flex align-items-center"> <div class="chat_item d-flex flex-row align-items-center w-100"> <div class="chat_item_l"> <div class="thumbnail"> <div class="img_wrap"><img src="img/thumbnail.png" alt="サムネイル画像" /></div> </div> </div> <div class="chat_item_m px-0"> <div class="d-flex flex-column"> <div class="chat_item_t"> <span class="chat_item_ttl">名前 太郎</span> </div> </div> </div> </div> </li> <li class="d-flex align-items-center"> <div class="chat_item d-flex flex-row align-items-center w-100"> <div class="chat_item_l"> <div class="thumbnail"> <div class="img_wrap"><img src="img/thumbnail.png" alt="サムネイル画像" /></div> </div> </div> <div class="chat_item_m px-0"> <div class="d-flex flex-column"> <div class="chat_item_t"> <span class="chat_item_ttl">名前 太郎</span> </div> </div> </div> </div> </li> </ul> </div> <!-- ユーザー招待ボタン --> <div class="add_user_btn"> <button type="button" name="button">招待</button> </div> </form> </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/chat.js"></script> </body> </html>