<!DOCTYPE html>
<html lang="lv">
<head>
<meta charset="UTF-8">
<title>Anketa</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
</head>
<body class="bg-light">

<div class="container mt-5">
<h1 class="text-center mb-4">Anketa</h1>

<form>
<div class="mb-3">
<label class="form-label">Vārds</label>
<input type="text" class="form-control">
</div>

<div class="mb-3">
<label class="form-label">Uzvārds</label>
<input type="text" class="form-control">
</div>

<div class="mb-3">
<label class="form-label">Dzimšanas diena</label>
<input type="date" class="form-control">
</div>

<div class="mb-3">
<label class="form-label">E-pasts</label>
<input type="email" class="form-control">
</div>

<div class="mb-3">
<label class="form-label">Kā sauc šo kodu?</label>
<div class="form-check">
<input class="form-check-input" type="checkbox">
<label class="form-check-label">HTML</label>
</div>
<div class="form-check">
<input class="form-check-input" type="checkbox">
<label class="form-check-label">C#</label>
</div>
<div class="form-check">
<input class="form-check-input" type="checkbox">
<label class="form-check-label">JavaScript</label>
</div>
</div>

<button type="button" class="btn btn-secondary mb-3" onclick="alert('Labdien')">Poga</button>

<div class="mb-3">
<label class="form-label">Izvēlies mīļāko krāsu</label>
<input type="color" class="form-control form-control-color">
</div>

<div class="mb-3">
<input type="image" src="h.jpg" width="200" height="100">
</div>

<div class="mb-3">
<label class="form-label">Izvēlies failu</label>
<input type="file" class="form-control">
</div>

<div class="mb-3">
<label class="form-label">Izvēlies laiku</label>
<input type="time" class="form-control">
</div>

<button type="submit" class="btn btn-primary" onclick="alert('Atbildes pieņemtas!')">
Iesūtīt atbildes
</button>
</form>
</div>

</body>
</html>
