-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathcontato.html
143 lines (142 loc) · 6.66 KB
/
contato.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
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Villarim Advocacia e Consultoria</title>
<link rel="stylesheet" href="css/estilo.css">
<link rel="stylesheet" href="css/responsive.css">
<link rel="stylesheet" href="css/font-awesome.css">
<link rel="shortcut icon" href="images/favicon.ico">
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/script.js"></script>
</head>
<body class="pagSec">
<header>
<section class="bgTopMobile"></section>
<section class="bgTop">
<div class="logo"><a href="index.html"><img src="images/villarim_black.png" alt="Villarim Advocacia"></a>
</div>
<div class="menuTop">
<nav>
<ul>
<li><a href="quemsou.html"><i class="fa fa-user-circle"></i><p>Villarim Advocacia</p> </a>
</li>
<li><a href="areasatuacao.html"><i class="fa fa-balance-scale"></i><p>Áreas de Atuação</p></a>
</li>
<li><a href="noticias.html"><i class="fa fa-rss"></i><p>Últimas Notícias</p></a>
</li>
<li><a href="artigos.html"><i class="fa fa-newspaper-o"></i><p>Artigos Pessoais</p></a>
</li>
<li><a href="unidades.html"><i class="fa fa-bank"></i><p>Nossas Unidades</p></a>
</li>
<li><a href="contato.html"><i class="fa fa-comments-o"></i><p>Entre em Contato</p></a>
</li>
</ul>
</nav>
<i id="menu-anchor" class="menu-anchor fa fa-bars"></i>
</div>
</section>
</header>
<main class="contato">
<section class="bgTitleTop">
<div class="titleTop">
<h1><i class="fa fa-comments-o"></i> Entre em Contato</h1>
</div>
</section>
<section class="bgItensCont">
<section class="itenCont">
<h2>Fale Conosco</h2>
<p>Deixe-nos uma mensagem e entraremos em contato</p>
<form action="" class="contato" method="post">
<label for="nome" id="nome"><i class="fa fa-user"></i>Nome</label>
<input name="nome" type="text" placeholder="Digite se Nome..." required>
<label for="telefone" id="telefone"><i class="fa fa-phone-square"></i>Telefone</label>
<input name="telefone" type="tel" placeholder="Digite se Telefone...">
<label for="assunto" id="assunto"><i class="fa fa-question-circle"></i>Assunto</label>
<input name="assunto" type="text" placeholder="Digite o Assunto..." required>
<label for="email" id="email"><i class="fa fa-envelope"></i>E-mail</label>
<input name="email" type="email" placeholder="Digite se E-mail..." required>
<label for="mensagem" id="mensagem"><i class="fa fa-pencil"></i>Mensagem</label>
<textarea name="mensagem" cols="30" rows="10" placeholder="Digite sua Mensagem..." required></textarea>
<input type="submit" id="buttoCont" value="Enviar Mensagem">
</form>
</section>
<section class="itenCont">
<h2>Central de Atendimento</h2>
<p>Utilize nossos canais de atendimento</p>
<div class="itensAtd"> <i class="fa fa-phone"></i>
<p>(83) 3030.3030</p>
<i class="fa fa-whatsapp"></i>
<p>(83) 9 9999.9999</p>
<i class="fa fa-map-marker"></i>
<p>Rua Mosenhor almeida, Nº 481, <br> Jaguaribe, João Pessoa - PB</p>
<i class="fa fa-envelope-o"></i>
<p>contato@villarimadvocacia.adv.br</p>
<i class="fa fa-skype"></i>
<p>villarim.advocacia</p>
<i class="fa fa-clock-o"></i>
<p>Seg à Sex - das 8:00h até às 17:00h <br>Sábado - das 8:00h até às 12:00h</p>
<i class="fa fa-calendar"></i>
<p>Seg à Sab - das 10:00h até às 14:00h</p>
</div>
</section>
<section class="itenCont">
<h2>Localização</h2>
<p>Veja no mapa como chegar até a matriz do Villarim Advocacia</p>
<div class="mapLoc">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3958.9844901637407!2d-34.882038485225834!3d-7.12778999485299!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x7ace80c3da8c68b%3A0x39e87da6cf9d9699!2sR.+Monsenhor+Almeida%2C+481+-+Centro%2C+Jo%C3%A3o+Pessoa+-+PB%2C+58013-220!5e0!3m2!1spt-BR!2sbr!4v1503170373116" width="100%" height="215" frameborder="0" style="border:0" allowfullscreen></iframe>
</div>
</section>
</section>
</main>
<footer>
<section class="bgFooterTop">
<div class="itensFooter">
<div class="itenFooter">
<h3>Horário de Funcionamento</h3>
<i class="fa fa-clock-o"></i>
<p>Seg à Sex - das 8:00h até às 17:00h <br>Sábado - das 8:00h até às 12:00h</p>
<i class="fa fa-calendar"></i>
<p>Seg à Sab - das 10:00h até às 14:00h</p>
</div>
<div class="itenFooter navFooter">
<h3>Mapa do Site</h3>
<nav>
<ul>
<li><a href="quemsou.html"><i class="fa fa-user-circle"></i><p>Villarim Advocacia</p> </a></li>
<li><a href="areasatuacao.html"><i class="fa fa-balance-scale"></i><p>Áreas de Atuação</p></a></li>
<li><a href="noticias.html"><i class="fa fa-rss"></i><p>Últimas Notícias</p></a></li>
<li><a href="artigos.html"><i class="fa fa-newspaper-o"></i><p>Artigos Pessoais</p></a></li>
<li><a href="unidades.html"><i class="fa fa-bank"></i><p>Nossas Unidades</p></a></li>
<li><a href="contato.html"><i class="fa fa-comments-o"></i><p>Entre em Contato</p></a></li>
</ul>
</nav>
</div>
<div class="itenFooter">
<h3>Central de Contato</h3>
<i class="fa fa-map-marker"></i>
<p>Rua Mosenhor almeida, Nº 481, Jaguaribe, João Pessoa - PB</p>
<i class="fa fa-phone"></i>
<p>(83) 3233.3233</p>
<i class="fa fa-envelope"></i>
<p>contato@villarimadvocacia.com.br</p>
</div>
</div>
</section>
<section class="brFooterDown">
<div class="itensFooterDown">
<div class="copyRight">© 2017 Villarim Advocacia - Todos os Direitos Reservados</div>
<div class="iconMidias">
<div class="circle"><a href="#"><i class="fa fa-facebook"></i></a></div>
<div class="circle"><a href="#"><i class="fa fa-instagram"></i></a></div>
<div class="circle"><a href="#"><i class="fa fa-twitter"></i></a></div>
<div class="circle"><a href="#"><i class="fa fa-youtube-play"></i></a></div>
<div class="circle"><a href="#"><i class="fa fa-linkedin"></i></a></div>
</div>
</div>
</section>
</footer>
<div class="mask"></div>
</body>
</html>