This repository has been archived by the owner on Jun 10, 2023. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
60 lines (59 loc) · 2.66 KB
/
index.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="pt-br">
<head>
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,700;1,400&display=swap"
rel="stylesheet"
/>
<link rel="icon" href="batepapo.ico" />
<link rel="stylesheet" href="css/reset.css" />
<link rel="stylesheet" href="css/style.css" />
<meta charset="UTF-8" />
<meta
name="viewport"
content="width=device-width,height=device-height,initial-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover"
/>
<title>Bate-Papo UOL</title>
</head>
<body>
<header>
<img src="png/logo 1.png" alt="logo" />
<button onclick = "navVisivel()"><ion-icon name="people"></ion-icon></button>
</header>
<div class = "chat">
</div>
<footer>
<input class="msgInput" name="msg" type = "text" placeholder="Digite seu texto..." value>
<button data-identifier="send-message" onclick="enviarMsg()"><ion-icon name="paper-plane"></ion-icon></button>
</footer>
<nav class="nav">
<div class="sidebarExit" onclick="navVisivel()"></div>
<div class="sidebarContent">
<div class="sidebarTitle"><p>Escolha um contato <br>para enviar mensagem:</p></div>
<div class="sidebar"><div class="sidebarLines"><ion-icon name="people"></ion-icon><p class="sidebarTxt">Todos</p></div><ion-icon class="iconCheck" name="checkmark"></ion-icon></div>
<div class="sidebarOnlineUserConainer">
</div>
<div class="sidebarVisibilidade"><p>Escolha a visibilidade:</p></div>
<div class="sidebar"><div class="sidebarLines"><ion-icon name="lock-open"></ion-icon><p class="sidebarTxt">Público</p></div><ion-icon class="iconCheck" name="checkmark"></ion-icon></div>
<div class="sidebar"><div class="sidebarLines"><ion-icon name="lock-closed"></ion-icon><p class="sidebarTxt">Reservadamente</p></div><ion-icon class="iconCheck" name="checkmark"></ion-icon></div>
</div>
</nav>
<div class="entrada visivel">
<img src="png/logo 1.png" alt="logo" />
<input class="nameInput" name="name" type = "name" placeholder="Digite seu nome" value>
<button onclick="entradaVisivel()">Entrar</button>
</div>
<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
<script src="js/script.js"></script>
<script
type="module"
src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"
></script>
<script
nomodule
src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"
></script>
</body>
</html>