<?php
// Each sponsor is an element of the $sponsors array:
array('bison','Przykladowy opis po poslku','Example description in English','http://w...content-available-to-author-only...k.com/'), array('bazarynka','Przykladowy opis po poslku','Example description in English','http://w...content-available-to-author-only...k.com/'), array('budkasuflera','Przykladowy opis po poslku','Example description in English','http://w...content-available-to-author-only...k.com/'), array('doda','Przykladowy opis po poslku','Example description in English','http://w...content-available-to-author-only...k.com/'), array('limo','Przykladowy opis po poslku','Example description in English','http://w...content-available-to-author-only...k.com/'), array('diil','Przykladowy opis po poslku','Example description in English','http://w...content-available-to-author-only...k.com/'), array('dge','Przykladowy opis po poslku','Example description in English','http://w...content-available-to-author-only...k.com/')
);
?>
<style type="text/css">
.center {text-align:center;}
/* ---- styling the list ---- */
#work {
float:left;
list-style:none;
margin:0;
padding:0;
}
#work li {
float:left;
display:block;
width:130px;
margin:10px;
display:inline;
padding:0px;
background:#fff;
border:0px solid #333333;
height:130px;
}
#work li a {
/*border:none;*/
}
#work p {
font-size: 0.80em;
margin: 10px;
}
/* ---- show-hide elements ---- */
#work li .show{
display:block;
width:130px;
height:130px;
}
#work li .hide {
color:#d4df9d;
text-align: left;
height: 0;
overflow: hidden;
background:#111111;
cursor: pointer;
}
#work li:hover .hide, #work li.over .hide {
cursor: pointer;
height: 130px;
padding:5px;
width:130px;
border:1px solid #333333;
}
#work li:hover .show, #work li.over .show {
height: 0;
overflow: hidden;
}
</style>
<ul id="work">
<?php
foreach($sponsors as $company)
{
echo '
<li> <a class="show" href="#"><img src="demo/img/sponsors/'.$company[0].'.jpg" /></a>
<div class="hide"><!--<a href="#"><h4>Limo Company</h4></a>-->
<p>'.$company[1].'</p><p><a href="'.$company[3].'">www</a>
</div>
</li>
';
}
</ul>
?>
CgoKCjw/cGhwCgovLyBFYWNoIHNwb25zb3IgaXMgYW4gZWxlbWVudCBvZiB0aGUgJHNwb25zb3JzIGFycmF5OgoKJHNwb25zb3JzID0gYXJyYXkoCmFycmF5KCdiaXNvbicsJ1ByenlrbGFkb3d5IG9waXMgcG8gcG9zbGt1JywnRXhhbXBsZSBkZXNjcmlwdGlvbiBpbiBFbmdsaXNoJywnaHR0cDovL3cuLi5jb250ZW50LWF2YWlsYWJsZS10by1hdXRob3Itb25seS4uLmsuY29tLycpLAphcnJheSgnYmF6YXJ5bmthJywnUHJ6eWtsYWRvd3kgb3BpcyBwbyBwb3Nsa3UnLCdFeGFtcGxlIGRlc2NyaXB0aW9uIGluIEVuZ2xpc2gnLCdodHRwOi8vdy4uLmNvbnRlbnQtYXZhaWxhYmxlLXRvLWF1dGhvci1vbmx5Li4uay5jb20vJyksCmFycmF5KCdidWRrYXN1ZmxlcmEnLCdQcnp5a2xhZG93eSBvcGlzIHBvIHBvc2xrdScsJ0V4YW1wbGUgZGVzY3JpcHRpb24gaW4gRW5nbGlzaCcsJ2h0dHA6Ly93Li4uY29udGVudC1hdmFpbGFibGUtdG8tYXV0aG9yLW9ubHkuLi5rLmNvbS8nKSwKYXJyYXkoJ2RvZGEnLCdQcnp5a2xhZG93eSBvcGlzIHBvIHBvc2xrdScsJ0V4YW1wbGUgZGVzY3JpcHRpb24gaW4gRW5nbGlzaCcsJ2h0dHA6Ly93Li4uY29udGVudC1hdmFpbGFibGUtdG8tYXV0aG9yLW9ubHkuLi5rLmNvbS8nKSwKYXJyYXkoJ2xpbW8nLCdQcnp5a2xhZG93eSBvcGlzIHBvIHBvc2xrdScsJ0V4YW1wbGUgZGVzY3JpcHRpb24gaW4gRW5nbGlzaCcsJ2h0dHA6Ly93Li4uY29udGVudC1hdmFpbGFibGUtdG8tYXV0aG9yLW9ubHkuLi5rLmNvbS8nKSwKYXJyYXkoJ2RpaWwnLCdQcnp5a2xhZG93eSBvcGlzIHBvIHBvc2xrdScsJ0V4YW1wbGUgZGVzY3JpcHRpb24gaW4gRW5nbGlzaCcsJ2h0dHA6Ly93Li4uY29udGVudC1hdmFpbGFibGUtdG8tYXV0aG9yLW9ubHkuLi5rLmNvbS8nKSwKYXJyYXkoJ2RnZScsJ1ByenlrbGFkb3d5IG9waXMgcG8gcG9zbGt1JywnRXhhbXBsZSBkZXNjcmlwdGlvbiBpbiBFbmdsaXNoJywnaHR0cDovL3cuLi5jb250ZW50LWF2YWlsYWJsZS10by1hdXRob3Itb25seS4uLmsuY29tLycpCgopOwoKc2h1ZmZsZSgkc3BvbnNvcnMpOwo/PgoKCgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoKCi5jZW50ZXIge3RleHQtYWxpZ246Y2VudGVyO30KCgovKiAtLS0tIHN0eWxpbmcgdGhlIGxpc3QgLS0tLSAqLwoKI3dvcmsgewpmbG9hdDpsZWZ0OwpsaXN0LXN0eWxlOm5vbmU7Cm1hcmdpbjowOwpwYWRkaW5nOjA7Cn0KI3dvcmsgbGkgewpmbG9hdDpsZWZ0OwpkaXNwbGF5OmJsb2NrOwp3aWR0aDoxMzBweDsKbWFyZ2luOjEwcHg7CmRpc3BsYXk6aW5saW5lOwpwYWRkaW5nOjBweDsgCmJhY2tncm91bmQ6I2ZmZjsKYm9yZGVyOjBweCBzb2xpZCAjMzMzMzMzOwpoZWlnaHQ6MTMwcHg7Cn0KI3dvcmsgbGkgYSB7Ci8qYm9yZGVyOm5vbmU7Ki8KfQojd29yayBwIHsKCmZvbnQtc2l6ZTogMC44MGVtOwoKbWFyZ2luOiAxMHB4OwoKCn0KCgovKiAtLS0tIHNob3ctaGlkZSBlbGVtZW50cyAtLS0tICovCgojd29yayBsaSAuc2hvd3sKZGlzcGxheTpibG9jazsKd2lkdGg6MTMwcHg7CmhlaWdodDoxMzBweDsKfQojd29yayBsaSAuaGlkZSB7CmNvbG9yOiNkNGRmOWQ7CnRleHQtYWxpZ246IGxlZnQ7CmhlaWdodDogMDsKb3ZlcmZsb3c6IGhpZGRlbjsKYmFja2dyb3VuZDojMTExMTExOwoKY3Vyc29yOiBwb2ludGVyOwoKfQojd29yayBsaTpob3ZlciAuaGlkZSwgI3dvcmsgbGkub3ZlciAuaGlkZSB7CmN1cnNvcjogcG9pbnRlcjsKaGVpZ2h0OiAxMzBweDsKcGFkZGluZzo1cHg7CndpZHRoOjEzMHB4Owpib3JkZXI6MXB4IHNvbGlkICMzMzMzMzM7Cn0KI3dvcmsgbGk6aG92ZXIgLnNob3csICN3b3JrIGxpLm92ZXIgLnNob3cgewpoZWlnaHQ6IDA7Cm92ZXJmbG93OiBoaWRkZW47Cn0KCgoKPC9zdHlsZT4KCsKgPHVsIGlkPSJ3b3JrIj4KCjw/cGhwCgpmb3JlYWNoKCRzcG9uc29ycyBhcyAkY29tcGFueSkKCnsKCmVjaG8gJwoKPGxpPsKgPGEgY2xhc3M9InNob3ciIGhyZWY9IiMiPjxpbWcgc3JjPSJkZW1vL2ltZy9zcG9uc29ycy8nLiRjb21wYW55WzBdLicuanBnIiAvPjwvYT4KPGRpdiBjbGFzcz0iaGlkZSI+PCEtLTxhIGhyZWY9IiMiPjxoND5MaW1vIENvbXBhbnk8L2g0PjwvYT4tLT4KPHA+Jy4kY29tcGFueVsxXS4nPC9wPjxwPjxhIGhyZWY9IicuJGNvbXBhbnlbM10uJyI+d3d3PC9hPgo8L2Rpdj4KPC9saT4KCic7Cgp9CgoKCjwvdWw+CgrCoAoKPz4KCgo=