-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
184 lines (183 loc) · 10 KB
/
index.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
<!DOCTYPE html>
<html lang="pt-br">
<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">
<meta name="description" content="Guitton Advocacia - Especialista em Direito e Processo do Trabalho, baseada em Brasília, DF.">
<meta property="og:title" content="Guitton Advocacia" />
<meta property="og:image" content="https://guitton.adv.br/images/profile.jpg" />
<meta property="og:image:alt" content="Tathyana Guitton" />
<meta property="og:url" content="https://guitton.adv.br" />
<meta property="og:description" content="Guitton Advocacia - Especialista em Direito e Processo do Trabalho, baseada em Brasília, DF.">
<link rel="stylesheet" href="assets/css/main.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css">
<title>Guitton Advocacia</title>
</head>
<body>
<div class="bg-main"></div>
<nav id="navbar">
<div class="container">
<div class="logo">
<img src="assets/css/images/logo.svg" alt="Guitton Advocacia" />
</div>
<div class="nav">
<input type="checkbox" id="chk">
<label for="chk" class="show-menu-btn">
<i class="fas fa-bars"></i>
</label>
<ul class="menu">
<a href="#banner" class="scroll">Home</a>
<a href="#about" class="scroll">Sobre</a>
<a href="#services" class="scroll">Atuação</a>
<a href="#articles" class="scroll">Artigos</a>
<a href="#interviews" class="scroll">Entrevistas</a>
<a href="#juri" class="scroll">Jurisprudência</a>
<a href="#contact" class="scroll special">Contato</a>
<label for="chk" class="hide-menu-btn" id="closeMenu">
<i class="fas fa-times"></i>
</label>
</ul>
</div>
<div class="contact">
<a href="#contact" class="scroll link">Entrar em Contato</a>
</div>
</div>
</nav>
<section id="banner">
<div class="bg"></div>
<div class="container">
<div class="logo">
<img src="assets/css/images/logo.svg" alt="Guitton Advocacia" />
</div>
</div>
</section>
<div class="placeholder"></div>
<section id="about">
<div class="bg"></div>
<div class="container">
<div class="content">
<div class="text">
<h1>Tathyana Guitton</h1>
<p>Advogada especialista em Direito e Processo do Trabalho.</p>
<p>Subprocuradora da Associação de Pais e Amigos dos Excepccionais do Distrito Federal - APAE/DF.</p>
<p>Vice-presidente da Comissão Nacional da Jovem Advocacia da Assosiação Brasilira dos Advogados - ABA <span>(2017/2018)</span></p>
<p>Conciliadora do Tribunal de Justiça do Distrito Federal e Territórios circunscrição Sobradinho <span>(2014/2016)</span></p>
</div>
<div class="photo">
<img src="images/profile.jpg" alt="" />
</div>
</div>
</div>
</section>
<section id="services">
<div class="bg"></div>
<div class="container">
<h1>Áreas de Atuação</h1>
<div class="box" onClick="void(0)">
<li class="fas fa-balance-scale"></li>
<h2>Advocacia Cível</h2>
<p>Representação de clientes em todos os ramos do Direito Civil, incluíndo contratos, direito do consumidor, obrigações, imobiliário, entre outros.</p>
</div>
<div class="box" onClick="void(0)">
<li class="fas fa-balance-scale"></li>
<h2>Advocacia Trabalhista</h2>
<p>Representação de clientes em dissídios individuais e coletivos, em processos judicias perante a Justiça do Trabalho e Tribunais Superiores, bem como em processos administrativos junto aos órgaos de fiscalização do trabalho.</p>
</div>
<div class="box" onClick="void(0)">
<li class="fas fa-balance-scale"></li>
<h2>Advocacia Previdenciária</h2>
<p>Representação de clientes em processo judiciais perante a Justiça Federal, bem como em processos administrativos junto aos órgãos da Previdência Social.</p>
</div>
<div class="box" onClick="void(0)">
<li class="fas fa-balance-scale"></li>
<h2>Advocacia de Família</h2>
<p>Representação de clientes em questões relacionadas ao divórcio, pensão alimentícia, guarda dos filhos, união estável, partilha de bens, inventário, entre outros.</p>
</div>
<div class="box" onClick="void(0)">
<li class="fas fa-university"></li>
<h2>Tribunais Superiores</h2>
<p>Ampla atuação no STF, STJ, TST e TSE, garantindo qualidade no trabalho e no acompanhamento de todas as etapas do processo.</p>
</div>
<div class="box" onClick="void(0)">
<li class="fas fa-map-marker-alt"></li>
<h2>Advocacia Correspondente</h2>
<p>Prestamos serviços jurídicos de apoio em todas as áreas do direito, relizando diligências no âmbito judicial e administrativo, como audiêncais, despachos, cópias e protocolos e sustentações orais.</p>
</div>
</div>
</section>
<section id="articles">
<a href="#articles" class="fixed-anchor scroll hide-opacity"><li class="fas fa-arrow-up"></li></a>
<div class="bg"></div>
<div class="container list">
<h1>Artigos</h1>
</div>
<div class="article hide" id="article">
<div class="container" id="article-content">
</div>
</div>
</section>
<section id="interviews">
<div class="bg"></div>
<div class="container list">
<h1>Entrevistas</h1>
</div>
</section>
<section id="juri">
<div class="bg"></div>
<div class="container">
<h1>Jurisprudência</h1>
</div>
</section>
<section id="contact">
<div class="bg"></div>
<div class="container">
<div class="content">
<div class="form">
<h1>Contato</h1>
<form id="contact-form">
<p>Por favor, preencha todos os campos abaixo para entrar em contato.</p>
<input type="text" name="name" id='name' placeholder="Nome" validation-type="textonly" validation-char="3" />
<input type="email" name="email" id='email' placeholder="E-mail" validation-type="email" />
<input type="tel" name="tel" id='tel' placeholder="Telefone" validation-type="mobile" />
<textarea name="msg" id="msg" cols="30" rows="10" placeholder="Mensagem" validation-type="length" validation-char="5"></textarea>
<input type="submit" id="submit" value="Enviar Mensagem"/>
</form>
</div>
<div class="image">
<div class="bgimage"></div>
<div class="contact">
<img src="assets/css/images/logo.svg" alt="" />
<p>SHN Quadra 1, Bloco A, Sala 1414 - Ed. Le Quartier. Brasília, DF</p>
<a href="tel:+556132551304"><li class="fas fa-phone"></li>+55 61 3255-1304</a>
<a href="mailto:contato@guitton.adv.br"><li class="far fa-envelope"></li>contato@guitton.adv.br</a>
</div>
</div>
</div>
</div>
</section>
<footer>
<div class="container">
<div class="copy"><span>2019 - Guitton Advocacia</span></div>
<div class="address">
<a href=""><li class="fas fa-map-pin"></li><span>SHN Quadra 1, Bloco A, Sala 1414 - Ed. Le Quartier. Brasília, DF</span></a>
</div>
<div class="phone">
<a href="tel:+556132551304"><li class="fas fa-phone"></li><span>+55 61 3255-1304</span></a>
</div>
<div class="email">
<a href="mailto:contato@guitton.adv.br"><li class="far fa-envelope"></li><span>contato@guitton.adv.br</span></a>
</div>
<div class="socialmedia">
<a href="https://www.instagram.com/guittonadvocacia"><li class="fab fa-instagram"></li><span>@guittonadvocacia</span></a>
</div>
</div>
</footer>
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/animated-scroll-to.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/jquery.loadTemplate.min.js"></script>
<script src="assets/js/jquery.mask.min.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>