Tryag File Manager
Home
||
Turbo Force
||
B-F Config_Cpanel
Current Path :
/
home
/
nongapp.eemo.co.kr
/
public_html
/
www
/
Or
Select Your Path :
Upload File :
New :
File
Dir
/home/nongapp.eemo.co.kr/public_html/www/page-chat.html
<!doctype html> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, viewport-fit=cover" /> <meta name="apple-mobile-web-app-capable" content="yes" /> <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"> <meta name="theme-color" content="#000000"> <title>Mobilekit Mobile UI Kit</title> <meta name="description" content="Mobilekit HTML Mobile UI Kit"> <meta name="keywords" content="bootstrap 4, mobile template, cordova, phonegap, mobile, html" /> <link rel="icon" type="image/png" href="assets/img/favicon.png" sizes="32x32"> <link rel="apple-touch-icon" sizes="180x180" href="assets/img/icon/192x192.png"> <link rel="stylesheet" href="assets/css/style.css"> <link rel="manifest" href="__manifest.json"> </head> <body> <!-- loader --> <div id="loader"> <div class="spinner-border text-primary" role="status"></div> </div> <!-- * loader --> <!-- App Header --> <div class="appHeader bg-primary text-light"> <div class="left"> <a href="app-pages.html" class="headerButton"> <ion-icon name="chevron-back-outline"></ion-icon> </a> </div> <div class="pageTitle">Chat</div> <div class="right"> <a href="javascript:;" class="headerButton"> <ion-icon name="videocam-outline"></ion-icon> </a> <a href="javascript:;" class="headerButton"> <ion-icon name="call-outline"></ion-icon> <span class="badge badge-danger">1</span> </a> </div> </div> <!-- * App Header --> <!-- App Capsule --> <div id="appCapsule"> <div class="message-divider"> Friday, Sep 20, 10:40 AM </div> <div class="message-item"> <img src="assets/img/sample/avatar/avatar1.jpg" alt="avatar" class="avatar"> <div class="content"> <div class="title">John</div> <div class="bubble"> Hi everyone, how are you? </div> <div class="footer">8:40 AM</div> </div> </div> <div class="message-item"> <img src="assets/img/sample/avatar/avatar2.jpg" alt="avatar" class="avatar"> <div class="content"> <div class="title">Marry</div> <div class="bubble"> I'm fine, how are you today john, do you feel good? </div> <div class="footer">10:40 AM</div> </div> </div> <div class="message-item user"> <div class="content"> <div class="bubble"> Would you please repost the photo you sent yesterday? </div> <div class="footer">10:40 AM</div> </div> </div> <div class="message-divider"> Friday, Sep 20, 10:40 AM </div> <div class="message-item"> <img src="assets/img/sample/avatar/avatar2.jpg" alt="avatar" class="avatar"> <div class="content"> <div class="title">Marry</div> <div class="bubble"> <img src="assets/img/sample/photo/1.jpg" alt="photo" class="imaged w160"> </div> <div class="footer">10:40 AM</div> </div> </div> <div class="message-item"> <img src="assets/img/sample/avatar/avatar4.jpg" alt="avatar" class="avatar"> <div class="content"> <div class="title">Katie</div> <div class="bubble"> Nice photo ! </div> <div class="footer">10:40 AM</div> </div> </div> <div class="message-item"> <img src="assets/img/sample/avatar/avatar2.jpg" alt="avatar" class="avatar"> <div class="content"> <div class="title">Marry</div> <div class="bubble"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque vitae nisl et nibh iaculis sagittis. In hac habitasse platea dictumst. Sed eu massa lacinia, interdum ex et, sollicitudin elit. </div> <div class="footer">10:40 AM</div> </div> </div> <div class="message-item user"> <div class="content"> <div class="bubble"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque vitae nisl et nibh iaculis sagittis. In hac habitasse platea dictumst. Sed eu massa lacinia, interdum ex et, sollicitudin elit. </div> <div class="footer">10:40 AM</div> </div> </div> </div> <!-- * App Capsule --> <!-- Share Action Sheet --> <div class="modal fade action-sheet inset" id="addActionSheet" tabindex="-1" role="dialog"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title">Share</h5> </div> <div class="modal-body"> <ul class="action-button-list"> <li> <a href="#" class="btn btn-list" data-dismiss="modal"> <span> <ion-icon name="camera-outline"></ion-icon> Take a photo </span> </a> </li> <li> <a href="#" class="btn btn-list" data-dismiss="modal"> <span> <ion-icon name="videocam-outline"></ion-icon> Video </span> </a> </li> <li> <a href="#" class="btn btn-list" data-dismiss="modal"> <span> <ion-icon name="image-outline"></ion-icon> Upload from Gallery </span> </a> </li> <li> <a href="#" class="btn btn-list" data-dismiss="modal"> <span> <ion-icon name="document-outline"></ion-icon> Documents </span> </a> </li> <li> <a href="#" class="btn btn-list" data-dismiss="modal"> <span> <ion-icon name="musical-notes-outline"></ion-icon> Sound file </span> </a> </li> </ul> </div> </div> </div> </div> <!-- * Share Action Sheet --> <!-- chat footer --> <div class="chatFooter"> <form> <a href="javascript:;" class="btn btn-icon btn-secondary rounded" data-toggle="modal" data-target="#addActionSheet"> <ion-icon name="add"></ion-icon> </a> <div class="form-group boxed"> <div class="input-wrapper"> <input type="text" class="form-control" placeholder="Type a message..."> <i class="clear-input"> <ion-icon name="close-circle"></ion-icon> </i> </div> </div> <button type="button" class="btn btn-icon btn-primary rounded"> <ion-icon name="send"></ion-icon> </button> </form> </div> <!-- * chat footer --> <!-- ///////////// Js Files //////////////////// --> <!-- Jquery --> <script src="assets/js/lib/jquery-3.4.1.min.js"></script> <!-- Bootstrap--> <script src="assets/js/lib/popper.min.js"></script> <script src="assets/js/lib/bootstrap.min.js"></script> <!-- Ionicons --> <script src="https://unpkg.com/ionicons@5.0.0/dist/ionicons.js"></script> <!-- Owl Carousel --> <script src="assets/js/plugins/owl-carousel/owl.carousel.min.js"></script> <!-- Base Js File --> <script src="assets/js/base.js"></script> </body> </html>