trabalho-html-saspi

ref: master

./cursos.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
<!doctype html>
<html>
  <head>
    <title>Mini-cursos - SASPI</title>
    <link rel="stylesheet" type="text/css" href="estilo.css">
  </head>
  <body>
    <main>
      <div class="container">
        <div class="mb-30">
          <header>
            <h1 class="logo">SASPI</h1>
          </header>
        </div>

        <div>
          <h2 class="text-center">
            Mini-cursos
          </h2>
        </div>

        <div class="flex flex-row bloco">
          <img src="img/java.jpg" alt="Java">

          <div class="flex flex-column mr-10">
            <h2>Java (manhã)</h2>
            <p>
              Java é uma das linguagens de programação mais populares do mundo.
              Ela é usada para desenvolver aplicativos para desktop, web e
              dispositivos móveis. Java é conhecida por sua portabilidade e
              segurança.

              Além disso, Java é uma linguagem orientada a objetos, o que
              significa que ela permite a criação de programas modulares e
              reutilizáveis. Isso torna o desenvolvimento de software mais
              agradável e eficiente.
            </p>
          </div>
        </div>

        <div class="flex flex-row mt-20 bloco">
          <img src="img/javascript.png" alt="Javascript">

          <div class="flex flex-column mr-10">
            <h2>Javascript (tarde)</h2>
            <p>
              Javascript é uma linguagem de programação de alto nível que é
              usada para criar páginas web interativas. Ela é conhecida por sua
              simplicidade e flexibilidade.

              Uma das principais características do Javascript é a sua
              capacidade de manipular o conteúdo de uma página web em tempo
              real. Isso permite a criação de páginas dinâmicas e interativas
              que respondem às ações do usuário.
            </p>
          </div>
        </div>

        <div class="flex flex-row mt-20 bloco">
          <img src="img/c.png" alt="Bill Gates">

          <div class="flex flex-column mr-10">
            <h2>C (noite)</h2>
            <p>
              C é uma linguagem de programação de baixo nível que é usada para
              desenvolver sistemas operacionais, drivers de dispositivos e
              aplicativos de alto desempenho. Ela é conhecida por sua eficiência
              e controle sobre o hardware.

              Uma das principais características do C é a sua capacidade de
              acessar diretamente a memória do computador. Isso permite a
              criação de programas rápidos e eficientes que podem ser
              otimizados para um hardware específico.
            </p>
          </div>
        </div>

        <div class="flex flex-column">
          <h2>Horários</h2>
          <table style="width: 100%;">
            <thead>
              <tr>
                <th></th>
                <th>09:00</th>
                <th>14:00</th>
                <th>19:00</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <td>Manhã</td>
                <td>Java</td>
                <td></td>
                <td></td>
              </tr>

              <tr>
                <td>Tarde</td>
                <td></td>
                <td>Javascript</td>
                <td></td>
              </tr>

              <tr>
                <td>Noite</td>
                <td></td>
                <td></td>
                <td>C</td>
              </tr>
            </tbody>
          </table>
        </div>

        <div class="voltar">
          <a href="principal.html">Voltar</a>
        </div>

        <footer class="text-center">
          <p>&copy; 2024</p>
        </footer>
    </main>
  </body>
</html>