BEFORE
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div class="container">
<div class="container"></div>
<h1>Selamat Datang di Sekolah Sepak Bola </h1>
<p>Kembangkan bakat sepak bola Anda bersama kami!</p>
</div>
<h1>Pendaftaran Sekolah Sepak Bola</h1>
<form>
<h3>Nama Pemain</h3>
<label for="name">Nama Depan</label>
<input type="text" id="firstname" name="firstname" required>
<label for="name">Nama Belakang</label>
<input type="text" id="lastname" name="lastname" required>
<label for="age">Usia</label>
<input type="number" id="age" name="age" required>
<label for="tinggi_badan">Tinggi Badan (cm):</label>
<input type="number" id="tinggi_badan" name="tinggi_badan" min="100" max="250" required><br><br>
<label for="berat_badan">Berat Badan (kg):</label>
<input type="number" id="berat_badan" name="berat_badan" min="30" max="200" required><br><br>
</body>
</html>
AFTER
<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Pendaftaran Sekolah Sepak Bola</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="container">
<div class="container"></div>
<h1>Selamat Datang di Sekolah Sepak Bola </h1>
<p>Kembangkan bakat sepak bola Anda bersama kami!</p>
</div>
<h1>Pendaftaran Sekolah Sepak Bola</h1>
<form>
<h3>Nama Pemain</h3>
<label for="name">Nama Depan</label>
<input type="text" id="firstname" name="firstname" required>
<label for="name">Nama Belakang</label>
<input type="text" id="lastname" name="lastname" required>
<label for="age">Usia</label>
<input type="number" id="age" name="age" required>
<label for="tinggi_badan">Tinggi Badan (cm):</label>
<input type="number" id="tinggi_badan" name="tinggi_badan" min="100" max="250" required><br><br>
<label for="berat_badan">Berat Badan (kg):</label>
<input type="number" id="berat_badan" name="berat_badan" min="30" max="200" required><br><br>
<label for="tanggal-lahir">Tanggal lahir :</label>
<input type="date" id="Tanggal-lahir" name="Tanggal-lahir" required>
<label for="kota_lahir">Kota Lahir:</label>
<select id="kota_lahir" name="kota_lahir" required>
<option value="" disabled selected>Pilih Kota Lahir</option>
<option value="Bangkalan">Bangkalan</option>
<option value="Banyuwangi">Banyuwangi</option>
<option value="Blitar">Blitar</option>
<option value="Bojonegoro">Bojonegoro</option>
<option value="Bondowoso">Bondowoso</option>
<option value="Gresik">Gresik</option>
<option value="Jember">Jember</option>
<option value="Jombang">Jombang</option>
<option value="Kediri">Kediri</option>
<option value="Lumajang">Lumajang</option>
<option value="Madiun">Madiun</option>
<option value="Magetan">Magetan</option>
<option value="Malang">Malang</option>
<option value="Pamekasan">Pamekasan</option>
<option value="Pasuruan">Pasuruan</option>
<option value="Probolinggo">Probolinggo</option>
<option value="Sidoarjo">Sidoarjo</option>
<option value="Situbondo">Situbondo</option>
<option value="Sumenep">Sumenep</option>
<option value="Tuban">Tuban</option>
<option value="Trenggalek">Trenggalek</option>
<option value="Tulungagung">Tulungagung</option>
</select><br><br>
<label for="nomor_telepon">Nomor Telepon:</label>
<input type="tel" id="nomor_telepon" name="nomor_telepon" required><br><br>
<label for="keterampilan">Keterampilan Khusus:</label>
<input type="text" id="keterampilan" name="keterampilan"><br><br>
<label for="email">Email</label>
<input type="email" id="email" name="email" required>
<label for="position">Posisi yang Diinginkan</label>
<select id="position" name="position" required>
<option value="" disabled selected>Pilih posisi</option>
<option value="penyerang">Penyerang (ST/FW)</option>
<option value="gelandang">Gelandang(CMF/AMF/DMF)</option>
<option value="belakang">Belakang(CB/RB/LB)</option>
<option value="kiper">Kiper(GK)</option>
</select>
<label for="experience">Pengalaman Bermain (Tahun)</label>
<input type="number" id="experience" name="experience" required>
<title>Tempat Taruh Foto Ukuran 4x3</title>
<style>
.foto-container {
width: 400px;
height: 300px;
border: 2px solid #12101091;
display: flex;
justify-content: center;
align-items: center;
background-color: #f0f0f0;
}
.foto-container img {
max-width: 100%;
max-height: 100%;
object-fit: cover; /
}
</style>
</head>
<body>
<label for="file">Unggah Foto UK 4X3:</label>
<input type="file" id="file" name="file" accept=".jpg, .jpeg, .png, .pdf" required><br><br>
<button type="submit">Daftar</button>
</form>
</div>
</body>
</html>
.png)
.png)
.png)
.png)
.png)
.png)
.png)
.png)
.png)
.png)
.png)
.png)
.png)
.png)
.png)
.png)
