<!doctype html>
<html>
	<head>
		<meta charset="UTF-8">
		<link
		rel="stylesheet"
		href="https://cdn.jsdelivr.net/npm/@picocss/pico@2/css/pico.min.css"
		/>
		<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">

	</head>
	<body>
		<main class="container">
			<form method="POST">
				<fieldset class="grid">
					<legend>Changez votre os</legend>
					<label>
						<input type="radio" name="os" value="linux"> 
						<i class="fa fa-linux fa-2x" aria-hidden="true"></i>
					</label>
					<label>
						<input type="radio" name="os" value="windows"> 
						<i class="fa fa-windows fa-2x" aria-hidden="true"></i>
					</label>
					<label>
						<input type="radio" name="os" value="apple"> 
						<i class="fa fa-apple fa-2x" aria-hidden="true"></i>
					</label>
				</fieldset>

				<button type="submit">Envoyer</button> 
			</form>
			<article>
				<header>Votre os</header>
				<?php echo "<i class='fa fa-$os fa-5x'></i>";?>
				<footer>
					Rafraîchir la page <a href=""><i class="fa fa-refresh" aria-hidden="true"></i></a>
				</footer>
			</article>

		</main>
	</body>
</html>

