Scribd
Upload
2 views4 pages

Doido

The document is an HTML code for a registration form titled 'CADASTRO' with a dark theme. It includes input fields for brand, model, serial number, maximum supported speed, and number of antennas, along with a dropdown for frequency selection. The layout is styled using CSS for a centered appearance with specific dimensions and colors.

Uploaded by

eduardo.ngoliveira
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
2 views4 pages

Doido

The document is an HTML code for a registration form titled 'CADASTRO' with a dark theme. It includes input fields for brand, model, serial number, maximum supported speed, and number of antennas, along with a dropdown for frequency selection. The layout is styled using CSS for a centered appearance with specific dimensions and colors.

Uploaded by

eduardo.ngoliveira
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 4

<!

DOCTYPE html>
<html lang="en">

<head>
<title>Document</title>

<style>
body {
background-color: black;
}

.central {
width: 30%;
height: 65%;
background-color: #333;
border: 2px solid black;
border-radius: 30px;
position: absolute;
top: 18%;
left: 35%;
transform: (-50%, -50%);
}

.linha1 {
width: 60%;
height: 6%;
border: 2px solid #555;
border-radius: 10px;
background-color: #333;
position: absolute;
top: 15%;
left: 5%;
transform: (-50%, -50%);
}

.linha2 {
width: 60%;
height: 6%;
border: 2px solid #555;
border-radius: 10px;
background-color: #333;
position: absolute;
top: 25%;
left: 5%;
transform: (-50%, -50%);
}

.linha3 {
width: 60%;
height: 6%;
border: 2px solid #555;
border-radius: 10px;
background-color: #333;
position: absolute;
top: 35%;
left: 5%;
transform: (-50%, -50%);
}
.linha4 {
width: 60%;
height: 6%;
border: 2px solid #555;
border-radius: 10px;
background-color: #333;
position: absolute;
top: 45%;
left: 5%;
transform: (-50%, -50%);
}

.linha5 {
width: 60%;
height: 6%;
border: 2px solid #555;
border-radius: 10px;
background-color: #333;
position: absolute;
top: 55%;
left: 5%;
transform: (-50%, -50%);
}

.frequencia{
color: white;
position: absolute;
top: 65%;
left: 5%;
transform: (-50%, -50%);
}

.frequencia1 {
border: 2px solid #555;
border-radius: 5px;
position: absolute;
top: 70%;
left: 5%;
transform: (-50%, -50%);
}

.linha7 {
width: 60%;
height: 6%;
border: 2px solid #555;
border-radius: 10px;
background-color: #333;
position: absolute;
top: 78%;
left: 5%;
transform: (-50%, -50%);
}

.linha8 {
width: 60%;
height: 6%;
border: 2px solid #555;
border-radius: 20px;
background-color: #333;
position: absolute;
top: 88%;
left: 5%;
transform: (-50%, -50%);
}

.cada {
font-family: Arial, Helvetica, sans-serif;
color: white;
position: absolute;
top: 0%;
left: 33%;
transform: (-50%, -50%);
}
.linha1, .linha2, .linha3, .linha4, .linha5, .linha7, .linha8:hover{

}
::-webkit-input-placeholder{
color: white;
}
::-webkit-input-placeholder:hover{
color: white;
}
input{
color: white;
text-align: center;

}
p{
color: white;
position: absolute;
top: 92%;
left: 38%;
transform: (-50%, -50%);
}
</style>
</head>

<body>
<div class="central" name="central">
<h1 class="cada">CADASTRO</h1>

<input type="text" class="linha1" placeholder="Digite a Marca"></input>

<input type="text" class="linha2" placeholder="Digite o Modelo"></input>

<input type="text" class="linha3" placeholder="Numero de Serie"></input>

<input type="text" class="linha4" placeholder="Velocidade Maxima


Suportada"></input>

<input type="number" class="linha5" placeholder="Quantidade de


Antenas"></input>

<label class="frequencia">Selecione a Frequencia:</label>

<select class="frequencia1">

<option value="5gh">5 GHz</option>


<option value="2gh">2.4 GHz</option>

</select>

<input type="text" class="linha7" placeholder="Versao Firmware Atual"></input>

<p>&copy;TechMind 2024</p>
</div>
</body>

</html>

You might also like