freeu-project/resources/views/Frontend/Pages/chat-box.blade.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()