-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
287 lines (278 loc) · 11 KB
/
Copy pathindex.html
File metadata and controls
287 lines (278 loc) · 11 KB
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
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
<html>
<head>
<meta http-equiv="Content-Language" content="pt-br" />
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link href="css/reset.css" rel="stylesheet" />
<link href="css/style.css" rel="stylesheet" />
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" />
<script src="https://kit.fontawesome.com/75cb24982e.js" crossorigin="anonymous"></script>
<link rel="apple-touch-icon" sizes="180x180" href="/images/apple-touch-icon.png" />
<link rel="icon" type="image/png" sizes="32x32" href="/images/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="16x16" href="/images/favicon-16x16.png" />
<link rel="manifest" href="site.webmanifest" />
<title>Inttegra EJ</title>
</head>
<body>
<header class="navbar">
<nav>
<div>
<img src="images/InttegraLogo.png" alt="logo" />
</div>
<ul>
<li><a href="#cover">Home</a></li>
<li><a href="#quemSomos">Quem Somos</a></li>
<li><a href="#serviços">Carta de Serviços</a></li>
<li><a href="#portfolio">Portfólio</a></li>
<li><a href="#contato">Contato</a></li>
</ul>
</nav>
</header>
<section class="cover" id="cover">
<div class="img-wrapper">
<img src="images/capa.jpg" alt="capa" />
</div>
<div class="banner">
<h1>
Inttegra Empresa <br />
Júnior
</h1>
<p>Serviços de engenharia civil</p>
<button>Faça seu orçamento</button>
</div>
</section>
<section class="quemSomos" id="quemSomos">
<header class="default-header">
<h1>Quem Somos</h1>
</header>
<div class="text-wrapper">
<div class="text-container">
<p>
 Fundada em setembro de 2016 como primeira Empresa Júnior da Pontifícia Universidade Católica
do Paraná (PUCPR), a Inttegra, associação sem fins lucrativos, é composta por alunos de graduação
em Engenharia Civil que desenvolvem serviços de qualidade e inovação visando empreender com
excelência e profissionalismo.
</p>
<p>
  Hoje, situados no térreo do Bloco 9 (Escola Politécnica) no Parque Tecnológico da PUCPR,
realizamos projetos e ensaios com a supervisão de professores de alto renome.
</p>
</div>
<div class="team">
<!--javascript created divs-->
</div>
</div>
</section>
<section class="serviços" id="serviços">
<header class="default-header">
<h1>Carta de serviços</h1>
</header>
<div class="grid-wrapper">
<div id="serv-grid-img" class="serv-grid-img1">
<div class="background-effect"></div>
<div class="card-text">
<h1>Monitoramento de Recalque</h1>
<p>O recalque é o movimento descendente de um elemento estrutural de uma edificação.</p>
<button>Saiba mais</button>
</div>
</div>
<div id="serv-grid-img" class="serv-grid-img2">
<div class="background-effect"></div>
<div class="card-text">
<h1>Ensaio de Solos</h1>
<p>
Um ensaio de solo bem feito é essencial para a realização de uma fundação sólida e duradoura
para qualquer estrutura.
</p>
<button>Saiba mais</button>
</div>
</div>
<div id="serv-grid-img" class="serv-grid-img3">
<div class="background-effect"></div>
<div class="card-text">
<h1>Projetos Complementares</h1>
<p>
Englobando projetos estruturais, instalações prediais (elétricos e hidrossanitários), assim como
de prevenção contra incêndio e acessibilidade.
</p>
<button>Saiba mais</button>
</div>
</div>
<div id="serv-grid-img" class="serv-grid-img4">
<div class="background-effect"></div>
<div class="card-text">
<h1>Projeto Quantitativo</h1>
<p>
Para um bom planejamento e andamento da obra é fundamental o estudo do orçamento para evitar
futuros gastos e maior tempo de execução da obra.
</p>
<button>Saiba mais</button>
</div>
</div>
</div>
</section>
<section class="portfolio" id="portfolio">
<header class="default-header">
<h1>Portfólio</h1>
</header>
<div class="text-wrapper">
<div class="arrow" onclick="portPrev()">
<img src="images/arrow_back_ios_black_24dp.svg" />
</div>
<div class="text-container">
<h2 id="port-header1">Monitoramento</h2>
<h2 id="port-header2">Pet Shop</h2>
<h2 id="port-header3">Creche Vila torres</h2>
<h2 id="port-header4">Orçamento Quantitativo</h2>
<h2 id="port-header5">Ensaios de solo</h2>
<p id="port-text1">
  Monitoramento do recalque sofrido na estrutura do edifício New Town durante sua construção,
com medições periódicas e relatórios trimestrais. <br />
  Ao realizar um projeto deste porte, percebe-se a importância de bons projetos de fundação e
estruturais, para que não precise-se realizar reparos durante ou no pós-obra. <br />
  Finalizou-se o projeto atestando que a estrutura sofreu um recalque normal e que não
