-
Notifications
You must be signed in to change notification settings - Fork 2
/
info.html
135 lines (108 loc) · 4.05 KB
/
info.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
<!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>Our Developers | HorrorFlix 👻</title>
<link rel="icon" href="./assets/iconghost.png" type="image/x-icon">
<link rel="stylesheet" href="./css/reset.css">
<link rel="stylesheet" href="./css/info.css">
<link rel="stylesheet" href="./css/media.css">
<link rel="stylesheet" href="./css/bootstrap/css/bootstrap.min.css">
<!-- Importação dos ícones do fontawesome -->
<script src="https://kit.fontawesome.com/be9d449732.js" crossorigin="anonymous"></script>
</head>
<body>
<header>
<div>
<!-- Imagem da logo -->
<h1><a href="./index.html"><img src="./assets/horrorflixlogo.svg" alt="Logo HorrorFlix" class="logoprincipal"></a></h1>
</div>
<!-- Barra de navegação -->
<nav class="navContainer">
<li class="btn btn-danger" id="signUp">
<a href="indexform.html">Sign Up</a>
</li>
<li class="btn btn-danger" id="login">
<a href="login.html">Log In</a>
</li>
<li class="btn btn-danger" id="search">
<i class="fas fa-search"></i>
<a href="./search.html">Search</a>
</li>
</nav>
</header>
<section class="developers">
<div id="divWebDev" class="nathalie">
<img id="imgWebDev" src="./assets/nathalie.jpg" alt="" srcset="">
<h5>Nathalie Moreira</h5>
<h6>WebDev Full Stack</h6>
<a href="https://www.linkedin.com/in/nathalie-moreira-23a8a7219/">
<img src="./assets/linkedin.png" class="rounded mx-auto d-block">
</a>
</div>
<div id="divWebDev" class="paloma">
<img id="imgWebDev" src="./assets/paloma.jpg" alt="" srcset="">
<h5>Paloma Carvalho</h5>
<h6>WebDev Full Stack</h6>
<a href="https://www.linkedin.com/in/paloma-carvalho-086b9710b/">
<img src="./assets/linkedin.png" class="rounded mx-auto d-block">
</a>
</div>
<div id="divWebDev" class="renan">
<img id="imgWebDev" src="./assets/renan.jpg" alt="" srcset="">
<h5>Renan Martins</h5>
<h6>WebDev Full Stack</h6>
<a href="https://github.com/renanmartins1813">
<img src="./assets/github.png" class="rounded mx-auto d-block">
</a>
</div>
<div id="divWebDev" class="thais">
<img id="imgWebDev" src="./assets/thais.jpg" alt="" srcset="">
<h5>Thais Silveira</h5>
<h6>WebDev Full Stack</h6>
<a href="https://www.linkedin.com/in/thais-silveira-7b1101119/">
<img src="./assets/linkedin.png" class="rounded mx-auto d-block">
</a>
</div>
<div id="divWebDev" class="vitor">
<img id="imgWebDev" src="./assets/vitor.jpg" alt="" srcset="">
<h5>Vitor Santos</h5>
<h6>WebDev Full Stack</h6>
<a href="https://github.com/Santos-235">
<img src="./assets/github.png" class="rounded mx-auto d-block">
</a>
</div>
</section>
<footer>
<nav class="navFooter">
<li><a href="#">Blog</a></li>
<li><a href="./info.html">Our Developers</a></li>
<li><a href="#">Privacy Policy</a></li>
<li><a href="#">Terms & Conditions</a></li>
</nav>
<nav class="socialMedia">
<li>
<a href="https://www.instagram.com/resilia.br/">
<img src="./assets/iconInstagram.png" alt="instagram" class="icons">
</a>
</li>
<li>
<a href="https://www.linkedin.com/school/resilia-educacao/">
<img src="./assets/iconLinkedin.png" alt="linkedin" class="icons">
</a>
</li>
<li>
<img src="./assets/iconTwitter.png" alt="twitter" class="icons">
</li>
<li>
<img src="./assets/iconWhatsapp.png" alt="whatsapp" class="icons">
</li>
</nav>
<div class="copyright">
<p class="copy">© Todos os direitos reservados. Página desenvolvida para fins didáticos. || Projeto de Final do Módulo 2 - Grupo 1 | Turma 8 - Resilia Educação</p>
</div>
</footer>
</body>
</html>