Virgonc design - G-Portál

Blog-Frissítések-Főoldal

template58

[dohtml]

char one “SOME SASSY TEXT” trait/div> trait trait trait	char 2 “SOME SASSY TEXT” trait trait trait trait	char 3 “SOME SASSY TEXT” trait trait trait trait
char 4 “SOME SASSY TEXT” trait trait trait trait	char 5 “SOME SASSY TEXT” trait trait trait trait	char 6 “SOME SASSY TEXT” trait trait trait trait
char 7 “SOME SASSY TEXT” trait trait trait trait	char 8 “SOME SASSY TEXT” trait trait trait trait	char 9 “SOME SASSY TEXT” trait trait trait trait
char 10 “SOME SASSY TEXT” trait trait trait trait	char 11 “SOME SASSY TEXT” trait trait trait trait	char 12 “SOME SASSY TEXT” trait trait trait trait
char 13 “SOME SASSY TEXT” trait trait trait trait	char 14 “SOME SASSY TEXT” trait trait trait trait	char 15 “SOME SASSY TEXT” trait trait trait trait

[/dohtml]

[dohtml]<link href='http://fonts.googleapis.com/css?family=Lato:100' rel='stylesheet' type='text/css'>

<style>

.uno { width: 100px; height: 152px; margin-left: 2px; background-color: #9c9c9c;float:right; -webkit-transition: all .8s linear; -moz-transition: all .8s linear; -o-transition: all .8s linear; font-family: lato; font-size: 18px; letter-spacing: -1px; color: #9c9c9c; line-height: 90%; text-align: center; font-weight: 100; }

.uno:hover { width: 100px; height: 152px; margin-left: 2px; background-color: #E32222;float:right; color: black; }

.dos { width: 100px; height: 152px; margin-left: 2px; background-color: #9c9c9c;float:right; -webkit-transition: all .8s linear; -moz-transition: all .8s linear; -o-transition: all .8s linear; font-family: lato; font-size: 18px; letter-spacing: -1px; color: #9c9c9c; line-height: 90%; text-align: center; font-weight: 100; }

.dos:hover { width: 100px; height: 152px; margin-left: 2px; background-color: #bb0f58;float:right; color: black; }

.tres { width: 100px; height: 152px; margin-left: 2px; background-color: #9c9c9c;float:right; -webkit-transition: all .8s linear; -moz-transition: all .8s linear; -o-transition: all .8s linear; font-family: lato; font-size: 18px; letter-spacing: -1px; color: #9c9c9c; line-height: 90%; text-align: center; font-weight: 100;}

.tres:hover { width: 100px; height: 152px; margin-left: 2px; background-color: #568c69;float:right; color: black; }

.cuatro { width: 100px; height: 152px; margin-left: 2px; background-color: #9c9c9c;float:right; -webkit-transition: all .8s linear; -moz-transition: all .8s linear; -o-transition: all .8s linear; font-family: lato; font-size: 18px; letter-spacing: -1px; color: #9c9c9c; line-height: 90%; text-align: center; font-weight: 100;}

.cuatro:hover { width: 100px; height: 152px; margin-left: 2px; background-color: #4857a1;float:right; color: black; }

.cinco { width: 100px; height: 152px; margin-left: 2px; background-color: #9c9c9c;float:right; -webkit-transition: all .8s linear; -moz-transition: all .8s linear; -o-transition: all .8s linear; font-family: lato; font-size: 18px; letter-spacing: -1px; color: #9c9c9c; line-height: 90%; text-align: center; font-weight: 100; }

.cinco:hover { width: 100px; height: 152px; margin-left: 2px; background-color: #52271a;float:right; color: black; }

.seis { width: 100px; height: 152px; margin-left: 2px; background-color: #9c9c9c;float:right; -webkit-transition: all .8s linear; -moz-transition: all .8s linear; -o-transition: all .8s linear; font-family: lato; font-size: 18px; letter-spacing: -1px; color: #9c9c9c; line-height: 90%; text-align: center; font-weight: 100; }

.seis:hover { width: 100px; height: 152px; margin-left: 2px; background-color: #ebe366;float:right; color: black; }

.siete { width: 100px; height: 152px; margin-left: 2px; background-color: #9c9c9c;float:right; -webkit-transition: all .8s linear; -moz-transition: all .8s linear; -o-transition: all .8s linear; font-family: lato; font-size: 18px; letter-spacing: -1px; color: #9c9c9c; line-height: 90%; text-align: center; font-weight: 100; }

.siete:hover { width: 100px; height: 152px; margin-left: 2px; background-color: #f4ac00;float:right; color: black; }

.ocho { width: 100px; height: 152px; margin-left: 2px; background-color: #9c9c9c;float:right; -webkit-transition: all .8s linear; -moz-transition: all .8s linear; -o-transition: all .8s linear; font-family: lato; font-size: 18px; letter-spacing: -1px; color: #9c9c9c; line-height: 90%; text-align: center; font-weight: 100; }

.ocho:hover { width: 100px; height: 152px; margin-left: 2px; background-color: #88a4c1;float:right; color: black; }

.nueve { width: 100px; height: 152px; margin-left: 2px; background-color: #9c9c9c;float:right; -webkit-transition: all .8s linear; -moz-transition: all .8s linear; -o-transition: all .8s linear; font-family: lato; font-size: 18px; letter-spacing: -1px; color: #9c9c9c; line-height: 90%; text-align: center; font-weight: 100; }

.nueve:hover { width: 100px; height: 152px; margin-left: 2px; background-color: #ba1f8c;float:right; color: black; }

.trait { text-align: center;width: 100px; height: 10px; background-color: #9c9c9c; margin-bottom: 3px; font-family: lato; font-size: 9px; text-transform: uppercase; letter-spacing: -.3px; line-height: 100%; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; font-weight: 100; }

.trait:hover { text-align: center;width: 100px; height: 10px; background-color: #9c9c9c; margin-bottom: 3px; font-family: lato; font-size: 9px; text-transform: uppercase; letter-spacing: 1.5px; line-height: 100%; font-weight: 100; }

.lename { text-align: center;width: 202px; height: 8px; font-family:lato; font-size: 30px; text-transform: lowercase; letter-spacing: -1px; color: black; background-color: #9c9c9c;margin-top: 10px; margin-bottom: 5px; line-height: 5%; font-weight: 100; }

</style>

<a href="URL TO APP OR SOMETHING"><div class="dos"><p> “SOME<p>SASSY<p>TEXT”</div></a>

<div class="trait">trait/div>