Calculator Tools Calculator Tools
Create

Aplicativo de Doação de Sangue

Oct 30, 2023

About this app

Um aplicativo simples e colorido para encorajar a doação de sangue e conectar doadores com bancos de sangue.

Página de Busca de Doadores Busca de Doadores Urgência! Doe sangue e ajude quem precisa. Tipo de Sangue: A+ A- B+ B- O+ O- AB+ AB- Localização: © 2022 Busca de Doadores. Todos os direitos reservados.

Related apps

Put this on your site

Source

                    <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Página de Busca de Doadores</title>
<meta name="description" content="Encontre doadores compatíveis com suas necessidades">
<meta name="keywords" content="doadores, busca, sangue, órgãos">
<link href="https://fonts.googleapis.com/css?family=Roboto:400,700" rel="stylesheet">
<style>
/* Estilos CSS aqui */
body {
font-family: 'Roboto', sans-serif;
margin: 0;
padding: 0;
}

header {
background-color: #ff3b3f;
text-align: center;
padding: 20px;
color: #fff;
}

main {
max-width: 700px;
margin: 0 auto;
padding: 20px;
}

h1 {
font-size: 32px;
margin: 0;
}

p {
font-size: 18px;
line-height: 1.5;
}

form {
margin-top: 20px;
}

label {
display: block;
font-size: 18px;
margin-bottom: 5px;
}

select, input {
width: 100%;
padding: 10px;
font-size: 16px;
margin-bottom: 15px;
}

footer {
background-color: #333;
text-align: center;
padding: 10px;
color: #fff;
font-size: 14px;
}
</style>
</head>
<body>
<header>
<h1>Busca de Doadores</h1>
<p>Urgência! Doe sangue e ajude quem precisa.</p>
</header>
<main>
<form id="search-form">
<div>
<label for="blood-type">Tipo de Sangue:</label>
<select id="blood-type" name="blood_type">
<option value="A+">A+</option>
<option value="A-">A-</option>
<option value="B+">B+</option>
<option value="B-">B-</option>
<option value="O+">O+</option>
<option value="O-">O-</option>
<option value="AB+">AB+</option>
<option value="AB-">AB-</option>
</select>
</div>
<div>
<label for="location">Localização:</label>
<input type="text" id="location" name="location" placeholder="Digite sua localização">
</div>
</form>
</main>
<footer>
<p>© 2022 Busca de Doadores. Todos os direitos reservados.</p>
</footer>
<script>
// JavaScript aqui
</script>
</body>
</html>