Файловый менеджер - Редактировать - /home/clickysoft/public_html/jmapi5.clickysoft.net/inbox.html.tar
Назад
home/clickysoft/public_html/curator-club.clickysoft.net/inbox.html 0000644 00000454347 15021252404 0021531 0 ustar 00 <!DOCTYPE html> <html class="popup-animation" lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Curator Club - Inbox</title> <link rel="icon" type="image/x-icon" href="images/curator-favicon.png"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css" integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l" crossorigin="anonymous"> <link href="css/main.css" rel="stylesheet"> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.css" integrity="sha512-yHknP1/AwR+yx26cB1y0cjvQUMvEa2PFzt1c9LlS4pRQ5NOTZFWbhBig+X9G9eYW/8m0/4OXNx8pxJ6z57x0dw==" crossorigin="anonymous" referrerpolicy="no-referrer" /> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.css" integrity="sha512-6lLUdeQ5uheMFbWm3CP271l14RsX1xtx+J5x2yeIDkkiBpeVTNhTqijME7GgRKKi6hCqovwCoBTlRBEC20M8Mg==" crossorigin="anonymous" referrerpolicy="no-referrer" /> <link rel="stylesheet" href="https://rawgithub.com/dimsemenov/Magnific-Popup/master/dist/magnific-popup.css"> <link rel="stylesheet" href="css/animate.css"> </head> <body> <!-- HEADER SECTION BEGIN --> <header class="header how-it-work-header" id="header"> <div class="container-fluid"> <div class="row"> <div class="col-lg-12 col-md-12 col-sm-12 col-12"> <div class="header-inner account-setting-pg"> <nav class="navbar container"> <a href="index.html" class="brand"><img src="images/logo.png" alt="image" class="img-fluid"></a> <div class="burger" id="burger"> <span class="burger-line"></span> <span class="burger-line"></span> <span class="burger-line"></span> </div> <div class="menu new-menu-bar" id="menu"> <ul class="menu-inner"> <li class="menu-item"><a href="index.html" class="menu-link">Home</a></li> <li class="menu-item"><a href="my-campaign-artist-song.html" class="menu-link">My campaign </a></li> <li class="menu-item mobile-dropdown-hide"> <a href="play-listing-floor.html" class="menu-link"> <div id="dropdown-wrapper" class="dropdown-wrapper" tabindex="1"> <span>Playlist floor </span> </div> </a> </li> <li class="menu-item"><a href="help.html" class="menu-link">Help </a></li> <li class="menu-item"> <div class="btns-flex curator-mobile-show"> <div class="cur-login-btn"> <div class='profile'> <div class='avatar'> <i class="fa fa-bell" aria-hidden="true"></i> </div> </div> <div class='profiledropdown'> <ul> <li class='option'> <a href="javascript:void(0)"> <div class="not-flex"> <div class="not-img"> <img src="images/avatar-small-img.png" alt="image" class="img-fluid"> </div> <div class="not-cont"> <p>Jeff Jordan <span>promoted your answer</span></p> </div> </div> </a> </li> <li class='option'> <a href="javascript:void(0)"> <div class="not-flex"> <div class="not-img"> <img src="images/avatar-small-img.png" alt="image" class="img-fluid"> </div> <div class="not-cont"> <p>Jeff Jordan <span>promoted your answer</span></p> </div> </div> </a> </li> <li class='option'> <a href="javascript:void(0)"> <div class="not-flex"> <div class="not-img"> <img src="images/avatar-small-img.png" alt="image" class="img-fluid"> </div> <div class="not-cont"> <p>Jeff Jordan <span>promoted your answer</span></p> </div> </div> </a> </li> <li class='option'> <a href="javascript:void(0)"> <div class="not-flex"> <div class="not-img"> <img src="images/avatar-small-img.png" alt="image" class="img-fluid"> </div> <div class="not-cont"> <p>Jeff Jordan <span>promoted your answer</span></p> </div> </div> </a> </li> <li class='option'> <a href="javascript:void(0)"> <div class="not-flex"> <div class="not-img"> <img src="images/avatar-small-img.png" alt="image" class="img-fluid"> </div> <div class="not-cont"> <p>Jeff Jordan <span>promoted your answer</span></p> </div> </div> </a> </li> </ul> </div> </div> <div class="cur-signup-btn"> <div class="user-menu-wrap"> <div class="jeff-cont"> <a class="mini-photo-wrapper2" href="javascript:void(0)"><img class="mini-photo" src="images/avatar-small-img.png" alt="image" width="80" height="80"/> Jeff Jordan </a> </div> <div class="menu-container2"> <ul class="user-menu"> <div class="profile-highlight"> <img src="images/avatar-small-img.png" alt="profile-img" width=36 height=36> <div class="details"> <div id="profile-name">Jeff Jordan</div> <div id="profile-footer"><a href="javascript:void(0)" class="jeff-mail">jjordan@mail.com</a></div> <div><a href="javascript:void(0)" class="jeff-view-profile">View Profile</a></div> </div> </div> <li class="user-menu__item"> <a class="user-menu-link" href="javascript:void(0)"> <div>My Campaigns</div> </a> </li> <li class="user-menu__item"> <a class="user-menu-link" href="javascript:void(0)"> <div>My Credits <span class="pull-right credit-amount-content">30 <img src="images/cur-small-logo.png" alt="image" class="img-fluid"></span></div> </a> </li> <li class="user-menu__item"> <a class="user-menu-link" href="javascript:void(0)"> <div>Settings</div> </a> </li> <li class="user-menu__item"> <a class="user-menu-link" href="javascript:void(0)"> <div>Help</div> </a> </li> <li class="user-menu__item"> <a class="user-menu-link" href="javascript:void(0)"> <div>Log Out</div> </a> </li> </ul> </div> </div> </div> </div> </li> </ul> </div> </nav> <div class="btns-flex curator-mobile-hide"> <div class="cur-login-btn"> <div class='profile'> <div class='avatar'> <i class="fa fa-bell" aria-hidden="true"></i> </div> </div> <div class='profiledropdown'> <ul> <li class='option'> <a href="javascript:void(0)"> <div class="not-flex"> <div class="not-img"> <img src="images/avatar-small-img.png" alt="image" class="img-fluid"> </div> <div class="not-cont"> <p>Jeff Jordan <span>promoted your answer</span></p> </div> </div> </a> </li> <li class='option'> <a href="javascript:void(0)"> <div class="not-flex"> <div class="not-img"> <img src="images/avatar-small-img.png" alt="image" class="img-fluid"> </div> <div class="not-cont"> <p>Jeff Jordan <span>promoted your answer</span></p> </div> </div> </a> </li> <li class='option'> <a href="javascript:void(0)"> <div class="not-flex"> <div class="not-img"> <img src="images/avatar-small-img.png" alt="image" class="img-fluid"> </div> <div class="not-cont"> <p>Jeff Jordan <span>promoted your answer</span></p> </div> </div> </a> </li> </ul> </div> </div> <div class="cur-signup-btn"> <div class="user-menu-wrap"> <div class="jeff-cont"> <a class="mini-photo-wrapper" href="javascript:void(0)"><img class="mini-photo" src="images/avatar-small-img.png" alt="image" width="80" height="80"/> Jeff Jordan </a> </div> <div class="menu-container"> <ul class="user-menu"> <div class="profile-highlight"> <img src="images/avatar-small-img.png" alt="profile-img" width=36 height=36> <div class="details"> <div id="profile-name">Jeff Jordan</div> <div id="profile-footer"><a href="javascript:void(0)" class="jeff-mail">jjordan@mail.com</a></div> <div><a href="javascript:void(0)" class="jeff-view-profile">View Profile</a></div> </div> </div> <li class="user-menu__item"> <a class="user-menu-link" href="javascript:void(0)"> <div>My Campaigns</div> </a> </li> <li class="user-menu__item"> <a class="user-menu-link" href="javascript:void(0)"> <div>My Credits <span class="pull-right credit-amount-content">30 <img src="images/cur-small-logo.png" alt="image" class="img-fluid"></span></div> </a> </li> <li class="user-menu__item"> <a class="user-menu-link" href="javascript:void(0)"> <div>Settings</div> </a> </li> <li class="user-menu__item"> <a class="user-menu-link" href="javascript:void(0)"> <div>Help</div> </a> </li> <li class="user-menu__item"> <a class="user-menu-link" href="javascript:void(0)"> <div>Log Out</div> </a> </li> </ul> </div> </div> </div> </div> </div> </div> </div> </div> </header> <!-- HEADER SECTION END --> <!-- CHAT INBOX SECTION BEGIN --> <section class="chat-inbox-sec"> <div class="container-fluid"> <div class="mobile-dev-hide"> <div class="row wrap-feature41-box"> <div class="col-lg-4 col-md-12 col-sm-12 col-12"> <ul class="nav vtab f41-tab"> <h4 class="In-box-text">INBOX</h4> <li class="nav-item"> <a class="nav-link active" id="home-tab" data-toggle="tab" href="#home"> <div class="main-img-inbox"> <div class="inbox-cont"> <div class="inbox-content-img"> <img src="images/inbox1.png" alt="image" class="img-fluid"> </div> <div class="inbox-content-txt"> <h6>Sholpubshi</h6> <p>Me: Thank you so much for...</p> </div> </div> <div class="content-inbox-time"> <span>21h</span> </div> </div> </a> </li> <li class="nav-item"> <a class="nav-link" id="profile-tab" data-toggle="tab" href="#profile"> <div class="main-img-inbox"> <div class="inbox-cont"> <div class="inbox-content-img"> <img src="images/inbox2.png" alt="image" class="img-fluid"> </div> <div class="inbox-content-txt"> <h6>emergencyuse</h6> <p>Me: Thank you so much for...</p> </div> </div> <div class="content-inbox-time"> <span>1day</span> </div> </div> </a> </li> <li class="nav-item"> <a class="nav-link" id="dropdown1-tab" data-toggle="tab" href="#dropdown1"> <div class="main-img-inbox"> <div class="inbox-cont"> <div class="inbox-content-img"> <img src="images/inbox3.png" alt="image" class="img-fluid"> </div> <div class="inbox-content-txt"> <h6>landersrm</h6> <p>Me: Thank you so much for...</p> </div> </div> <div class="content-inbox-time"> <span>21h</span> </div> </div> </a> </li> <li class="nav-item"> <a class="nav-link" id="ssd-tab" data-toggle="tab" href="#ssd"> <div class="main-img-inbox"> <div class="inbox-cont"> <div class="inbox-content-img"> <img src="images/inbox4.png" alt="image" class="img-fluid"> </div> <div class="inbox-content-txt"> <h6>Mikaela McCormick</h6> <p>Me: Thank you so much for...</p> </div> </div> <div class="content-inbox-time"> <span>2days</span> </div> </div> </a> </li> <li class="nav-item"> <a class="nav-link" id="ssd-tab1" data-toggle="tab" href="#ssd1"> <div class="main-img-inbox"> <div class="inbox-cont"> <div class="inbox-content-img"> <img src="images/inbox5.png" alt="image" class="img-fluid"> </div> <div class="inbox-content-txt"> <h6>Andy Horne</h6> <p>Me: Thank you so much for...</p> </div> </div> <div class="content-inbox-time"> <span>1month</span> </div> </div> </a> </li> <li class="nav-item"> <a class="nav-link" id="ssd-tab2" data-toggle="tab" href="#ssd2"> <div class="main-img-inbox"> <div class="inbox-cont"> <div class="inbox-content-img"> <img src="images/inbox6.png" alt="image" class="img-fluid"> </div> <div class="inbox-content-txt"> <h6>Remy Mays</h6> <p>Me: Thank you so much for...</p> </div> </div> <div class="content-inbox-time"> <span>1month</span> </div> </div> </a> </li> <li class="nav-item"> <a class="nav-link" id="ssd-tab3" data-toggle="tab" href="#ssd3"> <div class="main-img-inbox"> <div class="inbox-cont"> <div class="inbox-content-img"> <img src="images/inbox7.png" alt="image" class="img-fluid"> </div> <div class="inbox-content-txt"> <h6>Zoey Mata</h6> <p>Me: Thank you so much for...</p> </div> </div> <div class="content-inbox-time"> <span>1month</span> </div> </div> </a> </li> <li class="nav-item"> <a class="nav-link" id="ssd-tab4" data-toggle="tab" href="#ssd4"> <div class="main-img-inbox"> <div class="inbox-cont"> <div class="inbox-content-img"> <img src="images/inbox8.png" alt="image" class="img-fluid"> </div> <div class="inbox-content-txt"> <h6>Albert Brandt</h6> <p>Me: Thank you so much for...</p> </div> </div> <div class="content-inbox-time"> <span>1month</span> </div> </div> </a> </li> </ul> </div> <div class="col-lg-7 col-md-12 col-sm-12 col-12 chat-bg-col"> <div class="tab-content" id="myTabContent"> <div class="tab-pane fade show active" id="home" role="tabpanel"> <div class="first-chat-box"> <div class="img-chat-flex"> <img src="images/at1.png" alt="image" class="img-fluid"> <div class="sholpub-text"> <h6>Sholpubshi</h6> <p>Spotify Playlister | Gemany</p> <ul> <li><i class="fa fa-star" aria-hidden="true"></i> 4.6</li> <li><span class="curator-bar">|</span></li> <li>Joined 3y ago</li> </ul> </div> </div> <div class="new-scollbarbar-hide"> <div class="chat-data"> <div class="chat-data-img"> <img src="images/at2.png" alt="image" class="img-fluid"> </div> <div class="chat-data-title"> <h6>Sholpubshi</h6> </div> <div class="chat-data-time"> <span>Sep 13, 2023, 4:17 AM</span> </div> </div> <div class="msg-content-data"> <small>Hi Jeff,</small> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit ut aliquam, purus sit amet luctus venenatis, lectus magna fringilla urna, porttitor rhoncus dolor purus non enim praesent elementum facilisis leo, vel fringilla est ullamcorper eget nulla</p> <span>Best Regards.</span> </div> <div class="chat-data chat-data-sec"> <div class="chat-data-img"> <img src="images/at2.png" alt="image" class="img-fluid"> </div> <div class="chat-data-title"> <h6>Sholpubshi</h6> </div> <div class="chat-data-time"> <span>Sep 14, 2023, 4:17 AM</span> </div> </div> <div class="msg-content-data"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit ut aliquam, purus sit amet luctus venenatis,</p> </div> <div class="chat-data"> <div class="chat-data-img"> <img src="images/at3.png" alt="image" class="img-fluid"> </div> <div class="chat-data-title"> <h6>Jeff Jordan</h6> </div> </div> <div class="new-chat-border"> <div class="msg-content-data msg-content-data-sec"> <small>Hi Shol,</small> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit ut aliquam, purus sit amet luctus venenatis, lectus magna fringilla</p> </div> </div> </div> <div class="main-chat-text-box"> <div class="happy-emoji"> <a href="javascript:void(0)"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M7,20h6c5,0,7-2,7-7V7c0-5-2-7-7-7H7C2,0,0,2,0,7v6C0,18,2,20,7,20Z" transform="translate(2 2)" fill="none" stroke="#919191" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/><path d="M3,1.5A1.5,1.5,0,1,1,1.5,0,1.5,1.5,0,0,1,3,1.5Z" transform="translate(14 6.75)" fill="none" stroke="#919191" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/><path d="M3,1.5A1.5,1.5,0,1,1,1.5,0,1.5,1.5,0,0,1,3,1.5Z" transform="translate(7 6.75)" fill="none" stroke="#919191" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/><path d="M.9,0H8.1A.9.9,0,0,1,9,.9a4.5,4.5,0,1,1-9,0A.9.9,0,0,1,.9,0Z" transform="translate(7.5 13.3)" fill="none" stroke="#919191" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/><path d="M0,0H24V24H0Z" fill="none" opacity="0"/></svg> </a> </div> <div class="ppaper-clip"> <a href="javascript:void(0)"> <svg xmlns="http://www.w3.org/2000/svg" width="16.949" height="19.2" viewBox="0 0 16.949 19.2"><path d="M11.249,4.5l-7.81,7.94a1.5,1.5,0,1,0,2.121,2.121l9.31-9.44A3,3,0,0,0,10.628.879l-9.31,9.44a4.5,4.5,0,1,0,6.364,6.364L15.374,9" transform="translate(0.6 0.6)" fill="none" stroke="#919191" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.2"/></svg> </a> </div> <div class="write-text"> <textarea cols="1" rows="1" class="form-control"></textarea> </div> <div class="send-paper-plane"> <a href="javascript:void(0)"> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path d="M11.319.33,3.794,2.83c-5.058,1.692-5.058,4.45,0,6.133l2.233.742.742,2.233C8.452,17,11.219,17,12.9,11.939L15.41,4.422C16.527,1.047,14.694-.795,11.319.33Zm.267,4.483L8.419,8a.624.624,0,0,1-.883,0,.629.629,0,0,1,0-.883L10.7,3.93a.625.625,0,1,1,.883.883Z" transform="translate(2.131 2.136)" fill="#fff"/><path d="M0,0H20V20H0Z" transform="translate(20 20) rotate(180)" fill="none" opacity="0"/></svg> </a> </div> <input type="file" id="file-input" accept="image/*" style="display: none;" onchange="previewFile()"> </div> <div id="file-preview-container" style="display: none;"> <img src="" id="file-preview" alt="File Preview"> </div> </div> </div> <div class="tab-pane fade" id="profile" role="tabpanel"> <div class="first-chat-box"> <div class="img-chat-flex"> <img src="images/at1.png" alt="image" class="img-fluid"> <h6>Sholpubshi</h6> </div> <div class="new-scollbarbar-hide"> <div class="chat-data"> <div class="chat-data-img"> <img src="images/at2.png" alt="image" class="img-fluid"> </div> <div class="chat-data-title"> <h6>Sholpubshi</h6> </div> <div class="chat-data-time"> <span>Sep 13, 2023, 4:17 AM</span> </div> </div> <div class="msg-content-data"> <small>Hi Jeff,</small> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit ut aliquam, purus sit amet luctus venenatis, lectus magna fringilla urna, porttitor rhoncus dolor purus non enim praesent elementum facilisis leo, vel fringilla est ullamcorper eget nulla</p> <span>Best Regards.</span> </div> <div class="chat-data chat-data-sec"> <div class="chat-data-img"> <img src="images/at2.png" alt="image" class="img-fluid"> </div> <div class="chat-data-title"> <h6>Sholpubshi</h6> </div> <div class="chat-data-time"> <span>Sep 14, 2023, 4:17 AM</span> </div> </div> <div class="msg-content-data"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit ut aliquam, purus sit amet luctus venenatis,</p> </div> <div class="chat-data"> <div class="chat-data-img"> <img src="images/at3.png" alt="image" class="img-fluid"> </div> <div class="chat-data-title"> <h6>Jeff Jordan</h6> </div> </div> <div class="new-chat-border"> <div class="msg-content-data msg-content-data-sec"> <small>Hi Shol,</small> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit ut aliquam, purus sit amet luctus venenatis, lectus magna fringilla</p> </div> </div> </div> <div class="main-chat-text-box"> <div class="happy-emoji"> <a href="javascript:void(0)"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M7,20h6c5,0,7-2,7-7V7c0-5-2-7-7-7H7C2,0,0,2,0,7v6C0,18,2,20,7,20Z" transform="translate(2 2)" fill="none" stroke="#919191" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/><path d="M3,1.5A1.5,1.5,0,1,1,1.5,0,1.5,1.5,0,0,1,3,1.5Z" transform="translate(14 6.75)" fill="none" stroke="#919191" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/><path d="M3,1.5A1.5,1.5,0,1,1,1.5,0,1.5,1.5,0,0,1,3,1.5Z" transform="translate(7 6.75)" fill="none" stroke="#919191" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/><path d="M.9,0H8.1A.9.9,0,0,1,9,.9a4.5,4.5,0,1,1-9,0A.9.9,0,0,1,.9,0Z" transform="translate(7.5 13.3)" fill="none" stroke="#919191" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/><path d="M0,0H24V24H0Z" fill="none" opacity="0"/></svg> </a> </div> <div class="ppaper-clip"> <a href="javascript:void(0)"> <svg xmlns="http://www.w3.org/2000/svg" width="16.949" height="19.2" viewBox="0 0 16.949 19.2"><path d="M11.249,4.5l-7.81,7.94a1.5,1.5,0,1,0,2.121,2.121l9.31-9.44A3,3,0,0,0,10.628.879l-9.31,9.44a4.5,4.5,0,1,0,6.364,6.364L15.374,9" transform="translate(0.6 0.6)" fill="none" stroke="#919191" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.2"/></svg> </a> </div> <div class="write-text"> <textarea cols="1" rows="1" class="form-control"></textarea> </div> <div class="send-paper-plane"> <a href="javascript:void(0)"> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path d="M11.319.33,3.794,2.83c-5.058,1.692-5.058,4.45,0,6.133l2.233.742.742,2.233C8.452,17,11.219,17,12.9,11.939L15.41,4.422C16.527,1.047,14.694-.795,11.319.33Zm.267,4.483L8.419,8a.624.624,0,0,1-.883,0,.629.629,0,0,1,0-.883L10.7,3.93a.625.625,0,1,1,.883.883Z" transform="translate(2.131 2.136)" fill="#fff"/><path d="M0,0H20V20H0Z" transform="translate(20 20) rotate(180)" fill="none" opacity="0"/></svg> </a> </div> </div> </div> </div> <div class="tab-pane fade" id="dropdown1" role="tabpanel"> <div class="first-chat-box"> <div class="img-chat-flex"> <img src="images/at1.png" alt="image" class="img-fluid"> <h6>Sholpubshi</h6> </div> <div class="new-scollbarbar-hide"> <div class="chat-data"> <div class="chat-data-img"> <img src="images/at2.png" alt="image" class="img-fluid"> </div> <div class="chat-data-title"> <h6>Sholpubshi</h6> </div> <div class="chat-data-time"> <span>Sep 13, 2023, 4:17 AM</span> </div> </div> <div class="msg-content-data"> <small>Hi Jeff,</small> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit ut aliquam, purus sit amet luctus venenatis, lectus magna fringilla urna, porttitor rhoncus dolor purus non enim praesent elementum facilisis leo, vel fringilla est ullamcorper eget nulla</p> <span>Best Regards.</span> </div> <div class="chat-data chat-data-sec"> <div class="chat-data-img"> <img src="images/at2.png" alt="image" class="img-fluid"> </div> <div class="chat-data-title"> <h6>Sholpubshi</h6> </div> <div class="chat-data-time"> <span>Sep 14, 2023, 4:17 AM</span> </div> </div> <div class="msg-content-data"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit ut aliquam, purus sit amet luctus venenatis,</p> </div> <div class="chat-data"> <div class="chat-data-img"> <img src="images/at3.png" alt="image" class="img-fluid"> </div> <div class="chat-data-title"> <h6>Jeff Jordan</h6> </div> </div> <div class="new-chat-border"> <div class="msg-content-data msg-content-data-sec"> <small>Hi Shol,</small> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit ut aliquam, purus sit amet luctus venenatis, lectus magna fringilla</p> </div> </div> </div> <div class="main-chat-text-box"> <div class="happy-emoji"> <a href="javascript:void(0)"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M7,20h6c5,0,7-2,7-7V7c0-5-2-7-7-7H7C2,0,0,2,0,7v6C0,18,2,20,7,20Z" transform="translate(2 2)" fill="none" stroke="#919191" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/><path d="M3,1.5A1.5,1.5,0,1,1,1.5,0,1.5,1.5,0,0,1,3,1.5Z" transform="translate(14 6.75)" fill="none" stroke="#919191" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/><path d="M3,1.5A1.5,1.5,0,1,1,1.5,0,1.5,1.5,0,0,1,3,1.5Z" transform="translate(7 6.75)" fill="none" stroke="#919191" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/><path d="M.9,0H8.1A.9.9,0,0,1,9,.9a4.5,4.5,0,1,1-9,0A.9.9,0,0,1,.9,0Z" transform="translate(7.5 13.3)" fill="none" stroke="#919191" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/><path d="M0,0H24V24H0Z" fill="none" opacity="0"/></svg> </a> </div> <div class="ppaper-clip"> <a href="javascript:void(0)"> <svg xmlns="http://www.w3.org/2000/svg" width="16.949" height="19.2" viewBox="0 0 16.949 19.2"><path d="M11.249,4.5l-7.81,7.94a1.5,1.5,0,1,0,2.121,2.121l9.31-9.44A3,3,0,0,0,10.628.879l-9.31,9.44a4.5,4.5,0,1,0,6.364,6.364L15.374,9" transform="translate(0.6 0.6)" fill="none" stroke="#919191" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.2"/></svg> </a> </div> <div class="write-text"> <textarea cols="1" rows="1" class="form-control"></textarea> </div> <div class="send-paper-plane"> <a href="javascript:void(0)"> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path d="M11.319.33,3.794,2.83c-5.058,1.692-5.058,4.45,0,6.133l2.233.742.742,2.233C8.452,17,11.219,17,12.9,11.939L15.41,4.422C16.527,1.047,14.694-.795,11.319.33Zm.267,4.483L8.419,8a.624.624,0,0,1-.883,0,.629.629,0,0,1,0-.883L10.7,3.93a.625.625,0,1,1,.883.883Z" transform="translate(2.131 2.136)" fill="#fff"/><path d="M0,0H20V20H0Z" transform="translate(20 20) rotate(180)" fill="none" opacity="0"/></svg> </a> </div> </div> </div> </div> <div class="tab-pane fade" id="ssd" role="tabpanel"> <div class="first-chat-box"> <div class="img-chat-flex"> <img src="images/at1.png" alt="image" class="img-fluid"> <h6>Sholpubshi</h6> </div> <div class="new-scollbarbar-hide"> <div class="chat-data"> <div class="chat-data-img"> <img src="images/at2.png" alt="image" class="img-fluid"> </div> <div class="chat-data-title"> <h6>Sholpubshi</h6> </div> <div class="chat-data-time"> <span>Sep 13, 2023, 4:17 AM</span> </div> </div> <div class="msg-content-data"> <small>Hi Jeff,</small> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit ut aliquam, purus sit amet luctus venenatis, lectus magna fringilla urna, porttitor rhoncus dolor purus non enim praesent elementum facilisis leo, vel fringilla est ullamcorper eget nulla</p> <span>Best Regards.</span> </div> <div class="chat-data chat-data-sec"> <div class="chat-data-img"> <img src="images/at2.png" alt="image" class="img-fluid"> </div> <div class="chat-data-title"> <h6>Sholpubshi</h6> </div> <div class="chat-data-time"> <span>Sep 14, 2023, 4:17 AM</span> </div> </div> <div class="msg-content-data"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit ut aliquam, purus sit amet luctus venenatis,</p> </div> <div class="chat-data"> <div class="chat-data-img"> <img src="images/at3.png" alt="image" class="img-fluid"> </div> <div class="chat-data-title"> <h6>Jeff Jordan</h6> </div> </div> <div class="new-chat-border"> <div class="msg-content-data msg-content-data-sec"> <small>Hi Shol,</small> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit ut aliquam, purus sit amet luctus venenatis, lectus magna fringilla</p> </div> </div> </div> <div class="main-chat-text-box"> <div class="happy-emoji"> <a href="javascript:void(0)"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M7,20h6c5,0,7-2,7-7V7c0-5-2-7-7-7H7C2,0,0,2,0,7v6C0,18,2,20,7,20Z" transform="translate(2 2)" fill="none" stroke="#919191" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/><path d="M3,1.5A1.5,1.5,0,1,1,1.5,0,1.5,1.5,0,0,1,3,1.5Z" transform="translate(14 6.75)" fill="none" stroke="#919191" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/><path d="M3,1.5A1.5,1.5,0,1,1,1.5,0,1.5,1.5,0,0,1,3,1.5Z" transform="translate(7 6.75)" fill="none" stroke="#919191" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/><path d="M.9,0H8.1A.9.9,0,0,1,9,.9a4.5,4.5,0,1,1-9,0A.9.9,0,0,1,.9,0Z" transform="translate(7.5 13.3)" fill="none" stroke="#919191" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/><path d="M0,0H24V24H0Z" fill="none" opacity="0"/></svg> </a> </div> <div class="ppaper-clip"> <a href="javascript:void(0)"> <svg xmlns="http://www.w3.org/2000/svg" width="16.949" height="19.2" viewBox="0 0 16.949 19.2"><path d="M11.249,4.5l-7.81,7.94a1.5,1.5,0,1,0,2.121,2.121l9.31-9.44A3,3,0,0,0,10.628.879l-9.31,9.44a4.5,4.5,0,1,0,6.364,6.364L15.374,9" transform="translate(0.6 0.6)" fill="none" stroke="#919191" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.2"/></svg> </a> </div> <div class="write-text"> <textarea cols="1" rows="1" class="form-control"></textarea> </div> <div class="send-paper-plane"> <a href="javascript:void(0)"> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path d="M11.319.33,3.794,2.83c-5.058,1.692-5.058,4.45,0,6.133l2.233.742.742,2.233C8.452,17,11.219,17,12.9,11.939L15.41,4.422C16.527,1.047,14.694-.795,11.319.33Zm.267,4.483L8.419,8a.624.624,0,0,1-.883,0,.629.629,0,0,1,0-.883L10.7,3.93a.625.625,0,1,1,.883.883Z" transform="translate(2.131 2.136)" fill="#fff"/><path d="M0,0H20V20H0Z" transform="translate(20 20) rotate(180)" fill="none" opacity="0"/></svg> </a> </div> </div> </div> </div> <div class="tab-pane fade" id="ssd1" role="tabpanel"> <div class="first-chat-box"> <div class="img-chat-flex"> <img src="images/at1.png" alt="image" class="img-fluid"> <h6>Sholpubshi</h6> </div> <div class="new-scollbarbar-hide"> <div class="chat-data"> <div class="chat-data-img"> <img src="images/at2.png" alt="image" class="img-fluid"> </div> <div class="chat-data-title"> <h6>Sholpubshi</h6> </div> <div class="chat-data-time"> <span>Sep 13, 2023, 4:17 AM</span> </div> </div> <div class="msg-content-data"> <small>Hi Jeff,</small> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit ut aliquam, purus sit amet luctus venenatis, lectus magna fringilla urna, porttitor rhoncus dolor purus non enim praesent elementum facilisis leo, vel fringilla est ullamcorper eget nulla</p> <span>Best Regards.</span> </div> <div class="chat-data chat-data-sec"> <div class="chat-data-img"> <img src="images/at2.png" alt="image" class="img-fluid"> </div> <div class="chat-data-title"> <h6>Sholpubshi</h6> </div> <div class="chat-data-time"> <span>Sep 14, 2023, 4:17 AM</span> </div> </div> <div class="msg-content-data"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit ut aliquam, purus sit amet luctus venenatis,</p> </div> <div class="chat-data"> <div class="chat-data-img"> <img src="images/at3.png" alt="image" class="img-fluid"> </div> <div class="chat-data-title"> <h6>Jeff Jordan</h6> </div> </div> <div class="new-chat-border"> <div class="msg-content-data msg-content-data-sec"> <small>Hi Shol,</small> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit ut aliquam, purus sit amet luctus venenatis, lectus magna fringilla</p> </div> </div> </div> <div class="main-chat-text-box"> <div class="happy-emoji"> <a href="javascript:void(0)"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M7,20h6c5,0,7-2,7-7V7c0-5-2-7-7-7H7C2,0,0,2,0,7v6C0,18,2,20,7,20Z" transform="translate(2 2)" fill="none" stroke="#919191" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/><path d="M3,1.5A1.5,1.5,0,1,1,1.5,0,1.5,1.5,0,0,1,3,1.5Z" transform="translate(14 6.75)" fill="none" stroke="#919191" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/><path d="M3,1.5A1.5,1.5,0,1,1,1.5,0,1.5,1.5,0,0,1,3,1.5Z" transform="translate(7 6.75)" fill="none" stroke="#919191" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/><path d="M.9,0H8.1A.9.9,0,0,1,9,.9a4.5,4.5,0,1,1-9,0A.9.9,0,0,1,.9,0Z" transform="translate(7.5 13.3)" fill="none" stroke="#919191" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/><path d="M0,0H24V24H0Z" fill="none" opacity="0"/></svg> </a> </div> <div class="ppaper-clip"> <a href="javascript:void(0)"> <svg xmlns="http://www.w3.org/2000/svg" width="16.949" height="19.2" viewBox="0 0 16.949 19.2"><path d="M11.249,4.5l-7.81,7.94a1.5,1.5,0,1,0,2.121,2.121l9.31-9.44A3,3,0,0,0,10.628.879l-9.31,9.44a4.5,4.5,0,1,0,6.364,6.364L15.374,9" transform="translate(0.6 0.6)" fill="none" stroke="#919191" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.2"/></svg> </a> </div> <div class="write-text"> <textarea cols="1" rows="1" class="form-control"></textarea> </div> <div class="send-paper-plane"> <a href="javascript:void(0)"> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path d="M11.319.33,3.794,2.83c-5.058,1.692-5.058,4.45,0,6.133l2.233.742.742,2.233C8.452,17,11.219,17,12.9,11.939L15.41,4.422C16.527,1.047,14.694-.795,11.319.33Zm.267,4.483L8.419,8a.624.624,0,0,1-.883,0,.629.629,0,0,1,0-.883L10.7,3.93a.625.625,0,1,1,.883.883Z" transform="translate(2.131 2.136)" fill="#fff"/><path d="M0,0H20V20H0Z" transform="translate(20 20) rotate(180)" fill="none" opacity="0"/></svg> </a> </div> </div> </div> </div> <div class="tab-pane fade" id="ssd2" role="tabpanel"> <div class="first-chat-box"> <div class="img-chat-flex"> <img src="images/at1.png" alt="image" class="img-fluid"> <h6>Sholpubshi</h6> </div> <div class="new-scollbarbar-hide"> <div class="chat-data"> <div class="chat-data-img"> <img src="images/at2.png" alt="image" class="img-fluid"> </div> <div class="chat-data-title"> <h6>Sholpubshi</h6> </div> <div class="chat-data-time"> <span>Sep 13, 2023, 4:17 AM</span> </div> </div> <div class="msg-content-data"> <small>Hi Jeff,</small> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit ut aliquam, purus sit amet luctus venenatis, lectus magna fringilla urna, porttitor rhoncus dolor purus non enim praesent elementum facilisis leo, vel fringilla est ullamcorper eget nulla</p> <span>Best Regards.</span> </div> <div class="chat-data chat-data-sec"> <div class="chat-data-img"> <img src="images/at2.png" alt="image" class="img-fluid"> </div> <div class="chat-data-title"> <h6>Sholpubshi</h6> </div> <div class="chat-data-time"> <span>Sep 14, 2023, 4:17 AM</span> </div> </div> <div class="msg-content-data"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit ut aliquam, purus sit amet luctus venenatis,</p> </div> <div class="chat-data"> <div class="chat-data-img"> <img src="images/at3.png" alt="image" class="img-fluid"> </div> <div class="chat-data-title"> <h6>Jeff Jordan</h6> </div> </div> <div class="new-chat-border"> <div class="msg-content-data msg-content-data-sec"> <small>Hi Shol,</small> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit ut aliquam, purus sit amet luctus venenatis, lectus magna fringilla</p> </div> </div> </div> <div class="main-chat-text-box"> <div class="happy-emoji"> <a href="javascript:void(0)"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M7,20h6c5,0,7-2,7-7V7c0-5-2-7-7-7H7C2,0,0,2,0,7v6C0,18,2,20,7,20Z" transform="translate(2 2)" fill="none" stroke="#919191" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/><path d="M3,1.5A1.5,1.5,0,1,1,1.5,0,1.5,1.5,0,0,1,3,1.5Z" transform="translate(14 6.75)" fill="none" stroke="#919191" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/><path d="M3,1.5A1.5,1.5,0,1,1,1.5,0,1.5,1.5,0,0,1,3,1.5Z" transform="translate(7 6.75)" fill="none" stroke="#919191" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/><path d="M.9,0H8.1A.9.9,0,0,1,9,.9a4.5,4.5,0,1,1-9,0A.9.9,0,0,1,.9,0Z" transform="translate(7.5 13.3)" fill="none" stroke="#919191" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/><path d="M0,0H24V24H0Z" fill="none" opacity="0"/></svg> </a> </div> <div class="ppaper-clip"> <a href="javascript:void(0)"> <svg xmlns="http://www.w3.org/2000/svg" width="16.949" height="19.2" viewBox="0 0 16.949 19.2"><path d="M11.249,4.5l-7.81,7.94a1.5,1.5,0,1,0,2.121,2.121l9.31-9.44A3,3,0,0,0,10.628.879l-9.31,9.44a4.5,4.5,0,1,0,6.364,6.364L15.374,9" transform="translate(0.6 0.6)" fill="none" stroke="#919191" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.2"/></svg> </a> </div> <div class="write-text"> <textarea cols="1" rows="1" class="form-control"></textarea> </div> <div class="send-paper-plane"> <a href="javascript:void(0)"> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path d="M11.319.33,3.794,2.83c-5.058,1.692-5.058,4.45,0,6.133l2.233.742.742,2.233C8.452,17,11.219,17,12.9,11.939L15.41,4.422C16.527,1.047,14.694-.795,11.319.33Zm.267,4.483L8.419,8a.624.624,0,0,1-.883,0,.629.629,0,0,1,0-.883L10.7,3.93a.625.625,0,1,1,.883.883Z" transform="translate(2.131 2.136)" fill="#fff"/><path d="M0,0H20V20H0Z" transform="translate(20 20) rotate(180)" fill="none" opacity="0"/></svg> </a> </div> </div> </div> </div> <div class="tab-pane fade" id="ssd3" role="tabpanel"> <div class="first-chat-box"> <div class="img-chat-flex"> <img src="images/at1.png" alt="image" class="img-fluid"> <h6>Sholpubshi</h6> </div> <div class="new-scollbarbar-hide"> <div class="chat-data"> <div class="chat-data-img"> <img src="images/at2.png" alt="image" class="img-fluid"> </div> <div class="chat-data-title"> <h6>Sholpubshi</h6> </div> <div class="chat-data-time"> <span>Sep 13, 2023, 4:17 AM</span> </div> </div> <div class="msg-content-data"> <small>Hi Jeff,</small> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit ut aliquam, purus sit amet luctus venenatis, lectus magna fringilla urna, porttitor rhoncus dolor purus non enim praesent elementum facilisis leo, vel fringilla est ullamcorper eget nulla</p> <span>Best Regards.</span> </div> <div class="chat-data chat-data-sec"> <div class="chat-data-img"> <img src="images/at2.png" alt="image" class="img-fluid"> </div> <div class="chat-data-title"> <h6>Sholpubshi</h6> </div> <div class="chat-data-time"> <span>Sep 14, 2023, 4:17 AM</span> </div> </div> <div class="msg-content-data"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit ut aliquam, purus sit amet luctus venenatis,</p> </div> <div class="chat-data"> <div class="chat-data-img"> <img src="images/at3.png" alt="image" class="img-fluid"> </div> <div class="chat-data-title"> <h6>Jeff Jordan</h6> </div> </div> <div class="new-chat-border"> <div class="msg-content-data msg-content-data-sec"> <small>Hi Shol,</small> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit ut aliquam, purus sit amet luctus venenatis, lectus magna fringilla</p> </div> </div> </div> <div class="main-chat-text-box"> <div class="happy-emoji"> <a href="javascript:void(0)"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M7,20h6c5,0,7-2,7-7V7c0-5-2-7-7-7H7C2,0,0,2,0,7v6C0,18,2,20,7,20Z" transform="translate(2 2)" fill="none" stroke="#919191" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/><path d="M3,1.5A1.5,1.5,0,1,1,1.5,0,1.5,1.5,0,0,1,3,1.5Z" transform="translate(14 6.75)" fill="none" stroke="#919191" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/><path d="M3,1.5A1.5,1.5,0,1,1,1.5,0,1.5,1.5,0,0,1,3,1.5Z" transform="translate(7 6.75)" fill="none" stroke="#919191" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/><path d="M.9,0H8.1A.9.9,0,0,1,9,.9a4.5,4.5,0,1,1-9,0A.9.9,0,0,1,.9,0Z" transform="translate(7.5 13.3)" fill="none" stroke="#919191" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/><path d="M0,0H24V24H0Z" fill="none" opacity="0"/></svg> </a> </div> <div class="ppaper-clip"> <a href="javascript:void(0)"> <svg xmlns="http://www.w3.org/2000/svg" width="16.949" height="19.2" viewBox="0 0 16.949 19.2"><path d="M11.249,4.5l-7.81,7.94a1.5,1.5,0,1,0,2.121,2.121l9.31-9.44A3,3,0,0,0,10.628.879l-9.31,9.44a4.5,4.5,0,1,0,6.364,6.364L15.374,9" transform="translate(0.6 0.6)" fill="none" stroke="#919191" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.2"/></svg> </a> </div> <div class="write-text"> <textarea cols="1" rows="1" class="form-control"></textarea> </div> <div class="send-paper-plane"> <a href="javascript:void(0)"> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path d="M11.319.33,3.794,2.83c-5.058,1.692-5.058,4.45,0,6.133l2.233.742.742,2.233C8.452,17,11.219,17,12.9,11.939L15.41,4.422C16.527,1.047,14.694-.795,11.319.33Zm.267,4.483L8.419,8a.624.624,0,0,1-.883,0,.629.629,0,0,1,0-.883L10.7,3.93a.625.625,0,1,1,.883.883Z" transform="translate(2.131 2.136)" fill="#fff"/><path d="M0,0H20V20H0Z" transform="translate(20 20) rotate(180)" fill="none" opacity="0"/></svg> </a> </div> </div> </div> </div> <div class="tab-pane fade" id="ssd4" role="tabpanel"> <div class="first-chat-box"> <div class="img-chat-flex"> <img src="images/at1.png" alt="image" class="img-fluid"> <h6>Sholpubshi</h6> </div> <div class="new-scollbarbar-hide"> <div class="chat-data"> <div class="chat-data-img"> <img src="images/at2.png" alt="image" class="img-fluid"> </div> <div class="chat-data-title"> <h6>Sholpubshi</h6> </div> <div class="chat-data-time"> <span>Sep 13, 2023, 4:17 AM</span> </div> </div> <div class="msg-content-data"> <small>Hi Jeff,</small> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit ut aliquam, purus sit amet luctus venenatis, lectus magna fringilla urna, porttitor rhoncus dolor purus non enim praesent elementum facilisis leo, vel fringilla est ullamcorper eget nulla</p> <span>Best Regards.</span> </div> <div class="chat-data chat-data-sec"> <div class="chat-data-img"> <img src="images/at2.png" alt="image" class="img-fluid"> </div> <div class="chat-data-title"> <h6>Sholpubshi</h6> </div> <div class="chat-data-time"> <span>Sep 14, 2023, 4:17 AM</span> </div> </div> <div class="msg-content-data"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit ut aliquam, purus sit amet luctus venenatis,</p> </div> <div class="chat-data"> <div class="chat-data-img"> <img src="images/at3.png" alt="image" class="img-fluid"> </div> <div class="chat-data-title"> <h6>Jeff Jordan</h6> </div> </div> <div class="new-chat-border"> <div class="msg-content-data msg-content-data-sec"> <small>Hi Shol,</small> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit ut aliquam, purus sit amet luctus venenatis, lectus magna fringilla</p> </div> </div> </div> <div class="main-chat-text-box"> <div class="happy-emoji"> <a href="javascript:void(0)"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M7,20h6c5,0,7-2,7-7V7c0-5-2-7-7-7H7C2,0,0,2,0,7v6C0,18,2,20,7,20Z" transform="translate(2 2)" fill="none" stroke="#919191" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/><path d="M3,1.5A1.5,1.5,0,1,1,1.5,0,1.5,1.5,0,0,1,3,1.5Z" transform="translate(14 6.75)" fill="none" stroke="#919191" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/><path d="M3,1.5A1.5,1.5,0,1,1,1.5,0,1.5,1.5,0,0,1,3,1.5Z" transform="translate(7 6.75)" fill="none" stroke="#919191" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/><path d="M.9,0H8.1A.9.9,0,0,1,9,.9a4.5,4.5,0,1,1-9,0A.9.9,0,0,1,.9,0Z" transform="translate(7.5 13.3)" fill="none" stroke="#919191" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/><path d="M0,0H24V24H0Z" fill="none" opacity="0"/></svg> </a> </div> <div class="ppaper-clip"> <a href="javascript:void(0)"> <svg xmlns="http://www.w3.org/2000/svg" width="16.949" height="19.2" viewBox="0 0 16.949 19.2"><path d="M11.249,4.5l-7.81,7.94a1.5,1.5,0,1,0,2.121,2.121l9.31-9.44A3,3,0,0,0,10.628.879l-9.31,9.44a4.5,4.5,0,1,0,6.364,6.364L15.374,9" transform="translate(0.6 0.6)" fill="none" stroke="#919191" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.2"/></svg> </a> </div> <div class="write-text"> <textarea cols="1" rows="1" class="form-control"></textarea> </div> <div class="send-paper-plane"> <a href="javascript:void(0)"> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path d="M11.319.33,3.794,2.83c-5.058,1.692-5.058,4.45,0,6.133l2.233.742.742,2.233C8.452,17,11.219,17,12.9,11.939L15.41,4.422C16.527,1.047,14.694-.795,11.319.33Zm.267,4.483L8.419,8a.624.624,0,0,1-.883,0,.629.629,0,0,1,0-.883L10.7,3.93a.625.625,0,1,1,.883.883Z" transform="translate(2.131 2.136)" fill="#fff"/><path d="M0,0H20V20H0Z" transform="translate(20 20) rotate(180)" fill="none" opacity="0"/></svg> </a> </div> </div> </div> </div> </div> </div> </div> </div> <div class="mobile-dev-show"> <div id="main"> <div class="container"> <div class="accordion" id="faq"> <div class="card"> <div class="card-header" id="faqhead1"> <a href="#" class="btn btn-header-link" data-toggle="collapse" data-target="#faq1" aria-expanded="true" aria-controls="faq1"> <div class="main-img-inbox"> <div class="inbox-cont"> <div class="inbox-content-img"> <img src="images/inbox1.png" alt="image" class="img-fluid"> </div> <div class="inbox-content-txt"> <h6>Sholpubshi</h6> <p>Me: Thank you so much for...</p> </div> </div> <div class="content-inbox-time"> <span>21h</span> </div> </div> </a> </div> <div id="faq1" class="collapse" aria-labelledby="faqhead1" data-parent="#faq"> <div class="card-body"> <div class="first-chat-box"> <div class="img-chat-flex"> <img src="images/at1.png" alt="image" class="img-fluid"> <div class="sholpub-text"> <h6>Sholpubshi</h6> <p>Spotify Playlister | Gemany</p> <ul> <li><i class="fa fa-star" aria-hidden="true"></i> 4.6</li> <li><span class="curator-bar">|</span></li> <li>Joined 3y ago</li> </ul> </div> </div> <div class="new-scollbarbar-hide"> <div class="chat-data"> <div class="chat-data-img"> <img src="images/at2.png" alt="image" class="img-fluid"> </div> <div class="chat-data-title"> <h6>Sholpubshi</h6> </div> <div class="chat-data-time"> <span>Sep 13, 2023, 4:17 AM</span> </div> </div> <div class="msg-content-data"> <small>Hi Jeff,</small> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit ut aliquam, purus sit amet luctus venenatis, lectus magna fringilla urna, porttitor rhoncus dolor purus non enim praesent elementum facilisis leo, vel fringilla est ullamcorper eget nulla</p> <span>Best Regards.</span> </div> <div class="chat-data chat-data-sec"> <div class="chat-data-img"> <img src="images/at2.png" alt="image" class="img-fluid"> </div> <div class="chat-data-title"> <h6>Sholpubshi</h6> </div> <div class="chat-data-time"> <span>Sep 14, 2023, 4:17 AM</span> </div> </div> <div class="msg-content-data"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit ut aliquam, purus sit amet luctus venenatis,</p> </div> <div class="chat-data"> <div class="chat-data-img"> <img src="images/at3.png" alt="image" class="img-fluid"> </div> <div class="chat-data-title"> <h6>Jeff Jordan</h6> </div> </div> <div class="new-chat-border"> <div class="msg-content-data msg-content-data-sec"> <small>Hi Shol,</small> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit ut aliquam, purus sit amet luctus venenatis, lectus magna fringilla</p> </div> </div> </div> <div class="main-chat-text-box"> <div class="happy-emoji"> <a href="javascript:void(0)"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M7,20h6c5,0,7-2,7-7V7c0-5-2-7-7-7H7C2,0,0,2,0,7v6C0,18,2,20,7,20Z" transform="translate(2 2)" fill="none" stroke="#919191" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/><path d="M3,1.5A1.5,1.5,0,1,1,1.5,0,1.5,1.5,0,0,1,3,1.5Z" transform="translate(14 6.75)" fill="none" stroke="#919191" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/><path d="M3,1.5A1.5,1.5,0,1,1,1.5,0,1.5,1.5,0,0,1,3,1.5Z" transform="translate(7 6.75)" fill="none" stroke="#919191" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/><path d="M.9,0H8.1A.9.9,0,0,1,9,.9a4.5,4.5,0,1,1-9,0A.9.9,0,0,1,.9,0Z" transform="translate(7.5 13.3)" fill="none" stroke="#919191" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/><path d="M0,0H24V24H0Z" fill="none" opacity="0"/></svg> </a> </div> <div class="ppaper-clip"> <a href="javascript:void(0)"> <svg xmlns="http://www.w3.org/2000/svg" width="16.949" height="19.2" viewBox="0 0 16.949 19.2"><path d="M11.249,4.5l-7.81,7.94a1.5,1.5,0,1,0,2.121,2.121l9.31-9.44A3,3,0,0,0,10.628.879l-9.31,9.44a4.5,4.5,0,1,0,6.364,6.364L15.374,9" transform="translate(0.6 0.6)" fill="none" stroke="#919191" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.2"/></svg> </a> </div> <div class="write-text"> <textarea cols="1" rows="1" class="form-control"></textarea> </div> <div class="send-paper-plane"> <a href="javascript:void(0)"> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path d="M11.319.33,3.794,2.83c-5.058,1.692-5.058,4.45,0,6.133l2.233.742.742,2.233C8.452,17,11.219,17,12.9,11.939L15.41,4.422C16.527,1.047,14.694-.795,11.319.33Zm.267,4.483L8.419,8a.624.624,0,0,1-.883,0,.629.629,0,0,1,0-.883L10.7,3.93a.625.625,0,1,1,.883.883Z" transform="translate(2.131 2.136)" fill="#fff"/><path d="M0,0H20V20H0Z" transform="translate(20 20) rotate(180)" fill="none" opacity="0"/></svg> </a> </div> <input type="file" id="file-input" accept="image/*" style="display: none;" onchange="previewFile()"> </div> <div id="file-preview-container" style="display: none;"> <img src="" id="file-preview" alt="File Preview"> </div> </div> </div> </div> </div> <div class="card"> <div class="card-header" id="faqhead2"> <a href="#" class="btn btn-header-link collapsed" data-toggle="collapse" data-target="#faq2" aria-expanded="true" aria-controls="faq2"> <div class="main-img-inbox"> <div class="inbox-cont"> <div class="inbox-content-img"> <img src="images/inbox2.png" alt="image" class="img-fluid"> </div> <div class="inbox-content-txt"> <h6>Sholpubshi</h6> <p>Me: Thank you so much for...</p> </div> </div> <div class="content-inbox-time"> <span>21h</span> </div> </div> </a> </div> <div id="faq2" class="collapse" aria-labelledby="faqhead2" data-parent="#faq"> <div class="card-body"> <div class="first-chat-box"> <div class="img-chat-flex"> <img src="images/at1.png" alt="image" class="img-fluid"> <div class="sholpub-text"> <h6>Sholpubshi</h6> <p>Spotify Playlister | Gemany</p> <ul> <li><i class="fa fa-star" aria-hidden="true"></i> 4.6</li> <li><span class="curator-bar">|</span></li> <li>Joined 3y ago</li> </ul> </div> </div> <div class="new-scollbarbar-hide"> <div class="chat-data"> <div class="chat-data-img"> <img src="images/at2.png" alt="image" class="img-fluid"> </div> <div class="chat-data-title"> <h6>Sholpubshi</h6> </div> <div class="chat-data-time"> <span>Sep 13, 2023, 4:17 AM</span> </div> </div> <div class="msg-content-data"> <small>Hi Jeff,</small> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit ut aliquam, purus sit amet luctus venenatis, lectus magna fringilla urna, porttitor rhoncus dolor purus non enim praesent elementum facilisis leo, vel fringilla est ullamcorper eget nulla</p> <span>Best Regards.</span> </div> <div class="chat-data chat-data-sec"> <div class="chat-data-img"> <img src="images/at2.png" alt="image" class="img-fluid"> </div> <div class="chat-data-title"> <h6>Sholpubshi</h6> </div> <div class="chat-data-time"> <span>Sep 14, 2023, 4:17 AM</span> </div> </div> <div class="msg-content-data"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit ut aliquam, purus sit amet luctus venenatis,</p> </div> <div class="chat-data"> <div class="chat-data-img"> <img src="images/at3.png" alt="image" class="img-fluid"> </div> <div class="chat-data-title"> <h6>Jeff Jordan</h6> </div> </div> <div class="new-chat-border"> <div class="msg-content-data msg-content-data-sec"> <small>Hi Shol,</small> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit ut aliquam, purus sit amet luctus venenatis, lectus magna fringilla</p> </div> </div> </div> <div class="main-chat-text-box"> <div class="happy-emoji"> <a href="javascript:void(0)"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M7,20h6c5,0,7-2,7-7V7c0-5-2-7-7-7H7C2,0,0,2,0,7v6C0,18,2,20,7,20Z" transform="translate(2 2)" fill="none" stroke="#919191" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/><path d="M3,1.5A1.5,1.5,0,1,1,1.5,0,1.5,1.5,0,0,1,3,1.5Z" transform="translate(14 6.75)" fill="none" stroke="#919191" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/><path d="M3,1.5A1.5,1.5,0,1,1,1.5,0,1.5,1.5,0,0,1,3,1.5Z" transform="translate(7 6.75)" fill="none" stroke="#919191" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/><path d="M.9,0H8.1A.9.9,0,0,1,9,.9a4.5,4.5,0,1,1-9,0A.9.9,0,0,1,.9,0Z" transform="translate(7.5 13.3)" fill="none" stroke="#919191" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/><path d="M0,0H24V24H0Z" fill="none" opacity="0"/></svg> </a> </div> <div class="ppaper-clip"> <a href="javascript:void(0)"> <svg xmlns="http://www.w3.org/2000/svg" width="16.949" height="19.2" viewBox="0 0 16.949 19.2"><path d="M11.249,4.5l-7.81,7.94a1.5,1.5,0,1,0,2.121,2.121l9.31-9.44A3,3,0,0,0,10.628.879l-9.31,9.44a4.5,4.5,0,1,0,6.364,6.364L15.374,9" transform="translate(0.6 0.6)" fill="none" stroke="#919191" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.2"/></svg> </a> </div> <div class="write-text"> <textarea cols="1" rows="1" class="form-control"></textarea> </div> <div class="send-paper-plane"> <a href="javascript:void(0)"> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path d="M11.319.33,3.794,2.83c-5.058,1.692-5.058,4.45,0,6.133l2.233.742.742,2.233C8.452,17,11.219,17,12.9,11.939L15.41,4.422C16.527,1.047,14.694-.795,11.319.33Zm.267,4.483L8.419,8a.624.624,0,0,1-.883,0,.629.629,0,0,1,0-.883L10.7,3.93a.625.625,0,1,1,.883.883Z" transform="translate(2.131 2.136)" fill="#fff"/><path d="M0,0H20V20H0Z" transform="translate(20 20) rotate(180)" fill="none" opacity="0"/></svg> </a> </div> <input type="file" id="file-input" accept="image/*" style="display: none;" onchange="previewFile()"> </div> <div id="file-preview-container" style="display: none;"> <img src="" id="file-preview" alt="File Preview"> </div> </div> </div> </div> </div> <div class="card"> <div class="card-header" id="faqhead3"> <a href="#" class="btn btn-header-link collapsed" data-toggle="collapse" data-target="#faq3" aria-expanded="true" aria-controls="faq3"> <div class="main-img-inbox"> <div class="inbox-cont"> <div class="inbox-content-img"> <img src="images/inbox3.png" alt="image" class="img-fluid"> </div> <div class="inbox-content-txt"> <h6>Sholpubshi</h6> <p>Me: Thank you so much for...</p> </div> </div> <div class="content-inbox-time"> <span>21h</span> </div> </div> </a> </div> <div id="faq3" class="collapse" aria-labelledby="faqhead3" data-parent="#faq"> <div class="card-body"> <div class="first-chat-box"> <div class="img-chat-flex"> <img src="images/at1.png" alt="image" class="img-fluid"> <div class="sholpub-text"> <h6>Sholpubshi</h6> <p>Spotify Playlister | Gemany</p> <ul> <li><i class="fa fa-star" aria-hidden="true"></i> 4.6</li> <li><span class="curator-bar">|</span></li> <li>Joined 3y ago</li> </ul> </div> </div> <div class="new-scollbarbar-hide"> <div class="chat-data"> <div class="chat-data-img"> <img src="images/at2.png" alt="image" class="img-fluid"> </div> <div class="chat-data-title"> <h6>Sholpubshi</h6> </div> <div class="chat-data-time"> <span>Sep 13, 2023, 4:17 AM</span> </div> </div> <div class="msg-content-data"> <small>Hi Jeff,</small> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit ut aliquam, purus sit amet luctus venenatis, lectus magna fringilla urna, porttitor rhoncus dolor purus non enim praesent elementum facilisis leo, vel fringilla est ullamcorper eget nulla</p> <span>Best Regards.</span> </div> <div class="chat-data chat-data-sec"> <div class="chat-data-img"> <img src="images/at2.png" alt="image" class="img-fluid"> </div> <div class="chat-data-title"> <h6>Sholpubshi</h6> </div> <div class="chat-data-time"> <span>Sep 14, 2023, 4:17 AM</span> </div> </div> <div class="msg-content-data"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit ut aliquam, purus sit amet luctus venenatis,</p> </div> <div class="chat-data"> <div class="chat-data-img"> <img src="images/at3.png" alt="image" class="img-fluid"> </div> <div class="chat-data-title"> <h6>Jeff Jordan</h6> </div> </div> <div class="new-chat-border"> <div class="msg-content-data msg-content-data-sec"> <small>Hi Shol,</small> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit ut aliquam, purus sit amet luctus venenatis, lectus magna fringilla</p> </div> </div> </div> <div class="main-chat-text-box"> <div class="happy-emoji"> <a href="javascript:void(0)"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M7,20h6c5,0,7-2,7-7V7c0-5-2-7-7-7H7C2,0,0,2,0,7v6C0,18,2,20,7,20Z" transform="translate(2 2)" fill="none" stroke="#919191" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/><path d="M3,1.5A1.5,1.5,0,1,1,1.5,0,1.5,1.5,0,0,1,3,1.5Z" transform="translate(14 6.75)" fill="none" stroke="#919191" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/><path d="M3,1.5A1.5,1.5,0,1,1,1.5,0,1.5,1.5,0,0,1,3,1.5Z" transform="translate(7 6.75)" fill="none" stroke="#919191" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/><path d="M.9,0H8.1A.9.9,0,0,1,9,.9a4.5,4.5,0,1,1-9,0A.9.9,0,0,1,.9,0Z" transform="translate(7.5 13.3)" fill="none" stroke="#919191" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/><path d="M0,0H24V24H0Z" fill="none" opacity="0"/></svg> </a> </div> <div class="ppaper-clip"> <a href="javascript:void(0)"> <svg xmlns="http://www.w3.org/2000/svg" width="16.949" height="19.2" viewBox="0 0 16.949 19.2"><path d="M11.249,4.5l-7.81,7.94a1.5,1.5,0,1,0,2.121,2.121l9.31-9.44A3,3,0,0,0,10.628.879l-9.31,9.44a4.5,4.5,0,1,0,6.364,6.364L15.374,9" transform="translate(0.6 0.6)" fill="none" stroke="#919191" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.2"/></svg> </a> </div> <div class="write-text"> <textarea cols="1" rows="1" class="form-control"></textarea> </div> <div class="send-paper-plane"> <a href="javascript:void(0)"> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path d="M11.319.33,3.794,2.83c-5.058,1.692-5.058,4.45,0,6.133l2.233.742.742,2.233C8.452,17,11.219,17,12.9,11.939L15.41,4.422C16.527,1.047,14.694-.795,11.319.33Zm.267,4.483L8.419,8a.624.624,0,0,1-.883,0,.629.629,0,0,1,0-.883L10.7,3.93a.625.625,0,1,1,.883.883Z" transform="translate(2.131 2.136)" fill="#fff"/><path d="M0,0H20V20H0Z" transform="translate(20 20) rotate(180)" fill="none" opacity="0"/></svg> </a> </div> <input type="file" id="file-input" accept="image/*" style="display: none;" onchange="previewFile()"> </div> <div id="file-preview-container" style="display: none;"> <img src="" id="file-preview" alt="File Preview"> </div> </div> </div> </div> </div> <div class="card"> <div class="card-header" id="faqhead4"> <a href="#" class="btn btn-header-link collapsed" data-toggle="collapse" data-target="#faq4" aria-expanded="true" aria-controls="faq4"> <div class="main-img-inbox"> <div class="inbox-cont"> <div class="inbox-content-img"> <img src="images/inbox4.png" alt="image" class="img-fluid"> </div> <div class="inbox-content-txt"> <h6>Sholpubshi</h6> <p>Me: Thank you so much for...</p> </div> </div> <div class="content-inbox-time"> <span>21h</span> </div> </div> </a> </div> <div id="faq4" class="collapse" aria-labelledby="faqhead4" data-parent="#faq"> <div class="card-body"> <div class="first-chat-box"> <div class="img-chat-flex"> <img src="images/at1.png" alt="image" class="img-fluid"> <div class="sholpub-text"> <h6>Sholpubshi</h6> <p>Spotify Playlister | Gemany</p> <ul> <li><i class="fa fa-star" aria-hidden="true"></i> 4.6</li> <li><span class="curator-bar">|</span></li> <li>Joined 3y ago</li> </ul> </div> </div> <div class="new-scollbarbar-hide"> <div class="chat-data"> <div class="chat-data-img"> <img src="images/at2.png" alt="image" class="img-fluid"> </div> <div class="chat-data-title"> <h6>Sholpubshi</h6> </div> <div class="chat-data-time"> <span>Sep 13, 2023, 4:17 AM</span> </div> </div> <div class="msg-content-data"> <small>Hi Jeff,</small> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit ut aliquam, purus sit amet luctus venenatis, lectus magna fringilla urna, porttitor rhoncus dolor purus non enim praesent elementum facilisis leo, vel fringilla est ullamcorper eget nulla</p> <span>Best Regards.</span> </div> <div class="chat-data chat-data-sec"> <div class="chat-data-img"> <img src="images/at2.png" alt="image" class="img-fluid"> </div> <div class="chat-data-title"> <h6>Sholpubshi</h6> </div> <div class="chat-data-time"> <span>Sep 14, 2023, 4:17 AM</span> </div> </div> <div class="msg-content-data"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit ut aliquam, purus sit amet luctus venenatis,</p> </div> <div class="chat-data"> <div class="chat-data-img"> <img src="images/at3.png" alt="image" class="img-fluid"> </div> <div class="chat-data-title"> <h6>Jeff Jordan</h6> </div> </div> <div class="new-chat-border"> <div class="msg-content-data msg-content-data-sec"> <small>Hi Shol,</small> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit ut aliquam, purus sit amet luctus venenatis, lectus magna fringilla</p> </div> </div> </div> <div class="main-chat-text-box"> <div class="happy-emoji"> <a href="javascript:void(0)"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M7,20h6c5,0,7-2,7-7V7c0-5-2-7-7-7H7C2,0,0,2,0,7v6C0,18,2,20,7,20Z" transform="translate(2 2)" fill="none" stroke="#919191" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/><path d="M3,1.5A1.5,1.5,0,1,1,1.5,0,1.5,1.5,0,0,1,3,1.5Z" transform="translate(14 6.75)" fill="none" stroke="#919191" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/><path d="M3,1.5A1.5,1.5,0,1,1,1.5,0,1.5,1.5,0,0,1,3,1.5Z" transform="translate(7 6.75)" fill="none" stroke="#919191" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/><path d="M.9,0H8.1A.9.9,0,0,1,9,.9a4.5,4.5,0,1,1-9,0A.9.9,0,0,1,.9,0Z" transform="translate(7.5 13.3)" fill="none" stroke="#919191" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/><path d="M0,0H24V24H0Z" fill="none" opacity="0"/></svg> </a> </div> <div class="ppaper-clip"> <a href="javascript:void(0)"> <svg xmlns="http://www.w3.org/2000/svg" width="16.949" height="19.2" viewBox="0 0 16.949 19.2"><path d="M11.249,4.5l-7.81,7.94a1.5,1.5,0,1,0,2.121,2.121l9.31-9.44A3,3,0,0,0,10.628.879l-9.31,9.44a4.5,4.5,0,1,0,6.364,6.364L15.374,9" transform="translate(0.6 0.6)" fill="none" stroke="#919191" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.2"/></svg> </a> </div> <div class="write-text"> <textarea cols="1" rows="1" class="form-control"></textarea> </div> <div class="send-paper-plane"> <a href="javascript:void(0)"> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path d="M11.319.33,3.794,2.83c-5.058,1.692-5.058,4.45,0,6.133l2.233.742.742,2.233C8.452,17,11.219,17,12.9,11.939L15.41,4.422C16.527,1.047,14.694-.795,11.319.33Zm.267,4.483L8.419,8a.624.624,0,0,1-.883,0,.629.629,0,0,1,0-.883L10.7,3.93a.625.625,0,1,1,.883.883Z" transform="translate(2.131 2.136)" fill="#fff"/><path d="M0,0H20V20H0Z" transform="translate(20 20) rotate(180)" fill="none" opacity="0"/></svg> </a> </div> <input type="file" id="file-input" accept="image/*" style="display: none;" onchange="previewFile()"> </div> <div id="file-preview-container" style="display: none;"> <img src="" id="file-preview" alt="File Preview"> </div> </div> </div> </div> </div> <div class="card"> <div class="card-header" id="faqhead5"> <a href="#" class="btn btn-header-link collapsed" data-toggle="collapse" data-target="#faq5" aria-expanded="true" aria-controls="faq5"> <div class="main-img-inbox"> <div class="inbox-cont"> <div class="inbox-content-img"> <img src="images/inbox5.png" alt="image" class="img-fluid"> </div> <div class="inbox-content-txt"> <h6>Sholpubshi</h6> <p>Me: Thank you so much for...</p> </div> </div> <div class="content-inbox-time"> <span>21h</span> </div> </div> </a> </div> <div id="faq5" class="collapse" aria-labelledby="faqhead5" data-parent="#faq"> <div class="card-body"> <div class="first-chat-box"> <div class="img-chat-flex"> <img src="images/at1.png" alt="image" class="img-fluid"> <div class="sholpub-text"> <h6>Sholpubshi</h6> <p>Spotify Playlister | Gemany</p> <ul> <li><i class="fa fa-star" aria-hidden="true"></i> 4.6</li> <li><span class="curator-bar">|</span></li> <li>Joined 3y ago</li> </ul> </div> </div> <div class="new-scollbarbar-hide"> <div class="chat-data"> <div class="chat-data-img"> <img src="images/at2.png" alt="image" class="img-fluid"> </div> <div class="chat-data-title"> <h6>Sholpubshi</h6> </div> <div class="chat-data-time"> <span>Sep 13, 2023, 4:17 AM</span> </div> </div> <div class="msg-content-data"> <small>Hi Jeff,</small> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit ut aliquam, purus sit amet luctus venenatis, lectus magna fringilla urna, porttitor rhoncus dolor purus non enim praesent elementum facilisis leo, vel fringilla est ullamcorper eget nulla</p> <span>Best Regards.</span> </div> <div class="chat-data chat-data-sec"> <div class="chat-data-img"> <img src="images/at2.png" alt="image" class="img-fluid"> </div> <div class="chat-data-title"> <h6>Sholpubshi</h6> </div> <div class="chat-data-time"> <span>Sep 14, 2023, 4:17 AM</span> </div> </div> <div class="msg-content-data"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit ut aliquam, purus sit amet luctus venenatis,</p> </div> <div class="chat-data"> <div class="chat-data-img"> <img src="images/at3.png" alt="image" class="img-fluid"> </div> <div class="chat-data-title"> <h6>Jeff Jordan</h6> </div> </div> <div class="new-chat-border"> <div class="msg-content-data msg-content-data-sec"> <small>Hi Shol,</small> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit ut aliquam, purus sit amet luctus venenatis, lectus magna fringilla</p> </div> </div> </div> <div class="main-chat-text-box"> <div class="happy-emoji"> <a href="javascript:void(0)"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M7,20h6c5,0,7-2,7-7V7c0-5-2-7-7-7H7C2,0,0,2,0,7v6C0,18,2,20,7,20Z" transform="translate(2 2)" fill="none" stroke="#919191" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/><path d="M3,1.5A1.5,1.5,0,1,1,1.5,0,1.5,1.5,0,0,1,3,1.5Z" transform="translate(14 6.75)" fill="none" stroke="#919191" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/><path d="M3,1.5A1.5,1.5,0,1,1,1.5,0,1.5,1.5,0,0,1,3,1.5Z" transform="translate(7 6.75)" fill="none" stroke="#919191" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/><path d="M.9,0H8.1A.9.9,0,0,1,9,.9a4.5,4.5,0,1,1-9,0A.9.9,0,0,1,.9,0Z" transform="translate(7.5 13.3)" fill="none" stroke="#919191" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/><path d="M0,0H24V24H0Z" fill="none" opacity="0"/></svg> </a> </div> <div class="ppaper-clip"> <a href="javascript:void(0)"> <svg xmlns="http://www.w3.org/2000/svg" width="16.949" height="19.2" viewBox="0 0 16.949 19.2"><path d="M11.249,4.5l-7.81,7.94a1.5,1.5,0,1,0,2.121,2.121l9.31-9.44A3,3,0,0,0,10.628.879l-9.31,9.44a4.5,4.5,0,1,0,6.364,6.364L15.374,9" transform="translate(0.6 0.6)" fill="none" stroke="#919191" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.2"/></svg> </a> </div> <div class="write-text"> <textarea cols="1" rows="1" class="form-control"></textarea> </div> <div class="send-paper-plane"> <a href="javascript:void(0)"> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path d="M11.319.33,3.794,2.83c-5.058,1.692-5.058,4.45,0,6.133l2.233.742.742,2.233C8.452,17,11.219,17,12.9,11.939L15.41,4.422C16.527,1.047,14.694-.795,11.319.33Zm.267,4.483L8.419,8a.624.624,0,0,1-.883,0,.629.629,0,0,1,0-.883L10.7,3.93a.625.625,0,1,1,.883.883Z" transform="translate(2.131 2.136)" fill="#fff"/><path d="M0,0H20V20H0Z" transform="translate(20 20) rotate(180)" fill="none" opacity="0"/></svg> </a> </div> <input type="file" id="file-input" accept="image/*" style="display: none;" onchange="previewFile()"> </div> <div id="file-preview-container" style="display: none;"> <img src="" id="file-preview" alt="File Preview"> </div> </div> </div> </div> </div> <div class="card"> <div class="card-header" id="faqhead6"> <a href="#" class="btn btn-header-link collapsed" data-toggle="collapse" data-target="#faq6" aria-expanded="true" aria-controls="faq6"> <div class="main-img-inbox"> <div class="inbox-cont"> <div class="inbox-content-img"> <img src="images/inbox6.png" alt="image" class="img-fluid"> </div> <div class="inbox-content-txt"> <h6>Sholpubshi</h6> <p>Me: Thank you so much for...</p> </div> </div> <div class="content-inbox-time"> <span>21h</span> </div> </div> </a> </div> <div id="faq6" class="collapse" aria-labelledby="faqhead6" data-parent="#faq"> <div class="card-body"> <div class="first-chat-box"> <div class="img-chat-flex"> <img src="images/at1.png" alt="image" class="img-fluid"> <div class="sholpub-text"> <h6>Sholpubshi</h6> <p>Spotify Playlister | Gemany</p> <ul> <li><i class="fa fa-star" aria-hidden="true"></i> 4.6</li> <li><span class="curator-bar">|</span></li> <li>Joined 3y ago</li> </ul> </div> </div> <div class="new-scollbarbar-hide"> <div class="chat-data"> <div class="chat-data-img"> <img src="images/at2.png" alt="image" class="img-fluid"> </div> <div class="chat-data-title"> <h6>Sholpubshi</h6> </div> <div class="chat-data-time"> <span>Sep 13, 2023, 4:17 AM</span> </div> </div> <div class="msg-content-data"> <small>Hi Jeff,</small> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit ut aliquam, purus sit amet luctus venenatis, lectus magna fringilla urna, porttitor rhoncus dolor purus non enim praesent elementum facilisis leo, vel fringilla est ullamcorper eget nulla</p> <span>Best Regards.</span> </div> <div class="chat-data chat-data-sec"> <div class="chat-data-img"> <img src="images/at2.png" alt="image" class="img-fluid"> </div> <div class="chat-data-title"> <h6>Sholpubshi</h6> </div> <div class="chat-data-time"> <span>Sep 14, 2023, 4:17 AM</span> </div> </div> <div class="msg-content-data"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit ut aliquam, purus sit amet luctus venenatis,</p> </div> <div class="chat-data"> <div class="chat-data-img"> <img src="images/at3.png" alt="image" class="img-fluid"> </div> <div class="chat-data-title"> <h6>Jeff Jordan</h6> </div> </div> <div class="new-chat-border"> <div class="msg-content-data msg-content-data-sec"> <small>Hi Shol,</small> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit ut aliquam, purus sit amet luctus venenatis, lectus magna fringilla</p> </div> </div> </div> <div class="main-chat-text-box"> <div class="happy-emoji"> <a href="javascript:void(0)"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M7,20h6c5,0,7-2,7-7V7c0-5-2-7-7-7H7C2,0,0,2,0,7v6C0,18,2,20,7,20Z" transform="translate(2 2)" fill="none" stroke="#919191" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/><path d="M3,1.5A1.5,1.5,0,1,1,1.5,0,1.5,1.5,0,0,1,3,1.5Z" transform="translate(14 6.75)" fill="none" stroke="#919191" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/><path d="M3,1.5A1.5,1.5,0,1,1,1.5,0,1.5,1.5,0,0,1,3,1.5Z" transform="translate(7 6.75)" fill="none" stroke="#919191" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/><path d="M.9,0H8.1A.9.9,0,0,1,9,.9a4.5,4.5,0,1,1-9,0A.9.9,0,0,1,.9,0Z" transform="translate(7.5 13.3)" fill="none" stroke="#919191" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/><path d="M0,0H24V24H0Z" fill="none" opacity="0"/></svg> </a> </div> <div class="ppaper-clip"> <a href="javascript:void(0)"> <svg xmlns="http://www.w3.org/2000/svg" width="16.949" height="19.2" viewBox="0 0 16.949 19.2"><path d="M11.249,4.5l-7.81,7.94a1.5,1.5,0,1,0,2.121,2.121l9.31-9.44A3,3,0,0,0,10.628.879l-9.31,9.44a4.5,4.5,0,1,0,6.364,6.364L15.374,9" transform="translate(0.6 0.6)" fill="none" stroke="#919191" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.2"/></svg> </a> </div> <div class="write-text"> <textarea cols="1" rows="1" class="form-control"></textarea> </div> <div class="send-paper-plane"> <a href="javascript:void(0)"> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path d="M11.319.33,3.794,2.83c-5.058,1.692-5.058,4.45,0,6.133l2.233.742.742,2.233C8.452,17,11.219,17,12.9,11.939L15.41,4.422C16.527,1.047,14.694-.795,11.319.33Zm.267,4.483L8.419,8a.624.624,0,0,1-.883,0,.629.629,0,0,1,0-.883L10.7,3.93a.625.625,0,1,1,.883.883Z" transform="translate(2.131 2.136)" fill="#fff"/><path d="M0,0H20V20H0Z" transform="translate(20 20) rotate(180)" fill="none" opacity="0"/></svg> </a> </div> <input type="file" id="file-input" accept="image/*" style="display: none;" onchange="previewFile()"> </div> <div id="file-preview-container" style="display: none;"> <img src="" id="file-preview" alt="File Preview"> </div> </div> </div> </div> </div> <div class="card"> <div class="card-header" id="faqhead7"> <a href="#" class="btn btn-header-link collapsed" data-toggle="collapse" data-target="#faq7" aria-expanded="true" aria-controls="faq7"> <div class="main-img-inbox"> <div class="inbox-cont"> <div class="inbox-content-img"> <img src="images/inbox7.png" alt="image" class="img-fluid"> </div> <div class="inbox-content-txt"> <h6>Sholpubshi</h6> <p>Me: Thank you so much for...</p> </div> </div> <div class="content-inbox-time"> <span>21h</span> </div> </div> </a> </div> <div id="faq7" class="collapse" aria-labelledby="faqhead7" data-parent="#faq"> <div class="card-body"> <div class="first-chat-box"> <div class="img-chat-flex"> <img src="images/at1.png" alt="image" class="img-fluid"> <div class="sholpub-text"> <h6>Sholpubshi</h6> <p>Spotify Playlister | Gemany</p> <ul> <li><i class="fa fa-star" aria-hidden="true"></i> 4.6</li> <li><span class="curator-bar">|</span></li> <li>Joined 3y ago</li> </ul> </div> </div> <div class="new-scollbarbar-hide"> <div class="chat-data"> <div class="chat-data-img"> <img src="images/at2.png" alt="image" class="img-fluid"> </div> <div class="chat-data-title"> <h6>Sholpubshi</h6> </div> <div class="chat-data-time"> <span>Sep 13, 2023, 4:17 AM</span> </div> </div> <div class="msg-content-data"> <small>Hi Jeff,</small> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit ut aliquam, purus sit amet luctus venenatis, lectus magna fringilla urna, porttitor rhoncus dolor purus non enim praesent elementum facilisis leo, vel fringilla est ullamcorper eget nulla</p> <span>Best Regards.</span> </div> <div class="chat-data chat-data-sec"> <div class="chat-data-img"> <img src="images/at2.png" alt="image" class="img-fluid"> </div> <div class="chat-data-title"> <h6>Sholpubshi</h6> </div> <div class="chat-data-time"> <span>Sep 14, 2023, 4:17 AM</span> </div> </div> <div class="msg-content-data"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit ut aliquam, purus sit amet luctus venenatis,</p> </div> <div class="chat-data"> <div class="chat-data-img"> <img src="images/at3.png" alt="image" class="img-fluid"> </div> <div class="chat-data-title"> <h6>Jeff Jordan</h6> </div> </div> <div class="new-chat-border"> <div class="msg-content-data msg-content-data-sec"> <small>Hi Shol,</small> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit ut aliquam, purus sit amet luctus venenatis, lectus magna fringilla</p> </div> </div> </div> <div class="main-chat-text-box"> <div class="happy-emoji"> <a href="javascript:void(0)"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M7,20h6c5,0,7-2,7-7V7c0-5-2-7-7-7H7C2,0,0,2,0,7v6C0,18,2,20,7,20Z" transform="translate(2 2)" fill="none" stroke="#919191" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/><path d="M3,1.5A1.5,1.5,0,1,1,1.5,0,1.5,1.5,0,0,1,3,1.5Z" transform="translate(14 6.75)" fill="none" stroke="#919191" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/><path d="M3,1.5A1.5,1.5,0,1,1,1.5,0,1.5,1.5,0,0,1,3,1.5Z" transform="translate(7 6.75)" fill="none" stroke="#919191" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/><path d="M.9,0H8.1A.9.9,0,0,1,9,.9a4.5,4.5,0,1,1-9,0A.9.9,0,0,1,.9,0Z" transform="translate(7.5 13.3)" fill="none" stroke="#919191" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/><path d="M0,0H24V24H0Z" fill="none" opacity="0"/></svg> </a> </div> <div class="ppaper-clip"> <a href="javascript:void(0)"> <svg xmlns="http://www.w3.org/2000/svg" width="16.949" height="19.2" viewBox="0 0 16.949 19.2"><path d="M11.249,4.5l-7.81,7.94a1.5,1.5,0,1,0,2.121,2.121l9.31-9.44A3,3,0,0,0,10.628.879l-9.31,9.44a4.5,4.5,0,1,0,6.364,6.364L15.374,9" transform="translate(0.6 0.6)" fill="none" stroke="#919191" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.2"/></svg> </a> </div> <div class="write-text"> <textarea cols="1" rows="1" class="form-control"></textarea> </div> <div class="send-paper-plane"> <a href="javascript:void(0)"> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path d="M11.319.33,3.794,2.83c-5.058,1.692-5.058,4.45,0,6.133l2.233.742.742,2.233C8.452,17,11.219,17,12.9,11.939L15.41,4.422C16.527,1.047,14.694-.795,11.319.33Zm.267,4.483L8.419,8a.624.624,0,0,1-.883,0,.629.629,0,0,1,0-.883L10.7,3.93a.625.625,0,1,1,.883.883Z" transform="translate(2.131 2.136)" fill="#fff"/><path d="M0,0H20V20H0Z" transform="translate(20 20) rotate(180)" fill="none" opacity="0"/></svg> </a> </div> <input type="file" id="file-input" accept="image/*" style="display: none;" onchange="previewFile()"> </div> <div id="file-preview-container" style="display: none;"> <img src="" id="file-preview" alt="File Preview"> </div> </div> </div> </div> </div> <div class="card"> <div class="card-header" id="faqhead8"> <a href="#" class="btn btn-header-link collapsed" data-toggle="collapse" data-target="#faq8" aria-expanded="true" aria-controls="faq8"> <div class="main-img-inbox"> <div class="inbox-cont"> <div class="inbox-content-img"> <img src="images/inbox8.png" alt="image" class="img-fluid"> </div> <div class="inbox-content-txt"> <h6>Sholpubshi</h6> <p>Me: Thank you so much for...</p> </div> </div> <div class="content-inbox-time"> <span>21h</span> </div> </div> </a> </div> <div id="faq8" class="collapse" aria-labelledby="faqhead8" data-parent="#faq"> <div class="card-body"> <div class="first-chat-box"> <div class="img-chat-flex"> <img src="images/at1.png" alt="image" class="img-fluid"> <div class="sholpub-text"> <h6>Sholpubshi</h6> <p>Spotify Playlister | Gemany</p> <ul> <li><i class="fa fa-star" aria-hidden="true"></i> 4.6</li> <li><span class="curator-bar">|</span></li> <li>Joined 3y ago</li> </ul> </div> </div> <div class="new-scollbarbar-hide"> <div class="chat-data"> <div class="chat-data-img"> <img src="images/at2.png" alt="image" class="img-fluid"> </div> <div class="chat-data-title"> <h6>Sholpubshi</h6> </div> <div class="chat-data-time"> <span>Sep 13, 2023, 4:17 AM</span> </div> </div> <div class="msg-content-data"> <small>Hi Jeff,</small> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit ut aliquam, purus sit amet luctus venenatis, lectus magna fringilla urna, porttitor rhoncus dolor purus non enim praesent elementum facilisis leo, vel fringilla est ullamcorper eget nulla</p> <span>Best Regards.</span> </div> <div class="chat-data chat-data-sec"> <div class="chat-data-img"> <img src="images/at2.png" alt="image" class="img-fluid"> </div> <div class="chat-data-title"> <h6>Sholpubshi</h6> </div> <div class="chat-data-time"> <span>Sep 14, 2023, 4:17 AM</span> </div> </div> <div class="msg-content-data"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit ut aliquam, purus sit amet luctus venenatis,</p> </div> <div class="chat-data"> <div class="chat-data-img"> <img src="images/at3.png" alt="image" class="img-fluid"> </div> <div class="chat-data-title"> <h6>Jeff Jordan</h6> </div> </div> <div class="new-chat-border"> <div class="msg-content-data msg-content-data-sec"> <small>Hi Shol,</small> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit ut aliquam, purus sit amet luctus venenatis, lectus magna fringilla</p> </div> </div> </div> <div class="main-chat-text-box"> <div class="happy-emoji"> <a href="javascript:void(0)"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M7,20h6c5,0,7-2,7-7V7c0-5-2-7-7-7H7C2,0,0,2,0,7v6C0,18,2,20,7,20Z" transform="translate(2 2)" fill="none" stroke="#919191" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/><path d="M3,1.5A1.5,1.5,0,1,1,1.5,0,1.5,1.5,0,0,1,3,1.5Z" transform="translate(14 6.75)" fill="none" stroke="#919191" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/><path d="M3,1.5A1.5,1.5,0,1,1,1.5,0,1.5,1.5,0,0,1,3,1.5Z" transform="translate(7 6.75)" fill="none" stroke="#919191" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/><path d="M.9,0H8.1A.9.9,0,0,1,9,.9a4.5,4.5,0,1,1-9,0A.9.9,0,0,1,.9,0Z" transform="translate(7.5 13.3)" fill="none" stroke="#919191" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/><path d="M0,0H24V24H0Z" fill="none" opacity="0"/></svg> </a> </div> <div class="ppaper-clip"> <a href="javascript:void(0)"> <svg xmlns="http://www.w3.org/2000/svg" width="16.949" height="19.2" viewBox="0 0 16.949 19.2"><path d="M11.249,4.5l-7.81,7.94a1.5,1.5,0,1,0,2.121,2.121l9.31-9.44A3,3,0,0,0,10.628.879l-9.31,9.44a4.5,4.5,0,1,0,6.364,6.364L15.374,9" transform="translate(0.6 0.6)" fill="none" stroke="#919191" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.2"/></svg> </a> </div> <div class="write-text"> <textarea cols="1" rows="1" class="form-control"></textarea> </div> <div class="send-paper-plane"> <a href="javascript:void(0)"> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path d="M11.319.33,3.794,2.83c-5.058,1.692-5.058,4.45,0,6.133l2.233.742.742,2.233C8.452,17,11.219,17,12.9,11.939L15.41,4.422C16.527,1.047,14.694-.795,11.319.33Zm.267,4.483L8.419,8a.624.624,0,0,1-.883,0,.629.629,0,0,1,0-.883L10.7,3.93a.625.625,0,1,1,.883.883Z" transform="translate(2.131 2.136)" fill="#fff"/><path d="M0,0H20V20H0Z" transform="translate(20 20) rotate(180)" fill="none" opacity="0"/></svg> </a> </div> <input type="file" id="file-input" accept="image/*" style="display: none;" onchange="previewFile()"> </div> <div id="file-preview-container" style="display: none;"> <img src="" id="file-preview" alt="File Preview"> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </section> <!-- CHAT INBOX SECTION END --> <div class="bg-bottom-img"> <div class="footer-overlay"></div> <!-- FOOTER SECTION BEGIN --> <footer> <div class="container-fluid"> <div class="row"> <div class="col-lg-3 col-md-6 col-sm-6 col-12"> <div class="footer-logo-content"> <a href="index.html"><img src="images/logo.png" alt="image" class="img-fluid"></a> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> <div class="curator-social-icon"> <ul> <li><a href="javascript:void(0)"><i class="fa fa-facebook" aria-hidden="true"></i></a></li> <li><a href="javascript:void(0)"><i class="fa fa-twitter" aria-hidden="true"></i></a></li> <li><a href="javascript:void(0)"><i class="fa fa-instagram" aria-hidden="true"></i></a></li> </ul> </div> </div> </div> <div class="col-lg-2 col-md-3 col-sm-3 col-12"> <div class="curator-links"> <h6>Quick Links</h6> <ul> <li><a href="list-of-curators.html">List of Curators</a></li> <li><a href="list-of-artists.html">List of Artists</a></li> <li><a href="javascript:void(0)">About Us</a></li> <li><a href="javascript:void(0)">FAQ</a></li> </ul> </div> </div> <div class="col-lg-2 col-md-3 col-sm-3 col-12"> <div class="curator-links"> <h6>Support</h6> <ul> <li><a href="help.html">Help</a></li> <li><a href="terms-conditions.html">Terms And conditions</a></li> <li><a href="privacy-policy.html">Privacy Policy</a></li> </ul> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-12"> <div class="curator-links"> <h6>Start</h6> <ul> <li><a href="sign-in.html">Log In</a></li> <li><a href="sign-up.html">Sign Up</a></li> <li><a href="become-a-curator.html">Become a Curator/Influencer</a></li> <li><a href="javascript:void(0)">Contact Us</a></li> </ul> </div> </div> <div class="col-lg-3 col-md-4 col-sm-4 col-12"> <div class="curator-links"> <h6>Get tips, tricks, and updates <span>on all things.</span></h6> <div class="email-form"> <form> <input type="text" placeholder="First Name" class="form-control"> <input type="email" placeholder="Email" class="form-control"> <button type="button" class="btn btn-primary">SUBSCRIBE</button> </form> </div> </div> </div> </div> </div> </footer> <!-- FOOTER SECTION END --> <!-- COPYRIGHT SECTION BEGIN --> <section class="copyright-sec-bg"> <div class="container-fluid"> <div class="row"> <div class="col-lg-12 col-md-12 col-sm-12 col-12"> <p>Copyright © 2022-2023 Curator Club | All rights reserved | Proudly designed by <a href="javascript:void(0)">clickysoft</a></p> </div> </div> </div> </section> <!-- COPYRIGHT SECTION END --> </div> <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-Piv4xVNRyMGpqkS2by6br4gNJ7DXjqk09RmUpJ8jgGtD7zP9yug3goQfGII0yAns" crossorigin="anonymous"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.js" integrity="sha512-XtmMtDEcNz2j7ekrtHvOVR4iwwaD6o/FUJe6+Zq+HgcCsk3kj4uSQQR8weQ2QVj1o0Pk6PwYLohm206ZzNfubg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> <script src="js/wow.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"></script> <script src="https://rawgithub.com/dimsemenov/Magnific-Popup/master/dist/jquery.magnific-popup.js?v=0.8.9"></script> <script> new WOW().init(); </script> <script> /*MENUBAR SCRIPT BEGIN*/ const navbarMenu = document.getElementById("menu"); const burgerMenu = document.getElementById("burger"); const headerMenu = document.getElementById("header"); const overlayMenu = document.querySelector(".overlay"); if (burgerMenu && navbarMenu) { burgerMenu.addEventListener("click", () => { burgerMenu.classList.toggle("is-active"); navbarMenu.classList.toggle("is-active"); }); } window.addEventListener("resize", () => { if (window.innerWidth >= 992) { if (navbarMenu.classList.contains("is-active")) { navbarMenu.classList.remove("is-active"); overlayMenu.classList.remove("is-active"); } } }); /*MENUBAR SCRIPT END*/ /*DROPDOWN SCRIPT BEGIN*/ const dd = document.querySelector('#dropdown-wrapper'); const links = document.querySelectorAll('.dropdown-list a'); const span = document.querySelector('span'); dd.addEventListener('click', function() { this.classList.toggle('is-active'); }); links.forEach((element) => { element.addEventListener('click', function(evt) { span.innerHTML = evt.currentTarget.textContent; }) }) /*DROPDOWN SCRIPT END*/ /*ACCORDIAN SCRIPT BEGIN*/ $('.panel-collapse').on('show.bs.collapse', function () { $(this).siblings('.panel-heading').addClass('active'); }); $('.panel-collapse').on('hide.bs.collapse', function () { $(this).siblings('.panel-heading').removeClass('active'); }); /*ACCORDIAN SCRIPT END*/ // NOTIFICATION SCRIPT BEGIN $(function() { var profile = $('.profile'); var profiledropdown = $('.profiledropdown'); profile.on('click', function() { if (profiledropdown.hasClass('fade')) { profiledropdown.removeClass('fade').addClass('fade_reverse'); } else if (profiledropdown.hasClass('fade_reverse')) { profiledropdown.removeClass('fade_reverse').addClass('fade'); } else { profiledropdown.addClass('fade'); } }); }); // NOTIFICATION SCRIPT END // AVATAR SCRIPT BEGIN document.querySelector('.mini-photo-wrapper').addEventListener('click', function() { document.querySelector('.menu-container').classList.toggle('active'); }); document.querySelector('.mini-photo-wrapper2').addEventListener('click', function() { document.querySelector('.menu-container2').classList.toggle('active'); }); // AVATAR SCRIPT END // CHAT FILE UPLOADER SCRIPT BEGIN function openFileInput() { const fileInput = document.getElementById('file-input'); fileInput.click(); } function previewFile() { const fileInput = document.getElementById('file-input'); const filePreviewContainer = document.getElementById('file-preview-container'); const filePreview = document.getElementById('file-preview'); const file = fileInput.files[0]; if (file) { const reader = new FileReader(); reader.onload = function (e) { filePreview.src = e.target.result; filePreviewContainer.style.display = 'block'; }; reader.readAsDataURL(file); } } document.querySelector('.ppaper-clip').addEventListener('click', openFileInput); // CHAT FILE UPLOADER SCRIPT END </script> </body> </html>
| ver. 1.4 |
Github
|
.
| PHP 8.1.29 | Генерация страницы: 0 |
proxy
|
phpinfo
|
Настройка