forked from anuragverma108/SwapReads
-
Notifications
You must be signed in to change notification settings - Fork 0
/
chat.html
124 lines (110 loc) · 5.04 KB
/
chat.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
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="chat.css">
<title>Community Chat</title>
</head>
<!--Navigation bar-->
<div class="navbar">
<div class="navbar-brand">
<a href="index.html" onclick="lenis.scrollTo('index.html');" class="logo" style="display:flex;">
<img src="./assets/images/final.png" class="logopic" style=" width: 150px;">
</a>
</div>
<button class="navbar-toggle" onclick="toggleNav()">☰</button>
<div class="navbar-menu" id="navbarMenu">
<div class="navbar-item">
<a href="index.html#home" onclick="lenis.scrollTo('#home')" class="navbar-link" data-nav-link><i
class="ri-home-fill"></i> Home</a>
</div>
<div class="navbar-item">
<a href="./assets/html/about.html" class="navbar-link" data-nav-link><i
class="ri-home-fill"></i> About Us </a>
</div>
<div class="navbar-item">
<a href="index.html#benefits" onclick="lenis.scrollTo('#benefits')" class="navbar-link" data-nav-link><i
class="ri-bar-chart-fill"></i> Benefits</a>
</div>
<div class="navbar-item">
<a href="index.html#genre" onclick="lenis.scrollTo('#genre')" class="navbar-link" data-nav-link><i
class="ri-bar-chart-fill"></i> Genre</a>
</div>
<div class="navbar-item">
<a href="index.html#contact" onclick="lenis.scrollTo('#contact')" class="navbar-link" data-nav-link><i
class="ri-customer-service-2-fill"></i> Contact</a>
</div>
</div>
</div>
<body>
<div class="mainbox">
<div id="chat-container">
<div id="user-input">
<input type="text" id="username" placeholder="Enter your username" required>
<button id="start-chat">Start Chat</button>
</div>
<div id="chat-box" style="display: none;">
<div id="messages"></div>
<div id="message-input">
<div id="backbutton">
<a href="#" style="color: white;">
Back
</a>
</div>
<input type="text" id="message" placeholder="Type your message">
<button id="send-message">Send</button>
</div>
</div>
</div>
</div>
<script src="chat.js" type="module"></script>
</body>
<hr>
<!--Footer section-->
<footer>
<div class="footleft">
<div id="SwapReads"><a href="#" class="logo"><h1>SwapReads</h1></a></div>
<div class="description">
<p style="text-align: justify; color: #6d767e;"><b>
SwapReads.com is the ultimate destination for book lovers
seeking to swap and discover new literary gems. Connect with
fellow enthusiasts, exchange your favorite reads, and embark
on exciting new adventures in the world of literature—all on
one convenient platform. Join us and dive into a universe of
endless possibilities! </b></p>
</div>
</div>
<div class="foot-right">
<h2 style="text-align: center;">Quick Links</h2>
<div id="quicklinks">
<div>
<ul style="list-style-type:none;">
<li class="foot-quick"><a href="index.html#home" onclick="lenis.scrollTo('#home')">Home</a></li>
<li class="foot-quick"><a href="index.html#benefits" onclick="lenis.scrollTo('#benefits')">Benefits</a></li>
<li class="foot-quick"><a href="index.html#chapters" onclick="lenis.scrollTo('#chapters')">Literary Realms</a></li>
<li class="foot-quick"><a href="index.html#pricing" onclick="lenis.scrollTo('#pricing')">Pricing</a></li>
<li class="foot-quick"><a href="./assets/html/bookrecommend.html" onclick="lenis.scrollTo('#contact')">Recommended Book</a></li>
<li class="foot-quick"><a href="./assets/html/booklistswap.html" onclick="lenis.scrollTo('#contact')">Swap BookList</a></li>
<li class="foot-quick"><a href="./assets/html/freeBooks.html" onclick="lenis.scrollTo('#contact')">E-Book</a></li>
<li class="foot-quick"><a href="./assets/html/about.html" onclick="lenis.scrollTo('#contact')">About</a></li>
<li class="foot-quick"><a href="index.html#contact" onclick="lenis.scrollTo('#contact')">Contact Us</a></li>
<li class="foot-quick"><a href="index.html#faqq" onclick="lenis.scrollTo('#faqq')">FAQ</a></li>
</ul>
</div>
</div>
</div>
</footer>
<!-- adding privacy policy and copyright popup-->
<hr>
<div style="text-align: center; align-items: center;">
<p style="text-align: center">
©
<script>document.write(new Date().getFullYear())</script> All Rights Reserved. Made with ❤ by Guardian Hackers.
</p>
<div class="row-copy">
<a href="copyrightpolicy.html" id="copyrightPolicyLink">Copyright Policy</a> |
<a href="privacynotice.html" id="privacyNoticeLink">Privacy Notice</a>
</div>
</div>
</html>