<html>
<head>
<style type="text/css">
.vcardmain {
width: 350px;
padding: 25px 35px 15px 25px;
border: 10px solid #fc0;
text-shadow: 0px 1px 2px #111;
font-family: "Liberation Sans Bold", Arial, sans-serif;
color:#f5f5f5;font-size: 18px;
-moz-box-shadow: 0px 7px 20px 7px #666;
-webkit-box-shadow: 0px 7px 20px 7px #666;
box-shadow: 0px 7px 20px 7px #666;
-moz-border-radius-topleft: 0px;
-webkit-border-top-left-radius: 0px;
-moz-border-radius-topright: 15px;
-webkit-border-top-right-radius: 15px;
-moz-border-radius-bottomleft: 15px;
-webkit-border-bottom-left-radius: 15px;
-moz-border-radius-bottomright: 15px;
-webkit-border-bottom-right-radius: 15px;
background: #d2d5f0 url(http://i425.photobucket.com/albums/pp331/fauzi6009/batik.jpg) repeat fixed;
}
.fn {
width: 140px;
border: 1px solid #e6e6e6;
padding: 5px 5px 5px 15px;
background-color: #e6e6e6;
font-weight: bold;
color: #000;
text-shadow: 0px 1px 1px #fff;
font-family: "Liberation Sans Bold", Arial, sans-serif;
color:#000;font-size: 20px;
-moz-border-radius-topleft: 10px;
-webkit-border-top-left-radius: 10px;
-moz-border-radius-topright: 10px;
-webkit-border-top-right-radius: 10px;
-moz-box-shadow: 0px 7px 20px 7px #666;
-webkit-box-shadow: 0px 7px 20px 7px #666;
box-shadow: 0px 7px 20px 7px #666;
}
style>
head>
<body>
<div class="vcard">
<div class="fn">Mustafa, Fauziediv>
<div class="vcardmain">
<div class="n">Fauzie Mustafadiv>
<div class="org">Sea Eagle Maritimediv>
<div class="adr">
<div class="street-address">#42 & 42A Mawar 1, Tmn. Mawardiv>
<span class="locality">Pasir Gudangspan>,
<span class="region">JOHORspan>
<span class="postal-code">81700span>
div>
<p><div class="tel">(607) 254-3092div>p>
<p><div class="email"><a href="mailto:mfm6009@gmail.com">mfm6009@gmail.coma>div>p>
<table>
<tr>
<td class="f">skypetd>
<td class="v"><a id="skype" class="url im offline" href="#">fauzi6009a>td>
tr>
<tr>
<td class="f">yahootd>
<td class="v"><a id="yahoo" class="url im offline" href="#">fauzi6009@ymail.coma>td>
tr>
<tr class="spacer">
<td class="f"> td>
<td class="v"> td>
tr>
<tr>
<td class="f">facebooktd>
<td class="v"><a id="facebook" class="url sn" href="#" rel="me">facebook.com/fauzimustafaa>td>
tr>
<tr>
<td class="f">linkedintd>
<td class="v"><a id="linkedin" class="url sn" href="#" rel="me">linkedin.com/in/fauzia>td>
tr>
<tr>
<td class="f">blogtd>
<td class="v"><a id="blog" class="url sn" href="#" rel="me">jom kita bloga>td>
tr>
<tr>
<td class="f">twittertd>
<td class="v"><a id="twitter" class="url sn" href="#" rel="me">twitter.com/fauzia>td>
tr>
<tr>
<td class="f">flickrtd>
<td class="v"><a id="flickr" class="url sn" href="#" rel="me">flickr.com/photos/fauzia>td>
tr>
<tr>
<td class="f">youtubetd>
<td class="v"><a id="youtube" class="url sn" href="#" rel="me">youtube.com/fauzia>td>
div>
div>
body>
html>
No comments:
Post a Comment