Advertisement
tentacoolgoods

clickthrough instagram by maeby

Apr 28th, 2018
2,790
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 5.36 KB | None | 0 0
  1. <lj-raw>
  2.  
  3. <div style="box-sizing: border-box; width: 361px; margin: 15px auto; padding: 5px;border-radius: 5px; border: 1px solid #e9e9e9; font-family: arial rounded mt bold, sans-serif; color: #949494;">
  4.  
  5. <div style="clear: both; box-sizing: border-box; width: 100%; margin: auto;">
  6. <img src="https://i.imgur.com/G0ziNbr.png" width="350px">
  7. </div>
  8.  
  9. <div style="float:left;"><img src="URL OF ICON" width="50" height="50" style="margin:5px; border-radius:100px;" align="left"></div> <div style="line-height:65px; float:left;"><b><font style="text-decoration:none; color:#000; font-size:13px; font-family:arial, 'proxima nova', roboto, arial, sans-serif;">USERNAME</font></b></div><div align="right" style="float:right;margin-top:25px;"><img src="https://i.imgur.com/L9SOsWv.png"></div>
  10.  
  11.  
  12. <div style="box-sizing: border-box; width: 350px; height: 350px; padding: 0; overflow: hidden;">
  13. <a name="one"></a>
  14.  
  15. <div style="box-sizing: border-box; overflow: hidden; width: 350px; height: 350px; padding-top: 300px; background: url(IMAGE 1); background-size: 350px;">
  16. <a href="#six" style="float: left; width: 30px; height: 30px; margin-left: 15px; border-radius: 50%; background: #fff; opacity: 0.5;"><img src="https://i.imgur.com/g25tMck.png" style="height: 30px;"></a>
  17. <a href="#two" style="float: right; width: 30px; height: 30px; margin-right: 15px; border-radius: 50%; background: #fff; opacity: 0.5;"><img src="https://i.imgur.com/g25tMck.png" style="height: 30px; transform: rotate(180deg);"></a>
  18. </div>
  19.  
  20. <a name="two"></a>
  21.  
  22. <div style="box-sizing: border-box; overflow: hidden; width: 350px; height: 350px; padding-top: 300px; background: url(IMAGE 2); background-size: 350px;">
  23. <a href="#one" style="float: left; width: 30px; height: 30px; margin-left: 15px; border-radius: 50%; background: #fff; opacity: 0.5;"><img src="https://i.imgur.com/g25tMck.png" style="height: 30px;"></a>
  24. <a href="#three" style="float: right; width: 30px; height: 30px; margin-right: 15px; border-radius: 50%; background: #fff; opacity: 0.5;"><img src="https://i.imgur.com/g25tMck.png" style="height: 30px; transform: rotate(180deg);"></a>
  25. </div>
  26.  
  27. <a name="three"></a>
  28.  
  29. <div style="box-sizing: border-box; overflow: hidden; width: 350px; height: 350px; padding-top: 300px; background: url(IMAGE 3); background-size: 350px;">
  30. <a href="#two" style="float: left; width: 30px; height: 30px; margin-left: 15px; border-radius: 50%; background: #fff; opacity: 0.5;"><img src="https://i.imgur.com/g25tMck.png" style="height: 30px;"></a>
  31. <a href="#four" style="float: right; width: 30px; height: 30px; margin-right: 15px; border-radius: 50%; background: #fff; opacity: 0.5;"><img src="https://i.imgur.com/g25tMck.png" style="height: 30px; transform: rotate(180deg);"></a>
  32. </div>
  33.  
  34. <a name="four"></a>
  35.  
  36. <div style="box-sizing: border-box; overflow: hidden; width: 350px; height: 350px; padding-top: 300px; background: url(IMAGE 4); background-size: 350px;">
  37. <a href="#three" style="float: left; width: 30px; height: 30px; margin-left: 15px; border-radius: 50%; background: #fff; opacity: 0.5;"><img src="https://i.imgur.com/g25tMck.png" style="height: 30px;"></a>
  38. <a href="#five" style="float: right; width: 30px; height: 30px; margin-right: 15px; border-radius: 50%; background: #fff; opacity: 0.5;"><img src="https://i.imgur.com/g25tMck.png" style="height: 30px; transform: rotate(180deg);"></a>
  39. </div>
  40.  
  41. <a name="five"></a>
  42.  
  43. <div style="box-sizing: border-box; overflow: hidden; width: 350px; height: 350px; padding-top: 300px; background: url(IMAGE 5); background-size: 350px;">
  44. <a href="#four" style="float: left; width: 30px; height: 30px; margin-left: 15px; border-radius: 50%; background: #fff; opacity: 0.5;"><img src="https://i.imgur.com/g25tMck.png" style="height: 30px;"></a>
  45. <a href="#six" style="float: right; width: 30px; height: 30px; margin-right: 15px; border-radius: 50%; background: #fff; opacity: 0.5;"><img src="https://i.imgur.com/g25tMck.png" style="height: 30px; transform: rotate(180deg);"></a>
  46. </div>
  47.  
  48.  
  49. <a name="six"></a>
  50.  
  51. <div style="box-sizing: border-box; overflow: hidden; width: 350px; height: 350px; padding-top: 300px; background: url(IMAGE 6); background-size: 350px;">
  52. <a href="#five" style="float: left; width: 30px; height: 30px; margin-left: 15px; border-radius: 50%; background: #fff; opacity: 0.5;"><img src="https://i.imgur.com/g25tMck.png" style="height: 30px;"></a>
  53. <a href="#one" style="float: right; width: 30px; height: 30px; margin-right: 15px; border-radius: 50%; background: #fff; opacity: 0.5;"><img src="https://i.imgur.com/g25tMck.png" style="height: 30px; transform: rotate(180deg);"></a>
  54. </div>
  55.  
  56.  
  57. <!--add additional imgs here--!>
  58.  
  59. </div>
  60.  
  61. <div style="clear: both; box-sizing: border-box; width: 100%; margin: auto;">
  62. <img src="https://i.imgur.com/UEGBlW4.png" width="350px"><br>
  63.  
  64. <font style="font-size:14px; color:#000; letter-spacing:0px; font-family: arial, 'proxima nova', roboto, arial, sans-serif;vertical-align:text-top;margin:0;"><b>## Likes</b><br><br>
  65.  
  66. <b>USERNAME</b> something clever here~ <font style="color:#003569;">#hashtag #hashtag #hashtag</font><br><font style="font-size:10px; text-transform:uppercase; color:#CCC;">TIME ago</font></font>
  67.  
  68. </div>
  69. <img src="https://i.imgur.com/nTsqIjp.png" style="display: block; width: 350px; margin: auto;" title="instagram style by maeby, base code taken from aurorajune and lamarcodem!">
  70. </div>
  71. </lj-raw>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement