Skip to content

Commit 555e794

Browse files
NandoDev-labNandoDev-lab
committed
pagina bate papo
inclusão da pagina de bate papo e exclusão da pagina login
1 parent 57f09d3 commit 555e794

File tree

6 files changed

+197
-175
lines changed

6 files changed

+197
-175
lines changed

‎contato.html

+30-18
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,6 @@
11
<!DOCTYPE html>
22
<html lang="pt-br">
3+
34
<head>
45
<title>Contato</title>
56
<meta charset="utf-8">
@@ -8,50 +9,61 @@
89
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
910
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
1011
<style>
11-
/* Remove the navbar's default margin-bottom and rounded borders */
12+
/* Remove the navbar's default margin-bottom and rounded borders */
1213
.navbar {
1314
margin-bottom: 0;
1415
border-radius: 0;
1516
}
16-
17+
1718
/* Add a gray background color and some padding to the footer */
1819
footer {
1920
background-color: #0f0e0ee5;
2021
padding: 25px;
21-
color:aliceblue ;
22+
color: aliceblue;
2223
}
2324
</style>
2425
</head>
26+
2527
<body>
2628

27-
<nav class="navbar navbar-inverse">
28-
<div class="container-fluid">
29-
<div class="navbar-header">
30-
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
31-
<span class="icon-bar"></span>
32-
<span class="icon-bar"></span>
33-
<span class="icon-bar"></span>
34-
</button>
35-
<a class="navbar-brand" href="index.html">Roblox Family-x4</a>
29+
<nav class="navbar navbar-inverse">
30+
<div class="container-fluid">
31+
<div class="navbar-header">
32+
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
33+
<span class="icon-bar"></span>
34+
<span class="icon-bar"></span>
35+
<span class="icon-bar"></span>
36+
</button>
37+
<!--letreiro animado-->
38+
<div class="wrapper">
39+
<svg>
40+
<text x="50%" y="50%" dy=".35em" text-anchor="middle">
41+
Roblox Family-x4
42+
</text>
43+
</svg>
44+
</div>
45+
</div>
3646
</div>
3747
<div class="collapse navbar-collapse" id="myNavbar">
3848
<ul class="nav navbar-nav">
3949
<li class="active"><a href="index.html">Página Inicial</a></li>
4050
<li><a href="/sobre.html">Sobre Nós</a></li>
51+
<li><a href="/frontend/index.html">Bate Papo</a></li>
4152
<li><a href="/galeria.html">Nossos Vídeos</a></li>
4253
<li><a href="/contato.html">Fale Conosco</a></li>
4354
</ul>
4455
<ul class="nav navbar-nav navbar-right">
4556
<li><a href="#"><span class="glyphicon glyphicon-log-in"></span> Login</a></li>
4657
</ul>
4758
</div>
48-
</div>
49-
</nav>
59+
</div>
60+
</nav>
5061

5162

52-
<footer class="container-fluid text-center">
53-
<p>Footer Text</p>
54-
</footer>
63+
<footer class="container-fluid text-center">
64+
<p>Footer Text</p>
65+
</footer>
5566

5667
</body>
57-
</html>
68+
69+
</html>

‎css/styles.css

+28-10
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,27 @@
1-
/* Remove the navbar's default margin-bottom and rounded borders */
1+
2+
@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');
3+
4+
/* Remove the navbar's default margin-bottom and rounded borders */
25
body{
36
background-color: rgba(0, 0, 0, 0.89);
47
}
5-
.navbar {
8+
9+
.navbar {
610
margin-bottom: 0;
711
border-radius: 0;
812
}
13+
.container-fluid{
14+
height: 80px;
15+
display: flex;
16+
align-items: center;
17+
18+
}
19+
#myNavbar{
20+
width: 100%;
21+
margin-left: 20px;
22+
display: flex;
23+
24+
}
925
.jumbotron{
1026
height: 91vh;
1127
padding: 420px ;
@@ -68,25 +84,27 @@
6884
font-family: cursive;
6985

7086
}
71-
.wrapper{
72-
display: flex;
73-
align-content: center;
74-
justify-content: center;
75-
height: 50px
76-
}
87+
88+
.anton-regular {
89+
font-family: "Anton", sans-serif;
90+
font-weight: 300;
91+
font-style: normal;
92+
}
93+
7794

7895
/*Letreiro animado teste*/
7996
@import url("https://fonts.googleapis.com/css2?family=Russo+One&display=swap");
8097

8198
svg {
82-
font-family: "Russo One", sans-serif;
99+
font-family: "Anton", sans-serif;
83100
width: 100%; height: 100%;
84101
}
85102
svg text {
86-
animation: stroke 7s infinite alternate;
103+
animation: stroke 10s infinite alternate;
87104
stroke-width: 2;
88105
stroke: #B3AE17;
89106
font-size: 30px;
107+
text-shadow: 1px 2px rgb(27, 59, 245);
90108
}
91109
@keyframes stroke {
92110
0% {

‎frontend/index.html

+52-14
Original file line numberDiff line numberDiff line change
@@ -1,39 +1,77 @@
11
<!DOCTYPE html>
22
<html lang="pt-br">
3+
34
<head>
45
<meta charset="UTF-8">
56
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6-
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" />
7+
<link rel="stylesheet"
8+
href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" />
79
<link rel="stylesheet" href="/frontend/css/style.css">
10+
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
11+
<link rel="stylesheet" href="/css/styles.css">
812
<title>Chat Roblox Family</title>
913
</head>
14+
1015
<body>
16+
<!--Barra de navegação-->
17+
<nav class="navbar navbar-inverse">
18+
<div class="container-fluid">
19+
<div class="navbar-header">
20+
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
21+
<span class="icon-bar"></span>
22+
<span class="icon-bar"></span>
23+
<span class="icon-bar"></span>
24+
</button>
25+
<!--letreiro animado-->
26+
<div class="wrapper">
27+
<svg>
28+
<text x="50%" y="50%" dy=".35em" text-anchor="middle">
29+
Roblox Family-x4
30+
</text>
31+
</svg>
32+
</div>
33+
</div>
34+
<div class="collapse navbar-collapse" id="myNavbar">
35+
<ul class="nav navbar-nav">
36+
<li><a href="/index.html">Página Inicial</a></li>
37+
<li><a href="/sobre.html">Sobre Nós</a></li>
38+
<li><a href="/frontend/index.html">Bate Papo</a></li>
39+
<li><a href="/galeria.html">Nossos Vídeos</a></li>
40+
<li><a href="/contato.html">Fale Conosco</a></li>
41+
</ul>
42+
</div>
43+
</div>
44+
</nav>
45+
<!--Fim da Barra de navegação-->
46+
1147
<section class="container">
1248
<section class="login">
1349
<h2>Login</h2>
14-
<form class="login-form">
50+
<form class="login-form">
1551
<input type="text" class="login-input" placeholder="Seu Nome" required>
1652
<button type="submit" class="login-button">Entrar</button>
17-
</form></section>
53+
</form>
54+
</section>
1855

19-
<section class="chat">
20-
<section class="chat-messages">
56+
<section class="chat">
57+
<section class="chat-messages">
2158

2259
<!-- <div class="message-self"></div>
2360
<div class="Admin"></div>
2461
2562
<div class="message-other"></div>-->
26-
27-
</section>
28-
<form class="chat-form">
29-
<input type="text" class="chat-input" placeholder="Digite aqui sua mensagem" required>
30-
<button type="submit" class="chat-button"><span class="material-symbols-outlined">
31-
send
32-
</span></button>
33-
</form>
63+
3464
</section>
65+
<form class="chat-form">
66+
<input type="text" class="chat-input" placeholder="Digite aqui sua mensagem" required>
67+
<button type="submit" class="chat-button"><span class="material-symbols-outlined">
68+
send
69+
</span></button>
70+
</form>
71+
</section>
3572
</section>
36-
73+
3774
<script src="/frontend/js/script.js"></script>
3875
</body>
76+
3977
</html>

‎galeria.html

+39-40
Original file line numberDiff line numberDiff line change
@@ -1,58 +1,57 @@
11
<!DOCTYPE html>
22
<html lang="pt-br">
3+
34
<head>
45
<title>Galeria de Vídeos</title>
56
<meta charset="utf-8">
67
<meta name="viewport" content="width=device-width, initial-scale=1">
78
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
89
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
910
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
10-
<style>
11-
/* Remove the navbar's default margin-bottom and rounded borders */
12-
.navbar {
13-
margin-bottom: 0;
14-
border-radius: 0;
15-
}
16-
17-
/* Add a gray background color and some padding to the footer */
18-
footer {
19-
background-color: #0f0e0ee5;
20-
padding: 25px;
21-
color:aliceblue ;
22-
}
23-
</style>
11+
<link rel="stylesheet" href="/css/styles.css">
2412
</head>
13+
2514
<body>
2615

27-
<nav class="navbar navbar-inverse">
28-
<div class="container-fluid">
29-
<div class="navbar-header">
30-
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
31-
<span class="icon-bar"></span>
32-
<span class="icon-bar"></span>
33-
<span class="icon-bar"></span>
34-
</button>
35-
<a class="navbar-brand" href="index.html">Roblox Family-x4</a>
36-
</div>
37-
<div class="collapse navbar-collapse" id="myNavbar">
38-
<ul class="nav navbar-nav">
39-
<li class="active"><a href="index.html">Página Inicial</a></li>
40-
<li><a href="/sobre.html">Sobre Nós</a></li>
41-
<li><a href="/galeria.html">Nossos Vídeos</a></li>
42-
<li><a href="/contato.html">Fale Conosco</a></li>
43-
</ul>
44-
<ul class="nav navbar-nav navbar-right">
45-
<li><a href="#"><span class="glyphicon glyphicon-log-in"></span> Login</a></li>
46-
</ul>
16+
<nav class="navbar navbar-inverse">
17+
<div class="container-fluid">
18+
<div class="navbar-header">
19+
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
20+
<span class="icon-bar"></span>
21+
<span class="icon-bar"></span>
22+
<span class="icon-bar"></span>
23+
</button>
24+
<!--letreiro animado-->
25+
<div class="wrapper">
26+
<svg>
27+
<text x="50%" y="50%" dy=".35em" text-anchor="middle">
28+
Roblox Family-x4
29+
</text>
30+
</svg>
31+
</div>
32+
</div>
33+
34+
<div class="collapse navbar-collapse" id="myNavbar">
35+
<ul class="nav navbar-nav">
36+
<li class="active"><a href="index.html">Página Inicial</a></li>
37+
<li><a href="/sobre.html">Sobre Nós</a></li>
38+
<li><a href="/frontend/index.html">Bate Papo</a></li>
39+
<li><a href="/galeria.html">Nossos Vídeos</a></li>
40+
<li><a href="/contato.html">Fale Conosco</a></li>
41+
</ul>
42+
<ul class="nav navbar-nav navbar-right">
43+
<li><a href="#"><span class="glyphicon glyphicon-log-in"></span> Login</a></li>
44+
</ul>
45+
</div>
4746
</div>
48-
</div>
49-
</nav>
47+
</nav>
5048

5149

5250

53-
<footer class="container-fluid text-center">
54-
<p>Footer Text</p>
55-
</footer>
51+
<footer class="container-fluid text-center">
52+
<p>Footer Text</p>
53+
</footer>
5654

5755
</body>
58-
</html>
56+
57+
</html>

0 commit comments

Comments
 (0)