direc/depet.html at master · UTFPR-SH/direc · GitHub

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
---
layout: sector
title: DEPET
worker: ['Thiago França Naves']
contact: ['naves@utfpr.edu.br',]
picture: ['assets/img/professors/thiago.jpg']
---

<script type="text/javascript" async>
  window.onload = (event) => {
    bindModals(['modal-nit', 'modal-proem', 'modal-consultorias'])
  }
</script>

{% include depet_modals.html %}

<div class="columns">
  <div class="column">
    <p class="title-large title-computer">DEPET - Departamento de Apoio e Projetos Tecnológicos </p>
    <div class="has-text-centered title-mobile">
      <p class="title-large">DEPET</p>
    </div>

    <p class="text">
      Este departamento tem como objetivo promover a melhoria e a inovação de processos e produtos por meio de conhecimentos tecnológicos existentes na gestão de transferência de tecnologia.
    </p>
    <p class="text">
      Por meio do departamento, é possível realizar serviços de consultoria, pesquisa cooperativa, serviços laboratoriais e cursos de extensão para a comunidade e para empresas. A partir de uma necessidade é possível consultar o departamento para uma possível solução ou orientação do melhor caminho para a resolução do problema.
    </p>
  </div>
</div>

<strong class="gap-medium-top">Clique nos balões abaixo para obter maiores informações.</strong>

<div class="tile is-ancestor gap-small-top">
  <div class="tile is-vertical">
    <div class="tile">
      <div class="tile is-parent">
        <div id="modal-nit" class="tile is-child notification rainbow-black is-link">
          <div class="content">
            <p class="title">NIT</p>
            <p>Núcleo de Inovações Tecnológicas</p>
          </div>
        </div>
      </div>
      <div class="tile is-parent">
        <div id="modal-proem" class="tile is-child notification rainbow-black is-link">
          <div class="content">
            <p class="title">PROEM</p>
            <p>Programa de Empreendedorismo</p>
          </div>
        </div>
      </div>
    </div>
    <div class="tile is-parent">
      <div id="modal-consultorias" class="tile is-child notification rainbow-black is-link">
        <div class="content">
          <p class="title">Consultorias e Projetos Tecnológicos</p>
          <p>Conte conosco para sua parceria em consultorias ou inovação tecnológica</p>
        </div>
      </div>
    </div>
  </div>
</div>

<div class="">
  <p class="title-large">Hotel Tecnológico</p>

  <p class="text">O que é o hotel tecnológico?</p>

  <div class="tile is-ancestor">
    <div class="tile is-parent has-image-center">
      <figure class="tile-picture image is-256x256">
        <img src="https://bulma.io/images/placeholders/256x256.png">
      </figure>
    </div>
    <div class="tile is-parent has-image-center">
      <figure class="tile-picture image is-256x256">
        <img src="https://bulma.io/images/placeholders/256x256.png">
      </figure>
    </div>
    <div class="tile is-parent has-image-center">
      <figure class="tile-picture image is-256x256">
        <img src="https://bulma.io/images/placeholders/256x256.png">
      </figure>
    </div>
  </div>
</div>