projeto.html

<!DOCTYPE HTML>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
	<title> Projetos - Projetos com Robótica </title>
	
	<!-- meta name = "description" content = permite fazer uma descrição sobre o site
	que será lido pelos robôs de busca do google-->
	
	<meta name="description" content="Bem-vindo ao nosso site institucional de Robótica, onde promovemos a educação e a inovação tecnológica. Explore nossa missão de inspirar e capacitar futuros engenheiros e cientistas."> 
	
	<!-- inserindo um link para um arquivo de imagem-->
	
	<link rel="icon" href="favicon.ico">
	<link rel="stylesheet" type="text/css" href="style.css"> <!--link para css-->
</head>

<body>

<!-- cabeçalho do site -->

  <header>
	<h1> Robótica na Prática</h1>
  </header>

<!-- menu de navegação -->
  <nav>
	  <ul>
		  <li><a href="index.html">Home</a></li>  <!--linkagem-->
		  <li><a href="projeto.html">Projeto</a></li>
		  <li><a href="material.html">Material</a></li>
		  <li><a href="contato.html">Contato</a></li>
	  </ul>
  </nav>
  
   <!-- conteúdo -->
  <section>
    <h2>Projetos de robótica</h2>
  </section>
  
  <section>
  <hr>
  <h3>Controlando uma lâmpada com Arduino usando um sensor de luminosidade LDR</h3>
  <img src = "Imagens/sensor.webp" alt = "diagrama de montagem do sensor de luminosidade LDR com arduino" title = "diagrama"width="320" height="240">
  <video src = "Videos/arduino_sensor.mp4" width="320" height="240" controls>
  </section>
  
  <section> 
  <hr>
  <h3> Emitindo uma mensagem SOS com Arduino UNO</h3>
  <img src = "Imagens/arduino_sensor_sos.png" alt = "diagrama de montagem do sensor SOS com arduino" title = "diagrama"width="320" height="240">
  <video src = "Videos/Arduino_SOS.mp4" width="320" height="240" controls>
  </section>
  
  
  <!--rodapé-->
  <footer>
	<p>Desenvolvido por Guilherme Alves</p>
  </footer>
	
</body>

</html>