first-composer/chat-box.blade.php at master · phpooya/first-composer · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
<style>
    #chat-box {
        background: #FFF;
        position: absolute;
        right: 50px;
        bottom: 0;
        width: 300px;
        height: 250px;
        border-radius: 15px 15px 0 0;
        z-index: 1;
        box-shadow: 0 0 8px -3px #505050;
        overflow: hidden;
    }

    #chat-box button {
        padding: 6px;
        background: #e2e8f0;
        margin: 8px 10px;
    }

    #chat-box .title {
        background: #e2e8f0;
        padding: 10px;
    }

    #chat-box input, #chat-box textarea {
        border: #e2e8f0 1px solid;
        padding: 9px;
        width: calc(100% - 20px);
        margin: 10px 10px 0;
    }

</style>

<div id="chat-box">
    <div class="title">Chat Box</div>
    <form method="post" action="{{ url('contact-with-us') }}">
        <input name="email" placeholder="example@gmail.com">
        <textarea name="content"></textarea>
        <button type="submit">Submit</button>
    </form>
</div>