-
Notifications
You must be signed in to change notification settings - Fork 0
/
contato.htm
110 lines (93 loc) · 3.73 KB
/
contato.htm
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
<html>
<head>
<title>SILVIA RICHTER ADVOCACIA</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://fonts.googleapis.com/css?family=Catamaran:800|Josefin+Slab|Open+Sans|Poiret+One" rel="stylesheet">
<link rel="stylesheet" href="pure-min.css">
<link rel="stylesheet" href="font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" href="site.css">
<script type="application/javascript" src="jquery-3.0.0.min.js"></script>
</head>
<body>
<script>
var pv_fundos = new Array(
"url(prevenda1.jpg)",
"url(prevenda2.jpg)",
"url(prevenda3.jpg)"
);
var pv_titulos = new Array("PREVIDÊNCIA","CIVIL", "SUCESSO");
var pv_atual = 1;
var pv_descricoes = new Array("Somos especialistas em direito previdenciario","Ações Cíveis e Consultoria Jurídica", "Sempre com foco no cliente");
function mudarPrevenda() {
$("#prevenda").css("background-image", pv_fundos[pv_atual]);
$("#prevenda-titulo").html(
pv_titulos[pv_atual]);
$("#prevenda-descricao").html(
pv_descricoes[pv_atual]);
pv_atual = ++pv_atual % pv_fundos.length;
}
setInterval(function() {
mudarPrevenda();
}, 4000);
</script>
<div class="pure-g" style="width:80%;margin:0.5em auto;">
<div class="pure-u-4-5 logo">
<i class="fa fa-gavel fa-3x"></i>
<span>SILVIA RICHTER<h6>ADVOCACIA</h6></span>
</div>
<div class="pure-u-1-5 contato">
<h3>NOSSO CONTATO</h3>
<p><i class="fa fa-phone" aria-hidden="true"></i> (11) 95731-4822<br/>
<i class="fa fa-facebook-official" aria-hidden="true"></i> <a href="https://www.facebook.com/silviarichteradvocacia/" >silviarichteradvocacia</a><br/>
</p>
</div>
</div>
<div class="pure-g">
<div class="pure-u-1-1 menu">
<div id="menu-mobile">
<a href="javascript:$('#menu-mobile-items').toggle(1000)"> MENU <i class="fa fa-bars" aria-hidden="true"></i></a></div>
<div id="menu-mobile-items" style="display:none;">
<ul>
<li><a href="index.htm">Ínicio</a></li>
<li><a href="especialidades.htm">Especialidades</a></li>
<li><a href="contato.htm">Contato</a></li>
</ul>
</div>
<div id="menu-conv">
<ul>
<li><a href="index.htm">Ínicio</a></li>
<li><a href="especialidades.htm">Especialidades</a></li>
<li><a href="contato.htm">Contato</a></li>
</ul>
</div>
</div>
<div class="pure-u-1-1 prevenda" id="prevenda">
<div>
<h1 id="prevenda-titulo">PREVIDÊNCIA</h1>
<h3 id="prevenda-descricao">Somos especialistas em direito previdenciario</h3>
</div>
</div>
<div class="conteudo">
<div class="pure-u-1-1 bloco-simples">
<i class="fa fa-envelope" aria-hidden="true"></i> Contato
<form action="https://formspree.io/[email protected]"
method="POST">
<div class="pure-u-2-5">
Nome: <input type="text" name="name" style="width:17em;"><br/><br/>
E-mail: <input type="email" name="_replyto" style="width:17em;">
<br/><br/>
<input type="submit" value="Enviar">
</div>
<div class="pure-u-2-5">
Mensagem: <br/><textarea name="content" style="width:30em; height:4em;">
</textarea>
</form>
</div>
</div>
</div>
<div class="pure-u-1-1 rodape">
<p>Desenvolvido por Leitão Consultoria de Engenharia - Todos os direitos reservados 2016</p>
</div>
</div>
</body>
</html>