instagram page generator
preview
profile
post #1
post #2
post #3
post #4
post #5
post #6
post #7
post #8
post #9
post #10
post #11
post #12
username
display name
bio
all around me are familiar faces, worn out places, worn out faces...going nowhere
userpic
posts count
followers count
following count
image
date
caption
likes
comments
video (optional)
aspect (optional)
1:1 (default)
landscape
portrait
image
date
caption
likes
comments
video (optional)
aspect (optional)
1:1 (default)
landscape
portrait
image
date
caption
likes
comments
video (optional)
aspect (optional)
1:1 (default)
landscape
portrait
image
date
caption
likes
comments
video (optional)
aspect (optional)
1:1 (default)
landscape
portrait
image
date
caption
likes
comments
video (optional)
aspect (optional)
1:1 (default)
landscape
portrait
image
date
caption
likes
comments
video (optional)
aspect (optional)
1:1 (default)
landscape
portrait
image
date
caption
likes
comments
video (optional)
aspect (optional)
1:1 (default)
landscape
portrait
image
date
caption
likes
comments
video (optional)
aspect (optional)
1:1 (default)
landscape
portrait
image
date
caption
likes
comments
video (optional)
aspect (optional)
1:1 (default)
landscape
portrait
image
date
caption
likes
comments
video (optional)
aspect (optional)
1:1 (default)
landscape
portrait
image
date
caption
likes
comments
video (optional)
aspect (optional)
1:1 (default)
landscape
portrait
image
date
caption
likes
comments
video (optional)
aspect (optional)
1:1 (default)
landscape
portrait
continue editing
generate code
<div class="post"> <img src="{{imageurl}}" class="postimage{{imageaspect}}"> <div class="mask"></div> <div class="content"> {{videostart}}<article> <span class="ce-date">{{postdate}}</span> <span class="ce-caption">{{postcaption}}</span> <span class="caption"> <span class="icon-likes"></span><span class="ce-likes">{{postlikes}}</span> <span class="icon-comments"></span><span class="ce-comments">{{postcomments}}</span> </span> </article>{{videoend}}</div> </div>
<!DOCTYPE html> <!-- * mock instagram page * v0.8 * 05/12/2017 * music is the sound of math and code is not spaghetti * complemental.github.io --> <html lang="en"> <meta charset="UTF-8"> <link rel="shortcut icon" href="http://i.imgur.com/1BG7J6Y.png"> <link rel="stylesheet" href="https://complemental.github.io/instapage/style.min.css"> <link href='https://fonts.googleapis.com/css?family=Roboto:400,300,700' rel='stylesheet' type='text/css'> <title>{{userdisplayname}} (@{{username}}) • Instagram photos and videos</title> </head> <body> <div class="container"> <nav> <div><div class="nav-binder"> <div class="logo-binder"><div class="logo"><a href="https://www.instagram.com/"></a></div></div> <div class="search-binder"><div></div></div> <div class="login-binder"><div> <a class="login-explore"></a> <a class="login-activity"></a> <a class="login-profile"></a> </div></div> </div></div> </nav> <main> <section id="user-info"> <div class="user-image"><img src="{{userpic}}"/></div> <div class="user-details"> <span class="info-username">{{username}}</span><span class="btn-follow"></span> <ul> <li><span class="info-num">{{postcount}}</span> posts <li><span class="info-num">{{followers}}</span> followers <li><span class="info-num">{{following}}</span> following </ul> <div class="info-bio-binder"> <div class="info-bio"><span>{{userdisplayname}}</span>{{userbio}}</div> </div> </div> </section> <section id="post-grid"> <div class="post-row"> {{post01}}{{post02}}{{post03}} </div> <div class="post-row"> {{post04}}{{post05}}{{post06}} </div> <div class="post-row"> {{post07}}{{post08}}{{post09}} </div> <div class="post-row"> {{post10}}{{post11}}{{post12}} </div> </section> </main> <div class="btn-load"></div> <footer> <ul> <li><a href="">About us</a> <li><a href="">Support</a> <li><a href="">Blog</a> <li><a href="">Press</a> <li><a href="">API</a> <li><a href="">Jobs</a> <li><a href="">Privacy</a> <li><a href="">Terms</a> <li><a href="">Directory</a> <li><a href="">Language</a> </ul> <span><a href="http://complemental.insanejournal.com/" title="generated with ❥ from complemental@ij">© 2017 Instagram</a></span> </footer> </div> </body> </html>