Untitled

<!DOCTYPE html>
<html>
	<head>
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>Ma page</title>
		<meta charset="UTF-8">
		<link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/leaflet.css" />
		<script src="https://unpkg.com/[email protected]/dist/leaflet.js"></script>
		<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
		<script   src="https://code.jquery.com/jquery-3.4.1.slim.min.js"   integrity="sha256-pasqAKBDmFT4eHoN2ndd6lN370kFiGUFyTiUHWhU7k8="   crossorigin="anonymous"></script>
		<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
		<style>
			html, body {height: 100%; margin: 0;}
			#carte { width: 100%; height: 100%; }
		</style>
	</head>
	<body>

	<nav class="navbar navbar-expand-lg navbar-light bg-light fixed-top">
		<a class="navbar-brand" href="#">
			<img src="logo.png" width="40" height="40" alt="">
		</a>
		<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
			<span class="navbar-toggler-icon"></span>
		</button>
		<div class="collapse navbar-collapse" id="navbarSupportedContent">
			<ul class="navbar-nav mr-auto">
				<li class="nav-item">
					<a class="nav-link" href="index.html">Carte</a>
				</li>
				<li class="nav-item active">
					<a class="nav-link" href="formulaire.html">Formulaire <span class="sr-only">(current)</span></a>
				</li>
			</ul>
			<form class="form-inline my-2 my-lg-0">
				<input class="form-control mr-sm-2" type="search" placeholder="Recherche" aria-label="Search">
				<button class="btn btn-outline-success my-2 my-sm-0" type="submit">Recherche</button>
			</form>
		</div>
	</nav>

	<div class="container-fluid" style="margin-top:80px">
		<form>
			<div class="form-row">
				<div class="form-group col-md-6">
					<label for="inputEmail4">Courriel</label>
					<input type="email" class="form-control" id="inputEmail4" placeholder="***@***.com">
				</div>
				<div class="form-group col-md-6">
					<label for="inputPassword4">Mot de passe</label>
					<input type="password" class="form-control" id="inputPassword4" placeholder="*****">
				</div>
			</div>
			<div class="form-group">
				<label for="inputAddress">Adresse</label>
				<input type="text" class="form-control" id="inputAddress" placeholder="1234, rue Saint Denis">
			</div>
			<div class="form-group">
				<label for="inputAddress2">Adresse (suite)</label>
				<input type="text" class="form-control" id="inputAddress2" placeholder="Numéro d'apartement, etc.">
			</div>
			<div class="form-row">
				<div class="form-group col-md-6">
					<label for="inputCity">Ville</label>
					<input type="text" class="form-control" id="inputCity">
				</div>
				<div class="form-group col-md-4">
					<label for="inputState">Pays</label>
					<select id="inputState" class="form-control">
						<option selected>Choisissez...</option>
						<option>...</option>
					</select>
				</div>
				<div class="form-group col-md-2">
					<label for="inputZip">Code postal</label>
					<input type="text" class="form-control" id="inputZip">
				</div>
			</div>
			<div class="form-group">
				<div class="form-check">
					<input class="form-check-input" type="checkbox" id="gridCheck">
					<label class="form-check-label" for="gridCheck">
						Confirmer
					</label>
				</div>
			</div>
			<button type="submit" class="btn btn-primary">Envoyer</button>
		</form>
	</div>
		<script>
		</script>
	</body>
</html>