-
Notifications
You must be signed in to change notification settings - Fork 0
/
teste.html
executable file
·191 lines (177 loc) · 11.7 KB
/
teste.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
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
<!DOCTYPE html>
<html lang="pt-br">
<!-- HEAD xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx -->
<head>
<!-- TITLE xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx -->
<title>DA-DEE UFPE</title>
<!-- BASE URL xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx -->
<!------------------------------ http://dadeeufpe.ml/ -->
<base href="http://10.1.1.113/dadee/" />
<meta property="og:url" content="http://10.1.1.113/dadee/" />
<!-- TAGS xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx -->
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<meta name="robots" content="index, follow" />
<meta name="googlebot" content="index, follow" />
<!-- meta tags SOBRE O SITE -->
<!-- meta tags - Search Engine Optimization (SEO) -->
<meta name="keywords" content="Diretório, Acadêmico, Estudante, Universitário, Graduação, UFPE, Engenharia, Elétrica, Controle, Automação, Movimento">
<meta name="description" content="Página do Diretório Acadêmico de Engenharia Elétrica e Engenharia de Controle e Automação da UFPE.">
<meta name="author" content="Acadêmicas e Acadêmicos do Curso de Engenharia Elétrica e Engenharia de Controle e Automação da UFPE.">
<meta name="date" content="2020-07-01">
<!-- meta tags para - SEO - Open Graph Protocol (OGP) http://10.1.1.113/dadee -->
<meta property="og:locale" content="pt_BR">
<meta property="og:title" content="DA-DEE UFPE">
<meta property="og:site_name" content="Diretório Acadêmico de Engenharia Elétrica e Engenharia de Controle e Automação da UFPE">
<meta property="og:description" content="Página do Diretório Acadêmico de Engenharia Elétrica e Engenharia de Controle e Automação da UFPE.">
<meta property="og:image" content="/assets/icons/logo_dadee_rounded.png">
<meta property="og:image:type" content="image/png">
<meta property="og:image:width" content="807"> <!-- PIXELS -->
<meta property="og:image:height" content="807"> <!-- PIXELS -->
<meta property="og:type" content="website">
<!-- FIM - meta tags SOBRE O SITE -->
<!-- LINKS xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx -->
<link href="./assets/css/font-awesome.min.css" rel="stylesheet"/>
<link href="./assets/css/mycss.css" rel="stylesheet"/>
<link href="./assets/css/bootstrap.min.css" rel="stylesheet"/>
<link href="./assets/css/sticky-footer.css" rel="stylesheet"/>
<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Roboto:100,300,300i,400,500,600,700,900%7CRaleway:500%7CSignika">
<!-- Latest compiled JavaScript -->
<!-- jQuery library -->
<script src="./assets/js/jquery.min.js" ></script>
<!-- Popper JS -->
<script src="./assets/js/popper.min.js" ></script>
<!-- Bootstrap CSS -->
<script src="./assets/js/bootstrap.min.js" ></script>
<!-- mycarrossel teste -->
<script src="./assets/js/mycarrossel.js" ></script>
<!-- SCRIPTS xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx -->
<style>
#sessao {
display: none;
}
#btn-ocultar {
display: none;
}
#btn-exibir {
display: true;
}
</style>
</head>
<!-- fim HEAD xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx -->
<!-- BODY xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx -->
<body class="mybody">
<!-- NAVBAR xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx -->
<div class="container-fluid"> <!-- container da NAVBAR -->
<nav class="navbar navbar-expand-sm bg-dark navbar-dark fixed-top">
<!-- NAVBAR - ICONE DA-DEE xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx -->
<div class="d-flex justify-content-start">
<a class="navbar-brand" href="./index.html#">
<div class="mylogo justify-content-center"> <!-- logotipo da NAVBAR do DA-DEE -->
<img class="mylogo" data-src="holder.js/40x40" src="./assets/icons/logo_dadee_rounded.png" alt="Logo"/>
</div> <!-- logotipo da NAVBAR do DA-DEE -->
</a>
<!-- NAVBAR - ICONES REDES SOCIAIS xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx -->
<!-- facebook -->
<a class="alert-link mybuttonlinks" href="https://www.facebook.com/DADEEUFPE"><i class="fa fa-facebook-square fa-2x" aria-hidden="true"></i></a>
<!-- instagram -->
<a class="alert-link mybuttonlinks" href="https://instagram.com/dadeeufpe?igshid=gomknortwbva"><i class="fa fa-instagram fa-2x" aria-hidden="true"></i></a>
<!-- linkedin -->
<a class="alert-link mybuttonlinks" href="https://www.linkedin.com/in/dadee-ufpe-b5b80919a/"><i class="fa fa-linkedin-square fa-2x" aria-hidden="true"></i></a>
</div>
<!-- NAVBAR - BUTTON DE ACESSO AS OPÇÕES QUANDO A TELA COLAPSA (FICA ESTREITA) xxxxx -->
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar"><span class="navbar-toggler-icon"></span></button>
<!-- NAVBAR - ITENS DA NAVBAR xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx -->
<div class="collapse navbar-collapse justify-content-end" id="collapsibleNavbar"> <!-- navbar itens -->
<ul class="navbar-nav">
<li class="nav-item"><a class="nav-link" href="./index.html#"><i class="fa fa-home fa-1x" aria-hidden="true"></i> Home</a></li>
<li class="nav-item"><a class="nav-link" href="./blog.html" >Blog</a></li>
<li class="nav-item"><a class="nav-link" href="./index.html#section3" >Contato</a></li>
<li class="nav-item"><a class="nav-link" href="./documentos.html" >Documentos</a></li>
<li class="nav-item"><a class="nav-link" href="./eventos.html" >Eventos</a></li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" data-toggle="dropdown"
href="#" id="navbardrop" >Graduações</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="./index.html#section11" >Engenharia de Controle e Automação</a>
<a class="dropdown-item" href="./index.html#section12" >Engenharia Elétrica</a>
</div>
</li>
<li class="nav-item"><a class="nav-link" href="./parceiros.html" >Parceiros</a></li>
<li class="nav-item"><a class="nav-link" href="./index.html#section2" >Sobre</a></li>
</ul>
</div> <!-- navbar itens -->
<!-- NAVBAR - FIM - ITENS DA NAVBAR xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx -->
</nav> <!-- NAVBAR - FIM xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx -->
</div> <!-- fim container da NAVBAR -->
<!-- TITULO xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx -->
<div class="jumbotron bg-warning mytitle"> <!-- jumbotron - título DA-DEE -->
<h3 class="font-weight-bold">Diretório Acadêmico de Engenharia Elétrica e Engenharia de Controle e Automação</h3>
<p>Departamento de Engenharia Elétrica - UFPE</p>
</div> <!-- jumbotron - título DA-DEE -->
<!-- TITULO xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx -->
</head>
<body>
<!-- SECÃO xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx -->
<!-- start inicio start inicio start inicio start inicio start inicio start inicio start -->
<!-- + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + -->
<!-- DIV COM BOTÃO SAIBA MAIS + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + -->
<!-- + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + -->
<!-- A sessão abaixo é elaborada para comportar um título com um trecho de texto -->
<!-- A sessão abaixo é elaborada para comportar um título com um trecho de texto -->
<!-- #sessao - id do elemento que deve aparecer/desaparecer -->
<!-- #btn-ocultar - id do botão que se oculta junto com o elemento -->
<!-- #btn-exibir - id do botão que aciona o aparecimento do elemento -->
<!-- xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx -->
<div class="container-fluid" style="background-color: rgb(0,0,0,.15);">
<div class="p-5 m-5">
<div class="row">
<p id="sessao" style="display: none;">Isso é só um parágrafo para testar. Selecione valores que diferenciem a sua empresa: como você provavelmente já sabe, o valor de uma empresa está em seu diferencial competitivo, isto é, o que faz um cliente escolhê-la entre as opções do mercado. Por este motivo, é necessário construir valores especiais, que diferenciem a sua empresa frente a concorrência, fugindo dos chavões como “respeito” e “responsabilidade”, que devem ser princípios básicos</p>
</div>
<div class="row">
<button id="btn-ocultar" class="btn btn-secondary" type="button">Oculta detalhes »</button>
<button id="btn-exibir" class="btn btn-warning" type="button">Ver detalhes »</button>
</div>
</div>
</div>
<script>
// função para exibir/ocultar parte da sessão
$(document).ready(function(){
$("#sessao").hide();
$("#btn-ocultar").hide();
$("#btn-exibir").fadeIn();
// Oculta paragrafo e botão
// Hide displayed paragraphs e button
$("#btn-ocultar").click(function(){
$("#sessao").hide(500);
$("#btn-ocultar").hide();
$("#btn-exibir").fadeIn();
});
// exibe paragrafo e botão
// Show hidden paragraphs e botão
$("#btn-exibir").click(function(){
$("#btn-exibir").hide();
$("#sessao").show(500);
$("#btn-ocultar").fadeIn();
});
});
</script>
<!-- SECÃO xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx -->
<!-- + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + -->
<!-- DIV COM BOTÃO SAIBA MAIS + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + -->
<!-- + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + -->
<!-- xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx -->
<!-- FOOTER xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx -->
<footer class="footer mt-auto py-2"> <!-- footer - barra do rodapé -->
<div class="d-flex justify-content-center text-center"> <!-- ícones dos links para redes sociais -->
<a class="alert-link mybuttonlinksfooter" href="https://www.facebook.com/DADEEUFPE"><i class="fa fa-facebook-square fa-2x" aria-hidden="true"></i></a>
<a class="alert-link mybuttonlinksfooter" href="https://instagram.com/dadeeufpe?igshid=gomknortwbva"><i class="fa fa-instagram fa-2x" aria-hidden="true"></i></a>
<a class="alert-link mybuttonlinksfooter" href="https://www.linkedin.com/in/dadee-ufpe-b5b80919a/"><i class="fa fa-linkedin-square fa-2x" aria-hidden="true"></i></a>
</div> <!-- ícones dos links para redes sociais -->
<div class="text-muted text-center"> <!-- copyright -->
<i class="fa fa-copyright" aria-hidden="true"></i> 2020 | DA-DEE
</div> <!-- copyright -->
</footer> <!-- footer - barra do rodapé -->
<!-- FIM - FOOTER xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx -->
</body> <!-- FIM - BODY xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx -->
</html>