-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
141 lines (120 loc) · 8.43 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
<!doctype html>
<html lang="pt-br">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="style.css">
<script src="functions.js"></script>
<!-- Bootstrap -->
<link href="bootstrap-5.0.0-beta3-dist/css/bootstrap.css" rel="stylesheet" media="screen">
<script src="bootstrap-5.0.0-beta3-dist/js/bootstrap.js" media="screen"></script>
<!-- Font Awesome -->
<script src="https://kit.fontawesome.com/b34615a6a6.js" crossorigin="anonymous"></script>
<title>Catratec</title>
</head>
<body>
<header>
<nav class="navbar navbar-dark bg-dark" id="NavLetras">
<div class="container">
<a class="navbar-brand" href="index.html">
<img src="imagens/catratec-logo-branco.png" id="logo" alt="Catratec" onmouseover=OnMouseLogo() onmouseout=OutMouseLogo()>
</a>
</div>
<ul class="nav nav-pills" id="itens-escritos">
<li class="nav-item">
<a class="nav-link" href="#sobre">Sobre</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#prod">Produção</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#tinkercad">Circuito</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#vid">Vídeo</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#ctt">Contatos</a>
</li>
</ul>
</nav>
<nav class="navbar navbar-dark bg-dark" id="NavDrop">
<div class="container">
<a class="navbar-brand" href="index.html">
<img id="logo" src="imagens/catratec-logo-branco.png" alt="Catratec" onmouseover=OnMouseLogo() onmouseout=OutMouseLogo()>
</a>
</div>
<li id="dropdown" class="nav-item dropdown">
<a class="nav-link fas fa-th-list" href="#" id="navbarScrollingDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false"></a>
<ul id="dropdown-itens" class="dropdown-menu" aria-labelledby="navbarScrollingDropdown">
<li><a class="dropdown-item" href="#sobre">Sobre</a></li>
<li><a class="dropdown-item" href="#prod">Produção</a></li>
<li><a class="dropdown-item" href="#tinkercad">Circuito</a></li>
<li><a class="dropdown-item" href="#vid">Vídeo</a></li>
<li><hr class="dropdown-divider"></li>
<li><a class="dropdown-item" href="#mini-ctt">Contatos</a></li>
</ul>
</li>
</nav>
</header>
<section id="carrosel">
<div id="carouselExampleIndicators" class="carousel slide" data-bs-ride="carousel">
<div class="carousel-indicators">
<button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
<button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="1" aria-label="Slide 2"></button>
</div>
<div class="carousel-inner">
<div class="carousel-item active">
<img src="imagens/carrosel/extruture-image.png" class="d-block w-100" alt="Erro na imagem, por favor recarregue a página...">
</div>
<div class="carousel-item">
<img src="imagens/carrosel/circuite-image.png" class="d-block w-100" alt="Erro na imagem, por favor recarregue a página...">
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>
</section>
<section id="textos" >
<h1 id="sobre">Sobre</h1>
<p class="border border-dark border-5">O projeto Catratec foi criado em meio à pandemia do corona vírus, e tem como objetivo dar uma solução simples para estabelecimentos de pequeno ou médio porte, conseguirem restringirem o número de pessoas que adentram seu estabelecimento, assim evitando a proliferação do vírus, além disso, a principal função da catraca, é substituir o trabalho de uma pessoa ter que medir a temperatura de todas pessoas que adentram no local, pois o próprio dispositivo pode fazer isso, evitando constrangimento e confusões. Apesar da ideia ser pensada durante a pandemia, só continuamos com o projeto pois sabíamos que ele seria útil após a pandemia, pois locais que possuem pessoas com saúde debilitada, não podem receber outras pessoas com febre ou doentes, pois caso algum vulnerável contraia uma doença, ela pode ser fatal, por isso, o projeto será útil em lugares como hospitais, laboratórios , casas de repouso e etc.</p>
<h1 id="prod">Produção</h1>
<p>A produção do Catratec foi dividida entre os integrantes, o aluno Wesley Silva pensou no circuito e o montou utilizando o Tinkercad, com auxílio do aluno Lucas Lima. O aluno Théo Kabir programou a placa de Arduíno e seus componentes também no Tinkercad, o aluno Nicolas Coiado foi responsável pela criação visual do projeto (criação da estrutura, modelagem 3D, criação do logotipo, edição do vídeo de apresentação e criação de todos documentos envolvidos no projeto), e para isso aluno utilizou programas como Adobe Illustraitor, Adobe Photoshop, Blender com motor gráfico Cycles e o Microsoft Publisher. E o aluno Lucas Lima, além de auxiliar na montagem do circuito também fez o papel de locutor no vídeo postado no canal da Etec da Zona Leste.</p>
<h1 id="tinkercad">Circuito</h1>
<p id="ajuste_tinkercad">
<iframe id="tinkedcad" src="https://www.tinkercad.com/embed/kRoyELoSiHs?editbtn=1" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>
</p>
<h1 id="vid">Vídeo explicativo</h1>
<p id="ajuste_video">
<iframe id="video" src="https://www.youtube.com/embed/YfISuk9cM4Y" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe><br/>
</p>
</section>
<footer id="ctt">
<br/>
<h1>Contatos</h1>
<a type="button" class="btn btn-light" href="https://github.com/LucasAna2"><i class="fab fa-github"></i> Lucas Lima </a>
<a type="button" class="btn btn-light" href="https://github.com/NicolasCoiado03"><i class="fab fa-github"></i> Nicolas Coiado</a>
<a type="button" class="btn btn-light" href="https://github.com/theokabir"><i class="fab fa-github"></i> Théo Kabir</a>
<a type="button" class="btn btn-light" href="https://github.com/WesleySliva1706"><i class="fab fa-github"></i> Wesley Silva</a> <br/> <br/>
<a type="button" class="btn btn-light" href="/download/Catratec.pdf" download="Catratec"><i class="fas fa-arrow-circle-down"></i> Download PDF</a> <br/> <br/>
<div id="final">© 2021 Catratec. Todos os direitos reservados.</div>
</footer>
<footer id="mini-ctt"> <br/>
<h1>Contatos</h1></br>
<div class="btn-group-vertical" role="group" aria-label="Second group">
<a href="https://github.com/LucasAna2" type="button" class="btn btn-light"> <i class="fab fa-github"></i> Lucas Lima</a> </br>
<a href="https://github.com/NicolasCoiado03" type="button" class="btn btn-light"> <i class="fab fa-github"></i> Nicolas Coiado</a> </br>
<a href="https://github.com/theokabir" type="button" class="btn btn-light"> <i class="fab fa-github"></i> Théo Kabir</a> </br>
<a href="https://github.com/WesleySliva1706" type="button" class="btn btn-light"> <i class="fab fa-github"></i> Wesley Silva</a> </br>
<a type="button" class="btn btn-light" href="/download/Catratec.pdf" download="Catratec"><i class="fas fa-arrow-circle-down"></i> Download PDF</a> <br/> <br/>
</div>
<div id="final">© 2021 Catratec. Todos os direitos reservados.</div>
</footer>
</body>
</html>