-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
173 lines (161 loc) · 7.69 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
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
<!DOCTYPE html>
<html>
<head class="favicon">
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="css/index.css">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-9ndCyUaIbzAi2FUVXJi0CjmCapSmO7SnpJef0486qhLnuZ2cdeRhO02iuK6FUUVM" crossorigin="anonymous">
<link rel="icon" href="img/logo.ico">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,700,700i&display=swap">
<title>Invader</title>
</head>
<body>
<header>
<nav class="navbar navbar-expand-xl bg-body-tertiary bg-dark border-bottom border-bottom-dark" data-bs-theme="dark">
<div class="container-fluid">
<a class="navbar-brand" href="index.html">Invader</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav me-auto">
<li class="nav-item">
<a class="nav-link" aria-current="page" href="about.html">
<span class="hoverable">Sobre Nós</span></a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown"
aria-expanded="false"><span class="hoverable">Integrantes</span>
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="https://www.linkedin.com/in/luizhenriqueccarvalho/"
target="_blank"><span class="hoverable">Luiz Henrique</span></a></li>
<li><a class="dropdown-item" href="https://www.linkedin.com/in/kleyton-carvalho-0033a0278/"
target="_blank"><span class="hoverable">Kleyton Carvalho</span></a></li>
<li><a class="dropdown-item" href="https://www.linkedin.com/in/vinicius-gomes-47b251229"
target="_blank"><span class="hoverable">Vinicius Gomes</span></a></li>
<li><a class="dropdown-item" href="https://www.linkedin.com/in/riquelme-lobo-86bb8920a">
<span class="hoverable">Riquelme Lobo</span></a></li>
<li><a class="dropdown-item" href="https://www.linkedin.com/in/jessica-cordeiro-744193239"
target="_blank"><span class="hoverable">Jessica Cordeiro</span></a></li>
<li><a class="dropdown-item" href="#" target="_blank">
<span class="hoverable">Antônio Augusto</span></a></li>
</ul>
</li>
</ul>
</div>
<ul class="navbar-nav me-auto">
<li class="nav-item">
<a class="nav-link" href="top-topics.html"><span class="hoverable">Top Assuntos</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="login.html"><span class="hoverable">Login</span></a>
</li>
</ul>
</div>
</div>
</nav>
</header>
<main>
<section class="curtido pt-4 pb-4">
<div class="linha"></div>
<h1>Bem Vindo ao Invader</h1>
<div class="linha"></div>
</section>
<div class="container-sm text-center pt-10">
<div id="carouselExampleCaptions" class="carousel slide carousel-fade" data-bs-ride="carousel"
data-bs-interval="2000">
<div class="carousel-indicators">
<button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="0" class="active"
aria-current="true" aria-label="Slide 1"></button>
<button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="1"
aria-label="Slide 2"></button>
<button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="2"
aria-label="Slide 3"></button>
<button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="3"
aria-label="Slide 4"></button>
</div>
<div class="carousel-inner">
<div class="carousel-item active">
<img src="img/ChatGPT.webp" class="d-block w-100" alt="...">
<div class="carousel-caption d-none d-md-block">
<h5>ChatGPT dominará o mundo?</h5>
</div>
</div>
<div class="carousel-item">
<img src="img/javascript.jpg" class="d-block w-100" alt="...">
<div class="carousel-caption d-none d-md-block">
<h5>Por que JavaScript tem Java no nome?</h5>
</div>
</div>
<div class="carousel-item">
<img src="img/python.jpg" class="d-block w-100" alt="...">
<div class="carousel-caption d-none d-md-block">
<h5>Python é cringe?</h5>
</div>
</div>
<div class="carousel-item">
<img src="img/javafx.png" class="d-block w-100" alt="...">
<div class="carousel-caption d-none d-md-block">
<h5>É normal ter medo do JavaFX?</h5>
</div>
</div>
</div>
</div>
</div>
<div class="container font-bold pt-5">
<div class="row">
<div class="col-md-7">
<div class="card" style="width: 30rem;">
<img src="img/programming.jpg" class="card-img-top" alt="...">
<div class="card-body">
<p class="card-text">
O Invader é um site dedicado a fornecer informações precisas, úteis e interessantes sobre o mundo da
programação. Nós oferecemos notícias atualizadas sobre as últimas tendências e desenvolvimentos na
indústria
de
tecnologia, bem como tutoriais e artigos sobre linguagens de programação, frameworks, bibliotecas e
outras
ferramentas de desenvolvimento.
</p>
</div>
</div>
</div>
<div class="col-md-1 pt-15">
<div class="card" style="width: 30rem;">
<img src="img/forum.jpg" class="card-img-top" alt="...">
<div class="card-body">
<p class="card-text">
Além disso, o Invader também oferece fóruns de discussão onde os usuários podem se conectar com outros
programadores, compartilhar ideias, fazer perguntas e obter ajuda em seus projetos.
Se você é um entusiasta da tecnologia ou um desenvolvedor profissional, o Invader é o lugar certo para
você.
</p>
</div>
</div>
</div>
<div class="container">
<img src="img/lorem_ipsum.png" class="img-fluid mx-auto" alt="lorem_ipsum">
</div>
</div>
</div>
<div class="container text-center font-bold pt-4">
<img src="img/nave.png" style="height: 150px;" alt="nave">
</div>
<section class="curtido pb-4">
<div class="linha"></div>
<h4>Junte-se a nós e comece à explorar o mundo da programação hoje!</h4>
<div class="linha"></div>
</section>
</main>
<footer class="footer border bg-dark text-white text-center">
<p class="py-1 fs-6">© 2023 Project Invader. Todos os direitos reservados.</p>
</footer>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-geWF76RCwLtnZ8qwWowPQNguL3RmwHVBC9FhGdlKrxdiJJigb/j/68SIy3Te4Bkz"
crossorigin="anonymous"></script>
</body>
</html>