Advertisement
Guest User

Untitled

a guest
Jan 16th, 2018
61
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.95 KB | None | 0 0
  1. <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;">
  2. <div style="box-sizing: border-box; width: 350px; height: 350px; padding: 0; overflow: hidden;">
  3. <a name="one"></a>
  4.  
  5. <div style="box-sizing: border-box; overflow: hidden; width: 350px; height: 350px; padding-top: 300px; background: url(PICTURE HERE);">
  6. <a href="#six" style="float: left; width: 30px; height: 30px; margin-left: 15px; border-radius: 50%; background: #fff; opacity: 0.5;"><img src="http://i.imgur.com/43ZQhPN.png" style="height: 30px;" alt="" /></a>
  7. <a href="#two" style="float: right; width: 30px; height: 30px; margin-right: 15px; border-radius: 50%; background: #fff; opacity: 0.5;"><img src="http://i.imgur.com/43ZQhPN.png" style="height: 30px; transform: rotate(180deg);" alt="" /></a>
  8. </div>
  9.  
  10. <a name="two"></a>
  11.  
  12. <div style="box-sizing: border-box; overflow: hidden; width: 350px; height: 350px; padding-top: 300px; background: url(PICTURE HERE);">
  13. <a href="#one" style="float: left; width: 30px; height: 30px; margin-left: 15px; border-radius: 50%; background: #fff; opacity: 0.5;"><img src="http://i.imgur.com/43ZQhPN.png" style="height: 30px;" alt="" /></a>
  14. <a href="#three" style="float: right; width: 30px; height: 30px; margin-right: 15px; border-radius: 50%; background: #fff; opacity: 0.5;"><img src="http://i.imgur.com/43ZQhPN.png" style="height: 30px; transform: rotate(180deg);" alt="" /></a>
  15. </div>
  16.  
  17. <a name="three"></a>
  18.  
  19. <div style="box-sizing: border-box; overflow: hidden; width: 350px; height: 350px; padding-top: 300px; background: url(PICTURE HERE);">
  20. <a href="#two" style="float: left; width: 30px; height: 30px; margin-left: 15px; border-radius: 50%; background: #fff; opacity: 0.5;"><img src="http://i.imgur.com/43ZQhPN.png" style="height: 30px;" alt="" /></a>
  21. <a href="#four" style="float: right; width: 30px; height: 30px; margin-right: 15px; border-radius: 50%; background: #fff; opacity: 0.5;"><img src="http://i.imgur.com/43ZQhPN.png" style="height: 30px; transform: rotate(180deg);" alt="" /></a>
  22. </div>
  23.  
  24. <a name="four"></a>
  25.  
  26. <div style="box-sizing: border-box; overflow: hidden; width: 350px; height: 350px; padding-top: 300px; background: url(PICTURE HERE);">
  27. <a href="#three" style="float: left; width: 30px; height: 30px; margin-left: 15px; border-radius: 50%; background: #fff; opacity: 0.5;"><img src="http://i.imgur.com/43ZQhPN.png" style="height: 30px;" alt="" /></a>
  28. <a href="#five" style="float: right; width: 30px; height: 30px; margin-right: 15px; border-radius: 50%; background: #fff; opacity: 0.5;"><img src="http://i.imgur.com/43ZQhPN.png" style="height: 30px; transform: rotate(180deg);" alt="" /></a>
  29. </div>
  30.  
  31. <a name="five"></a>
  32.  
  33. <div style="box-sizing: border-box; overflow: hidden; width: 350px; height: 350px; padding-top: 300px; background: url(PICTURE HERE);">
  34. <a href="#four" style="float: left; width: 30px; height: 30px; margin-left: 15px; border-radius: 50%; background: #fff; opacity: 0.5;"><img src="http://i.imgur.com/43ZQhPN.png" style="height: 30px;" alt="" /></a>
  35. <a href="#six" style="float: right; width: 30px; height: 30px; margin-right: 15px; border-radius: 50%; background: #fff; opacity: 0.5;"><img src="http://i.imgur.com/43ZQhPN.png" style="height: 30px; transform: rotate(180deg);" alt="" /></a>
  36. </div>
  37.  
  38.  
  39. <a name="six"></a>
  40.  
  41. <div style="box-sizing: border-box; overflow: hidden; width: 350px; height: 350px; padding-top: 300px; background: url(PICTURE HERE);">
  42. <a href="#five" style="float: left; width: 30px; height: 30px; margin-left: 15px; border-radius: 50%; background: #fff; opacity: 0.5;"><img src="http://i.imgur.com/43ZQhPN.png" style="height: 30px;" alt="" /></a>
  43. <a href="#one" style="float: right; width: 30px; height: 30px; margin-right: 15px; border-radius: 50%; background: #fff; opacity: 0.5;"><img src="http://i.imgur.com/43ZQhPN.png" style="height: 30px; transform: rotate(180deg);" alt="" /></a>
  44. </div>
  45.  
  46.  
  47.  
  48.  
  49. </div>
  50. <div style="box-sizing: border-box; width: 100%; height: 60px; padding: 0 0 5px 5px; border-bottom: 1px solid #e9e9e9;">
  51. <h4 style="float: left; margin-top: 2.5%; color: #000;">
  52. NAME, AGE<br>
  53.  
  54. <font style="font-weight: normal; font-size: 0.75em; color: #949494;">
  55. 5 miles away</font>
  56. </h4>
  57. <img src="http://i.imgur.com/b47oTNx.png" style="float: right; width: 100px;" alt="" />
  58. </div>
  59. <div style="clear: both; box-sixing: border-box; width: 100%; margin: auto; padding: 5px; border-bottom: 1px solid #e9e9e9; font-size: 0.8em;">
  60. <font style="font-family: helvetica neue, helvetica;">PROFILE TEXT GOES RIGHT HERE</font>
  61.  
  62. </div>
  63. <img src="http://i.imgur.com/Wr6gA6i.png" style="display: block; width: 290px; margin: auto;" title="lean, clean tinder code via ~aurorajune. Any ?s, feel free to ask!" alt="" />
  64. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement