Created
April 8, 2019 13:55
-
-
Save desoga10/bce255ad34e762b9b3fba001d5964b49 to your computer and use it in GitHub Desktop.
Form group
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<html lang="en"> | |
<head> | |
<meta charset="UTF-8" /> | |
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> | |
<meta http-equiv="X-UA-Compatible" content="ie=edge" /> | |
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" | |
integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous" /> | |
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" | |
integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous" /> | |
<title>Player Register App</title> | |
</head> | |
<body> | |
<!-- Navbar Section --> | |
<nav class="navbar navbar-expand-sm bg-dark navbar-dark d-flex justify-content-center"> | |
<h1 class="pl-4 text-white" id="header"> | |
<i class="far fa-futbol pr-3"></i> | |
Soccer Player Register App | |
</h1> | |
</nav> | |
<!-- Form Section --> | |
<div class=" container mt-4"> | |
<div class="pt-5 form row"> | |
<div class="col-lg-12 card-body"> | |
<form> | |
<div class="form-row"> | |
<div class="form-group col-md-6"> | |
<label for="firstname">First Name</label> | |
<input type="text" class="form-control" id="firstname" placeholder="First Name" required /> | |
</div> | |
<div class="form-group col-md-6"> | |
<label for="lastname">Last Name</label> | |
<input type="text" class="form-control" id="lastname" placeholder="Last Name" required /> | |
</div> | |
</div> | |
<div class="form-group"> | |
<label for="inputAddress">Residence</label> | |
<input type="text" class="form-control" id="inputAddress" placeholder="123 Cotes Str" required /> | |
</div> | |
<div class="form-row"> | |
<div class="form-group col-md-6"> | |
<label for="inputPosition">Position</label> | |
<input type="text" class="form-control" id="inputPosition" required /> | |
</div> | |
<div class="form-group col-md-4"> | |
<label for="inputCountry">Country</label> | |
<select id="inputCountry" class="form-control" required> | |
<option selected>Choose...</option> | |
<option>USA</option> | |
<option>Argentina</option> | |
<option>Iran</option> | |
<option>Australia</option> | |
<option>Nigeria</option> | |
<option>France</option> | |
</select> | |
</div> | |
<div class="form-group col-md-2"> | |
<label for="inputJersey">Jersey Number</label> | |
<input type="number" class="form-control" id="inputJersey" required /> | |
</div> | |
</div> | |
<button type="submit" class="btn btn-primary"> | |
Register Player | |
</button> | |
</form> | |
</div> | |
</div> | |
</div> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment