Projeto-Web/Index2.html at master · Natan-333/Projeto-Web · GitHub

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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .formataCxTexto{
            color: red;
            border: 1px;
            background-color: beige;
        }

        .formataTextojustificado{
            text-align: justify;
            font-size: 12px;
        }

        #titForm1{
            color: green;
        }

        #titForm2{
            color: blue;
        }
    </style>
</head>
<body>
    <h2 id="titForm1">Titulo do formulario</h2>
    nome: <input type="text" class="formataCxTexto"><br>
    sobrenome: <input type="text" class="formataCxTexto"><br>
    <input type="button" value="enviar">
    <h2 id="titForm2">Titulo do formulario 2</h2>
    <p class="formataTextojustificado">Lorem ipsum dolor sit amet consectetur adipisicing elit. Reprehenderit, deserunt dignissimos. Illum numquam, adipisci sequi impedit sed, iste laborum dolorem quam quisquam illo, voluptatibus architecto mollitia veritatis sit? Libero ratione id doloribus accusantium ipsum repellat cum voluptate magni ea mollitia, illo et ducimus vel amet enim commodi sunt molestias fugit assumenda minima voluptas optio laborum nihil. Hic commodi doloribus culpa aliquam, est id. Nulla minima id quis fugiat, consectetur itaque dolore dolor excepturi architecto officiis doloremque ipsam incidunt dignissimos accusamus, tempore obcaecati dolores! Sit quos laudantium ea quis, saepe qui eveniet dolores nihil earum vel necessitatibus voluptatibus a voluptates. Quibusdam, id? Cumque error enim rem aut accusamus reprehenderit, nostrum alias? In magnam saepe cumque, ipsam repellat porro dolore repellendus modi delectus eius, harum labore molestiae nesciunt atque. Optio accusamus laboriosam, voluptatibus praesentium ducimus, perferendis amet at sint voluptatum rem architecto dolorem numquam tempore minus nihil nostrum quaerat ea error. Placeat alias, accusantium perspiciatis possimus ea in eius inventore nesciunt tempore quod maiores ex impedit at molestias voluptatum dolores! Modi laboriosam, excepturi corporis, commodi dolorum, nesciunt sint iure vel voluptatibus quia optio ut perspiciatis reprehenderit nam! Modi dolore doloribus dicta, facilis et nam eius neque sint laborum debitis nobis doloremque quasi maxime veritatis labore, vel alias voluptatum incidunt voluptates beatae delectus commodi. Eaque corrupti laudantium porro, possimus quis tempora commodi omnis ut, impedit beatae in modi cumque explicabo doloremque non. Magni vel illum amet inventore, aliquam totam? Dolorem repudiandae nemo delectus! Optio incidunt illum maiores eum consequuntur iure praesentium laudantium! Deserunt.</p>
</body>
</html>