Codes Webpage - Two








<title>Contact</title>

<style>

#navbar-iframe {
display: none !important;}

@font-face {
font-family: "tinytots";
src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}

a:link,a:visited{
text-decoration:none!important;}

body{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpYx65zJ-1IWO1wbkPM45yz7_0Jyygcove3fLQDJfJtTk4NoXxMhPY8nuwNgfMRRjZMz3yn-Bq8B3RQAiZVWj5LtZ9p8hWOSS1exdl-IE1moE-siS3SNlzKhGrv1P_u6PBZWkWP5bU3zA/s1600/flower.jpg);
font-family:calibri;
font-size:12px;
color:#a;
text-transform:uppercase;
letter-spacing:1px;}

.h1{
z-index:999999999999;
padding:15px;
width:350px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhrUZfYykp35xdeBZu2BCU20g2DpFVLBIiJiaKCRzv57oJVRkb5HckneADVSDb1_0zkevsMSebirKgZmY9r74Tsj4YVnmQaIYkvy3Qgg3rZw3Sqz3QZbmYrYhaD9M3oazjh9FHv6q2k-g/s1600/pinky.jpg);
font-size:60px;
top:90px;
border:1px dashed #FF8585;
left:140px;
border-radius:10px;
color: #aaa;
position:fixed;}

lin{
border-radius:10px;
position:fixed;
top:150px;
left:490px;
height:10px;
width:220px;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
background:#FFC48C;}

lin:hover{background:#00A0B0;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
width:260px;}

lin:hover a.navloo{
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
margin-left:200px;
margin-top:-20px;}

linooo{
border-radius:10px;
position:fixed;
top:170px;
left:450px;
height:10px;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
width:320px;
background:#EFFAB4;}

linooo:hover{
background:#6A4A3C;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
width:350px;}

linooo:hover a.navloo{
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
margin-left:300px;
margin-top:-20px;}

linoooo{
position:fixed;
top:110px;
left:300px;
border-radius:10px;
width:320px;
height:10px;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
background:#D1F2A5;}

linoooo:hover{
background:#CC333F;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
width:350px;}

linoooo:hover a.navloo{
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
margin-left:280px;
margin-top:-40px;}

linooooo{
position:fixed;
top:130px;
left:340px;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
border-radius:10px;
width:320px;
height:10px;
background:#F56991;}

linooooo:hover{
background:#EB6841;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
width:350px;}

linooooo:hover a.navloo{
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
margin-left:290px;
margin-top:-20px;}

.word{
position: fixed;
width:100px;
font-size:14px;
bottom: -80px;
right: 10px;
padding:5px;
border-radius:10px;
font-family:consolas;
letter-spacing:2px;
text-transform:uppercase;
color:#888;
margin-top:5px;
text-align:center;
height:100px;
background:#FFF0E0;}


a.navloo{
width:100px;
font-family:tinytots;
font-size:8px;
border:1px dashed #aaa;
display:inline-block;
text-align:center;
color:#000;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
padding:1px;
background:#fff;
margin-left:-310px;}

a.navloo:hover{
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
margin-left:150px;}

</style>

<center><div class="h1">Contactio</div>
<lin><a class="navloo">facebook</lin></a>
<linooo><a class="navloo">twitter</linooo></a>
<linoooo><a class="navloo">blogskins</linoooo></a>
<linooooo><a class="navloo">tumblr</linooooo></a>
</center>
<div class="word"><a style="color:#000;" href="http://www.blogskins.com/me/tralala-afiqah">THEME</a> <a style="color:#000;" href="http://chocollyheart.blogspot.com/">BY</a></div>