Skip to content

Instantly share code, notes, and snippets.

Created July 19, 2012 14:50
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save anonymous/3144465 to your computer and use it in GitHub Desktop.
Save anonymous/3144465 to your computer and use it in GitHub Desktop.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" class="hl-en not-logged-in js cssanimations csstransitions" lang="en"><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta charset="UTF-8">
<title>Instagram</title>
<style type="text/css">
@charset UTF-8;
html {
-webkit-text-size-adjust:100%;
-ms-text-size-adjust:100%;
font-size:62.5%;
-webkit-font-smoothing:antialiased;
}
html {
font-family:sans-serif;
}
body {
background:#fff;
line-height:20px;
color:#222;
font-size:1.4rem;
margin:0;
}
a:focus {
outline:thin dotted;
}
h1 {
color:#3f729b;
font-size:1.8em;
line-height:1em;
margin:40px 0 20px -1px;
}
ul,ol {
margin:0 0 20px;
padding:0 0 0 40px;
}
nav ul,nav ol {
list-style:none;
list-style-image:none;
}
img {
border:0;
-ms-interpolation-mode:bicubic;
}
a {
outline:none!important;
-webkit-tap-highlight-color:rgba(63,114,155,0.3);
}
a img {
border:none;
}
img.left {
display:inline;
float:left!important;
}
img.right {
display:inline;
float:right!important;
}
.page-footer:after {
clear:both;
display:block;
height:0;
visibility:hidden;
font-size:.01em!important;
line-height:.01em!important;
}
* html .page-footer {
height:1%;
}
body{
font-family:'Helvetica Neue', Arial, Helvetica, sans-serif;
}
h1,h2,h3 {
font-family:'Helvetica Neue', Arial, Helvetica, sans-serif;
}
.at-symbol {
font-family:Verdana, Helvetica, Arial, sans-serif;
opacity:0.6;
}
h2 {
font-size:23px;
line-height:30px;
margin:20px 0 10px;
}
h3 {
font-size:16px;
font-weight:700;
margin:20px 0 10px;
}
h4 {
font-size:14px;
font-weight:700;
text-transform:uppercase;
margin:20px 0 10px;
}
h1+h2 {
margin-top:20px;
}
h1:first-child,h2:first-child {
margin-top:0;
}
p {
margin:0 0 10px;
}
ul ul,ul ol,ol ul,ol ol {
margin:5px 0 15px;
}
li {
margin:0 0 5px;
}
a,a:visited {
text-decoration:none;
color:#3f729b;
}
a:hover {
text-decoration:underline;
color:#1c5380;
}
p.emphasized {
font-size:16px;
font-weight:600;
line-height:25px;
}
.page-footer {
text-transform:uppercase;
font-weight:700;
font-size:13px;
margin-top:0px;
z-index:20;
clear:both;
overflow:hidden;
background:#f2f4f7 url(../../images/bg/body_noise.png) repeat 50% 50%;
border-top:1px solid #e2e8ed;
padding:14px 0 10px;
}
.page-footer p {
color:#999;
float:right;
display:inline;
margin:0;
padding:5px 0 0;
}
.page-footer-chromeless,.page-footer-dark,.page-home .page-footer {
text-shadow:0 1px 0 rgba(255,255,255,0.6);
background:none;
border-top:none;
padding-top:15px;
}
.page-footer-dark span,.page-footer-dark a,.page-footer-dark a:visited,.page-footer-dark a:active,.page-footer-dark a:hover {
color:#fff;
}
ol,ul {
padding-left:20px;
list-style-position:outside;
}
ul {
list-style-type:square;
}
ol {
list-style-type:decimal;
}
.img-outset,.img-inset {
background:none;
}
.img-outset img,.img-inset img {
width:auto;
display:block;
visibility:visible;
}
.page {
min-height:100%;
}
.wrapper {
width:960px;
margin:0 auto;
padding:0 15px;
}
.page-footer ul,.page-footer li {
float:left;
display:inline;
margin:0;
padding:0;
}
.page-footer ul {
margin:0 0 0 -.5em;
}
.page-footer li:not(:last-child):after {
float:left;
display:inline;
color:#999;
padding:5px .15em;
}
.page-footer li a {
float:left;
display:inline;
margin:0 .5em;
padding:5px 0;
}
body {
background-image:url('https://dl.dropbox.com/u/50942465/instagram/large-blue.png');
background-repeat: repeat-x;
}
.wrap {
width:860px;
margin:0 auto;
}
.iphone {
padding-top:70px;
width:340px;
float:left;
margin-left:5px;
}
.content {
float:left;
margin-left:10px;
width:500px;
margin-top: 163px;
}
.content .instagram-title {
margin-left: 14px;
}
.content .tab {
margin-top: 19px;
height:380px;
background:url(https://dl.dropbox.com/u/50942465/instagram/tabClip.png) 0 0 no-repeat;
width:86%;
padding:30px 7% 0;
}
.content .tab-content {
padding-left:115px;
padding-top:10px;
}
.content p {
font-size:14px;
line-height:1.25em;
margin:0 0 1em;
}
.tab-content img.meet-instagram {
margin-bottom:1em;
}
.platform-badge-container {
margin-top: 42px;
}
.platform-badge {
margin-right:10px;
}
.page-home .page {
min-height:600px;
}
.page-home .page-footer .wrapper {
width:820px;
}
a:hover,a:active,:focus {
outline:0;
}
b,strong,h1,h2,h3,h4,h5,h6 {
font-weight:700;
}
h1 img,h2 img,h3 img,h4 img,h5 img,h6 img {
margin:0;
}
html,body,.root {
height:100%;
}
</style>
</head>
<body class="page-home">
<div class="root">
<div class="page">
<div class="main">
<div class="wrap">
<div class="iphone" id="iphone">
<img src="https://dl.dropbox.com/u/50942465/instagram/phones.png" alt="iPhone and Android">
</div>
<div class="content">
<img src="https://dl.dropbox.com/u/50942465/instagram/logo.png" class="instagram-title" alt="Instagram - Fast, beautiful photo sharing for your iPhone">
<div class="tab">
<div class="tab-content">
<h1>Meet Instagram</h1>
<p>
It’s a <b>fast</b>, <b>beautiful</b> and <b>fun</b> way to share your photos with friends and family.
</p>
<p>
Snap a picture, choose a filter to transform its
look and feel, then post to Instagram. Share to Facebook, Twitter, and
Tumblr too – it's as easy as pie. It's photo sharing, reinvented.
</p>
<p>
Oh yeah, did we mention it’s free?
</p>
<p>
</p><div class="platform-badge-container">
<a class="platform-badge" href="http://itunes.com/apps/instagram/"><img src="https://dl.dropbox.com/u/50942465/instagram/badge_ios.png" alt="Available on the App Store"></a>
<a class="platform-badge" href="https://play.google.com/store/apps/details?id=com.instagram.android"><img src="https://dl.dropbox.com/u/50942465/instagram/badge_android.png" alt="Coming soon to Android"></a>
</div>
<p></p>
</div>
</div>
</div>
</div>
</div> <!-- .main -->
</div> <!-- .page -->
<footer class="page-footer">
<div class="wrapper">
<nav>
<ul>
<li><a href="http://instagram.com/accounts/edit/">Your Account</a></li>
<li><a href="http://instagram.com/about/us/">About us</a></li>
<li><a href="http://help.instagram.com/">Support</a></li>
<li><a href="http://blog.instagram.com/">Blog</a></li>
<li><a href="http://instagram.com/developer/">API</a></li>
<li><a href="http://instagram.com/about/jobs/">Jobs</a></li>
<li><a href="http://instagram.com/about/legal/privacy/">Privacy</a></li>
<li><a href="http://instagram.com/about/legal/terms/">Terms</a></li>
</ul>
</nav>
<p class="copyright">© 2012 Instagram, Inc.</p>
</div>
</footer>
</div> <!-- .root -->
</body></html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment