Script HTML Ucapan Ulang Tahun Buat Pacar

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.
org/TR/x
html1/DTD/xhtml1-strict.dtd">
<link rel="SHORTCUT ICON" href="htt p://www.hi5style.com/gr/heart.gif">
<title>Happy Birthday Diana Lasiyati Dewi</title>
<meta name="author" content="Happy Birthday Diana Lasiyati Dewi" / >
<meta name="keywords" content="Happy Birthday Diana Lasiyati Dewi" / >
<meta name="description" content="Happy Birthday Diana Lasiyati Dewi" / >
<meta name="autor" content="Dika Nurohim" / >
<head>
<style id='page-skin-1' t y p e = ' t e x t / c s s ' > < ! - -
* { paddi
ng:0;
margin:0;
}
.
c l e a r { c le
ar :both;
}
a
img{ bor
der:0;
}
a:focus{
ou tl in e :0 ;
}
body{ background:#F
FFFCC;
font-family:
'Ubuntu Condensed',
sans-serif;
font-size:14px;
}
.
wrapper{ widt
h:960px;
margin:0 auto;
}
/ * TOP BAR
START * /
.
topbar{ backgroun
d:#000000;
height:50px;
width:100%;
}
.topbar-center{
width:960px;
margin:0 auto;
}
.topbar-logo{
fl o a t : l e f t ;
color:#FFF;
text-
transform:up
percase;
padding-
top:11px;
}
.topbar-logo img{
}
.topbar-logo
h1{ font-size:
18px; font-
weight: 400;
lett er-
fl o a t : r i g h t ;
}
.topbar u l{
list-style:none;
}
.topbar ul l i {
}
.topbar ul l i a{
display:block;
padding:18px
18px 6px 18px;
text-decoration:none;
color:#d6d6d6;
lett er-spacing:0.8px;
}
.topbar ul l i a:hover,.topbar ul l i
a.se lected { background:#c72505;
color:#FFF;
}
/ * TOP BAR END* /
.
colorbar{
height:5px;
width:100%;
/
*backgroun
d:url()
repe at- x ;*/
margin-
bottom:25p
x;
/*box-
shadow: 2px
1px 2px
#D6D6D6;*/
}
h1.numberi
ng{
font-
size:50px;d
isplay:non
e;
font-weight:400;text-shadow:1px 1px 1px #333;
line -he ight:130p x ;color :#ff f ;
}
h3.title{
font-size:38px;margin-top:150px;
font-weight:400;opacity:0.7;
lett er-spacing:3px;text-
shadow:1px 1px 1px #333;
padding-left:5px ;color:#ff f;
}
h 2. s m a ll tit le { f
ont-size:28px;
padding-top:20px;
}
.
squarecontents{ c
olor:#FFF;
padding-left:20px;
}
.squarecontents
p{ line-height:26px;
font-size:16px;
}
.
squares{ p ositio
n:r e lative ;
overflow:hidden;
}
.
moveablesquare{ p
osition:absolute;
/*left:-255px;
top:0;*/
}
.square-
1{ width:700px;
height:340px;
margin-right:5px;
}
.square-1-card{
width:680px;
height:255px;
background:url(h
ttp://4.bp.blogspo
t.com/-OO3gkG6
Qlvs/UxFw9Eh6j
SI/AAAAAAAA
Cu0/N2t
znNMUmT8/s1600/kartu+1.png) no-repeat;
padding-top:85px;
}
.about-
content{ width:680
px; height:340px;
background:#e34924;
}
.square-
2{ width:255
px;
height:340px;
color:#FFF;
}
.square-2-card{
width:235px;
height:255px;
background:url(h
ttp://4.bp.blogspo
t.com/-tC7Xzl05o
dg/UxF2V8e5hyI/
AAAAAAAACv
M/0kx
nx8XaOS4/s1600/kartu+2.png) ;
padding-top:85px;
}
.follow-
content{ width:235
px; height:340px;
background:#324da4;
}
.follow-content u l{
l i s t - s t yl e : n o n e ;
}
.follow-content ul l i {
padding-right:30px;
padding-bottom:20px;
border:5px solid #E34923;
margin:-5px;
}
.
googleplusone{
background:#FFF;
padding:3px;
border:2px solid
#E34923;
}
.square-
3{ width:370px;
height:284px;
color:#FFF;
margin-top:5px;
margin-right:5px;
}
.square-3-card{
width:350px;
height:224px;
background:url(h
ttp://2.bp.blogspo
t.com/-nHlTVHo
7ECQ/UxF9cN6F
z6I/AAAAAAAA
Cvc/_uS
PkNu6RV0/s1600/kartu+3.png) repeat-x;
padding-top:60px;
}
.blog-
content{ width:
330px;
height:284px;
background:#333;
padding-
right:20px;
}
.square-
4{ width:585px
; height:284px;
color:#FFF;
margin-top:5px;
}
.square-4-card{
width:565px;
height:224px;
background:url(
http://2.bp.blogs
pot.com/-JfXGj--
auiY/UxF1Ii3Ln
HI/AAAAAAA
ACvA/bhK
1CGmMgm8/s1600/kartu+4.png) repeat-x;
padding-top:60px;
}
.contact-
content{ width:565
px; height:284px;
background:#854554;
}
.contact-content u l {
list-style:none;
}
.contact-
padding-right:5px;
padding-bottom:1px;
}
.square-
5{ width:960px
; height:200px;
color:#FFF;
margin-top:5px;
}
.square-5-
card{ width:940px;
height:185px;
background:#619b20;
padding-top:15px;
}
.mywork-
content{ width:940p
x; height:284px;
background:#619b20;
padding-
right:20px;
}
.mywork-thumbnail-container{
width:270px;
padding-top:20px;
}
.mywork-thumbnail-container u l{
list-style:none;
}
.mywork-thumbnail-container ul l i {
}
.mywork-thumbnail-container ul l i a{
display:block;
margin-right:12px;
margin-bottom:5px;
}
.mywork-thumbnail-container ul l i a
img{ border:3px #C33 s o l i d ;
}
.mywork-thumbnail-container ul l i a:hover img,.mywork-thumbnail-container ul l i
a.selected img{
border:3px #FC0 s o l i d ;
}
.mywork-bigimg-
container{ height:194px;max-
width:200px; fl o a t : l e f t ;
border:3px solid #C33;
margin-top:20px;
}
.mywork-bigimg-container img{max-width:200px;
display:none;
}
.mywork-description-container{
height:162px;
margin-top:20px;
padding-left:10px;
width:440px;
}
.mywork-description-container div{
display:none;
}
.form-
row{ padding-
top:15px;
padding-
bottom:6px;
width:100%;
}
.f or m -tex tfi eld {
font-family: 'Ubuntu Condensed', s a n s - s e r i f ;
padding:10px 5px;
width:249px;
border:1px #933 s o l i d ;
margin-right:20px;
background:#681f30;
color:#FFF;
font-size:14px;
}
.form-textarea{
font-family: 'Ubuntu Condensed', s a n s - s e r i f ;
padding:10px 5px;
width:530px;
border:1px #933 s o l i d ;
margin-right:30px;
background:#681f30;
color:#FFF;
height:75px;
overfl ow:auto;
font-size:14px;
}
.L fi n a l
{fl oat:left;width:35
0px;font-
size:20px;margin-
top:20px;}
.Rfi nal {fl oat:right;width:500px;margin-top:20px;}
input.ya
{
c ol or : #333;
background: lightpink;margin-right:20px;font-weight:bold;
width:200px;height:40px;font-size:30px;
border: 2px solid pink;box-shadow:2px 2px 2px #333;
}
input.ya:hover {box-shadow:2px 2px 2px #000;background:pink;color:#000;border: 2
px solid # ff f }
input.tidak
{
c ol or : #ccc;box-shadow:2px 2px 2px #333;
background: #555;margin-right:20px;margin-top:5px;height:30px;
width:100px;position:center center;
border: 1px solid #777
}
input.tidak:hover {box-shadow:2px 2px 2px
#333;background:gray;color:#ff f;border
: 1px solid #999}
.submit input
{
c ol or : #000;
background: # ff a 2 0 f ;
border: 2px outset
#d7b9c9
padding:10px;
border:#060 solid 2px;
background:#619b20;
font-family: 'Ubuntu
Condensed', s a n s -
serif;
color:#FFF;
margin-
right:20px;
cursor:poi
nter;
}
.green-submit:hover{
background:#769356;
}
.green-submit.disabled, .green-submit:active{
background:#769356;
color:#CCC;
}
.
callme{ fl
oat:left;
padding-
right:10px;
padding-
top:12px;
}
.
phonenumber{ fo
nt-size:24px;
padding-top:5px;
}
/ * FOR FOOTER * /
.
f o o t e r { backgro
und:#000;
width:100%;
margin-top:50px;
}
.footer -
ce nte r{ width:960px
; margin:0 auto;
padding-top:10px;
padding-bottom:10px;
}
.footer-center u l{
list-style:none;
}
.footer-center l i {
padding-
right:10px;
}
.footer-center l i a{
color:#D6D6D6;
text-
decoration:none;
}
.footer-center l i a:hover{
text-decoration:underline;
}
.footer-center-left{
}
<script src='htt p://sayloveonline.googlecode.com/fi les/jquery-1.7.min.js' type='
te x t/javas c r ip t'>< /sc r ip t>
<script src='htt p://sayloveonline.googlecode.com/fi les/jquery.easing.1.3.js' typ
e =' te x t/ j ava s c r i p t' > </ s c r i p t>
<script src='htt p://sayloveonline.googlecode.com/fi les/jquery.scrollTo-min.js' t
ype='text/javascript'></script>
<script src='htt p://sayloveonline.googlecode.com/fi les/script.js' type='text/jav
as c rip t' ></s c r ip t>
<script type="text/javascript">var a=navigator,b="userAgent",c="indexOf",f="&m=1
",g="(^|&)m=",h="?",k="?m=1";function l ( ) { va r d=window.location.href,e=d.split(h
);switch(e.length){case 1:return d+k;case 2:return 0<=e[1].search(g)?null:d+f;de
fault:return null}}if(-1!=a[b][c]("Mobile")&&-1!=a[b][c]("WebKit")&&-1==a[b][c](
"iPad")||-1!=a[b][c]("Opera Mini")||-1!=a[b][c]("IEMobile")){var m=l();m&&window
.location.replace(m )};
</script><script type="text/javascript">
i f (window.jstiming) window.jstiming.load.tick('headEnd');
</script></head>
<body oncontextmenu="return f a l s e ; " onkeydown="return f a l s e ; " onmousedown="retur n
fals e" >
<div class='navbar s ec tion ' id='navbar'></div>
< ! - - TOP BAR START - - >
<div class='topbar'>
<div class='topbar-center'>
<div class='topbar-logo'>
<img alt='Logo' src='http://1.bp.blogspot.com/-v8lKH64XOcY/T9nuZ5WKWpI/AAAAAAAAA
R8/NjsrPdZVIc4/s320/surrender.ico' width='32'/>
<h1>HBD Diana Lasiyati Dewi</h1>
</div>
<div class='topbar-menu'>
<ul>
<li>
<a class='selected home-menubtn' href='#'>HOME</a>
</li>
<li>
<a class='about-menubtn' href='#foryou'>FOR YOU</a>
</li>
<li>
<a class='follow-menubtn' href='#support'>CONTACT ME</a>
</li>
<li>
<a class='blog-menubtn' href='#ucapan'>HAPPY</a>
</li>
<li>
<a class='contact-menubtn' href='#itsyou'>GALERY</a>
</li>
<li>
<a class='work-menubtn' href='#toyou'>TO YOU</a>
</li>
</ul>
</div>
</div>
</div>
< ! - - TOP BAR END- - >
<div c lass='colorbar'>
</div>
<div class='wrapper'>
<div class='square-1 squares'>
<div class='moveablesquare'>
<a class='square-1-card square-cards' href='#foryou'>
<h3 c l as s = ' titl e ' >D e a r Ndut..</h3>
</a>
<div class='about-content squarecontents'>
<h2 c las s='sm alltitle'>Cieee yang ultaahh..</h2>
<p>
<img a l i g n = ' l e f t ' alt='Photo' src='htt ps://fb cdn-sphotos-f-a.akamaihd.net/hphoto
s-ak-prn1/68879_443532899044833_41134739_n.jpg' style='border: 1px solid #D6D6D6
;margin-right: 8px;margin-top: 8p x;' width='120px'/>
Hmm bingung jadinya mau nulis apa. hehe.<br/>

