Skip to content

Instantly share code, notes, and snippets.

@hieptl

hieptl/index.html

Created September 12, 2022 09:46
Show Gist options
  • Save hieptl/d427a7c77be9fc0fe65c12bd6d6e3111 to your computer and use it in GitHub Desktop.
Save hieptl/d427a7c77be9fc0fe65c12bd6d6e3111 to your computer and use it in GitHub Desktop.
Download ZIP
Javascript Chat App - index.html
Raw
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Chat App with Vanilla JS</title>
<link rel="stylesheet" href="/css/styles.css" />
<script
defer
src="https://widget-js.cometchat.io/v3/cometchatwidget.js"
></script>
</head>
<body>
<div class="header">
<div class="header__left">
<h1>CometChat</h1>
<div class="header__right header__right--hide" id="header__right">
<img src="" alt="Build Chat Widget with CometChat" id="user__image" />
<span id="user__name"></span>
</div>
</div>
<span class="header__logout" id="header__logout"
><span>Logout</span></span
>
</div>
<div id="cometchat"></div>
<div id="loading" class="loading">
<div class="lds-roller">
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</div>
</div>
<script src="/js/auth.js"></script>
<script src="/js/config.js"></script>
<script src="/js/util.js"></script>
<script src="/js/index.js"></script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment