274 lines
5.6 KiB
PHP
274 lines
5.6 KiB
PHP
<?php $currentPage = "chat-box" ?>
|
|
|
|
@extends('Frontend.layouts.master')
|
|
|
|
|
|
|
|
|
|
@section('content')
|
|
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css">
|
|
|
|
|
|
|
|
<div class="chat-sec">
|
|
|
|
<div class="chat-box container">
|
|
|
|
<h2>Chat Box</h2>
|
|
|
|
<form>
|
|
|
|
<input type="search" id="freeusearch" placeholder="SEARCH">
|
|
|
|
</form>
|
|
|
|
|
|
|
|
<div class="row chat-content">
|
|
|
|
<div class="col-md-3 user-contact" data-aos="fade-left">
|
|
|
|
|
|
|
|
<div class="user-box">
|
|
|
|
<div class="contact-details">
|
|
|
|
<img src="{{asset('public/assets/media/FrontendImages/chat.png')}}" />
|
|
|
|
</div>
|
|
|
|
<div class="contact-content">
|
|
|
|
<h6>Kartikey Gautam</h6>
|
|
|
|
<span>Myre Capital</span>
|
|
|
|
</div>
|
|
|
|
<div class="contact-time">
|
|
|
|
<span>09:00</span>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="user-box">
|
|
|
|
<div class="contact-details">
|
|
|
|
<img src="{{asset('public/assets/media/FrontendImages/chat.png')}}" />
|
|
|
|
</div>
|
|
|
|
<div class="contact-content">
|
|
|
|
<h6>Kartikey Gautam</h6>
|
|
|
|
<span>Myre Capital</span>
|
|
|
|
</div>
|
|
|
|
<div class="contact-time">
|
|
|
|
<span>Mon</span>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="user-box">
|
|
|
|
<div class="contact-details">
|
|
|
|
<img src="{{asset('public/assets/media/FrontendImages/chat.png')}}" />
|
|
|
|
</div>
|
|
|
|
<div class="contact-content">
|
|
|
|
<h6>Kartikey Gautam</h6>
|
|
|
|
<span>Myre Capital</span>
|
|
|
|
</div>
|
|
|
|
<div class="contact-time">
|
|
|
|
<span>Fri</span>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="user-box">
|
|
|
|
<div class="contact-details">
|
|
|
|
<img src="{{asset('public/assets/media/FrontendImages/chat.png')}}" />
|
|
|
|
</div>
|
|
|
|
<div class="contact-content">
|
|
|
|
<h6>Kartikey Gautam</h6>
|
|
|
|
<span>Myre Capital</span>
|
|
|
|
</div>
|
|
|
|
<div class="contact-time">
|
|
|
|
<span>Sat</span>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="user-box">
|
|
|
|
<div class="contact-details">
|
|
|
|
<img src="{{asset('public/assets/media/FrontendImages/chat.png')}}" />
|
|
|
|
</div>
|
|
|
|
<div class="contact-content">
|
|
|
|
<h6>Kartikey Gautam</h6>
|
|
|
|
<span>Myre Capital</span>
|
|
|
|
</div>
|
|
|
|
<div class="contact-time">
|
|
|
|
<span>17/5/22</span>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="col-md-8 user-chat" data-aos="fade-right">
|
|
|
|
<p class="today">Today</p>
|
|
|
|
<div class="sent container">
|
|
|
|
<div class="sentchat-icon">
|
|
|
|
<div class="contact-details">
|
|
|
|
<img src="{{asset('public/assets/media/FrontendImages/chat.png')}}" />
|
|
|
|
</div>
|
|
|
|
<div class="sent-time">
|
|
|
|
<span>09:00</span>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="sent-chat">
|
|
|
|
<p>Lorem ipsum dolor</p>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="receive container">
|
|
|
|
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit,
|
|
|
|
sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="sent container">
|
|
|
|
<div class="sentchat-icon">
|
|
|
|
<div class="contact-details">
|
|
|
|
<img src="{{asset('public/assets/media/FrontendImages/chat.png')}}" />
|
|
|
|
</div>
|
|
|
|
<div class="sent-time">
|
|
|
|
<span>09:00</span>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="sent-chat">
|
|
|
|
<p>Lorem ipsum dolor sit amet, consectetuer</p>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="receive container">
|
|
|
|
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit,
|
|
|
|
sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="send-msg">
|
|
|
|
|
|
|
|
<form id="form1">
|
|
|
|
<input type="search" id="chat-box" placeholder="Type a Message">
|
|
|
|
|
|
|
|
<button type="submit" form="form1" value="Submit" id="chat-send">Send</button>
|
|
|
|
</form>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
@endsection()
|
|
|