-
Notifications
You must be signed in to change notification settings - Fork 0
/
galeria.php
142 lines (142 loc) · 6.48 KB
/
galeria.php
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
<!DOCTYPE html>
<html>
<head>
<title>Vote Bem - Galeria</title>
<link rel="icon" href="imgs/favicon.ico">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link type="text/css" rel="stylesheet" href="css/materialize.min.css" media="screen,projection" />
<link type="text/css" rel="stylesheet" href="css/custom.css" media="screen,projection" />
<link rel="stylesheet" href="css/estilo.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head>
<script>
$(document).ready(function(){
$('.materialboxed').materialbox();
});
</script>
<style>
.img{
padding-bottom: 30px;
}
</style>
<body>
<main>
<?php include "PaginasProcessamento/nav.php"; ?>
<nav class="hide-on-small-only">
<div class="nav-wrapper blue espacamento-lateral">
<div class="col s12">
<a href="index.php" class="breadcrumb">Home</a>
<a href="galeria.php" class="breadcrumb">Galeria</a>
</div>
</div>
</nav>
<div class="container">
<h1 class="center">Galeria</h1>
<div class="row">
<div class="col m3 s6 l2">
<img class="materialboxed img" width="150px" height="150px" title="Palácio da Alvorada" alt="Palácio da Alvorada" src="imgs/galeria/imgn1.jpg">
</div>
<div class="col m3 s6 l2">
<img class="materialboxed img" width="150px" height="150px" title="Ordem e Progresso" alt="Ordem e Progresso" src="imgs/galeria/imgn2.jpg">
</div>
<div class="col m3 s6 l2">
<img class="materialboxed img" width="150px" height="150px" title="Identidade Nacional" alt="Identidade Nacional" src="imgs/galeria/imgn3.png">
</div>
<div class="col m3 s6 l2">
<img class="materialboxed img" width="150px" height="150px" title="Catedral de Brasília" alt="Catedral de Brasília" src="imgs/galeria/imgn4.jpg">
</div>
<div class="col m3 s6 l2">
<img class="materialboxed img" width="150px" height="150px" title="Câmara dos Deputados" alt="Câmara dos Deputados" src="imgs/galeria/imgn5.jpg">
</div>
<div class="col m3 s6 l2">
<img class="materialboxed img" width="150px" height="150px" title="Manifestação" alt="Manifestação" src="imgs/galeria/imgn6.jpg">
</div>
<div class="col m3 s6 l2">
<img class="materialboxed img" width="150px" height="150px" title="Monitoramento" alt="Monitoramento" src="imgs/galeria/imgn8.jpg">
</div>
<div class="col m3 s6 l2">
<img class="materialboxed img" width="150px" height="150px" title="Estratégia" alt="Estratégia" src="imgs/galeria/imgn9.jpg">
</div>
<div class="col m3 s6 l2">
<img class="materialboxed img" width="150px" height="150px" title="Executico" alt="Executico" src="imgs/galeria/imgn10.jpg">
</div>
<div class="col m3 s6 l2">
<img class="materialboxed img" width="150px" height="150px" title="Senado Nacional" alt="Senado Nacional" src="imgs/galeria/imgn11.jpg">
</div>
<div class="col m3 s6 l2">
<img class="materialboxed img" width="150px" height="150px" title="Energia Eólica" alt="Energia Eólica" src="imgs/galeria/imgn13.jpg">
</div>
<div class="col m3 s6 l2">
<img class="materialboxed img" width="150px" height="150px" title="Grito do Ipiranga" alt="Grito do Ipiranga" src="imgs/galeria/imgn14.jpg">
</div>
<div class="col m3 s6 l2">
<img class="materialboxed img" width="150px" height="150px" title="Bandeira do Brasil" alt="Bandeira do Brasil" src="imgs/galeria/imgn15.jpg">
</div>
<div class="col m3 s6 l2">
<img class="materialboxed img" width="150px" height="150px" title="Real" alt="Real" src="imgs/galeria/imgn20.jpg">
</div>
<div class="col m3 s6 l2">
<img class="materialboxed img" width="150px" height="150px" title="Manifestação" alt="Manifestação" src="imgs/galeria/img32.jpg">
</div>
<div class="col m3 s6 l2">
<img class="materialboxed img" width="150px" height="150px" title="Congresso Nacional" alt="Congresso Nacional" src="imgs/galeria/imgn22.jpg">
</div>
<div class="col m3 s6 l2">
<img class="materialboxed img" width="150px" height="150px" title="Congresso Nacional" alt="Congresso Nacional" src="imgs/galeria/imgn23.jpg">
</div>
<div class="col m3 s6 l2">
<img class="materialboxed img" width="150px" height="150px" title="Brasília" alt="Brasília" src="imgs/galeria/imgn24.jpg">
</div>
<div class="col m3 s6 l2">
<img class="materialboxed img" width="150px" height="150px" title="Palácio da Alvorada" alt="Palácio da Alvorada" src="imgs/galeria/imgn25.jpg">
</div>
<div class="col m3 s6 l2">
<img class="materialboxed img" width="150px" height="150px" title="Congresso Nacional" alt="Congresso Nacional" src="imgs/galeria/imgn26.jpg">
</div>
<div class="col m3 s6 l2">
<img class="materialboxed img" width="150px" height="150px" title="Bandeira do Brasil" alt="Bandeira do Brasil" src="imgs/galeria/imgn27.jpg">
</div>
<div class="col m3 s6 l2">
<img class="materialboxed img" width="150px" height="150px" title="Catedral de Brasília" alt="Catedral de Brasília" src="imgs/galeria/imgn28.jpg">
</div>
<div class="col m3 s6 l2">
<img class="materialboxed img" width="150px" height="150px" title="Catedral de Brasília" alt="Catedral de Brasília" src="imgs/galeria/imgn29.jpg">
</div>
<div class="col m3 s6 l2">
<img class="materialboxed img" width="150px" height="150px" title="Palácio da Alvorada" alt="Palácio da Alvorada" src="imgs/galeria/imgn30.jpg">
</div>
</div>
</div>
</main>
<footer class="page-footer blue">
<div class="container">
<div class="row">
<div class="col l6 s12">
<p><a href="index.php"><img src="imgs/footer-logo.png" alt="Logo do Vote bem"></a></p>
</div>
<div class="col l4 offset-l2 s12">
<h5 class="white-text">Compartilhe</h5>
<ul>
<li><a class="grey-text text-lighten-3" href="#!">Twitter</a></li>
<li><a class="grey-text text-lighten-3" href="#!">Facebook</a></li>
<li><a class="grey-text text-lighten-3" href="#!">Instagram</a></li>
</ul>
</div>
</div>
</div>
<div class="footer-copyright">
<div class="container">
© 2017 Copyright - Todos os direitos reservados
</div>
</div>
</footer>
<script type="text/javascript" src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="js/materialize.min.js"></script>
<script type="text/javascript" src="js/custom.js"></script>
<script>
$(document).ready(function(){
$('.materialboxed').materialbox();
});
</script>
</body>
</html>