API tools faq
paste
Mr_Acid_Poison

SC part 4

Mr_Acid_Poison
Aug 10th, 2016
326
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 15.71 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <link rel="SHORTCUT ICON" href="http://www.hi5style.com/gr/heart.gif">
  3. <title>Happy Birthday Yo Ni</title>
  4. <meta name="author" content="Happy Birthday Yo Ni" />
  5. <meta name="keywords" content="Happy Birthday Yo Ni" />
  6. <meta name="description" content="Happy Birthday Yo Ni" />
  7. <meta name="autor" content="Steven Seto" />
  8. <head>
  9.  
  10. <style id='page-skin-1' type='text/css'><!--
  11. *{
  12. padding:0;
  13. margin:0;
  14. }
  15. .clear{
  16. clear:both;
  17. }
  18. a img{
  19. border:0;
  20. }
  21. a:focus{
  22. outline:0;
  23. }
  24. body{
  25. background:#FFFFCC;
  26. font-family: 'Ubuntu Condensed', sans-serif;
  27. font-size:14px;
  28. }
  29. .wrapper{
  30. width:960px;
  31. margin:0 auto;
  32. }
  33. /* TOP BAR START */
  34. .topbar{
  35. background:#000000;
  36. height:50px;
  37. width:100%;
  38. }
  39. .topbar-center{
  40. width:960px;
  41. margin:0 auto;
  42. }
  43. .topbar-logo{
  44. float:left;
  45. color:#FFF;
  46. text-transform:uppercase;
  47. padding-top:11px;
  48. }
  49. .topbar-logo img{
  50. float:left;
  51. }
  52. .topbar-logo h1{
  53. font-size: 18px;
  54. font-weight: 400;
  55. letter-spacing:0.8px;
  56. float: left;
  57. padding-left: 6px;
  58. padding-top: 3px;
  59. }
  60. .topbar-menu{
  61. float:right;
  62. }
  63. .topbar ul{
  64. list-style:none;
  65. }
  66. .topbar ul li{
  67. float:left;
  68. }
  69. .topbar ul li a{
  70. display:block;
  71. padding:18px 18px 6px 18px;
  72. text-decoration:none;
  73. color:#d6d6d6;
  74. letter-spacing:0.8px;
  75. }
  76. .topbar ul li a:hover,.topbar ul li a.selected{
  77. background:#c72505;
  78. color:#FFF;
  79. }
  80. /* TOP BAR END */
  81. .colorbar{
  82. height:5px;
  83. width:100%;
  84. /*background:url() repeat-x;*/
  85. margin-bottom:25px;
  86. /*box-shadow: 2px 1px 2px #D6D6D6;*/
  87. }
  88. h1.numbering{
  89. font-size:50px;display:none;
  90. font-weight:400;text-shadow:1px 1px 1px #333;
  91. line-height:130px;color:#fff;
  92. }
  93. h3.title{
  94. font-size:38px;margin-top:150px;
  95. font-weight:400;opacity:0.7;
  96. letter-spacing:3px;text-shadow:1px 1px 1px #333;
  97. padding-left:5px;color:#fff;
  98. }
  99. h2.smalltitle{
  100. font-size:28px;
  101. padding-top:20px;
  102. }
  103. .squarecontents{
  104. color:#FFF;
  105. padding-left:20px;
  106. }
  107. .squarecontents p{
  108. line-height:26px;
  109. font-size:16px;
  110. letter-spacing:0.6px;
  111. padding-top:10px;
  112. }
  113. .square-cards{
  114. display:block;
  115. text-decoration:none;
  116. color:#FFF;
  117. padding-left:20px;
  118. }
  119. .square-cards:hover{
  120. color:#EDD;
  121. }
  122. .squares{
  123. position:relative;
  124. overflow:hidden;
  125. }
  126. .moveablesquare{
  127. position:absolute;
  128. /*left:-255px;
  129. top:0;*/
  130. }
  131. .square-1{
  132. width:700px;
  133. height:340px;
  134. margin-right:5px;
  135. float:left;
  136. }
  137. .square-1-card{
  138. width:700px;
  139. height:255px;
  140. background:url(http://www.newlifeimage.com/wp-content/uploads/2013/08/bday-720x310.png) no-repeat;
  141. padding-top:85px;
  142. }
  143. .about-content{
  144. width:680px;
  145. height:340px;
  146. background:#e34924;
  147. }
  148. .square-2{
  149. width:255px;
  150. height:340px;
  151. color:#FFF;
  152. float:left;
  153. }
  154. .square-2-card{
  155. width:235px;
  156. height:255px;
  157. background:url(http://4.bp.blogspot.com/-tC7Xzl05odg/UxF2V8e5hyI/AAAAAAAACvM/0kxnx8XaOS4/s1600/kartu+2.png) ;
  158. padding-top:85px;
  159. float:left;
  160. }
  161. .follow-content{
  162. width:235px;
  163. height:340px;
  164. background:#324da4;
  165. float:left;
  166. }
  167. .follow-content ul{
  168. list-style:none;
  169. }
  170. .follow-content ul li{
  171. float:left;
  172. padding-right:30px;
  173. padding-bottom:20px;
  174. }
  175. .follow-content ul li a{
  176. display:block;
  177. }
  178. .follow-content ul li a:hover img{
  179. border:5px solid #E34923;
  180. margin:-5px;
  181. }
  182. .googleplusone{
  183. background:#FFF;
  184. padding:3px;
  185. float:left;
  186. border:2px solid #E34923;
  187. }
  188. .square-3{
  189. width:370px;
  190. height:284px;
  191. color:#FFF;
  192. float:left;
  193. margin-top:5px;
  194. margin-right:5px;
  195. }
  196. .square-3-card{
  197. width:350px;
  198. height:224px;
  199. background:url(http://i328.photobucket.com/albums/l360/Steven_Seto/selamat-ulang-tahun-15_zpslijxkekj.jpg) repeat-x;
  200. padding-top:60px;
  201. float:left;
  202. }
  203. .blog-content{
  204. width:330px;
  205. height:284px;
  206. background:#333;
  207. float:left;
  208. padding-right:20px;
  209. }
  210. .square-4{
  211. width:585px;
  212. height:284px;
  213. color:#FFF;
  214. float:left;
  215. margin-top:5px;
  216. }
  217. .square-4-card{
  218. width:565px;
  219. height:224px;
  220. background:url(http://www.quoteslike.com/images/1045/14th-birthday-party-ideas-WRWKgr-quote.jpg) repeat-x;
  221. padding-top:60px;
  222. }
  223. .contact-content{
  224. width:565px;
  225. height:284px;
  226. background:#854554;
  227. }
  228. .contact-content ul{
  229. list-style:none;
  230. }
  231. .contact-msg{
  232. float:right;
  233. padding-top:35px;
  234. padding-right:20px;
  235. }
  236. .contact-msg img{
  237. padding-right:5px;
  238. padding-bottom:1px;
  239. }
  240. .square-5{
  241. width:960px;
  242. height:200px;
  243. color:#FFF;
  244. float:left;
  245. margin-top:5px;
  246. }
  247. .square-5-card{
  248. width:940px;
  249. height:185px;
  250. background:#619b20;
  251. padding-top:15px;
  252. }
  253. .mywork-content{
  254. width:940px;
  255. height:284px;
  256. background:#619b20;
  257. padding-right:20px;
  258. }
  259. .mywork-thumbnail-container{
  260. width:270px;
  261. padding-top:20px;
  262. float:left;
  263. }
  264. .mywork-thumbnail-container ul{
  265. list-style:none;
  266. }
  267. .mywork-thumbnail-container ul li{
  268. float:left;
  269. }
  270. .mywork-thumbnail-container ul li a{
  271. display:block;
  272. margin-right:12px;
  273. margin-bottom:5px;
  274. }
  275. .mywork-thumbnail-container ul li a img{
  276. border:3px #C33 solid;
  277. }
  278. .mywork-thumbnail-container ul li a:hover img,.mywork-thumbnail-container ul li a.selected img{
  279. border:3px #FC0 solid;
  280. }
  281. .mywork-bigimg-container{
  282. height:194px;max-width:200px;
  283. float:left;
  284. border:3px solid #C33;
  285. margin-top:20px;
  286. }
  287. .mywork-bigimg-container img{max-width:200px;
  288. display:none;
  289. }
  290. .mywork-description-container{
  291. height:162px;
  292. float:left;
  293. margin-top:20px;
  294. padding-left:10px;
  295. width:440px;
  296. }
  297. .mywork-description-container div{
  298. display:none;
  299. }
  300. .form-row{
  301. padding-top:15px;
  302. padding-bottom:6px;
  303. width:100%;
  304. }
  305. .form-textfield{
  306. font-family: 'Ubuntu Condensed', sans-serif;
  307. padding:10px 5px;
  308. width:249px;
  309. border:1px #933 solid;
  310. float:left;
  311. margin-right:20px;
  312. background:#681f30;
  313. color:#FFF;
  314. font-size:14px;
  315. }
  316. .form-textarea{
  317. font-family: 'Ubuntu Condensed', sans-serif;
  318. padding:10px 5px;
  319. width:530px;
  320. border:1px #933 solid;
  321. float:left;
  322. margin-right:30px;
  323. background:#681f30;
  324. color:#FFF;
  325. height:75px;
  326. overflow:auto;
  327. font-size:14px;
  328. }
  329. .Lfinal {float:left;width:350px;font-size:20px;margin-top:20px;}
  330. .Rfinal {float:right;width:500px;margin-top:20px;}
  331. input.ya
  332. {
  333. color: #333;
  334. background: lightpink;margin-right:20px;font-weight:bold;
  335. width:200px;height:40px;font-size:30px;
  336. border: 2px solid pink;box-shadow:2px 2px 2px #333;
  337. }
  338. input.ya:hover {box-shadow:2px 2px 2px #000;background:pink;color:#000;border: 2px solid #fff}
  339. input.tidak
  340. {
  341. color: #ccc;box-shadow:2px 2px 2px #333;
  342. background: #555;margin-right:20px;margin-top:5px;height:30px;
  343. width:100px;position:center center;
  344. border: 1px solid #777
  345. }
  346. input.tidak:hover {box-shadow:2px 2px 2px #333;background:gray;color:#fff;border: 1px solid #999}
  347. .submit input
  348. {
  349. color: #000;
  350. background: #ffa20f;
  351. border: 2px outset #d7b9c9
  352. }
  353. .green-submit{
  354. padding:10px;
  355. border:#060 solid 2px;
  356. background:#619b20;
  357. font-family: 'Ubuntu Condensed', sans-serif;
  358. color:#FFF;
  359. float:left;
  360. margin-right:20px;
  361. cursor:pointer;
  362. }
  363. .green-submit:hover{
  364. background:#769356;
  365. }
  366. .green-submit.disabled, .green-submit:active{
  367. background:#769356;
  368. color:#CCC;
  369. }
  370. .callme{
  371. float:left;
  372. padding-right:10px;
  373. padding-top:12px;
  374. }
  375. .phonenumber{
  376. font-size:24px;
  377. padding-top:5px;
  378. }
  379. /* FOR FOOTER */
  380. .footer{
  381. background:#000;
  382. width:100%;
  383. margin-top:50px;
  384. }
  385. .footer-center{
  386. width:960px;
  387. margin:0 auto;
  388. padding-top:10px;
  389. padding-bottom:10px;
  390. }
  391. .footer-center ul{
  392. list-style:none;
  393. }
  394. .footer-center li{
  395. float:left;
  396. padding-right:10px;
  397. }
  398. .footer-center li a{
  399. color:#D6D6D6;
  400. text-decoration:none;
  401. }
  402. .footer-center li a:hover{
  403. text-decoration:underline;
  404. }
  405. .footer-center-left{
  406. float:left;
  407. }
  408. .footer-center-right{
  409. float:right;
  410. color:#D6D6D6;
  411. }
  412.  
  413. --></style>
  414. <script src='http://sayloveonline.googlecode.com/files/jquery-1.7.min.js' type='text/javascript'></script>
  415. <script src='http://sayloveonline.googlecode.com/files/jquery.easing.1.3.js' type='text/javascript'></script>
  416. <script src='http://sayloveonline.googlecode.com/files/jquery.scrollTo-min.js' type='text/javascript'></script>
  417. <script src='http://sayloveonline.googlecode.com/files/script.js' type='text/javascript'></script>
  418. <script type="text/javascript">var a=navigator,b="userAgent",c="indexOf",f="&m=1",g="(^|&)m=",h="?",k="?m=1";function l(){var 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;default: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)};
  419. </script><script type="text/javascript">
  420. if (window.jstiming) window.jstiming.load.tick('headEnd');
  421. </script></head>
  422. <body oncontextmenu="return false;" onkeydown="return false;" onmousedown="return false">
  423. <div class='navbar section' id='navbar'></div>
  424. <!-- TOP BAR START -->
  425. <div class='topbar'>
  426. <div class='topbar-center'>
  427. <div class='topbar-logo'>
  428. <img alt='Logo' src='http://i328.photobucket.com/albums/l360/Steven_Seto/age-15-happy-birthday-card-792-pekm500x500ekm_zps2hhlzfrb.jpg' width='32'/>
  429. <h1>HBD Yo Ni</h1>
  430. </div>
  431. <div class='topbar-menu'>
  432. <ul>
  433. <li>
  434. <a class='selected home-menubtn' href='#'>HOME</a>
  435. </li>
  436. <li>
  437. <a class='about-menubtn' href='https://www.facebook.com/annisa.trilestari'>FOR YOU</a>
  438. </li>
  439. </ul>
  440. </div>
  441. </div>
  442. </div>
  443. <!-- TOP BAR END -->
  444. <div class='colorbar'>
  445. </div>
  446. <div class='wrapper'>
  447. <div class='square-1 squares'>
  448. <div class='moveablesquare'>
  449. <a class='square-1-card square-cards' href='#foryou'>
  450. <h3 class='title'>Dear Sayang</h3>
  451. </a>
  452. <div class='about-content squarecontents'>
  453. <h2 class='smalltitle'>Cieee yang ultaahh..</h2>
  454. <p>
  455. <img align='left' alt='Photo' src='http://i328.photobucket.com/albums/l360/Steven_Seto/age-15-happy-birthday-card-792-pekm500x500ekm_zps2hhlzfrb.jpg' style='border: 1px solid #D6D6D6;margin-right: 8px;margin-top: 8px;' width='120px'/>
  456.                                
  457.                              
  458. Hmm bingung jadinya mau nulis apa. hehe.<br/>
  459. Sayang? Happy Birthday yah.<br/>
  460. Semoga yang terbaik datang menghampirimu ya.<br/>
  461. Tambah rajin, tambah pinter, tambah sayang sama ortu, dan tentunya tambah cantik dan makin dewasa dong,<br/>
  462. cita2 kamu kewujud,<br/>
  463. hehehheheheh :D*<br/>
  464. HBD TO YOU <br/>
  465.             </p>
  466. </div>
  467. <div class='clear'></div>
  468. </div>
  469. </div>
  470. <div class='square-2 squares'>
  471. <div class='moveablesquare' style='width:510px; left:-255px;'>
  472. <div class='follow-content squarecontents'>
  473. <h1 class='smalltitle'>Kontak aku kalo ada yg dibutuhkan</h1>
  474. <ul style='padding-top:30px;'>
  475. <li>
  476. <a href='https://www.facebook.com/acid123321' target="_blank">
  477. <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'/>
  478. </a>
  479. </li>
  480. <li>
  481. <a href='https://twitter.com/Mr_Acid_Poison' target="_blank">
  482. <img alt='Twitter Logo' src='http://2.bp.blogspot.com/-U7-rvco7N_0/T9jLkFUlcBI/AAAAAAAAEUI/O441F-gf8ZI/s1600/social-twitter-box-blue-icon.png' width='70'/>
  483. </a>
  484. </li>
  485. </ul>
  486. <div class='clear'></div>
  487. <div class='googleplusone'>
  488. <!-- Place this tag where you want the +1 button to render -->
  489. <g:plusone annotation='inline' width='165'></g:plusone>
  490. <!-- Place this render call where appropriate -->
  491. <script type='text/javascript'>
  492.                 (function() {
  493.                   var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
  494.                   po.src = 'https://apis.google.com/js/plusone.js';
  495.                   var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  496.                 })();
  497.               </script>
  498. </div>
  499. </div>
  500. <a class='square-2-card square-cards' href='#support'>
  501. <h1 class='numbering'>02.</h1>
  502. <h1 class='title'>CONTACT <br/>ME</h1>
  503. </a>
  504. <div class='clear'></div>
  505. </div>
  506. </div>
  507. <div class='square-3 squares'>
  508. <div class='moveablesquare' style='width:740px;'>
  509. <a class='square-3-card square-cards' href='#itsme'>
  510. <h2 class='title'>HAPPY <br/> BIRTHDAY</h2>
  511. </a>
  512. <div class='blog-content squarecontents'>
  513. <h2 class='smalltitle'>HAPPY BIRTHDAY</h2>
  514. <p>Selamat Ulang Tahun ya,Semoga Panjang Umur dan sehat selalu<br/>
  515. Tak buat sesuatu yang berbeda dari yang lain<br/>
  516.  
  517.               </p>
  518. </div>
  519. </div>
  520. </div>
  521. <div class='square-4 squares'>
  522. <div class='moveablesquare' style='top:-284px;'>
  523. <div class='contact-content squarecontents'>
  524. <div class='square-title-topbar'>
  525. <h2 class='smalltitle'>GALERY</h2>
  526. <div class='mywork-thumbnail-container'>
  527. <ul>
  528. <li>
  529. <a class='selected' href='#' rel='1'>
  530. <img height='90' src='http://i328.photobucket.com/albums/l360/Steven_Seto/13866775_291873874498928_1093831130_n_zpswj9uprjm.jpg' width='70'/>
  531. </a>
  532. </li>
  533. <li>
  534. <a href='#' rel='2'>
  535. <img height='90' src='http://i328.photobucket.com/albums/l360/Steven_Seto/13866775_291873874498928_1093831130_n_zpswj9uprjm.jpg' width='70'/>
  536. </a>
  537. </li>
  538. <li>
  539. <a href='#' rel='3'>
  540. <img height='90' src='http://i328.photobucket.com/albums/l360/Steven_Seto/13866775_291873874498928_1093831130_n_zpswj9uprjm.jpg' width='70'/>
  541. </a>
  542. </li>
  543. <li>
  544. <a href='#' rel='4'>
  545. <img height='90' src='http://i328.photobucket.com/albums/l360/Steven_Seto/13866775_291873874498928_1093831130_n_zpswj9uprjm.jpg' width='70'/>
  546. </a>
  547. </li>
  548. <li>
  549. <a href='#' rel='5'>
  550. <img height='90' src='http://i328.photobucket.com/albums/l360/Steven_Seto/13866775_291873874498928_1093831130_n_zpswj9uprjm.jpg' width='70'/>
  551. </a>
  552. </li>
  553. <li>
  554. <a href='#' rel='6'>
  555. <img height='90' src='http://i328.photobucket.com/albums/l360/Steven_Seto/13866775_291873874498928_1093831130_n_zpswj9uprjm.jpg' width='70'/>
  556. </a>
  557. </li>
  558. </ul>
  559. </div>
  560. <div class='mywork-bigimg-container'>
  561. <img class='1' height='194' src='http://i328.photobucket.com/albums/l360/Steven_Seto/13866775_291873874498928_1093831130_n_zpswj9uprjm.jpg' style='display:block'/>
  562. <img class='2' height='194' src='http://i328.photobucket.com/albums/l360/Steven_Seto/13866775_291873874498928_1093831130_n_zpswj9uprjm.jpg'/>
  563. <img class='3' height='194' src='http://i328.photobucket.com/albums/l360/Steven_Seto/13866775_291873874498928_1093831130_n_zpswj9uprjm.jpg'/>
  564. <img class='4' height='194' src='http://i328.photobucket.com/albums/l360/Steven_Seto/13620323_902952773164904_4444621092104964697_n_zpsnjfipibb.jpg/>
  565. <img class='5' height='194' src='http://i328.photobucket.com/albums/l360/Steven_Seto/13620323_902952773164904_4444621092104964697_n_zpsnjfipibb.jpg'/>
  566. <img class='6' height='194' src='http://i328.photobucket.com/albums/l360/Steven_Seto/13620323_902952773164904_4444621092104964697_n_zpsnjfipibb.jpg'/>
  567. </div>
  568. </div>
  569. </div>
  570. <a class='square-4-card square-cards' href='#itsyou'>
  571. <h3 class='title'>GALERY</h3>
  572. </a>
  573. <div class='clear'></div>
  574. </div>
  575. </div>
  576. <div class='square-5 squares'>
  577. <a class='square-5-card square-cards' href='#toyou'>
  578. <h3 class='title' style='text-align:center;margin-top:10px;font-size:90px'>Tolong dibuka</h3>
  579. </a>
  580. <div class='mywork-content squarecontents'>
  581. <div class='Lfinal'>Sorry ya cuma bisa ngasih kayak gini <br/><br/>
  582. </div>
  583. <div class='Rfinal'>
  584. <div>hmm sekali lagi<br/>
  585. <h2>SELAMAT ULANG TAHUN YANG KE-14 Yo Ni..</h2>
  586. <div>Maaf aku cuma bisa ngasih sesuatu yang gak terlalu berharga kaya gini<br/>
  587. <br/>
  588. <h2><i>HBD TO YOU Sayang !!</i></h2>
  589. <img src='http://www.adsense-id.com/forums/images/vtc/09.gif'/>
  590. </div>
  591. </div></div>
  592. </div>
  593. <div class='clear'>
  594. </div>
  595. </div>
  596. <div class='footer'>
  597. <div class='footer-center'>
  598.  
  599. <div class='footer-center-right'>
  600.             Senin,21 November 2016 | Created by <a href='https://www.facebook.com/acid123321'>Steven Seto</a> for <a href='https://www.facebook.com/yo.ni.1426'>Yo Ni</a>.
  601.         </div>
  602. <div class='clear'></div>
  603. </div>
  604. </div>
  605. <embed src="http://fikrimaulana.w.pw/welcome.swf" width="0" height="0" allowfullscreen="true" allowscriptaccess="always"></embed>    
  606. <EMBED src="http://fikrimaulana.w.pw/HBD.swf" type="application/x-shockwave-flash" wmode="transparent" width="1" height="1">
  607.  
  608.  
  609. <embed src="https://www.youtube.com/v/VFhLJy0P2W0?autoplay=1" type="application/x-shockwave-flash" wmode="transparent" width="0" height="0"></embed>
  610.  
  611. </body>
  612. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!