JSFiddle - React, Tailwind, and code Playground

by Oski Krawczyk

HTML

<header>
  <h1>Projeto conhecendo a informática - 2º tec A e B</h1>
  </header>
  <nav>
  <div class="logo"> infotech</div>
  <hav>
    <ul class="menu">
<div class="dropdown-content">
  <a href="grupo1.html">História da informática</a>
  <a href="grupo2.html">Componentes de computadores</a>
  <a href="grupo3.html"> Softwares essensiais</a>
  <a href="grupo4.html">Sistemas e redes</a>
  <a href="grupo5.html">Segurança da informação</a>
  <a href="grupo6.html">Internet e Ia</a>
  <a href="grupo7.html">Profissões<a/>
  <a href="grupo8.html">Montagem e manutenção<a/>
  </div>
  </li>
  <li class="dropdown">
    <a href="#">2ºtecnico B </a>
    <div class="dropdown-content">
      <a href="grupo9.html">Eu na programação</a>
      <a href="grupo10.html">História das linguagens de programação</a>
      <a href="grupo11.html">Jornada de estudos</a>
      <a href="grupo12.html"> Suporte técnico</a>
      <a href="grupo13.html"> Desenvolvimento de sistemas</a>
      <a href="grupo14.html"> Banco de questoes</a>
      <a href="grupo15.html"> Enciclopedia web do desenvolvedor</a>
      </div>
      </li>
      </ul>
      </nav>

      <li> <a href="#"> inicio <a/> </li>
      <li> <a href ="#" > conteudos </a> </li>
      <li> <a href="#"> profissao de ti </a> </li>
      <li> <a href="#"> blog </a> </li>
      <li> <a href="#"> contato </a> </li>
      </ul>
      </nav>
      </header>

      <h1 style="color:#8B0000;font-size=18px;">Componentes de Computador</h1>
      <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/d/d7/Desktop_computer_clipart_-_Yellow_theme.svg/2560px-Desktop_computer_clipart_-_Yellow_theme.svg.png" alt="Componentes do computador">
      <h2>Os principais componentes de um computador incluem: CPU, monitor, teclado, mouse e armazenamento (HD ou SSD).</h2>
    <h3>Placa mae</h3>
    <p>A placa-mãe é a principal placa de circuito do computador, presente tanto em desktops quanto em notebooks....