afetaria a estrutura ou a estética do edifício.
</p>
<p id="port-text2">
  Projeto de construção do UAU Pet Shop na Garagem do Shopping Jardim das Américas em
Curitiba/PR.
<br />
  Se tratando de um projeto de implantação, observou-se mais facilidade em elaborar os
projetos complementares, entretanto nosso maior desafio foi compatibilizar nossos projetos com as
normas exigidas pelo shopping. <br />
  Mesmo com todos os desafios, a obra foi um sucesso e ficamos extremamente satisfeitos em
obter um cliente promotor em nosso primeiro projeto dentro de um Shopping Center.
</p>
<p id="port-text3">
  Projeto pró-bono de reforma de uma creche em alvenaria localizada na Vila Torres, em
Curitiba/PR, realizado em parceria com a organização "Engenheiros sem fronteiras". <br />
  A creche faz serviço à uma média de 30 crianças por turno e se encontrava em condições
precárias e que afetavam a segurança e bem-estar destas. <br />
  O projeto foi um desafio principalmente pela condição existente e a necessidade de manter o
orçamento o mais baixo possível, por ser necessária a doação de materiais de construção.
</p>
<p id="port-text4">
  Ensaios foram realizados nos laboratórios de geotecnia da PUCPR localizada em Curitiba-PR.
Os projetos e o memorial descritivo foram estudados e com base na localização e tabela SINAPI o
orçamento foi realizado com sucesso,
</p>
<p id="port-text5">
  Os ensaios foram realizados nos laboratórios de geotecnia da PUCPR localizada em
Curitiba-PR.<br />
  Foram obtidos os solos do local de obra, e preparadas amostras a partir do peneiramento e
da secagem do solo. A equipe foi capaz de realizar todos os ensaios em apenas 3 semanas graças ao
trabalho e afinidade entre a equipe. <br />
  O principal desafio do trabalho em questão, foi a qualidade do solo em estudo e seu
manuseio.
</p>
</div>
<div class="img-container">
<img id="port-img" src="images/port1.jpg" />
<div>
<ul>
<div id="ball1"></div>
<div id="ball2"></div>
<div id="ball3"></div>
<div id="ball4"></div>
<div id="ball5"></div>
</ul>
</div>
</div>
<div class="arrow" onclick="portNext()">
<img src="images/arrow_forward_ios_black_24dp.svg" />
</div>
</div>
</section>
<section class="projetos">
<header>
<div>
<p>+15</p>
<p>Anos no mercado</p>
</div>
<div>
<p>+99</p>
<p>Projetos aplicados</p>
</div>
<div>
<p>+1000</p>
<p>Realidades transformadas</p>
</div>
</header>
</section>
<section class="contato" id="contato">
<div class="contato-container">
<header class="default-header">
<h1>Entre em contato</h1>
</header>
<div class="icons">
<i class="fab fa-facebook"></i>
<div>
<h2>Facebook</h2>
<p>https://www.facebook.com/inttegraej/</p>
</div>
<i class="fab fa-whatsapp"></i>
<div>
<h2>Whatsapp</h2>
<p>(41) 9119-1334</p>
</div>
<i class="fab fa-linkedin-in"></i>
<div>
<h2>Linkedin</h2>
<p>https://www.linkedin.com/inttegraej</p>
</div>
<i class="fab fa-instagram"></i>
<div>
<h2>Instagram</h2>
<p>@inttegraej</p>
</div>
<i class="far fa-envelope"></i>
<div>
<h2>Email</h2>
<p>contato@inttegraej.com.br</p>
</div>
</div>
</div>
<div class="localização">
<header class="default-header">
<h1>Localização</h1>
</header>
<div class="img-wrapper">
<img src="images/map.png" alt="map" />
</div>
</div>
</section>
<footer>
<div class="footer-container">
<div class="footer-contato">
<h2>Contato</h2>
<p>Escola Politécnica</p>
<p>R. Imac. Conceição, 1155, Prado Velho</p>
<p>80215-901</p>
<p>Curitiba - PR / Brasil</p>
</div>
<div class="menu">
<h2>Menu</h2>
<ul>
<a href="#cover"><li>Home</li></a>
<a href="#quemSomos"><li>Quem somos</li></a>
<a href="#serviços"><li>Carta de serviços</li></a>
<a href="#portfolio"><li>Portfólio</li></a>
</ul>
</div>
<div class="follow">
<h2>Siga-nos</h2>
<div class="icon-container">
<a href=""><i class="fab fa-linkedin"></i></a>
<a href=""><i class="fab fa-facebook-square"></i></a>
<a href=""><i class="fab fa-instagram"></i></a>
<a href=""><i class="fab fa-youtube"></i></a>
</div>
<p>Copyright 2020 - Inttegra Júnior</p>
<p>Todos os direitos reservados</p>
<p>Photos by Unsplash</p>
</div>
</div>
</footer>
</body>
<script src="js/main.js"></script>
</html>