-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy patharduino.html
154 lines (146 loc) · 6.82 KB
/
arduino.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
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Arduino</title>
<link rel="stylesheet" href="./css/style.css">
<meta name="description" content="Projetos de automação, IoT, games e robótica com uso da plataforma arduino">
<link rel="icon" href="./img/favicon.png">
</head>
<body>
<!-- Cabeçalho -->
<header>
<div class="FlexMenu">
<div id="logo">
<img src="./img/logo.png" alt="logo robótica prática">
</div>
<!-- Menu -->
<nav>
<input type="checkbox" id="check">
<label for="check">⚌</label>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="sobre.html">Sobre</a></li>
<li><a href="projetos.html">Projetos</a></li>
<li><a href="apoio.html">Apoio</a></li>
</ul>
</nav>
</div>
</header>
<!-- Banner das páginas -->
<main class="BannerPaginas Flex">
<div class="Container">
<h1>ARDUINO</h1>
</div>
</main>
<!-- Conteúdo -->
<section id="projetos">
<div class="Container">
<h2>Projetos de automação, IoT, games etc.</h2>
<!-- Cards -->
<div class="FlexCard">
<div class="Card">
<img src="img/genius.png" alt="arduino genius">
<h3>Arduino GENIUS</h3>
<p>
Desenvolva passo a passo este jogo usando o Arduino. O objetivo é acompanhar uma sequência de
luzes e sons sem errar.
</p>
<a href="https://www.youtube.com/playlist?list=PLbEOwbQR9lqwq5E0DW3CvjfmF4FoIAW1f" class="Button"
target="_blank">Saiba +</a>
</div>
<div class="Card">
<img src="img/vader.png" alt="vader">
<h3>Musical floppy arduino</h3>
<p>
Recicle unidades antigas de disquete reproduzindo música com uso do arduino.
<br><br>
</p>
<a href="https://www.youtube.com/playlist?list=PLbEOwbQR9lqxRrC-SBzlSHAKJKzPMP5cG" class="Button"
target="_blank">Saiba +</a>
</div>
<div class="Card">
<img src="img/motorshield l293d arduino tutorial.png" alt="motor shield l293d">
<h3>Motor Shield L293D</h3>
<p>
Tutorial para configurar o Motor Shield L293D no arduino e controlar 4 motores, 1 micro servo 9g
e 1 sensor ultrassônico HC-SR04.
</p>
<a href="./tutorial/motorshield-l2d3d.html" class="Button">Saiba +</a>
</div>
<div class="Card">
<img src="img/arduino-hc06.png" alt="arduino hc-06">
<h3>Configuração do módulo bluetooth HC-06</h3>
<p>
Tutorial para configurar o módulo bluetooth HC-06 (SSID, velocidade e senha) usando o Arduino.
</p>
<a href="./tutorial/arduino-hc-06.html" class="Button">Saiba +</a>
</div>
<div class="Card">
<img src="img/automacao.png" alt="automação arduino">
<h3>Automação residencial</h3>
<p>
Desenvolva um projeto simples de automação residencial para controle de lâmpadas ou outros
dispositivos usando a plataforma arduino.
</p>
<a href="https://www.youtube.com/playlist?list=PLbEOwbQR9lqyx55WVP8BtlHTZE3iOHdNJ" class="Button"
target="_blank">Saiba +</a>
</div>
<div class="Card">
<img src="img/microsd-arduino.png" alt="arduino microsd">
<h3>Leitor de cartão micro sd</h3>
<p>
Este tutorial ensina a montar um cartão micro SD no arduino e analisar dados de um sensor (Data
logger) usando um módulo e também um shield ethernet.
</p>
<a href="https://youtu.be/DH1nk_alyHc?si=VdZElKjtlApyud-s" class="Button" target="_blank">Saiba
+</a>
</div>
<div class="Card">
<img src="img/bb8.png" alt="bb8">
<h3>Em produção</h3>
<p>
Você pode acompanhar pelo canal do YouTube os projetos que estão em produção. Inscreva-se para
não perder as novidades.
</p>
<a href="https://www.youtube.com/c/RoboticapraticaBr?sub_confirmation=1" class="Button"
target="_blank">Saiba +</a>
</div>
<div class="Card">
<img src="img/apoio.png" alt="apoio">
<h3>Como apoiar os projetos?</h3>
<p>
Você pode me pagar um café! <br>Chave PIX: <span
class="pixCard">josedeassisfilho@gmail.com</span><br>Existem
outras formas de apoiar:
</p>
<a href="apoio.html" class="Button">Saiba +</a>
</div>
</div>
</div>
</section>
<!-- Rodapé -->
<footer>
<div class="Container Flex">
<div id="social">
<a href="https://www.youtube.com/c/RoboticapraticaBr" target="_blank"><img src="./img/youtube.png"
alt="youtube"></a>
<a href="https://www.linkedin.com/in/professorjosedeassis" target="_blank"><img src="./img/linkedin.png"
alt="linkedin"></a>
<a href="https://www.facebook.com/professorjosedeassis" target="_blank"><img src="./img/facebook.png"
alt="facebook"></a>
<a href="https://www.instagram.com/prof.joseassis/" target="_blank"><img src="./img/instagram.png"
alt="instagram"></a>
<a href="https://twitter.com/joseassis" target="_blank"><img src="./img/twitter.png" alt="twitter"></a>
</div>
<div id="copyright">
<p>©<span id="copyrightYear"></span> - Robótica Prática</p>
</div>
</div>
</footer>
<!-- Topo do site -->
<a href="#logo" id="topo"><img src="./img/topo.png" alt="seta topo"></a>
<script src="./js/script.js"></script>
</body>
</html>