-
Notifications
You must be signed in to change notification settings - Fork 0
/
footer.html
120 lines (103 loc) · 5.7 KB
/
footer.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
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<title>IEEE - footer</title>
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="assets/css/geral.css">
<link rel="stylesheet" href="assets/css/plugins.css">
<link rel="stylesheet" href="assets/css/home.css">
<link rel="stylesheet" href="assets/node_modules/wow.js/css/libs/animate.css">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
</head>
<body>
<footer style="position: absolute; bottom: 0;" class="container-fluid">
<div class="row align-items-center footer">
<div class="col-lg-3 rodItem segment-one">
<img class="img-fluid logo-ieee" src="assets/images/logos/Logo IEEE UFABC.svg" id="logos-ieee"
alt="Logo da IEEE UFABC">
<p class="textBold">© 2020 IEEE UFABC Student Branch</p>
</div>
<div class="col-lg-4 rodItem segment-two">
<p class="textRegular" style="margin-top: 10px; width: 95%;font-size: 15px;">Lorem ipsum dolor sit amet,
consectetur
adipiscing elit. Ut sollicitudin elit ut sagittis venenatis. Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Ut sollicitudin elit ut sagittis venenatis. Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Ut sollicitudin elit ut sagittis venenatis.</p>
<p class="textBold">Localização: Sala 009 - UFABC Santo André</p>
</div>
<div class="col-lg-2 rodItem segment-three">
<button class="btn text-nowrap" id="ouvidoriaButton" data-toggle="modal" data-target="#ouvidoriaModal">
<img style="margin-right: 10px" src="assets/icons/ieee-ufabc-icon.svg">
<a class="textRegular">Nossa Ouvidoria</a>
</button>
<div class="contato">
<a href="#">
<img src="assets/icons/email-circular.svg" alt="Icone de Email">
</a>
<a href="#">
<img src="assets/icons/linkedin-circular.svg" alt="Icone do Linkedin">
</a>
<a href="#">
<img src="assets/icons/instagram-circular.svg" alt="Icone do Instagram">
</a>
<a href="#">
<img src="assets/icons/facebook-circular.svg" alt="Icone do Facebook">
</a>
</div>
</div>
<div class="modal fade" id="ouvidoriaModal" tabindex="-1" role="dialog"
aria-labelledby="ouvidoriaModalTitle" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modalIeee" style="width:100%; max-width:595px"
role="document">
<div class="modal-content">
<div class="modalHeader modalDivHeader">
<img class="headerItem" src="assets/images/ilustracoes/modal-logo-ieee.svg">
<img class="headerItem" src="assets/images/ilustracoes/modal-separador.svg">
<h1 class="tituloOuvidoria">Ouvidoria IEEE UFABC</h1>
</div>
<div class="modalDiv modalDescricao">
<p>
O objetivo deste formulário é coletar opiniões e informações sobre membros, voluntários,
diretoria do Ramo ou capítulos. Pedimos que usem com critério. A ideia é criar mais um
canal de comunicação entre IEEE UFABC e os colaboradores.
</p>
<br>
<p>Agradecemos a colaboração de todos.</p>
</div>
<form>
<div class="modalDiv">
<p class="modalInputText">O que você gostaria de dizer ao IEEE UFABC? *</p>
<input class="modalInput" type="text" placeholder="Sua resposta">
</div>
<div class="modalDiv">
<p class="modalInputText">Como pensa que podemos melhorar esta questão? *</p>
<input class="modalInput" type="text" placeholder="Eu penso que">
</div>
<div class="modalDiv">
<input class="modalSubmit" type="submit" value="Enviar">
</div>
</form>
</div>
</div>
</div>
<div class="col-lg-3 rodItem segment-four my-4">
<img class="logo-ieee-mundial" src="assets/images/logos/IEEE_Mundial.svg" alt="Logo da IEEE">
<a href="#">
<span class="textRegular">Ir para o site da IEEE global
<img src="assets/icons/icon-redirecionamento.svg">
</span>
</a>
</div>
<div id="voltar-ao-topo">
<a>
<img src="assets/icons/botao-voltar-ao-topo.svg">
</a>
</div>
</footer>
<script src="assets/node_modules/popper.js/src/popper.min.js"></script>
<script src="assets/node_modules/jquery/dist/jquery.slim.min.js"></script>
<script src="assets/node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
<script src="assets/node_modules/jquery/dist/jquery.min.js"></script>
<script src="assets/js/footer.js"></script>
</body>