<center><style type="text/css">
b {
color: #BFB0C3;
font-family: montserrat, helvetica, arial;
font-size: 11px;
font-weight: 700;
}
.ch-grid {
margin: 20px 0 0 0;
padding: 0;
list-style: none;
display: block;
text-align: center;
width: 100%;
}
.ch-grid:after,
.ch-item:before {
content: '';
display: table;
}
.ch-grid:after {
clear: both;
}
.ch-grid li {
width: 380px;
height: 200px;
display: inline-block;
margin: 20px;
}
.ch-item {
width: 100%;
height: 100%;
/*border-radius: 50%;*/
overflow: hidden;
position: relative;
cursor: default;
box-shadow:
inset 0 0 0 16px rgba(255,255,255,0.6),
0 1px 2px rgba(0,0,0,0.1);
transition: all 0.4s ease-in-out;
}
.ch-img-1 {
background-image: url(https://jegvirag.gportal.hu/portal/jegvirag/image/gallery/1647264545.jpg);
width: 380 px;
}
.ch-info {
position: absolute;
background:#BFB0C3;
width: inherit;
height: inherit;
overflow: hidden;
opacity: 0;
transition: all 0.4s ease-in-out;
transform: scale(0);
}
.ch-info h3 {
color: #fff;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 20px;
margin: 0 10px;
padding: 40px 0 0 0;
height: 40px;
font-family: 'Open Sans', Arial, sans-serif;
text-shadow:
0 0 1px #fff,
0 1px 2px rgba(0,0,0,0.3);
}
.ch-info p {
color: #fff;
padding: 1px 5px;
font-style: italic;
margin: 0 30px;
font-size: 12px;
border-top: 1px solid rgba(255,255,255,0.5);
opacity: 0;
transition: all 1s ease-in-out 0.4s;
position: relative;
bottom: -10px;
}
.ch-info p a {
display: block;
color: rgba(255,255,255,0.7);
font-style: normal;
font-weight: 700;
text-transform: uppercase;
font-size: 9px;
letter-spacing: 1px;
padding-top: 4px;
font-family: 'Open Sans', Arial, sans-serif;
position: relative;
bottom: -60px;
left: 160px;
}
.ch-info p a:hover {
color: rgba(255,242,34, 0.8);
}
.ch-item:hover {
box-shadow:
inset 0 0 0 1px rgba(255,255,255,0.1),
0 1px 2px rgba(0,0,0,0.1);
}
.ch-item:hover .ch-info {
transform: scale(1);
opacity: 1;
}
.ch-item:hover .ch-info p {
opacity: 1;
}
</style>
<center>
<link href='http://fonts.googleapis.com/css?family=Devonshire' rel='stylesheet' type='text/css'><div style="border-top: 10px solid #BFB0C3; border-bottom: 10px solid #BFB0C3; background-color: #F1F1F1; width: 420px;">
<ul class="ch-grid">
<li>
<div class="ch-item ch-img-1">
<div class="ch-info">
<h3>Virág Design</h3>
<p>Portálépítés és portáldíszítés kezdőknek és haladóknak! Rengetek leírás, JavaScriptek , CSS ,HTML kódok,Design!<a href="//jegvirag.gportal.hu">virag</a></p>
</div>
</div>
</li>
</ul>
<div style="background-color: #ffffff; width: 350px; padding: 10px; text-align: justify; line-height: 12px; border: 1px solid #e0e0e0; font-family: calibri; font-size: 10px;">
<b><center>Virág Design</center></b> <center>Az oldal PORTÁLÉPÍTŐ ami tartalmazza
az alábbi linkeket:DESIGN,SCRIPT,HTML
kód,Segítség.2005.04.12.-én indult az
oldal azóta várom a segítségre szoruló
G-portálos.Ha bármi észrevételed van
irhatsz e-mailt(virag-78@gportal.hu )
vagy irhatsz a vendégkönybe,meg a
chat-be is.TANULJ,SZÉPÍTSD az
oldaladat de a legfontosabb hogy
közbe jól érezd magad!</center>
<center>JéVirág</center>
</div>
<div style="height: 5px;"></div>
</center>
</div>
<center><div style="font-family: calibri; font-size: 8px; letter-spacing: 3px; text-transform: uppercase;text-align: center; line-height: 100%; color: #ABE4FF;"></div></center>
AJÁNLOM AZ OLDALT
Archívum