<!--HTML-->
<style type='text/css'>
#hiccup {
 width: 570px;
 height: 450px;
 margin: 10px auto;
 overflow: hidden;
 background: #F3E7D7;
 position: relative;
}

.hiccup1 { 
 width: 70px; 
 height: 70px;
 background: url('TAB ONE PICTURE');
 background-size: cover;
 border-radius: 100px;
 border: 5px solid #fff;
 position: relative;
}

.hiccup2 {
 width: 80px;
 height: 80px;
 border-radius: 100px;
 background: rgba(248, 199, 201, 0.45);
 position: absolute;
 z-index: 9999;
 left: -5px;
 top: -5px;
 opacity: 1;
}

.hiccup3 { 
 width: 70px; 
 height: 70px;
 background: url('TAB 2 PICTURE');
 background-size: cover;
 border-radius: 100px;
 border: 5px solid #fff;
 position: relative;
}

.hiccup4 { 
 width: 70px; 
 height: 70px;
 background: url('TAB 3 PICTURE');
 background-size: cover;
 border-radius: 100px;
 border: 5px solid #fff;
 position: relative;
}

.hiccup5 { 
 width: 70px; 
 height: 70px;
 background: url('TAB 3 PICTURE');
 background-size: cover;
 border-radius: 100px;
 border: 5px solid #fff;
 position: relative;
}

.hiccup6 { 
 width: 70px; 
 height: 70px;
 background: url('TAB 3 PICTURE');
 background-size: cover;
 border-radius: 100px;
 border: 5px solid #fff;
 position: relative;
}
.ctabs {
 position: relative; 
 height: 300px; 
 width: 80px; 
 clear: both; 
 top: 10px; 
 left: 10px; 
 position: absolute;
}
.ctab { 
 float: left;
} 
.ctab label {
 display: block; 
 width: 80px; 
 height: 80px; 
 margin-bottom: 10px;
 position: relative;
 top: 10px; 
 left: 5px;  
 overflow: hidden; 
 text-align: center;
}
.ctabs .ctab [type=radio] { 
 display: none; 
} 
.ctabs .ctab [type=radio]:checked ~ label {
 z-index: 1; 
}
.ctabs .ctab [type=radio]:checked ~ label ~ .chalcontent { 
 z-index: 6; 
 opacity: 1; 
 z-index: 1; 
 left: 95px; 
 top: 10px;
}

.ctabs .ctab [type=radio]:checked ~ label  .hiccup2 {  
 opacity: 0; 
}

.chalcontent { 
 width: 400px;
 height: 400px; 
 position: absolute; 
 -webkit-transition-duration: 1.1s; 
 -moz-transition-duration: 1.1s; 
 -o-transition-duration: 1.1s; 
 overflow: hidden;
 top: -500px; 
 bottom: 0px; 
 left: 95px; 
 right: 0px; 
 background: #fff;
}
.chalcontent h1 {
 font: normal 700 22px/40px open sans;
 text-align: center;
 letter-spacing: -2px;
 color: #C7B9C5;
}
.chalcontent h2 {
 font: normal 600 14px/10px open sans;
 text-align: center;
 letter-spacing: -1px;
 color: #E0C0C7;
 margin-top: -20px;
}
.hiccup5 {
 width: 350px;
 height: 350px;
 padding-left: 25px;
 padding-right: 30px;
 padding-bottom: 30px;
 font: normal normal 11px/13px open sans;
 text-align: justify; 
 margin: -20px auto;
 overflow-y: auto;
}
</style>
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,600,700' rel='stylesheet' type='text/css'>


<div id='hiccup'>
 <div class='ctabs'>
<div class='ctab'>
<input type='radio' id='ctab-1' name='ctab-group-1' checked>
<label for='ctab-1'><div class='hiccup1'><div class='hiccup2'></div></div></label>
<div class='chalcontent'>
<h1>WANTED: RELATIONSHIP</h1>
<H2>age, membergroup, face claim</H2>
<div class='hiccup5'>
 Kickstarter VHS High Life cray health goth butcher. Bushwick banh mi gastropub Kickstarter fanny pack. Tattooed craft beer cold-pressed, pour-over raw denim Shoreditch sartorial squid roof party try-hard mixtape cornhole ennui dreamcatcher. Bushwick hashtag direct trade Godard health goth. Sriracha semiotics master cleanse, Brooklyn raw denim roof party vegan. Brooklyn hella typewriter taxidermy dreamcatcher. Truffaut trust fund before they sold out pop-up retro, sriracha tote bag art party selvage Thundercats direct trade umami.
