eletrotupi

 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


<!doctype html>
<html>
  <head>
    <title>Mesa Redonda - 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">
            Mesa Redonda
          </h2>
        </div>

        <div class="flex flex-row bloco">
          <img src="img/steve.jpg" alt="Steve Jobs">

          <div class="flex flex-column mr-10">
            <h2>Steve Jobs</h2>
            <p>
              Steve Jobs foi um dos fundadores da Apple, uma das maiores
              empresas de tecnologia do mundo. Ele é conhecido por ter
              revolucionado a indústria de tecnologia com o lançamento do
              iPhone e do iPad.
            </p>
          </div>
        </div>

        <div class="flex flex-row mt-20 bloco">
          <img src="img/manoel.jpg" alt="Manoel Gomes">

          <div class="flex flex-column mr-10">
            <h2>Manoel Gomes (Caneta Azul)</h2>
            <p>
              Manoel Gomes é um cantor e compositor brasileiro que ficou
              famoso com a música "Caneta Azul". Ele é conhecido por sua
              simplicidade e carisma.
            </p>
          </div>
        </div>

        <div class="flex flex-row mt-20 bloco">
          <img src="img/tiazinha.webp" alt="Tiazinha">

          <div class="flex flex-column mr-10">
            <h2>Tiazinha</h2>
            <p>
              Tiazinha é uma personagem interpretada pela atriz Suzana Alves
              que ficou famosa nos anos 90. Ela é conhecida por sua sensualidade
              e por ter sido assistente de palco do programa "H".
            </p>
          </div>
        </div>

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

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