-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
171 lines (168 loc) · 8.03 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="description" content="aprende todo lo de arduino uno en nuestros proyectos, por que no hay mejor manera de aprender que haciendo">
<meta name="keywords" content="robot, arduinouno, carro">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>
Comunitaria Robótica
</title>
<link rel="shortcut icon" href="img/logo.ico">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Benne&display=swap" rel="stylesheet">
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="style.css">
<script src="https://kit.fontawesome.com/0528f1fa85.js" crossorigin="anonymous"></script>
</head>
<body>
<header>
<div class="container">
<a href="index.html">
<img src="img/header.png" class="logo">
</a>
<nav>
<a href="#inicio">Inicio</a>
<a href="#nosotros">nosotros</a>
<a href="#servicio">tutoriales</a>
<a href="#contactenos">Contactenos</a>
</nav>
<a href="#" class="hamb"><i class="fas fa-bars"></i></a>
</div>
</header>
<main>
<section id="inicio" class="container">
<img src="img/baner.png" class="img">
<div class="bloque-inicio">
<h1>Bienvenidos a Comunitaria Robótica</h1>
<p>
Te damos la bienvenida a nuetro sitio wed
</p>
<a href="#nosotros" class="boton boton-rojo">ver mas</a>
</div>
</section>
<section id="nosotros" class="seccion">
<div class="container">
<h2><b>Bienvenido a nuestra Página de Proyectos de Arduino Uno</b></h2>
<br>
<p style="font-size: 20px;">
Explora el emocionante mundo de la electrónica y la programación con nuestra colección de proyectos creativos y educativos basados en el versátil Arduino Uno. Ya seas un principiante curioso o un entusiasta experimentado, nuestra página te ofrece una amplia variedad de proyectos para inspirarte y desafiarte.
</p>
</div>
</section>
<section id="servicio" class="seccion">
<div class="container">
<div class="row" >
<div class="columna columna-33 columna-mobile-100">
<div class="bloque-servicio">
<div class="bloque-img-servicio cuadrado-perfecto">
<img src="img/proyecto/proyecto1.png">
</div>
<div class="bloque-contenido-servicio" >
<h3>Carro seguidor por gesto de la mano</h3>
<p>Arma, paso a paso, un carro seguidor por gesto de la mano, y programado en arduino. Controla el robot haciendo uso de la mano, ya que éste percibe los gestos que realices. Con uso del driver L293D controla el movimiento de los 4 motores la para tracción en las ruedas. Detecta el gesto de la mano con los sensores infrarrojos y de ultrasonido.</p>
<a href="proyecto1.html" class="boton boton-blanco">ver mas</a>
</div>
</div>
</div>
<div class="columna columna-33 columna-mobile-100">
<div class="bloque-servicio">
<div class="bloque-img-servicio cuadrado-perfecto">
<img src="img/proyecto/proyecto1.png">
</div>
<div class="bloque-contenido-servicio">
<h3>Carro seguidor de línea con Arduino uno</h3>
<p>Arma, paso a paso, un carro seguidor de línea con sensor infrarrojo detector de obstáculos, y programado en arduino. Con el uso del driver L293D controla el movimiento de los 4 motores para la tracción en las ruedas.</p>
<a href="proyecto2.html" class="boton boton-blanco">ver mas</a>
</div>
</div>
</div>
<div class="columna columna-33 columna-mobile-100">
<div class="bloque-servicio">
<div class="bloque-img-servicio cuadrado-perfecto">
<img src="img/proyecto/proyecto3.png">
</div>
<div class="bloque-contenido-servicio">
<h3>Carro controlado por Bluetooth usando Arduino uno</h3>
<p>Aprende a armar, paso a paso, un carro controlado por bluetooth y programado en arduino. Puedes controlar desde tu celular o tablet. Con uso del driver L293D controla el movimiento de los 4 motores la para tracción en las ruedas.</p>
<a href="proyecto3.html" class="boton boton-blanco">ver mas</a>
</div>
</div>
</div>
</div>
</div>
</section>
</main>
<footer class="seccion" id="contactenos">
<div class="container">
<div class="row">
<div class="columna columna-25 columna-mobile-100" style="background-color: transparent;">
<img src="img/logo.jpeg" class="logo-footer">
<p>
informacion necesaria para todos ustedes
</p>
</div>
<div class="columna columna-25 columna-mobile-100" style="background-color: transparent;">
<h3>
FUTUROS PROYECTOS
</h3>
<ul>
<li>
<a href="#">Alcolimetro</a>
</li>
<li>
<a href="#">RELOG</a>
</li>
<li>
<a href="#">GPS</a>
</li>
</ul>
</div>
<div class="columna columna-25 columna-mobile-100" style="background-color: transparent;">
<h3>
datos de contacto
</h3>
<ul>
<li>
ejemplo@gmail.com
</li>
<li>
999999999
</li>
<li>
direccion <br> pais
</li>
</ul>
</div>
<div class="columna columna-25 columna-mobile-100" style="background-color: transparent;">
<h3>
redes sociales
</h3>
<ul class="redes">
<li>
<a href="">
<i class="fab fa-facebook"></i>
</a>
</li>
<li>
<a href="">
<i class="fab fa-instagram"></i>
</a>
</li>
<li>
<a href="#">
<i></i>
</a>
</li>
</div>
</div>
</div>
<div class="barra-footer">
© derechos reservados - 2023
</div>
</footer>
<script src="js/jquery.js"></script>
<script src="js/funciones.js"></script>
</body>
</html>