WC Tinder

<link href="https://fonts.googleapis.com/css?family=Quicksand:300,400,700" rel="stylesheet"> <style type="text/css"> hr { opacity:.3; } .tinderback { width:280px; padding:10px; background-color:white; border-radius: 0% 0% 5% 5%; } .tindername { font-size:20px; font-family:quicksand; line-height:96%; color:black; } .tinderdesc { font-family:quicksand; font-size:12px; color:#595959; text-align:justify; line-height:100%; font-weight:400; } .tindertitle { text-align:left; font-size:13px; font-weight:700; color:black; font-family:quicksand; } .tinderalbum { width:50px; height:50px; background-image: URL(HIER MOET EEN ALBUM COVER MOET VIERKANT ZIJN); background-size: 50px; } .tinderplayer { width:50px; height:50px; overflow:hidden; } .tinderplayer2 { position:relative; left:5px; bottom:34px; } .tinderrec { font-family:quicksand; font-size:13px; text-transform:uppercase; color:#ee6668; letter-spacing:1px; font-weight:700; } .tcre { font-family:quicksand; font-size:7px; text-transform:uppercase; color:#ee6668; letter-spacing:1px; font-weight:700; width:270px; text-align:right; } .img-round { border-radius: 8%; } </style> <center><div style="line-height:97%;"> <div style="width:300px; height:300px; overflow: auto; overflow-y: hidden;"><img src="HIER PROFIEL FOTO MOET 300X300 ZIJN" width="300px"> </div> <div class="tinderback"><table width="280px"><tr><td align="left"><div class="tindername"> <font style="font-weight:700;">NAAM</font>, LEEFTIJD<br> <font style="font-size:11px; color:#595959;">HIER JE RANG<br> 23 miles away</font> </div></td><td align="right" valign="top"><img src="http://cdn.nickpic.host/images/h7WRX.jpg"><img src="http://cdn.nickpic.host/images/h7T5e.jpg"></td></tr></table> <hr><br> <div class="tinderdesc"> BESCHRIJVING</div><br> <hr><br> <div class="tindertitle">My Anthem</div><br> <table width="280px"><tr><td align="left"> <div style="font-size:12px; color:#7a7a7a; font-family:quicksand;">SONG TITEL<br>ARTIEST</div> </td> <td align="right"> <div class="tinderalbum"><div class="tinderplayer"><div class="tinderplayer2"></div></div></div> </td></tr></table> <br> <hr> <br><div class="tinderrec">recommend NAAM<br> <font style="font-size: 10px;">to a friend</font><div><br> <img src="http://cdn.nickpic.host/images/h8opY.png"> </div></div></div></div><br> <a href="http://cttw.b1.jcink.com/index.php?showuser=2235"><div class="tcre">XOXO</div></a></center>

<style type="text/css"> #nope { width: 250px; margin: 5px auto; overflow: hidden; padding: 20px; line-height: 100%; border: 3px solid #444444; background-color: auto; } #nope .image { width: 50px; height: 50px; overflow: hidden; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; margin: auto; float: left; } #nope .text { font-family: poppins; font-size: 10px; text-align: justify; letter-spacing: 1px; text-transform: lowercase; margin-top: 25px; } #credit { font-family: poppins; font-size: 8px; text-align: center; letter-spacing: 3px; text-transform: lowercase; } </style> <link href='https://fonts.googleapis.com/css?family=Poppins:400,700' rel='stylesheet' type='text/css'> <div id="nope"> <div class="image"> <img src="https://i.imgur.com/ZprnCyg.png" width="50" /></div> <div class="text">  <b> Name goes here </b> left swiped you. </div> </div> <div id="credit"> <a href="http://cttw.jcink.net/index.php?showuser=11919">inquisitor!</a></div>

<style type="text/css"> #heart { width: 250px; margin: 5px auto; overflow: hidden; padding: 20px; line-height: 100%; border: 3px solid #444444; background-color: auto; } #heart .image { width: 50px; height: 50px; overflow: hidden; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; margin: auto; float: left; } #heart .text { font-family: poppins; font-size: 10px; text-align: justify; letter-spacing: 1px; text-transform: lowercase; margin-top: 25px; } #credit { font-family: poppins; font-size: 8px; text-align: center; letter-spacing: 3px; text-transform: lowercase; } </style> <link href='https://fonts.googleapis.com/css?family=Poppins:400,700' rel='stylesheet' type='text/css'> <div id="heart"> <div class="image"> <img src="https://i.imgur.com/hiKDTVE.png" width="50" /></div> <div class="text">  <b> Name goes here </b> right swiped you.</div> </div> <div id="credit"> <a href="http://cttw.jcink.net/index.php?showuser=11919">inquisitor!</a></div>

<style type="text/css"> #star { width: 250px; margin: 5px auto; overflow: hidden; padding: 20px; line-height: 100%; border: 3px solid #444444; background-color: auto; } #star .image { width: 50px; height: 50px; overflow: hidden; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; margin: auto; float: left; } #star .text { font-family: poppins; font-size: 10px; text-align: justify; letter-spacing: 1px; text-transform: lowercase; margin-top: 25px; } #credit { font-family: poppins; font-size: 8px; text-align: center; letter-spacing: 3px; text-transform: lowercase; } </style> <link href='https://fonts.googleapis.com/css?family=Poppins:400,700' rel='stylesheet' type='text/css'> <div id="star"> <div class="image"> <img src="https://i.imgur.com/tEihDF4.png" width="50" /></div> <div class="text">&nbsp; <b> Name goes here </b> super-liked you.</div> </div> <div id="credit"> <a href="http://cttw.jcink.net/index.php?showuser=11919">inquisitor!</a></div>