-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
127 lines (116 loc) · 6.06 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
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
125
126
127
<!DOCTYPE html>
<html lang="pt-br">
<head>
<title>Roblox Family Site</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
<link rel="stylesheet" href="/css/styles.css">
</head>
<body>
<!--Barra de navegação-->
<nav class="navbar navbar-inverse">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<!--letreiro animado-->
<div class="wrapper">
<svg>
<text x="50%" y="50%" dy=".35em" text-anchor="middle">
Roblox Family-x4
</text>
</svg>
</div>
</div>
<div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav navbar-nav">
<li><a href="index.html">Página Inicial</a></li>
<li><a href="/sobre.html">Sobre Nós</a></li>
<li><a href="/frontend/index.html">Bate Papo</a></li>
<li><a href="/galeria.html">Nossos Vídeos</a></li>
<li><a href="/contato.html">Fale Conosco</a></li>
</ul>
</div>
</div>
</nav>
<!--Fim da Barra de navegação-->
<!--Corpo do Site-->
<div class="jumbotron">
<div class="mensagem">
<h1 class="display-4">Olá, Pessoal</h1>
<p class="lead">Bem Vindos ao site da Familia Roblox onde nós poderemos interagir com quiz, bate papo e
muito mais...</p>
<hr class="my-4">
<p>Não deixe de conferir nossa Galeria de Videos e já aproveita pra dar aquela força pro canal crescer</p>
<a class="btn btn-primary btn-lg" href="/galeria.html" role="button">Galeria</a>
</div>
</div>
<div class="conteudo">
<div class="sidebar"><!--inicio da sidebar-->
<div class="container mt-5 ">
<h1>Quiz </h1>
<form id="quiz-form">
<div class="form-group">
<label for="question1">Qual jogo do Roblox você mais gosta?</label>
<div>
<input type="radio" id="q1a" name="q1" value="a">
<label for="q1a">A) Anime Tycoon</label><br>
<input type="radio" id="q1b" name="q1" value="b">
<label for="q1b">B) Blox Fruit</label><br>
<input type="radio" id="q1c" name="q1" value="c">
<label for="q1c">C) Brooke haven</label><br>
</div>
</div>
<button type="submit" class="btn btn-primary">Enviar</button>
</form>
<div id="result" class="mt-3"></div>
</div>
<hr>
</div><!--fim da sidebar-->
<div class="main">
<h1 class="main-title">Bem Vindos</h1>
<p class="main-text">Sejam todos bem vindos ao nosso Site Roblox Family x4,
aqui você vai poder ter acesso mais facilitado aos Nossos
conteúdos, Noticias sobe nossos videos e eventos no jogo,
participar do nosso Quiz e saber todas as tendencias
desse jogo que tá bombando!
</p>
<p class="main-text">No nosso site você também pode encontrar nosso e-mail na parte de contatos onde você
podera entrar em contato Conosco
para solicitar um jogo gravado com a gente, nos desafiar no jogo e sugerir temas de videos que você
gostaria que
nós gravássemos.
</p>
<h3 class="main-title">Confira abaixo nossos videos mais visitados:</h3>
<div class="principais">
<iframe class="video" width="560" height="315"
src="https://www.youtube.com/embed/u7GOK4YAj5s?si=1n3hCaY2lw4x4N_I" title="YouTube video player"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
<iframe class="video" width="560" height="315"
src="https://www.youtube.com/embed/C8jrRB60GOA?si=OnfHhlGd2nNXSg5T" title="YouTube video player"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
<iframe class="video" width="560" height="315"
src="https://www.youtube.com/embed/E_v5ai8CtYM?si=x3_HDNC616BIOjv4" title="YouTube video player"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div>
</div>
<div class="sidebar"></div>
</div>
<!--Fim do Corpo do Site-->
<footer class="container-fluid text-center">
<p class="developer"><a href="https://github.com/NandoDev-lab">Criado por NandoDev</a></p>
</footer>
<script
type="text/javascript"> document.umnicoWidgetHash = '6016ffa5f3666caa0ad47ccb125e2056'; var x = document.createElement('script'); x.src = 'https://umnico.com/assets/widget-loader.js'; x.type = 'text/javascript'; x.charset = 'UTF-8'; x.async = true; document.body.appendChild(x); </script>
</body>
</html>