Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <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;">
- <div style="box-sizing: border-box; width: 350px; height: 350px; padding: 0; overflow: hidden;">
- <a name="one"></a>
- <div style="box-sizing: border-box; overflow: hidden; width: 350px; height: 350px; padding-top: 300px; background: url(PICTURE HERE);">
- <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>
- <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>
- </div>
- <a name="two"></a>
- <div style="box-sizing: border-box; overflow: hidden; width: 350px; height: 350px; padding-top: 300px; background: url(PICTURE HERE);">
- <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>
- <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>
- </div>
- <a name="three"></a>
- <div style="box-sizing: border-box; overflow: hidden; width: 350px; height: 350px; padding-top: 300px; background: url(PICTURE HERE);">
- <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>
- <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>
- </div>
- <a name="four"></a>
- <div style="box-sizing: border-box; overflow: hidden; width: 350px; height: 350px; padding-top: 300px; background: url(PICTURE HERE);">
- <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>
- <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>
- </div>
- <a name="five"></a>
- <div style="box-sizing: border-box; overflow: hidden; width: 350px; height: 350px; padding-top: 300px; background: url(PICTURE HERE);">
- <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>
- <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>
- </div>
- <a name="six"></a>
- <div style="box-sizing: border-box; overflow: hidden; width: 350px; height: 350px; padding-top: 300px; background: url(PICTURE HERE);">
- <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>
- <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>
- </div>
- </div>
- <div style="box-sizing: border-box; width: 100%; height: 60px; padding: 0 0 5px 5px; border-bottom: 1px solid #e9e9e9;">
- <h4 style="float: left; margin-top: 2.5%; color: #000;">
- NAME, AGE<br>
- <font style="font-weight: normal; font-size: 0.75em; color: #949494;">
- 5 miles away</font>
- </h4>
- <img src="http://i.imgur.com/b47oTNx.png" style="float: right; width: 100px;" alt="" />
- </div>
- <div style="clear: both; box-sixing: border-box; width: 100%; margin: auto; padding: 5px; border-bottom: 1px solid #e9e9e9; font-size: 0.8em;">
- <font style="font-family: helvetica neue, helvetica;">PROFILE TEXT GOES RIGHT HERE</font>
- </div>
- <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="" />
- </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement