<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="style.css" />
<link rel="preconnect" href="https://fonts.gstatic.com" />
<link
href="https://fonts.googleapis.com/css2?family=Kanit&display=swap"
rel="stylesheet"
/>
<link rel="preconnect" href="https://fonts.gstatic.com" />
<link
href="https://fonts.googleapis.com/css2?family=Dancing+Script:wght@500&family=Kanit&display=swap"
rel="stylesheet"
/>
<title>InstagramView</title>
</head>
<body>
<section class="loging">
<h1>InstagramView</h1>
<div class="facebook">
<a href="#">Continuer avec Facebook</a>
</div>
<div class="ou">
<div class="lineRight"></div>
<div class="text">
<p>ou</p>
</div>
<div class="lineLeft"></div>
</div>
<div class="formulaire">
<form action="#" name="form1">
<input
type="text"
id="username"
name="username"
placeholder="Num téléphone, nom d'utilisateur ou email"
/>
<input type="password" id="password" placeholder="Mot de passe" />
<a href="#">Mot de passe oublié ?</a>
<input
class="submit"
type="button"
id="btnSubmit"
value="Connexion"
onclick="getValue()"
/>
</form>
<div class="footer-log">
<p>Vous n'avez pad de compte ?<a href="#"> Inscrivez-vous</a></p>
</div>
</div>
</section>
<footer>
<p>form</p>
<p>FACEBOOK</p>
</footer>
</body>
</html>