<p>


</div>


</div>
</div>

<div class='ctab'>
<input type='radio' id='ctab-2' name='ctab-group-1'>
<label for='ctab-2'><div class='hiccup3'><div class='hiccup2'></div></div></label>
<div class='chalcontent'>

<h1>WANTED: RELATIONSHIP</h1>
<H2>age, membergroup, face claim</H2>
<div class='hiccup5'>
 Kickstarter VHS High Life cray health goth butcher. Bushwick banh mi gastropub Kickstarter fanny pack. Tattooed craft beer cold-pressed, pour-over raw denim Shoreditch sartorial squid roof party try-hard mixtape cornhole ennui dreamcatcher. Bushwick hashtag direct trade Godard health goth. Sriracha semiotics master cleanse, Brooklyn raw denim roof party vegan. Brooklyn hella typewriter taxidermy dreamcatcher. Truffaut trust fund before they sold out pop-up retro, sriracha tote bag art party selvage Thundercats direct trade umami.
<p>


</div>
</div>
</div>

<div class='ctab'>
<input type='radio' id='ctab-3' name='ctab-group-1'>
<label for='ctab-3'><div class='hiccup4'><div class='hiccup2'></div></div></label>
<div class='chalcontent'>

<h1>WANTED: RELATIONSHIP</h1>
<H2>age, membergroup, face claim</H2>
<div class='hiccup5'>
 Kickstarter VHS High Life cray health goth butcher. Bushwick banh mi gastropub Kickstarter fanny pack. Tattooed craft beer cold-pressed, pour-over raw denim Shoreditch sartorial squid roof party try-hard mixtape cornhole ennui dreamcatcher. Bushwick hashtag direct trade Godard health goth. Sriracha semiotics master cleanse, Brooklyn raw denim roof party vegan. Brooklyn hella typewriter taxidermy dreamcatcher. Truffaut trust fund before they sold out pop-up retro, sriracha tote bag art party selvage Thundercats direct trade umami.
<p>


</div>
</div>

<div class='ctab'>
<input type='radio' id='ctab-4' name='ctab-group-1'>
<label for='ctab-4'><div class='hiccup5'><div class='hiccup2'></div></div></label>
<div class='chalcontent'>

<h1>WANTED: RELATIONSHIP</h1>
<H2>age, membergroup, face claim</H2>
<div class='hiccup5'>
 Kickstarter VHS High Life cray health goth butcher. Bushwick banh mi gastropub Kickstarter fanny pack. Tattooed craft beer cold-pressed, pour-over raw denim Shoreditch sartorial squid roof party try-hard mixtape cornhole ennui dreamcatcher. Bushwick hashtag direct trade Godard health goth. Sriracha semiotics master cleanse, Brooklyn raw denim roof party vegan. Brooklyn hella typewriter taxidermy dreamcatcher. Truffaut trust fund before they sold out pop-up retro, sriracha tote bag art party selvage Thundercats direct trade umami.
<p>


</div>
</div>

<div class='ctab'>
<input type='radio' id='ctab-5' name='ctab-group-1'>
<label for='ctab-5'><div class='hiccup6'><div class='hiccup2'></div></div></label>
<div class='chalcontent'>

<h1>WANTED: RELATIONSHIP</h1>
<H2>age, membergroup, face claim</H2>
<div class='hiccup5'>
 Kickstarter VHS High Life cray health goth butcher. Bushwick banh mi gastropub Kickstarter fanny pack. Tattooed craft beer cold-pressed, pour-over raw denim Shoreditch sartorial squid roof party try-hard mixtape cornhole ennui dreamcatcher. Bushwick hashtag direct trade Godard health goth. Sriracha semiotics master cleanse, Brooklyn raw denim roof party vegan. Brooklyn hella typewriter taxidermy dreamcatcher. Truffaut trust fund before they sold out pop-up retro, sriracha tote bag art party selvage Thundercats direct trade umami.
<p>


</div>
</div>
</div>
</div>
</center>