Ndut? Happy Birthday yah.<br/>
Semoga yang terbaik datang menghampirimu
ya.<br/>
Tambah r a j i n , tambah p inter , tambah sayang sama ortu, dan tentunya tambah sayang sama
aku juga dong,<br/>
c ita2 kamu kewujud,<br/>
dan lulus un + dapet tempat kuliah / kerja yg di inginkan.<br/>
Sisanya ngomong langsung j aa ya hehe.<br/>
Mwaaaahhhh :*<b r />
I LOVE U <br/>
</p>
</div>
<div class='clear '></d iv>
</div>
</div>
<div class='moveablesquare' style='width:510px; l e f t : - 2 5 5 p x ; ' >
<div class='follow-content squarecontents'>
<h1 class='smalltitle'>CONTACT ME</h1>
<ul style='padding-top:30px;'>
<li>
<a href='https://www.fb.com/dika.nurohim' target="_blank">
<img alt='Facebook logo' src='http://2.bp.blogspot.com/-TN0wIr9W3lw/T9jLhU94boI/
AAAAAAAAET4/M_Hr0k-GxwE/s1600/social-facebook-box-blue-icon.png' width='70'/>
</a>
</li>
<li>
<a href='htt ps://plus.google.com/u/0/104347067523941971156/' rel='me' target="_b
lank">
<img alt='Google Plus Logo' src='http://1.bp.blogspot.com/-oWsGgxyraXE/T9jLi4wVz
PI/AAAAAAAAEUA/27EoXNc3Po4/s1600/social-google-box-icon.png' width='70'/>
</a>
</li>
<li>
<a href='htt ps://twitt er.com/mr_dn' target="_blank">
<img alt='Twitt er Logo' src='http://2.bp.blogspot.com/-U7-rvco7N_0/T9jLkFUlcBI/A
AAAAAAAEUI/O441F-gf8ZI/s1600/social-twitter-box-blue-icon.png' width='70'/>
</a>
</li>
<li>
<a href='htt p://njank-njutz .blogspot.com/posts/feeds/' target="_blank">
<img alt='RSS Logo' src='http://3.bp.blogspot.com/-rj5o5hPu4TM/T9ky6t5ZKVI/AAAAA
AAAAoo/_NsX31L6i_A/s1600/social-rss-box-orange-icon.png' width='70'/>
</a>
</li>
</ul>
<div class='clear '></d iv>
<div class='googleplusone'>
< ! - - Place th i s tag where you want the +1 button to render - - >
<g:plusone annotation='inline' width='165'></g:plusone>
< ! - - Place th i s render c a l l where appropriate - - >
<script typ e='tex t/javasc r ipt'>
(function() {
var po = document.createElement('script'); po.type = ' t e x t / j a v
a s c r i p t ' ; po.async = tr u e ;
po.src =
'h tt ps :/ /apis.google.c om/js/p lus one.js';
var s = document.getElementsByTagName('script')[0]; s.parentNo
de.insertBefore(po, s ) ;
})();
</scr ip t>
</div>
</div>
<a class='square-2-
card square-cards' href='#support'>
<h1
class='numbering'>02.</h1>
<h1
class='title'>CONTACT <br/>ME</h1>
</a>
<div
class='clear '></d iv>
</div>
</div>
<div class='square-
3 squares'>
<div
class='moveablesquare'
style='width:740px;'>
<a class='square-3-
card square-cards' href='#itsme'>
<h2
class='title'>HAPPY <br/>
BIRTHDAY</h2>
</a>
<div class='blog-
content squarecontents'>
<h2
class='smalltitle'>HAPPY
BIRTHDAY</h2>
<p>Waktu berjalan
tiada henti mengiringi rembulan dan
mentari
yang t e r b i t dan tenggelam setiap hari mengiringi usiamu yang terus
bertambah dar i hari ke hari hingga saat i n i .
Selamat ulang tahun DLD,
Semoga langkah-langkahmu semakin matang dan selalu membawamu ke
arah yang lebih baik.
</p>
</div>
</div>
</div>
<div class='moveablesquare' style='top:-284px;'>
<div class='contact-content squarecontents'>
<div class='sq uare- title-top bar'>
<h2 class='smalltitle'>GALERY</h2>
<div class='mywork-thumbnail-container'>
<ul>
<li>
<a c la s s =' s e l e c te d ' h r e f = ' # ' r e l = ' 1 ' >
<img height='90' src='htt ps://fb cdn-sphotos-h-
a.akamaihd.net/hphotos-ak-ash4/t1/ 1005113_410766265711637_1805269455_n.jpg'
width='70'/>
</a>
</li>
<li>
<li>
<a h r e f = ' # ' r e l = ' 4 ' >
<img height='90' src='htt ps://fb cdn-sphotos-b-a.akamaihd.net/hphotos-ak-prn2/t1/
1375258_452409758213954_173230158_n.jpg' width='70'/>
</a>
</li>
<li>
<a h r e f = ' # ' r e l = ' 5 ' >
<img height='90' src='htt ps://fb cdn-sphotos-c-a.akamaihd.net/hphotos-ak-ash3/t1/
1385987_452409471547316_746208134_n.jpg' width='70'/>
</a>
</li>
<li>
<a h r e f = ' # ' r e l = ' 6 ' >
<img height='90' src='htt ps://fb cdn-sphotos-h-a.akamaihd.net/hphotos-ak-frc3/t1/
1377418_452401988214731_225098214_n.jpg' width='70'/>
</a>
</li>
</ul>
</div>
<div class='mywork-bigimg-container'>
<img c l a s s = ' 1 ' height='194' src='htt ps://fb cdn-sphotos-h-a.akamaihd.net/hphotos-
ak-ash4/t1/1005113_410766265711637_1805269455_n.jpg' style='d isplay:block'/>
<img c l a s s = ' 2 ' height='194' src='htt ps://fb cdn-sphotos-f-a.akamaihd.net/hphotos-
ak-ash4/t1/p206x206/1069821_404741989647398_1317411568_n.jpg'/>
<img c l a s s = ' 3 ' height='194' src='htt ps://fb cdn-sphotos-e-a.akamaihd.net/hphotos-
ak-ash3/t1/533730_285569841564614_206278897_n.jpg'/>
<img c l a s s = ' 4 ' height='194' src='htt ps://fb cdn-sphotos-b-a.akamaihd.net/hphotos-
ak-prn2/t1/1375258_452409758213954_173230158_n.jpg'/>
<img c l a s s = ' 5 ' height='194' src='htt ps://fb cdn-sphotos-c-a.akamaihd.net/hphotos-
ak-ash3/t1/1385987_452409471547316_746208134_n.jpg'/>
<img c l a s s = ' 6 ' height='194' src='htt ps://fb cdn-sphotos-h-a.akamaihd.net/hphotos-
ak-frc3/t1/1377418_452401988214731_225098214_n.jpg'/>
</div>
</div>
</div>
<a class='square-4-card square-cards' href='#itsyou'>
<h3 class='title'>GALERY</h3>
</a>
<div c las s='clear' ></d iv>
</div>
</div>
<a class='square-5-card square-cards' href='#toyou'>
<h3 c l a s s = ' t i t l e ' style='text-align:center;margin-top:10px;font-size:90px'>JANGA
N DI BUKA!!</h3>
</a>
<div class='mywork-content squarecontents'>
<div class='Lfi nal'>Maaf ya selama i n i aku belum bisa ja d i yang terbaik buat kam u :
( <br/><br/>
Maaf juga kalo aku sering bete : ' ) <br/>
BE MY LAST NDUT: * <br/>
</div>
<div c l as s = ' Rfi n al ' >
<div>hmm sekali lagi<br/>
<h2>SELAMAT ULANGTAHUN YANGKE-18 NDUT..</h2>
<div>Maaf aku cuma bisa ngasih sesuatu yang gak terlalu berharga kaya gini<br/>
<br/>
<h2><i>I LOVE YOUNDUTSAYANG !! </ i></ h2>
<img src='htt p://www.adsense-id.com/forums/images/vtc/09.gif'/>
</div>
</div></div>
</div>
<div c l a s s = ' c l e a r ' >
</div>
</div>
<div c l as s = ' f oo te r ' >
<div c las s='footer - ce nter '>
<div c las s=' foote r - c en te r -r igh t' >
Sabtu, 1 Maret 2014 | Created by <a href='htt ps://twitt er.com/mr
_dn'>Dika Nurohim</a> for <a href='htt ps://twitt er.com/diana_lasiyati'>Diana Las
i ya t i Dewi</a>.
</div>
<div c las s='clear' ></d iv>
</div>
</div>
<embed src="http://fikrimaulana.w.pw/welcome.swf" width="0" height="0" allowfull
screen="true" allowscriptaccess="always"></embed>
<EMBED src="http://fikrimaulana.w.pw/HBD.swf" type="application/x-shockwave-flas
h" wmode="transparent" width="1" height="1">
</body>
</html>

Script HTML Ucapan Ulang Tahun Buat Pacar

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Script HTML Ucapan Ulang Tahun Buat Pacar

Uploaded by

Copyright:

Available Formats

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.

Hmm bingung jadinya mau nulis apa. hehe.<br/>

You might also like