-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathchatBox.html
61 lines (59 loc) · 2.68 KB
/
chatBox.html
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
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
<!DOCTYPE html>
<html lang="en">
<head>
<script type='text/javascript' src='https://cdn.scaledrone.com/scaledrone.min.js'></script>
<meta charset="utf-8">
<link rel="stylesheet" href="css/groupChatPage.css">
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@500&display=swap" rel="stylesheet">
</head>
<!--- this is where the actual code beigns -->
<body>
<section>
<div>
<img id="banner" src="Images/4.png" alt ="header">
</div>
<div id="headerTop">
<a id="backButton" href="chat-6-choices.html" id="back_btn">« Back</a>
</div>
</section>
<section id="mainSection">
<div id="heading">
<h1> Welcome to the Mongus Group Chat for Semester 1 2023!! </h1>
<h2 id="topic">Topic: Game of Thrones</h2>
</div>
<div name="ChatBox">
<fieldset class="form_details">
<legend> Come into the Throne Room... </legend>
<div class="members-count">-</div>
<div class="members-list">-</div>
<div class="messages"></div>
<form class="message-form" onsubmit="return false;">
<input class="message-form__input" placeholder="Type a message.." type="text"/>
<input class="message-form__button" value="Send" type="submit"/>
<div class="dropdown">
<button class="dropbtn">
GIFS
</button>
<div class="dropdown-content">
<div class="dropdown-images">
<img src="Images/gifs/GOT1.gif">
<img src="Images/gifs/GOT2.gif">
<img src="Images/gifs/GOT3.gif">
<img src="Images/gifs/GOT4.gif">
<img src="Images/gifs/GOT5.gif">
<img src="Images/gifs/GOT6.gif">
<img src="Images/gifs/GOT7.gif">
<img src="Images/gifs/GOT8.gif">
</div>
</div>
</div>
</form>
<script type='text/javascript' src='js/groupchat.js'></script>
</fieldset>
</div>
</section>
<footer>
<script src="name.js"></script>
</footer>
</body>
</html>