├── css └── styles.css ├── img ├── agencia.jpg ├── banner1.png ├── banner2.png ├── banner3.png ├── cidadeparallax.png ├── empresa.jpg ├── hdcagency_logo.svg ├── pattern.png ├── profile1.jpg ├── profile2.jpg ├── profile3.jpg ├── profile4.jpg ├── proj1.jpg ├── proj2.jpg ├── proj3.jpg ├── proj4.jpg ├── proj5.jpg └── proj6.jpg ├── index.html └── js ├── progressbar.min.js └── scripts.js /css/styles.css: -------------------------------------------------------------------------------- 1 | /* Gerais */ 2 | body { 3 | font-family: 'Roboto', sans-serif; 4 | } 5 | 6 | .row { 7 | margin: 0; 8 | } 9 | 10 | .container { 11 | padding: 70px 0; 12 | } 13 | 14 | p, li { 15 | color: #444; 16 | font-size: 14px; 17 | } 18 | 19 | /* Barra de navegação */ 20 | header, .navbar { 21 | background-color: #353D41; 22 | } 23 | 24 | #nav-container { 25 | padding-top: 0; 26 | padding-bottom: 0; 27 | } 28 | 29 | #logo { 30 | width: 75px; 31 | } 32 | 33 | .navbar-brand { 34 | padding: 0; 35 | color: #FFF; 36 | } 37 | 38 | .navbar-brand:hover { 39 | color: #FFF; 40 | } 41 | 42 | #navbar-links a { 43 | color: #FFF; 44 | } 45 | 46 | .navbar-expand-lg .navbar-nav .nav-link { 47 | padding: 1rem .8rem; 48 | } 49 | 50 | .nav-item.active { 51 | border-bottom: 3px solid #FFF; 52 | } 53 | 54 | /* Slider */ 55 | 56 | .container-fluid { 57 | padding: 0; 58 | } 59 | 60 | #mainSlider .carousel-inner, #mainSlider .carousel-item { 61 | height: 90vh; 62 | } 63 | 64 | #mainSlider .carousel-caption { 65 | top: 30%; 66 | } 67 | 68 | #mainSlider .carousel-caption h2 { 69 | font-size: 50px; 70 | margin-bottom: 30px; 71 | } 72 | 73 | #mainSlider .carousel-caption p { 74 | font-size: 22px; 75 | font-weight: 300; 76 | margin-bottom: 100px; 77 | color: #FFF; 78 | } 79 | 80 | .main-btn { 81 | background-color: #65DAF9; 82 | color: #FFF; 83 | text-transform: uppercase; 84 | width: 200px; 85 | height: 60px; 86 | padding: 10px 20px; 87 | border-radius: 30px; 88 | border: 3px solid transparent; 89 | transition: .5s; 90 | } 91 | 92 | .main-btn:hover { 93 | text-decoration: none; 94 | color: #FFF; 95 | background-color: transparent; 96 | border-color: #3EC1D5; 97 | } 98 | 99 | .carousel-indicators .active { 100 | background-color: #65DAF9; 101 | } 102 | 103 | /* Sobre a empresa */ 104 | 105 | #about-area { 106 | background-color: #F9F9F9; 107 | } 108 | 109 | .main-title { 110 | color: #444; 111 | margin: 0 0 65px 0; 112 | font-size: 40px; 113 | text-align: center; 114 | } 115 | 116 | .main-title::after { 117 | content: ""; 118 | border-top: 2px solid #333; 119 | width: 15%; 120 | position: absolute; 121 | top: 60px; 122 | left: 42.5%; 123 | } 124 | 125 | .about-title { 126 | font-size: 17px; 127 | color: #444; 128 | text-transform: uppercase; 129 | font-weight: bold; 130 | } 131 | 132 | #about-list { 133 | list-style: none; 134 | padding-left: 0; 135 | } 136 | 137 | #about-list li { 138 | line-height: 30px; 139 | } 140 | 141 | #about-list i { 142 | color: #65DAF9; 143 | margin-right: 15px; 144 | } 145 | 146 | /* Serviços */ 147 | 148 | .service-box { 149 | text-align: center; 150 | margin-bottom: 50px; 151 | } 152 | 153 | .service-box i, .service-box h4 { 154 | transition: .5s; 155 | } 156 | 157 | .service-box i { 158 | font-size: 36px; 159 | margin-bottom: 20px; 160 | color: #444; 161 | } 162 | 163 | .service-box h4 { 164 | font-size: 24px; 165 | margin-bottom: 20px; 166 | } 167 | 168 | .service-box:hover > i, .service-box:hover > h4 { 169 | color: #65DAF9; 170 | } 171 | 172 | /* Dados */ 173 | 174 | .circle-box div { 175 | padding: 0 40px; 176 | } 177 | 178 | .progressbar-text { 179 | font-weight: bold; 180 | font-size: 32px; 181 | } 182 | 183 | #data-area p { 184 | color: #FFF; 185 | text-align: center; 186 | font-size: 26px; 187 | margin-top: 20px; 188 | } 189 | 190 | /* Time */ 191 | 192 | .card-body { 193 | text-align: center; 194 | } 195 | 196 | /* Trabalhe conosco */ 197 | 198 | #apply-area { 199 | height: 500px; 200 | } 201 | 202 | #apply-area .container-fluid, #apply-area .row { 203 | height: 100%; 204 | } 205 | 206 | #apply-area .apply-box { 207 | padding: 70px 50px; 208 | text-align: center; 209 | } 210 | 211 | #company-img { 212 | background-image: url('../img/empresa.jpg'); 213 | background-size: cover; 214 | height: 100%; 215 | } 216 | 217 | #pattern-img h4, #pattern-img p { 218 | color: #FFF; 219 | } 220 | 221 | #pattern-img h4 { 222 | margin-top: 8%; 223 | margin-bottom: 20px; 224 | text-transform: uppercase; 225 | } 226 | 227 | #pattern-img p { 228 | margin-bottom: 20px; 229 | } 230 | 231 | #apply-btn { 232 | display: block; 233 | height: auto; 234 | width: 180px; 235 | margin-left: auto; 236 | margin-right: auto; 237 | margin-top: 30px; 238 | background-color: transparent; 239 | border-color: #FFF; 240 | } 241 | 242 | #apply-btn:hover { 243 | border-color: #65DAF9; 244 | background-color: #65DAF9; 245 | } 246 | 247 | /* Portfólio */ 248 | 249 | .project-box { 250 | margin-bottom: 30px; 251 | } 252 | 253 | #filter-btn-box { 254 | margin-bottom: 50px; 255 | text-align: center; 256 | } 257 | 258 | #portfolio-area .filter-btn { 259 | color: #444; 260 | border: 1px solid #444; 261 | background-color: transparent; 262 | text-transform: none; 263 | margin: 0 15px; 264 | min-width: 100px; 265 | width: auto; 266 | height: 40px; 267 | line-height: 40px; 268 | padding: 0 20px; 269 | } 270 | 271 | #portfolio-area .filter-btn.active, #portfolio-area .filter-btn:hover { 272 | color: #FFF; 273 | border: 1px solid #65DAF9; 274 | background-color: #65DAF9; 275 | } 276 | 277 | /* News Letter */ 278 | 279 | #news-area { 280 | text-align: center; 281 | background-color: #F9F9F9; 282 | } 283 | 284 | #news-area p { 285 | font-size: 18px; 286 | margin-bottom: 40px; 287 | } 288 | 289 | #email-input { 290 | border-radius: 0; 291 | border-top-left-radius: 20px; 292 | border-bottom-left-radius: 20px; 293 | border: 1px solid #65DAF9; 294 | display: inline; 295 | box-sizing: border-box; 296 | width: 40%; 297 | height: 40px; 298 | } 299 | 300 | #news-btn { 301 | border-top-right-radius: 20px; 302 | border-bottom-right-radius: 20px; 303 | border: 1px solid #65DAF9; 304 | background-color: #65DAF9; 305 | color: #FFF; 306 | text-transform: uppercase; 307 | height: 40px; 308 | padding: 0 30px; 309 | margin-left: -130px; 310 | position: absolute; 311 | transition: .5s; 312 | } 313 | 314 | #news-btn:hover { 315 | background-color: #FFF; 316 | color: #65DAF9; 317 | } 318 | 319 | /* Call To Action */ 320 | 321 | #call-area { 322 | background-color: #65DAF9; 323 | text-transform: uppercase; 324 | } 325 | 326 | #call-area .container { 327 | padding: 40px 100px; 328 | } 329 | 330 | #call-area .row { 331 | display: block; 332 | text-align: center; 333 | } 334 | 335 | #call-area p { 336 | color: #FFF; 337 | font-weight: bold; 338 | font-size: 20px; 339 | margin-bottom: 0; 340 | height: 60px; 341 | line-height: 60px; 342 | letter-spacing: 2px; 343 | display: inline; 344 | } 345 | 346 | #call-area #call-btn { 347 | background-color: #FFF; 348 | color: #65DAF9; 349 | font-weight: bold; 350 | margin-left: 30px; 351 | font-size: 20px; 352 | width: auto; 353 | letter-spacing: 2px; 354 | } 355 | 356 | /* Footer */ 357 | 358 | #contact-area { 359 | text-align: center; 360 | } 361 | 362 | .contact-box { 363 | padding-bottom: 50px; 364 | margin-bottom: 50px; 365 | border-bottom: 1px solid #3EC1D5; 366 | } 367 | 368 | .contact-box i { 369 | color: #444; 370 | border: solid 1px #444; 371 | border-radius: 50%; 372 | width: 55px; 373 | height: 55px; 374 | line-height: 55px; 375 | font-size: 24px; 376 | margin-bottom: 20px; 377 | } 378 | 379 | .contact-box p { 380 | font-size: 16px; 381 | } 382 | 383 | .contact-tile { 384 | font-weight: bold; 385 | color: #3EC1D5; 386 | } 387 | 388 | #msg-box p { 389 | font-size: 22px; 390 | } 391 | 392 | #contact-form input[type="text"], #contact-form textarea { 393 | margin-bottom: 15px; 394 | border-radius: 0; 395 | } 396 | 397 | #contact-form .main-btn { 398 | width: 120px; 399 | height: 50px; 400 | } 401 | 402 | #contact-form .main-btn:hover { 403 | color: #3EC1D5; 404 | } 405 | 406 | /* Copy */ 407 | 408 | #copy-area { 409 | background-color: #F1F1F1; 410 | } 411 | 412 | #copy-area .container { 413 | padding: 10px 0; 414 | text-align: center; 415 | } 416 | 417 | #copy-area .container p { 418 | margin-bottom: 0; 419 | } 420 | 421 | #copy-area .container a { 422 | font-weight: bold; 423 | color: #444; 424 | } 425 | 426 | #copy-area .container a:hover { 427 | text-decoration: none; 428 | color: #3EC1D5; 429 | } 430 | 431 | /* responsive */ 432 | @media(max-width: 768px) { 433 | 434 | /* geral */ 435 | .container { 436 | padding: 20px 0; 437 | } 438 | 439 | /* slider */ 440 | #mainSlider .carousel-inner, #mainSlider .carousel-item { 441 | height: auto; 442 | } 443 | 444 | #mainSlider .carousel-caption h2 { 445 | font-size: 28px; 446 | } 447 | 448 | #mainSlider .carousel-caption p { 449 | font-size: 18px; 450 | margin-bottom: 40px; 451 | } 452 | 453 | .carousel-caption { 454 | left: 10%; 455 | right: 10%; 456 | } 457 | 458 | /* about */ 459 | #about-area img { 460 | margin-top: 100px; 461 | } 462 | 463 | /* data */ 464 | .circle-box div { 465 | padding: 0 10px; 466 | } 467 | 468 | #data-area p { 469 | font-size: 16px; 470 | } 471 | 472 | /* team */ 473 | .card-title { 474 | font-size: 14px; 475 | } 476 | 477 | .card-text { 478 | font-size: 12px; 479 | } 480 | 481 | /* apply */ 482 | #apply-area .apply-box { 483 | padding: 50px 25px; 484 | } 485 | 486 | /* news */ 487 | #news-area p { 488 | width: 80%; 489 | margin-left: auto; 490 | margin-right: auto; 491 | } 492 | 493 | #email-input { 494 | width: 70%; 495 | } 496 | 497 | #call-area { 498 | margin-top: 30px; 499 | } 500 | 501 | #call-area .container { 502 | padding: 30px; 503 | } 504 | 505 | #call-area p, #call-area #call-btn { 506 | font-size: 16px; 507 | } 508 | 509 | } 510 | 511 | 512 | @media(max-width: 425px) { 513 | 514 | /* slider */ 515 | #mainSlider { 516 | margin-top: 90px; 517 | } 518 | 519 | #mainSlider .carousel-caption { 520 | top: 5%; 521 | } 522 | 523 | #mainSlider .carousel-caption h2 { 524 | font-size: 18px; 525 | margin-bottom: 40px; 526 | } 527 | 528 | #mainSlider .carousel-caption p { 529 | display: none; 530 | } 531 | 532 | .carousel-caption .main-btn { 533 | 534 | font-size: 14px; 535 | } 536 | 537 | /* about */ 538 | .main-title { 539 | font-size: 30px; 540 | } 541 | 542 | #about-area img { 543 | margin-top: 0; 544 | margin-bottom: 30px; 545 | } 546 | 547 | /* data */ 548 | .circle-box { 549 | width: 50%; 550 | } 551 | 552 | #team-area .col-md-3 { 553 | width: 50%; 554 | margin-bottom: 30px; 555 | } 556 | 557 | /* apply */ 558 | #apply-area { 559 | height: auto; 560 | } 561 | 562 | #company-img { 563 | display: none; 564 | } 565 | 566 | /* filter */ 567 | #portfolio-area .filter-btn { 568 | margin-bottom: 20px; 569 | } 570 | 571 | .project-box { 572 | width: 50%; 573 | } 574 | 575 | /* news */ 576 | #news-area .main-title { 577 | font-size: 24px; 578 | } 579 | 580 | #news-area p { 581 | font-size: 16px; 582 | } 583 | 584 | #email-input { 585 | width: 80%; 586 | } 587 | 588 | #call-area p, #call-area #call-btn { 589 | font-size: 14px; 590 | letter-spacing: 0; 591 | } 592 | 593 | #call-area p, #call-area #call-btn { 594 | margin: 0; 595 | width: 50%; 596 | } 597 | 598 | /* contact */ 599 | .contact-box { 600 | border: none; 601 | margin-bottom: 0; 602 | } 603 | 604 | } -------------------------------------------------------------------------------- /img/agencia.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matheusbattisti/curso_bootstrap/a81432ced57772b7fe980fc54db2cc6ac736f797/img/agencia.jpg -------------------------------------------------------------------------------- /img/banner1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matheusbattisti/curso_bootstrap/a81432ced57772b7fe980fc54db2cc6ac736f797/img/banner1.png -------------------------------------------------------------------------------- /img/banner2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matheusbattisti/curso_bootstrap/a81432ced57772b7fe980fc54db2cc6ac736f797/img/banner2.png -------------------------------------------------------------------------------- /img/banner3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matheusbattisti/curso_bootstrap/a81432ced57772b7fe980fc54db2cc6ac736f797/img/banner3.png -------------------------------------------------------------------------------- /img/cidadeparallax.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matheusbattisti/curso_bootstrap/a81432ced57772b7fe980fc54db2cc6ac736f797/img/cidadeparallax.png -------------------------------------------------------------------------------- /img/empresa.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matheusbattisti/curso_bootstrap/a81432ced57772b7fe980fc54db2cc6ac736f797/img/empresa.jpg -------------------------------------------------------------------------------- /img/hdcagency_logo.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /img/pattern.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matheusbattisti/curso_bootstrap/a81432ced57772b7fe980fc54db2cc6ac736f797/img/pattern.png -------------------------------------------------------------------------------- /img/profile1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matheusbattisti/curso_bootstrap/a81432ced57772b7fe980fc54db2cc6ac736f797/img/profile1.jpg -------------------------------------------------------------------------------- /img/profile2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matheusbattisti/curso_bootstrap/a81432ced57772b7fe980fc54db2cc6ac736f797/img/profile2.jpg -------------------------------------------------------------------------------- /img/profile3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matheusbattisti/curso_bootstrap/a81432ced57772b7fe980fc54db2cc6ac736f797/img/profile3.jpg -------------------------------------------------------------------------------- /img/profile4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matheusbattisti/curso_bootstrap/a81432ced57772b7fe980fc54db2cc6ac736f797/img/profile4.jpg -------------------------------------------------------------------------------- /img/proj1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matheusbattisti/curso_bootstrap/a81432ced57772b7fe980fc54db2cc6ac736f797/img/proj1.jpg -------------------------------------------------------------------------------- /img/proj2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matheusbattisti/curso_bootstrap/a81432ced57772b7fe980fc54db2cc6ac736f797/img/proj2.jpg -------------------------------------------------------------------------------- /img/proj3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matheusbattisti/curso_bootstrap/a81432ced57772b7fe980fc54db2cc6ac736f797/img/proj3.jpg -------------------------------------------------------------------------------- /img/proj4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matheusbattisti/curso_bootstrap/a81432ced57772b7fe980fc54db2cc6ac736f797/img/proj4.jpg -------------------------------------------------------------------------------- /img/proj5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matheusbattisti/curso_bootstrap/a81432ced57772b7fe980fc54db2cc6ac736f797/img/proj5.jpg -------------------------------------------------------------------------------- /img/proj6.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matheusbattisti/curso_bootstrap/a81432ced57772b7fe980fc54db2cc6ac736f797/img/proj6.jpg -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | hDC Agency - a sua agência web 7 | 8 | 9 | 10 | 11 | 12 | 13 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 49 |
50 |
51 |
52 | 53 | 97 | 98 |
99 |
100 |
101 |
102 |

Sobre a hDC Agency

103 |
104 |
105 | Agência hDC 106 |
107 |
108 |

Uma agência que pensa no futuro

109 |

Nossos projetos são adaptados ao cliente e seu propósito.

110 |

Após a especificação do projetos os arquitetos de software definirão as melhores tecnologias para seu projeto.

111 |

E nossos designers trabalharão na sua interface/layout para impulsionar o negócio.

112 |

Veja outros diferenciais:

113 |
    114 |
  • Utilização de Machine Learning / AI
    • 115 |
  • Layout responsivo para todos os dispositivos
    • 116 |
  • Integração com diversos sistemas do mercado
    • 117 |
  • Sistema de pagamento próprio
    • 118 |
  • Desenvolvimento com metodologia ágil
    • 119 |
120 |
121 |
122 |
123 |
124 | 125 |
126 |
127 |
128 |
129 |

Nossas especialidades

130 |
131 |
132 | 133 |

Aplicativos Nativos

134 |

Utilizamos o real poder dos dispositivos móveis construindo aplicativos nativos.

135 |
136 |
137 | 138 |

E-commerces

139 |

Temos uma plataforma própria de e-commerce que se adapta a qualquer regra de negócio (B2C e B2B).

140 |
141 |
142 | 143 |

Design Criativo

144 |

Nossos designers são especializados em UI/UX e também possuem vasta experiência no mercado de software.

145 |
146 |
147 | 148 |

Experts em SEO

149 |

Com nosso serviço de marketing seu site será melhor posicionado no Google e venderá mais.

150 |
151 |
152 | 153 |

Suporte 24/7

154 |

Você sempre terá alguem da equipe disponível para suporte, em diferentes plataformas. (chat, email, skype)

155 |
156 |
157 | 158 |

Experiência em servidores

159 |

Garantimos uptime e também rápido tempo de resposta do seu site para o seu cliente.

160 |
161 |
162 |
163 |
164 | 165 |
166 |
167 |
168 |
169 |
170 |

Projetos entregues

171 |
172 |
173 |
174 |

Clientes Felizes

175 |
176 |
177 |
178 |

Colaboradores

179 |
180 |
181 |
182 |

Cafézinhos

183 |
184 |
185 |
186 |
187 | 188 |
189 |
190 |
191 |
192 |

Nosso time

193 |
194 |
195 |
196 | Imagem de Perfil 1 197 |
198 |
Jhon Doe
199 |

Software Developer

200 |
201 |
202 |
203 |
204 |
205 | Imagem de Perfil 2 206 |
207 |
Maria Mariana
208 |

SEO Consultant

209 |
210 |
211 |
212 |
213 |
214 | Imagem de Perfil 3 215 |
216 |
Paul Baker
217 |

Project Manager

218 |
219 |
220 |
221 |
222 |
223 | Imagem de Perfil 4 224 |
225 |
Karina Katarina
226 |

UX/UI Designer

227 |
228 |
229 |
230 |
231 |
232 |
233 | 234 |
235 |
236 |
237 |
238 |
239 |

Gosta de desafios?

240 |

Temos várias posições abertas, entre elas: Software Engineer, UI/UX Designer, Project Manager e mais.

241 |

Clique no botão abaixo e confira os benefícios e as posições em aberto.

242 |

Aqui você terá a chance de trabalhar com as melhores tecnologias e os profissionais mais capacitados.

243 | Saiba Mais 244 |
245 |
246 |
247 |
248 | 249 |
250 |
251 |
252 |
253 |

Conheça nossos projetos

254 |
255 |
256 | 257 | 258 | 259 | 260 |
261 |
262 | Projeto 1 263 |
264 |
265 | Projeto 2 266 |
267 |
268 | Projeto 3 269 |
270 |
271 | Projeto 4 272 |
273 |
274 | Projeto 5 275 |
276 |
277 | Projeto 6 278 |
279 |
280 |
281 |
282 | 283 |
284 |
285 |
286 |

Fique por dentro das novidades

287 |
288 |

Assine nossa lista de e-mails, e receba nossos conteúdos sobre desenvolvimento de software

289 |
290 | 291 | 292 |
293 |
294 |
295 | 296 |
297 |
298 |
299 |

Deseja fazer um orçamento sem compromisso?

300 | 301 |
302 |
303 |
304 |
305 |
306 | 307 | 351 | 352 | 353 | 354 | -------------------------------------------------------------------------------- /js/progressbar.min.js: -------------------------------------------------------------------------------- 1 | // ProgressBar.js 1.1.0 2 | // https://kimmobrunfeldt.github.io/progressbar.js 3 | // License: MIT 4 | 5 | !function(a){if("object"==typeof exports&&"undefined"!=typeof module)module.exports=a();else if("function"==typeof define&&define.amd)define([],a);else{var b;b="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:this,b.ProgressBar=a()}}(function(){var a;return function(){function a(b,c,d){function e(g,h){if(!c[g]){if(!b[g]){var i="function"==typeof require&&require;if(!h&&i)return i(g,!0);if(f)return f(g,!0);var j=new Error("Cannot find module '"+g+"'");throw j.code="MODULE_NOT_FOUND",j}var k=c[g]={exports:{}};b[g][0].call(k.exports,function(a){return e(b[g][1][a]||a)},k,k.exports,a,b,c,d)}return c[g].exports}for(var f="function"==typeof require&&require,g=0;g0&&void 0!==arguments[0]?arguments[0]:{},b=new u,c=b.tween(a);return c.tweenable=b,c}c.d(b,"e",function(){return p}),c.d(b,"c",function(){return r}),c.d(b,"b",function(){return s}),c.d(b,"a",function(){return u}),c.d(b,"d",function(){return h});var i=c(1),j="undefined"!=typeof window?window:a,k=j.requestAnimationFrame||j.webkitRequestAnimationFrame||j.oRequestAnimationFrame||j.msRequestAnimationFrame||j.mozCancelRequestAnimationFrame&&j.mozRequestAnimationFrame||setTimeout,l=function(){},m=null,n=null,o=f({},i),p=function(a,b,c,d,e,f,g){var h=al?l:b,n=h-(l-m);m>=l?(i(j,c,n),a.stop(!0)):(a._applyFilter("beforeTween"),m1&&void 0!==arguments[1]?arguments[1]:"linear",c={},d=e(b);if("string"===d||"function"===d)for(var f in a)c[f]=b;else for(var g in a)c[g]=b[g]||"linear";return c},t=function(a){if(a===m)(m=a._next)?m._previous=null:n=null;else if(a===n)(n=a._previous)?n._next=null:m=null;else{var b=a._previous,c=a._next;b._next=c,c._previous=b}a._previous=a._next=null},u=function(){function a(){var b=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},c=arguments.length>1&&void 0!==arguments[1]?arguments[1]:void 0;!function(a,b){if(!(a instanceof b))throw new TypeError("Cannot call a class as a function")}(this,a),this._currentState=b,this._configured=!1,this._filters=[],this._timestamp=null,this._next=null,this._previous=null,c&&this.setConfig(c)}var b,c,e;return b=a,(c=[{key:"_applyFilter",value:function(a){var b=!0,c=!1,d=void 0;try{for(var e,f=this._filters[Symbol.iterator]();!(b=(e=f.next()).done);b=!0){var g=e.value[a];g&&g(this)}}catch(a){c=!0,d=a}finally{try{b||null==f.return||f.return()}finally{if(c)throw d}}}},{key:"tween",value:function(){var b=arguments.length>0&&void 0!==arguments[0]?arguments[0]:void 0,c=this._attachment,d=this._configured;return!b&&d||this.setConfig(b),this._pausedAtTime=null,this._timestamp=a.now(),this._start(this.get(),c),this.resume()}},{key:"setConfig",value:function(){var b=this,c=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},d=c.attachment,e=c.delay,g=void 0===e?0:e,h=c.duration,i=void 0===h?500:h,j=c.easing,k=c.from,m=c.promise,n=void 0===m?Promise:m,o=c.start,p=void 0===o?l:o,q=c.step,r=void 0===q?l:q,t=c.to;this._configured=!0,this._attachment=d,this._isPlaying=!1,this._pausedAtTime=null,this._scheduleId=null,this._delay=g,this._start=p,this._step=r,this._duration=i,this._currentState=f({},k||this.get()),this._originalState=this.get(),this._targetState=f({},t||this.get());var u=this._currentState;this._targetState=f({},u,this._targetState),this._easing=s(u,j);var v=a.filters;for(var w in this._filters.length=0,v)v[w].doesApply(this)&&this._filters.push(v[w]);return this._applyFilter("tweenCreated"),this._promise=new n(function(a,c){b._resolve=a,b._reject=c}),this._promise.catch(l),this}},{key:"get",value:function(){return f({},this._currentState)}},{key:"set",value:function(a){this._currentState=a}},{key:"pause",value:function(){if(this._isPlaying)return this._pausedAtTime=a.now(),this._isPlaying=!1,t(this),this}},{key:"resume",value:function(){if(null===this._timestamp)return this.tween();if(this._isPlaying)return this._promise;var b=a.now();return this._pausedAtTime&&(this._timestamp+=b-this._pausedAtTime,this._pausedAtTime=null),this._isPlaying=!0,null===m?(m=this,n=this,function a(){m&&(k.call(j,a,1e3/60),r())}()):(this._previous=n,n._next=this,n=this),this._promise}},{key:"seek",value:function(b){b=Math.max(b,0);var c=a.now();return this._timestamp+b===0?this:(this._timestamp=c-b,this._isPlaying||q(this,c),this)}},{key:"stop",value:function(){var a=arguments.length>0&&void 0!==arguments[0]&&arguments[0],b=this._attachment,c=this._currentState,d=this._easing,e=this._originalState,f=this._targetState;if(this._isPlaying)return this._isPlaying=!1,t(this),a?(this._applyFilter("beforeTween"),p(1,c,e,f,1,0,d),this._applyFilter("afterTween"),this._applyFilter("afterTweenEnd"),this._resolve(c,b)):this._reject(c,b),this}},{key:"isPlaying",value:function(){return this._isPlaying}},{key:"setScheduleFunction",value:function(b){a.setScheduleFunction(b)}},{key:"dispose",value:function(){for(var a in this)delete this[a]}}])&&d(b.prototype,c),e&&d(b,e),a}();u.setScheduleFunction=function(a){return k=a},u.formulas=o,u.filters={},u.now=Date.now||function(){return+new Date}}).call(this,c(2))},function(a,b,c){"use strict";c.r(b),c.d(b,"linear",function(){return d}),c.d(b,"easeInQuad",function(){return e}),c.d(b,"easeOutQuad",function(){return f}),c.d(b,"easeInOutQuad",function(){return g}),c.d(b,"easeInCubic",function(){return h}),c.d(b,"easeOutCubic",function(){return i}),c.d(b,"easeInOutCubic",function(){return j}),c.d(b,"easeInQuart",function(){return k}),c.d(b,"easeOutQuart",function(){return l}),c.d(b,"easeInOutQuart",function(){return m}),c.d(b,"easeInQuint",function(){return n}),c.d(b,"easeOutQuint",function(){return o}),c.d(b,"easeInOutQuint",function(){return p}),c.d(b,"easeInSine",function(){return q}),c.d(b,"easeOutSine",function(){return r}),c.d(b,"easeInOutSine",function(){return s}),c.d(b,"easeInExpo",function(){return t}),c.d(b,"easeOutExpo",function(){return u}),c.d(b,"easeInOutExpo",function(){return v}),c.d(b,"easeInCirc",function(){return w}),c.d(b,"easeOutCirc",function(){return x}),c.d(b,"easeInOutCirc",function(){return y}),c.d(b,"easeOutBounce",function(){return z}),c.d(b,"easeInBack",function(){return A}),c.d(b,"easeOutBack",function(){return B}),c.d(b,"easeInOutBack",function(){return C}),c.d(b,"elastic",function(){return D}),c.d(b,"swingFromTo",function(){return E}),c.d(b,"swingFrom",function(){return F}),c.d(b,"swingTo",function(){return G}),c.d(b,"bounce",function(){return H}),c.d(b,"bouncePast",function(){return I}),c.d(b,"easeFromTo",function(){return J}),c.d(b,"easeFrom",function(){return K}),c.d(b,"easeTo",function(){return L});var d=function(a){return a},e=function(a){return Math.pow(a,2)},f=function(a){return-(Math.pow(a-1,2)-1)},g=function(a){return(a/=.5)<1?.5*Math.pow(a,2):-.5*((a-=2)*a-2)},h=function(a){return Math.pow(a,3)},i=function(a){return Math.pow(a-1,3)+1},j=function(a){return(a/=.5)<1?.5*Math.pow(a,3):.5*(Math.pow(a-2,3)+2)},k=function(a){return Math.pow(a,4)},l=function(a){return-(Math.pow(a-1,4)-1)},m=function(a){return(a/=.5)<1?.5*Math.pow(a,4):-.5*((a-=2)*Math.pow(a,3)-2)},n=function(a){return Math.pow(a,5)},o=function(a){return Math.pow(a-1,5)+1},p=function(a){return(a/=.5)<1?.5*Math.pow(a,5):.5*(Math.pow(a-2,5)+2)},q=function(a){return 1-Math.cos(a*(Math.PI/2))},r=function(a){return Math.sin(a*(Math.PI/2))},s=function(a){return-.5*(Math.cos(Math.PI*a)-1)},t=function(a){return 0===a?0:Math.pow(2,10*(a-1))},u=function(a){return 1===a?1:1-Math.pow(2,-10*a)},v=function(a){return 0===a?0:1===a?1:(a/=.5)<1?.5*Math.pow(2,10*(a-1)):.5*(2-Math.pow(2,-10*--a))},w=function(a){return-(Math.sqrt(1-a*a)-1)},x=function(a){return Math.sqrt(1-Math.pow(a-1,2))},y=function(a){return(a/=.5)<1?-.5*(Math.sqrt(1-a*a)-1):.5*(Math.sqrt(1-(a-=2)*a)+1)},z=function(a){return a<1/2.75?7.5625*a*a:a<2/2.75?7.5625*(a-=1.5/2.75)*a+.75:a<2.5/2.75?7.5625*(a-=2.25/2.75)*a+.9375:7.5625*(a-=2.625/2.75)*a+.984375},A=function(a){var b=1.70158;return a*a*((b+1)*a-b)},B=function(a){var b=1.70158;return(a-=1)*a*((b+1)*a+b)+1},C=function(a){var b=1.70158;return(a/=.5)<1?a*a*((1+(b*=1.525))*a-b)*.5:.5*((a-=2)*a*((1+(b*=1.525))*a+b)+2)},D=function(a){return-1*Math.pow(4,-8*a)*Math.sin((6*a-1)*(2*Math.PI)/2)+1},E=function(a){var b=1.70158;return(a/=.5)<1?a*a*((1+(b*=1.525))*a-b)*.5:.5*((a-=2)*a*((1+(b*=1.525))*a+b)+2)},F=function(a){var b=1.70158;return a*a*((b+1)*a-b)},G=function(a){var b=1.70158;return(a-=1)*a*((b+1)*a+b)+1},H=function(a){return a<1/2.75?7.5625*a*a:a<2/2.75?7.5625*(a-=1.5/2.75)*a+.75:a<2.5/2.75?7.5625*(a-=2.25/2.75)*a+.9375:7.5625*(a-=2.625/2.75)*a+.984375},I=function(a){return a<1/2.75?7.5625*a*a:a<2/2.75?2-(7.5625*(a-=1.5/2.75)*a+.75):a<2.5/2.75?2-(7.5625*(a-=2.25/2.75)*a+.9375):2-(7.5625*(a-=2.625/2.75)*a+.984375)},J=function(a){return(a/=.5)<1?.5*Math.pow(a,4):-.5*((a-=2)*Math.pow(a,3)-2)},K=function(a){return Math.pow(a,4)},L=function(a){return Math.pow(a,.25)}},function(a,b){var c;c=function(){return this}();try{c=c||new Function("return this")()}catch(a){"object"==typeof window&&(c=window)}a.exports=c},function(a,b,c){"use strict";function d(a){return parseInt(a,16)}function e(a){var b=a._currentState;[b,a._originalState,a._targetState].forEach(z),a._tokenData=C(b)}function f(a){var b=a._currentState,c=a._originalState,d=a._targetState,e=a._easing,f=a._tokenData;I(e,f),[b,c,d].forEach(function(a){return D(a,f)})}function g(a){var b=a._currentState,c=a._originalState,d=a._targetState,e=a._easing,f=a._tokenData;[b,c,d].forEach(function(a){return H(a,f)}),J(e,f)}function h(a,b,c){return b in a?Object.defineProperty(a,b,{value:c,enumerable:!0,configurable:!0,writable:!0}):a[b]=c,a}function i(a){return function(a){if(Array.isArray(a)){for(var b=0,c=new Array(a.length);b=0?a:0-a};return g=1-(i=3*b)-(h=3*(d-b)-i),j=1-(l=3*c)-(k=3*(e-c)-l),function(a,b){return c=function(a,b){var c,d,e,f,j,k,l;for(e=a,k=0;k<8;k++){if(f=m(e)-a,n(f)(d=1))return d;for(;cf?c=e:d=e,e=.5*(d-c)+c}return e}(a,b),((j*c+k)*c+l)*c;var c}(a,function(a){return 1/(200*a)}(f))}c.r(b);var m={};c.r(m),c.d(m,"doesApply",function(){return K}),c.d(m,"tweenCreated",function(){return e}),c.d(m,"beforeTween",function(){return f}),c.d(m,"afterTween",function(){return g});var n,o,p=c(0),q=/(\d|-|\.)/,r=/([^\-0-9.]+)/g,s=/[0-9.-]+/g,t=(n=s.source,o=/,\s*/.source,new RegExp("rgb\\(".concat(n).concat(o).concat(n).concat(o).concat(n,"\\)"),"g")),u=/^.*\(/,v=/#([0-9]|[a-f]){3,6}/gi,w=function(a,b){return a.map(function(a,c){return"_".concat(b,"_").concat(c)})},x=function(a){return"rgb(".concat((b=a,3===(b=b.replace(/#/,"")).length&&(b=(b=b.split(""))[0]+b[0]+b[1]+b[1]+b[2]+b[2]),[d(b.substr(0,2)),d(b.substr(2,2)),d(b.substr(4,2))]).join(","),")");var b},y=function(a,b,c){var d=b.match(a),e=b.replace(a,"VAL");return d&&d.forEach(function(a){return e=e.replace("VAL",c(a))}),e},z=function(a){for(var b in a){var c=a[b];"string"==typeof c&&c.match(v)&&(a[b]=y(v,c,x))}},A=function(a){var b=a.match(s).map(Math.floor);return"".concat(a.match(u)[0]).concat(b.join(","),")")},B=function(a){return a.match(s)},C=function(a){var b,c,d={};for(var e in a){var f=a[e];"string"==typeof f&&(d[e]={formatString:(b=f,c=void 0,c=b.match(r),c?(1===c.length||b.charAt(0).match(q))&&c.unshift(""):c=["",""],c.join("VAL")),chunkNames:w(B(f),e)})}return d},D=function(a,b){var c=function(c){B(a[c]).forEach(function(d,e){return a[b[c].chunkNames[e]]=+d}),delete a[c]};for(var d in b)c(d)},E=function(a,b){var c={};return b.forEach(function(b){c[b]=a[b],delete a[b]}),c},F=function(a,b){return b.map(function(b){return a[b]})},G=function(a,b){return b.forEach(function(b){return a=a.replace("VAL",+b.toFixed(4))}),a},H=function(a,b){for(var c in b){var d=b[c],e=d.chunkNames,f=d.formatString,g=G(f,F(E(a,e),e));a[c]=y(t,g,A)}},I=function(a,b){var c=function(c){var d=b[c].chunkNames,e=a[c];if("string"==typeof e){var f=e.split(" "),g=f[f.length-1];d.forEach(function(b,c){return a[b]=f[c]||g})}else d.forEach(function(b){return a[b]=e});delete a[c]};for(var d in b)c(d)},J=function(a,b){for(var c in b){var d=b[c].chunkNames,e=a[d[0]];a[c]="string"==typeof e?d.map(function(b){var c=a[b];return delete a[b],c}).join(" "):e}},K=function(a){var b=a._currentState;return Object.keys(b).some(function(a){return"string"==typeof b[a]})},L=new p.a,M=p.a.filters,N=function(a,b,c,d){var e=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,f=function(a){for(var b=1;ba.strokeWidth&&(b=a.trailWidth);var c=50-b/2;return e.render(this._pathTemplate,{radius:c,"2radius":2*c})},f.prototype._trailString=function(a){return this._pathString(a)},b.exports=f},{"./shape":7,"./utils":9}],3:[function(a,b,c){var d=a("./shape"),e=a("./utils"),f=function(a,b){this._pathTemplate="M 0,{center} L 100,{center}",d.apply(this,arguments)};f.prototype=new d,f.prototype.constructor=f,f.prototype._initializeSvg=function(a,b){a.setAttribute("viewBox","0 0 100 "+b.strokeWidth),a.setAttribute("preserveAspectRatio","none")},f.prototype._pathString=function(a){return e.render(this._pathTemplate,{center:a.strokeWidth/2})},f.prototype._trailString=function(a){return this._pathString(a)},b.exports=f},{"./shape":7,"./utils":9}],4:[function(a,b,c){b.exports={Line:a("./line"),Circle:a("./circle"),SemiCircle:a("./semicircle"),Square:a("./square"),Path:a("./path"),Shape:a("./shape"),utils:a("./utils")}},{"./circle":2,"./line":3,"./path":5,"./semicircle":6,"./shape":7,"./square":8,"./utils":9}],5:[function(a,b,c){var d=a("shifty"),e=a("./utils"),f=d.Tweenable,g={easeIn:"easeInCubic",easeOut:"easeOutCubic",easeInOut:"easeInOutCubic"},h=function a(b,c){if(!(this instanceof a))throw new Error("Constructor was called without new keyword");c=e.extend({delay:0,duration:800,easing:"linear",from:{},to:{},step:function(){}},c);var d;d=e.isString(b)?document.querySelector(b):b,this.path=d,this._opts=c,this._tweenable=null;var f=this.path.getTotalLength();this.path.style.strokeDasharray=f+" "+f,this.set(0)};h.prototype.value=function(){var a=this._getComputedDashOffset(),b=this.path.getTotalLength(),c=1-a/b;return parseFloat(c.toFixed(6),10)},h.prototype.set=function(a){this.stop(),this.path.style.strokeDashoffset=this._progressToOffset(a);var b=this._opts.step;if(e.isFunction(b)){var c=this._easing(this._opts.easing);b(this._calculateTo(a,c),this._opts.shape||this,this._opts.attachment)}},h.prototype.stop=function(){this._stopTween(),this.path.style.strokeDashoffset=this._getComputedDashOffset()},h.prototype.animate=function(a,b,c){b=b||{},e.isFunction(b)&&(c=b,b={});var d=e.extend({},b),g=e.extend({},this._opts);b=e.extend(g,b);var h=this._easing(b.easing),i=this._resolveFromAndTo(a,h,d);this.stop(),this.path.getBoundingClientRect();var j=this._getComputedDashOffset(),k=this._progressToOffset(a),l=this;this._tweenable=new f,this._tweenable.tween({from:e.extend({offset:j},i.from),to:e.extend({offset:k},i.to),duration:b.duration,delay:b.delay,easing:h,step:function(a){l.path.style.strokeDashoffset=a.offset;var c=b.shape||l;b.step(a,c,b.attachment)}}).then(function(a){e.isFunction(c)&&c()})},h.prototype._getComputedDashOffset=function(){var a=window.getComputedStyle(this.path,null);return parseFloat(a.getPropertyValue("stroke-dashoffset"),10)},h.prototype._progressToOffset=function(a){var b=this.path.getTotalLength();return b-a*b},h.prototype._resolveFromAndTo=function(a,b,c){return c.from&&c.to?{from:c.from,to:c.to}:{from:this._calculateFrom(b),to:this._calculateTo(a,b)}},h.prototype._calculateFrom=function(a){return d.interpolate(this._opts.from,this._opts.to,this.value(),a)},h.prototype._calculateTo=function(a,b){return d.interpolate(this._opts.from,this._opts.to,a,b)},h.prototype._stopTween=function(){null!==this._tweenable&&(this._tweenable.stop(),this._tweenable=null)},h.prototype._easing=function(a){return g.hasOwnProperty(a)?g[a]:a},b.exports=h},{"./utils":9,shifty:1}],6:[function(a,b,c){var d=a("./shape"),e=a("./circle"),f=a("./utils"),g=function(a,b){this._pathTemplate="M 50,50 m -{radius},0 a {radius},{radius} 0 1 1 {2radius},0",this.containerAspectRatio=2,d.apply(this,arguments)};g.prototype=new d,g.prototype.constructor=g,g.prototype._initializeSvg=function(a,b){a.setAttribute("viewBox","0 0 100 50")},g.prototype._initializeTextContainer=function(a,b,c){a.text.style&&(c.style.top="auto",c.style.bottom="0",a.text.alignToBottom?f.setStyle(c,"transform","translate(-50%, 0)"):f.setStyle(c,"transform","translate(-50%, 50%)"))},g.prototype._pathString=e.prototype._pathString,g.prototype._trailString=e.prototype._trailString,b.exports=g},{"./circle":2,"./shape":7,"./utils":9}],7:[function(a,b,c){var d=a("./path"),e=a("./utils"),f="Object is destroyed",g=function a(b,c){if(!(this instanceof a))throw new Error("Constructor was called without new keyword");if(0!==arguments.length){this._opts=e.extend({color:"#555",strokeWidth:1,trailColor:null,trailWidth:null,fill:null,text:{style:{color:null,position:"absolute",left:"50%",top:"50%",padding:0,margin:0,transform:{prefix:!0,value:"translate(-50%, -50%)"}},autoStyleContainer:!0,alignToBottom:!0,value:null,className:"progressbar-text"},svgStyle:{display:"block",width:"100%"},warnings:!1},c,!0),e.isObject(c)&&void 0!==c.svgStyle&&(this._opts.svgStyle=c.svgStyle),e.isObject(c)&&e.isObject(c.text)&&void 0!==c.text.style&&(this._opts.text.style=c.text.style);var f,g=this._createSvgView(this._opts);if(!(f=e.isString(b)?document.querySelector(b):b))throw new Error("Container does not exist: "+b);this._container=f,this._container.appendChild(g.svg),this._opts.warnings&&this._warnContainerAspectRatio(this._container),this._opts.svgStyle&&e.setStyles(g.svg,this._opts.svgStyle),this.svg=g.svg,this.path=g.path,this.trail=g.trail,this.text=null;var h=e.extend({attachment:void 0,shape:this},this._opts);this._progressPath=new d(g.path,h),e.isObject(this._opts.text)&&null!==this._opts.text.value&&this.setText(this._opts.text.value)}};g.prototype.animate=function(a,b,c){if(null===this._progressPath)throw new Error(f);this._progressPath.animate(a,b,c)},g.prototype.stop=function(){if(null===this._progressPath)throw new Error(f);void 0!==this._progressPath&&this._progressPath.stop()},g.prototype.pause=function(){if(null===this._progressPath)throw new Error(f);void 0!==this._progressPath&&this._progressPath._tweenable&&this._progressPath._tweenable.pause()},g.prototype.resume=function(){if(null===this._progressPath)throw new Error(f);void 0!==this._progressPath&&this._progressPath._tweenable&&this._progressPath._tweenable.resume()},g.prototype.destroy=function(){if(null===this._progressPath)throw new Error(f);this.stop(),this.svg.parentNode.removeChild(this.svg),this.svg=null,this.path=null,this.trail=null,this._progressPath=null,null!==this.text&&(this.text.parentNode.removeChild(this.text),this.text=null)},g.prototype.set=function(a){if(null===this._progressPath)throw new Error(f);this._progressPath.set(a)},g.prototype.value=function(){if(null===this._progressPath)throw new Error(f);return void 0===this._progressPath?0:this._progressPath.value()},g.prototype.setText=function(a){if(null===this._progressPath)throw new Error(f);null===this.text&&(this.text=this._createTextContainer(this._opts,this._container),this._container.appendChild(this.text)),e.isObject(a)?(e.removeChildren(this.text),this.text.appendChild(a)):this.text.innerHTML=a},g.prototype._createSvgView=function(a){var b=document.createElementNS("http://www.w3.org/2000/svg","svg");this._initializeSvg(b,a);var c=null;(a.trailColor||a.trailWidth)&&(c=this._createTrail(a),b.appendChild(c));var d=this._createPath(a);return b.appendChild(d),{svg:b,path:d,trail:c}},g.prototype._initializeSvg=function(a,b){a.setAttribute("viewBox","0 0 100 100")},g.prototype._createPath=function(a){var b=this._pathString(a);return this._createPathElement(b,a)},g.prototype._createTrail=function(a){var b=this._trailString(a),c=e.extend({},a);return c.trailColor||(c.trailColor="#eee"),c.trailWidth||(c.trailWidth=c.strokeWidth),c.color=c.trailColor,c.strokeWidth=c.trailWidth,c.fill=null,this._createPathElement(b,c)},g.prototype._createPathElement=function(a,b){var c=document.createElementNS("http://www.w3.org/2000/svg","path");return c.setAttribute("d",a),c.setAttribute("stroke",b.color),c.setAttribute("stroke-width",b.strokeWidth),b.fill?c.setAttribute("fill",b.fill):c.setAttribute("fill-opacity","0"),c},g.prototype._createTextContainer=function(a,b){var c=document.createElement("div");c.className=a.text.className;var d=a.text.style;return d&&(a.text.autoStyleContainer&&(b.style.position="relative"),e.setStyles(c,d),d.color||(c.style.color=a.color)),this._initializeTextContainer(a,b,c),c},g.prototype._initializeTextContainer=function(a,b,c){},g.prototype._pathString=function(a){throw new Error("Override this function for each progress bar")},g.prototype._trailString=function(a){throw new Error("Override this function for each progress bar")},g.prototype._warnContainerAspectRatio=function(a){if(this.containerAspectRatio){var b=window.getComputedStyle(a,null),c=parseFloat(b.getPropertyValue("width"),10),d=parseFloat(b.getPropertyValue("height"),10);e.floatEquals(this.containerAspectRatio,c/d)||(console.warn("Incorrect aspect ratio of container","#"+a.id,"detected:",b.getPropertyValue("width")+"(width)","/",b.getPropertyValue("height")+"(height)","=",c/d),console.warn("Aspect ratio of should be",this.containerAspectRatio))}},b.exports=g},{"./path":5,"./utils":9}],8:[function(a,b,c){var d=a("./shape"),e=a("./utils"),f=function(a,b){this._pathTemplate="M 0,{halfOfStrokeWidth} L {width},{halfOfStrokeWidth} L {width},{width} L {halfOfStrokeWidth},{width} L {halfOfStrokeWidth},{strokeWidth}",this._trailTemplate="M {startMargin},{halfOfStrokeWidth} L {width},{halfOfStrokeWidth} L {width},{width} L {halfOfStrokeWidth},{width} L {halfOfStrokeWidth},{halfOfStrokeWidth}",d.apply(this,arguments)};f.prototype=new d,f.prototype.constructor=f,f.prototype._pathString=function(a){var b=100-a.strokeWidth/2;return e.render(this._pathTemplate,{width:b,strokeWidth:a.strokeWidth,halfOfStrokeWidth:a.strokeWidth/2})},f.prototype._trailString=function(a){var b=100-a.strokeWidth/2;return e.render(this._trailTemplate,{width:b,strokeWidth:a.strokeWidth,halfOfStrokeWidth:a.strokeWidth/2,startMargin:a.strokeWidth/2-a.trailWidth/2})},b.exports=f},{"./shape":7,"./utils":9}],9:[function(a,b,c){function d(a,b,c){a=a||{},b=b||{},c=c||!1;for(var e in b)if(b.hasOwnProperty(e)){var f=a[e],g=b[e];c&&l(f)&&l(g)?a[e]=d(f,g,c):a[e]=g}return a}function e(a,b){var c=a;for(var d in b)if(b.hasOwnProperty(d)){var e=b[d],f="\\{"+d+"\\}",g=new RegExp(f,"g");c=c.replace(g,e)}return c}function f(a,b,c){for(var d=a.style,e=0;e (dataAreaOffset.top - 500) && stop == 0) { 94 | circleA.animate(1.0); 95 | circleB.animate(1.0); 96 | circleC.animate(1.0); 97 | circleD.animate(1.0); 98 | 99 | stop = 1; 100 | } 101 | 102 | }); 103 | 104 | // Parallax 105 | 106 | // setTimeout serve para carregar primeiro as imagens 107 | setTimeout(function() { 108 | $('#data-area').parallax({imageSrc: 'img/cidadeparallax.png'}); 109 | $('#apply-area').parallax({imageSrc: 'img/pattern.png'}); 110 | }, 200); 111 | 112 | // Filtro portfólio 113 | 114 | $('.filter-btn').on('click', function() { 115 | 116 | let type = $(this).attr('id'); 117 | let boxes = $('.project-box'); 118 | 119 | $('.main-btn').removeClass('active'); 120 | $(this).addClass('active'); 121 | 122 | if(type == 'dsg-btn') { 123 | eachBoxes('dsg', boxes); 124 | } else if(type == 'dev-btn') { 125 | eachBoxes('dev', boxes); 126 | } else if(type == 'seo-btn') { 127 | eachBoxes('seo', boxes); 128 | } else { 129 | eachBoxes('all', boxes); 130 | } 131 | 132 | }); 133 | 134 | function eachBoxes(type, boxes) { 135 | 136 | if(type == 'all') { 137 | $(boxes).fadeIn(); 138 | } else { 139 | $(boxes).each(function() { 140 | if(!$(this).hasClass(type)) { 141 | $(this).fadeOut('slow'); 142 | } else { 143 | $(this).fadeIn(); 144 | } 145 | }); 146 | } 147 | } 148 | 149 | // scroll para as seções 150 | 151 | let navBtn = $('.nav-item'); 152 | 153 | let bannerSection = $('#mainSlider'); 154 | let aboutSection = $('#about-area'); 155 | let servicesSection = $('#services-area'); 156 | let teamSection = $('#team-area'); 157 | let portfolioSection = $('#portfolio-area'); 158 | let contactSection = $('#contact-area'); 159 | 160 | let scrollTo = ''; 161 | 162 | $(navBtn).click(function() { 163 | 164 | let btnId = $(this).attr('id'); 165 | 166 | if(btnId == 'about-menu') { 167 | scrollTo = aboutSection; 168 | } else if(btnId == 'services-menu') { 169 | scrollTo = servicesSection; 170 | } else if(btnId == 'team-menu') { 171 | scrollTo = teamSection; 172 | } else if(btnId == 'portfolio-menu') { 173 | scrollTo = portfolioSection; 174 | } else if(btnId == 'contact-menu') { 175 | scrollTo = contactSection; 176 | } else { 177 | scrollTo = bannerSection; 178 | } 179 | 180 | $([document.documentElement, document.body]).animate({ 181 | scrollTop: $(scrollTo).offset().top - 70 182 | }, 1500); 183 | }); 184 | 185 | }); --------------------------------------------------------------------------------