API tools faq
paste
Advertisement
pebriana

pebriana.web.id::template

pebriana
Dec 1st, 2011
141
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 22.01 KB | None | 0 0
raw download clone embed print report
  1. #Apri Pebriana Template [Blogger]:
  2. #Result Here: http://www.pebriana.web.id/
  3.  
  4.  
  5.  
  6. <?xml version="1.0" encoding="UTF-8" ?>
  7. <!DOCTYPE html>
  8. <html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
  9. <head>
  10. <title><data:blog.pageTitle/></title>
  11. <link href='http://blueprintcss.org/blueprint/screen.css' rel='stylesheet' type='text/css'/>
  12. <link href='http://embercopong.blogspot.com/favicon.ico' rel='icon' type='image/x-icon'/>
  13. <link href='https://plus.google.com/112508942181682164848' rel='author'/>
  14. <link href='https://plus.google.com/112508942181682164848' rel='me'/>
  15. <meta content='Xo7to452ULoF-MBUwPveydxUhxVOWc2kCEWWL3ed8mo' name='google-site-verification'/>
  16. <b:skin><![CDATA[/*
  17. -----------------------------------------------
  18. Theme Name: Eternalic.com
  19. Theme URI: http://www.eternalic.com/
  20. Author: Apri Pebriana
  21. Author URI: http://www.eternalic.com
  22. ----------------------------------------------- */
  23.  
  24. /*first step used css framework*/
  25. @import url('http://blueprintcss.org/blueprint/screen.css');
  26.  
  27.  
  28. /*--------------------------------------------------------
  29. * THIS CSS STYLE, AIMATION MENU FROM Tympanus.NET
  30. * http://tympanus.net/Tutorials/CreativeCSS3AnimationMenus/
  31. ---------------------------------------------------------*/
  32. /* CSS reset */
  33.  
  34. body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0;padding:0;}
  35. html,body {margin:0;padding:0;}
  36. table {border-collapse:collapse;border-spacing:0;}
  37. fieldset,img {border:0;}
  38. input{border:1px solid #b0b0b0;padding:3px 5px 4px;color:#979797;width:190px;}
  39. address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
  40. ol,ul {list-style:none;}
  41. caption,th {text-align:left;}
  42. h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
  43. q:before,q:after {content:'';}
  44. abbr,acronym { border:0;}
  45.  
  46. body{ background:#ddd url('https://lh6.googleusercontent.com/-SiPKW1CyvuE/TstV5hJYj2I/AAAAAAAAAmU/lRs79MRriLo/s144/beige_paper.png') repeat top left;color: #333;font-family: 'Terminal Dosis', Arial, sans-serif;  font-size: 13px;overflow-x: hidden;overflow-y: hidden;}
  47.  
  48. /* --------------------------------------------------------------
  49. * @font-face. The WebSymbols typeface by the Just Be Nice studio
  50. * url:[www.justbenicestudio.com].
  51. *----------------------------------------------------------------*/
  52. @font-face{ font-family: 'WebSymbolsRegular';
  53.     src: url('http://www.justbenicestudio.com/fonts/websymbols-regular-webfont.eot');
  54.     src: url('http://www.justbenicestudio.com/fonts/websymbols-regular-webfont.eot?#iefix') format('embedded-opentype'),
  55.          url('http://www.justbenicestudio.com/fonts/websymbols-regular-webfont.woff') format('woff'),
  56.          url('http://www.justbenicestudio.com/fonts/websymbols-regular-webfont.ttf') format('truetype'),
  57.          url('http://www.justbenicestudio.com/fonts/websymbols-regular-webfont.svg#WebSymbolsRegular') format('svg');}
  58. a{color: #fff;text-decoration: none;}
  59. .ca-menu{padding:0;margin:20px auto;width: 500px;}
  60. .ca-menu li{width: 500px;height: 100px;overflow: hidden;position: relative;display: block;background: #fff;
  61.    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
  62.    -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
  63.    box-shadow: 1px 1px 2px rgba(0,0,0,0.2);margin-bottom: 4px;
  64.    -webkit-transition: all 300ms linear;
  65.    -moz-transition: all 300ms linear;
  66.    -o-transition: all 300ms linear;
  67.    -ms-transition: all 300ms linear;
  68.    transition: all 300ms linear;
  69. }
  70. .ca-menu li:last-child{margin-bottom: 0px;}
  71. .ca-menu li a{text-align: left;width: 100%;height: 100%;display: block;color: #333;position: relative;}
  72. .ca-icon{font-family: 'WebSymbolsRegular', cursive;font-size: 20px;text-shadow: 0px 0px 1px #333;line-height: 90px;position: absolute;width: 90px; left: 20px;text-align: center;
  73.    -webkit-transition: all 300ms linear;
  74.    -moz-transition: all 300ms linear;
  75.    -o-transition: all 300ms linear;
  76.    -ms-transition: all 300ms linear;
  77.    transition: all 300ms linear;}
  78. .ca-content{position: absolute;left: 120px;width: 370px;height: 60px;top: 20px;}
  79. .ca-main{font-size: 30px;
  80.    -webkit-transition: all 300ms linear;
  81.    -moz-transition: all 300ms linear;
  82.    -o-transition: all 300ms linear;
  83.    -ms-transition: all 300ms linear;
  84.    transition: all 300ms linear;
  85. }
  86. .ca-sub{font-size: 14px;color: #666;
  87.    -webkit-transition: all 300ms linear;
  88.    -moz-transition:
  89. all 300ms linear;
  90.    -o-transition: all 300ms linear;
  91.    -ms-transition: all 300ms linear;
  92.    transition: all 300ms linear;
  93. }
  94. .ca-menu li:hover{background: #e1f0fa;}
  95. .ca-menu li:hover .ca-icon{font-size: 40px;color: #259add;opacity: 0.8;text-shadow: 0px 0px 13px #fff;}
  96. .ca-menu li:hover .ca-main{opacity: 1;color:#2676ac;
  97.    -webkit-animation: moveFromTop 300ms ease-in-out;
  98.    -moz-animation: moveFromTop 300ms ease-in-out;
  99.    -ms-animation: moveFromTop 300ms ease-in-out;}
  100. .ca-menu li:hover .ca-sub{opacity: 1;
  101.    -webkit-animation: moveFromBottom 300ms ease-in-out;
  102.    -moz-animation: moveFromBottom 300ms ease-in-out;
  103.    -ms-animation: moveFromBottom 300ms ease-in-out;}
  104. @-webkit-keyframes moveFromBottom {
  105.    from {opacity: 0;
  106.        -webkit-transform: translateY(200%);}
  107.    to {opacity: 1;
  108.        -webkit-transform: translateY(0%);}
  109. }
  110. @-moz-keyframes moveFromBottom {
  111.    from {opacity: 0;
  112.        -moz-transform: translateY(200%);}
  113.    to {opacity: 1;
  114.        -moz-transform: translateY(0%);}
  115. }
  116. @-ms-keyframes moveFromBottom {
  117.    from {opacity: 0;
  118.        -ms-transform: translateY(200%);}
  119.    to {opacity: 1;
  120.        -ms-transform: translateY(0%);}
  121. }
  122. @-webkit-keyframes moveFromTop {
  123.    from {opacity: 0;
  124.        -webkit-transform: translateY(-200%);}
  125.    to {opacity: 1;
  126.        -webkit-transform: translateY(0%);}
  127. }
  128. @-moz-keyframes moveFromTop {
  129.    from {opacity: 0;
  130.        -moz-transform: translateY(-200%);}
  131.    to {opacity: 1;
  132.        -moz-transform: translateY(0%);}
  133. }
  134. @-ms-keyframes moveFromTop {
  135.    from {opacity: 0;
  136.        -ms-transform: translateY(-200%);}
  137.    to {opacity: 1;
  138.        -ms-transform: translateY(0%);}
  139. }
  140. span.ca-icon-normal{font-size:20px;padding:10px;}
  141. a.first{margin-left:0px;padding-left:-10px !important;}
  142. a.ca-icon-href, a.first {color: #171717;padding:10px;}
  143. a.ca-icon-href:hover, a.first:hover {color: #EAEAEA;text-shadow: 0px 0px 1px #333;}
  144. .ca-icon-bottom{font-family: 'WebSymbolsRegular', cursive;font-size: 30px;text-shadow: 0px 0px 1px #333;text-align: center;
  145. -webkit-transition: all 300ms linear;
  146. -moz-transition: all 300ms linear;
  147. -o-transition: all 300ms linear;
  148. -ms-transition: all 300ms linear;
  149. transition: all 300ms linear;}
  150. .hidden-boxing{margin-top:400px;margin-bottom:400px;}
  151. .boxing {margin-top:50px;width: 100%;height: 400px;overflow: hidden;position: relative;display: block;background: #fff;padding:10px;
  152. -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
  153. -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
  154. box-shadow: 1px 1px 2px rgba(0,0,0,0.2);margin-bottom: 50px;
  155. -webkit-transition: all 300ms linear;
  156. -moz-transition: all 300ms linear;
  157. -o-transition: all 300ms linear;
  158. -ms-transition: all 300ms linear;
  159. transition: all 300ms linear;}
  160. .box-bottom, #s3slider{background: #fff;
  161. -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
  162. -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
  163. box-shadow: 1px 1px 2px rgba(0,0,0,0.2);margin-bottom: 4px;
  164. -webkit-transition: all 300ms linear;
  165. -moz-transition: all 300ms linear;
  166. -o-transition: all 300ms linear;
  167. -ms-transition: all 300ms linear;
  168. transition: all 300ms linear;
  169. }
  170. #s3slider {width: 430px;height: 308px;position: relative;overflow: hidden;margin-top:20px;}
  171. #s3sliderContent {width: 430px;position: absolute;padding:0px;}
  172. .s3sliderImage {float: left;position: relative;display: none;max-width:430px;max-height:308px;}
  173. .s3sliderImage span {position: absolute;left: 0;font: 20px Trebuchet MS, sans-serif;padding:0px;width: 430px;height:100px;background-color: #000;filter: alpha(opacity=80);-moz-opacity: 0.8;-khtml-opacity: 0.8;opacity: 0.8;color: #fff;display: none;bottom: 0;text-align:center;vertical-align:middle !important;}
  174. .clear {clear: both;}
  175.  
  176. /* General Demo Style */
  177.  
  178. body{background:#ddd url(https://lh6.googleusercontent.com/-SiPKW1CyvuE/TstV5hJYj2I/AAAAAAAAAmU/lRs79MRriLo/s144/beige_paper.png) repeat top left;color: #333;font-family: 'Terminal Dosis', Arial, sans-serif;font-size: 13px;}
  179. .container{position:relative}
  180. a{color: #fff;text-decoration: none;}
  181. .clr{clear: both;}
  182. .content{position:relative;}
  183. h1{margin:0px;padding:20px;font-size:32px;color:#000;text-shadow:1px 1px 1px rgba(255,255,255,0.9);text-align:center;font-weight:400;}
  184. h1 span{display:block;font-size:14px;color:#666;font-style:italic;font-family:Georgia, serif;padding-top:5px;}
  185. ul.bulet li {padding-left:20px;list-style-type:circle !important;}
  186. ul.bulet li a {color: #333333;}
  187. ul.bulet li a:hover,a.gayahover{background:#EAEAEA;color:#259add;}
  188. /* Header Style */
  189. .header{font-family:'Arial Narrow', Arial, sans-serif;line-height: 24px;font-size: 11px;background: #000;opacity: 0.9;text-transform: uppercase;z-index: 9999;position: relative;-moz-box-shadow: 1px 0px 2px #000;-webkit-box-shadow: 1px 0px 2px #000;box-shadow: 1px 0px 2px #000;}
  190. .header a{padding: 0px 10px;letter-spacing: 1px;color: #ddd;display: block;float: left;}
  191. .header a:hover{color: #fff;}
  192. .header span.right{float: right;}
  193. .header span.right a{float: none;display: inline;}
  194. .more{position:relative;clear:both;font-size: 11px;padding: 20px 0px;text-transform:uppercase;width: 390px;height:55px;margin: 0 auto;}
  195. .more ul{display:block;text-align:center;}
  196. .more ul li{display: block;padding: 4px 2px;float:left;}
  197. .more ul li.selected a,
  198. .more ul li.selected a:hover{background:#0099c5;color:#fff;text-shadow:none;font-weight:bold;}
  199. .more ul li a{color:#555;float:left;background:#fff;width:64px;padding: 2px 5px;
  200. -moz-box-shadow:1px 1px 2px #aaa;
  201. -webkit-box-shadow:1px 1px 2px #aaa;
  202. box-shadow:1px 1px 2px #aaa;}
  203. .more ul li a:hover{background:#000;color:#fff;}
  204.  
  205. ]]></b:skin>
  206. <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
  207.  
  208. <script type='text/javascript'>
  209. //<![CDATA[
  210. /* ------------------------------------------------------------------------
  211.     s3Slider
  212.  
  213.     Developped By: Boban Karia¡ik -> http://www.serie3.info/
  214. CSS Help: Masza¡ros Rabert -> http://www.perspectived.com/
  215.     Version: 1.0
  216.  
  217.     Copyright: Feel free to redistribute the script/modify it, as
  218.                long as you leave my infos at the top.
  219. -------------------------------------------------------------------------- */
  220.  
  221. (function($){
  222.  
  223. $.fn.s3Slider = function(vars) {
  224.  
  225. var element     = this;
  226. var timeOut     = (vars.timeOut != undefined) ? vars.timeOut : 4000;
  227. var current     = null;
  228. var timeOutFn   = null;
  229. var faderStat   = true;
  230. var mOver       = false;
  231. var items       = $("#" + element[0].id + "Content ." + element[0].id + "Image");
  232. var itemsSpan   = $("#" + element[0].id + "Content ." + element[0].id + "Image span");
  233.  
  234. items.each(function(i) {
  235.  
  236.     $(items[i]).mouseover(function() {
  237.        mOver = true;
  238.     });
  239.  
  240.     $(items[i]).mouseout(function() {
  241.         mOver   = false;
  242.         fadeElement(true);
  243.     });
  244.  
  245. });
  246.  
  247. var fadeElement = function(isMouseOut) {
  248.     var thisTimeOut = (isMouseOut) ? (timeOut/2) : timeOut;
  249.     thisTimeOut = (faderStat) ? 10 : thisTimeOut;
  250.     if(items.length > 0) {
  251.         timeOutFn = setTimeout(makeSlider, thisTimeOut);
  252.     } else {
  253.         console.log("Poof..");
  254.     }
  255. }
  256.  
  257. var makeSlider = function() {
  258.     current = (current != null) ? current : items[(items.length-1)];
  259.     var currNo      = jQuery.inArray(current, items) + 1
  260.     currNo = (currNo == items.length) ? 0 : (currNo - 1);
  261.     var newMargin   = $(element).width() * currNo;
  262.     if(faderStat == true) {
  263.         if(!mOver) {
  264.             $(items[currNo]).fadeIn((timeOut/6), function() {
  265.                 if($(itemsSpan[currNo]).css('bottom') == 0) {
  266.                     $(itemsSpan[currNo]).slideUp((timeOut/6), function() {
  267.                         faderStat = false;
  268.                         current = items[currNo];
  269.                         if(!mOver) {
  270.                             fadeElement(false);
  271.                         }
  272.                     });
  273.                 } else {
  274.                     $(itemsSpan[currNo]).slideDown((timeOut/6), function() {
  275.                         faderStat = false;
  276.                         current = items[currNo];
  277.                         if(!mOver) {
  278.                             fadeElement(false);
  279.                         }
  280.                     });
  281.                 }
  282.             });
  283.         }
  284.     } else {
  285.         if(!mOver) {
  286.             if($(itemsSpan[currNo]).css('bottom') == 0) {
  287.                 $(itemsSpan[currNo]).slideDown((timeOut/6), function() {
  288.                     $(items[currNo]).fadeOut((timeOut/6), function() {
  289.                         faderStat = true;
  290.                         current = items[(currNo+1)];
  291.                         if(!mOver) {
  292.                             fadeElement(false);
  293.                         }
  294.                     });
  295.                 });
  296.             } else {
  297.                 $(itemsSpan[currNo]).slideUp((timeOut/6), function() {
  298.                 $(items[currNo]).fadeOut((timeOut/6), function() {
  299.                         faderStat = true;
  300.                         current = items[(currNo+1)];
  301.                         if(!mOver) {
  302.                             fadeElement(false);
  303.                         }
  304.                     });
  305.                 });
  306.             }
  307.         }
  308.     }
  309. }
  310.  
  311. makeSlider();
  312. };
  313.  
  314. })(jQuery);
  315.  
  316. //]]>
  317. </script>
  318. <script type='text/javascript'>
  319. $(document).ready(function() {
  320. $(&#39;#s3slider&#39;).s3Slider({
  321. timeOut: 6000
  322. });
  323.  
  324. $(&#39;#top-link&#39;).click(function(event){
  325.         event.preventDefault();
  326.         var full_url = this.href;
  327.         var parts = full_url.split(&#39;#&#39;);
  328.         var trgt = parts[1];
  329.         var target_offset = $(&#39;#&#39;+trgt).offset();
  330.         var target_top = target_offset.top;
  331.         $(&#39;html, body&#39;).animate({scrollTop:target_top}, 500);
  332. });
  333.  
  334. });
  335. </script>
  336. </head>
  337. <body id='top'><a name='top'/>
  338. <br/><br/><br/><br/>
  339. <div class='container' style='margin:0 auto;'>
  340.     <div class='content span-24'>
  341.     <div class='span-11'>
  342.         <div id='s3slider'>
  343.             <ul id='s3sliderContent'>
  344.                 <li class='s3sliderImage'><a href='#'><img src='https://lh4.googleusercontent.com/-YkZdZ8GFrHI/Tsy6ruZlOGI/AAAAAAAAAmo/Bekr8wisMSI/s800/stiu_darul_hikmah.png' style='width:430px;height:308px;'/><span>Hallo : i\&#39;m Apri pebriana</span></a></li>
  345.                 <li class='s3sliderImage'><a href='#'><img src='https://lh3.googleusercontent.com/-waFVEyMAZjk/Tsy7dtvsTEI/AAAAAAAAAmw/VR7gN7z1awI/s800/bhelima_logo.png' style='width:430px;height:308px;'/><span>this website underconstructions</span></a></li>
  346.                 <li class='s3sliderImage'><a href='#'><img src='https://lh5.googleusercontent.com/-HRfDI_cHPqU/Tsy7d8dBfGI/AAAAAAAAAm4/nKw8b35TSRY/s800/eternalic.com.png' style='width:430px;height:308px;'/><span>soon !!!</span></a></li>
  347.                 <li class='s3sliderImage'><a href='#'><img src='https://lh4.googleusercontent.com/-k4Ngb0wr6KA/Tsy7d1S8_BI/AAAAAAAAAm0/hLrrr-0YBM0/s800/chunks_design_logo.png' style='width:430px;height:308px;'/><span>soon!!!</span></a></li>
  348. <li class='s3sliderImage'><a href='#'><img src='https://lh4.googleusercontent.com/-YkZdZ8GFrHI/Tsy6ruZlOGI/AAAAAAAAAmo/Bekr8wisMSI/s800/stiu_darul_hikmah.png' style='width:430px;height:308px;'/><span>Hallo : i\&#39;m Apri pebriana</span></a></li>
  349.             </ul>
  350.         </div>
  351.     </div>
  352.     <div class='span-13 last'>
  353.     <ul class='ca-menu'>
  354.         <li>
  355.             <a href='#about' rel='me'>
  356.                 <span class='ca-icon'>U</span>
  357.                 <div class='ca-content'>
  358.                     <h2 class='ca-main'>Apri Pebriana</h2>
  359.                     <h3 class='ca-sub'>this is about my personalized</h3>
  360.                 </div>
  361.             </a>
  362.         </li>
  363.         <li>
  364.             <a href='#cv'>
  365.                 <span class='ca-icon'>A</span>
  366.                 <div class='ca-content'>
  367.                     <h2 class='ca-main'>Curriculum Vitae</h2>
  368.                     <h3 class='ca-sub'>professionals in action</h3>
  369.                 </div>
  370.             </a>
  371.         </li>
  372.         <li>
  373.             <a href='#contact'>
  374.                 <span class='ca-icon'>H</span>
  375.                 <div class='ca-content'>
  376.                     <h2 class='ca-main'>Contact Me</h2>
  377.                     <h3 class='ca-sub'>get a free contact and never lose</h3>
  378.                 </div>
  379.             </a>
  380.         </li>
  381.     </ul>
  382.     </div>
  383.     <div class='span-24 last prepend-top append-bottom'>
  384.         <center>
  385.             <a class='first' href='http://pebriana.linuxmaniac.net/' target='_blank' title='Apri Pebriana Blog'><span class='ca-icon-bottom'>v</span><span class='ca-icon-normal'>blog</span></a>
  386.             <a class='ca-icon-href' href='http://id.linkedin.com/in/pebriana/' target='_blank' title='Apri Pebriana Linkedin'><span class='ca-icon-bottom'>l</span><span class='ca-icon-normal'>linkedIn</span></a>
  387.             <a class='ca-icon-href' href='#' target='_blank' title='Apri Pebriana Delicious Account'><span class='ca-icon-bottom'>z</span><span class='ca-icon-normal'>delicious</span></a>
  388.             <a class='ca-icon-href' href='http://twitter.com/_pebriana' target='_blank' title='Apri Pebriana Twitter'><span class='ca-icon-bottom'>t</span><span class='ca-icon-normal'>twitter</span></a>
  389.             <a class='ca-icon-href' href='https://plus.google.com/112508942181682164848/about?rel=author' rel='me' target='_blank'><span class='ca-icon-bottom'>g</span><span class='ca-icon-normal'>google+</span></a>
  390.             <a class='ca-icon-href' href='http://pebriana.tumblr.com/' target='_blank' title='Apri Pebriana Tumblr'><span class='ca-icon-bottom'>k</span><span class='ca-icon-normal'>tumblr</span></a>
  391.             <a class='ca-icon-href' href='#link' title='my Friends link || link exchange'><span class='ca-icon-bottom'>K</span><span>links</span></a>
  392.             <a class='ca-icon-href' href='http://www.eternalic.com/' target='_blank' title='Eternalic Design'><span class='ca-icon-bottom'>#</span></a>
  393.         </center>
  394.     </div>
  395.     <div class='span-24 last prepend-top append-bottom'>
  396.         <div class='hidden-boxing last'> </div>
  397.         <div class='hidden-boxing last'> </div>
  398. <div id='about' name='about'>
  399.                <a id='about' name='about'/>
  400. <br/><br/><br/><br/>
  401.         <div class='boxing' style=''> about me</div>
  402.  <a class='ca-icon-href' href='#top' id='top-link' title='Apri Pebriana Home'><span class='ca-icon-bottom'>:</span> back-top</a>
  403.         <div class='hidden-boxing last'> </div>
  404.         <div class='hidden-boxing last'> </div>
  405. </div>
  406. <div id='cv' name='cv'>
  407. <a id='cv' name='cv'/>
  408. <br/><br/><br/><br/>
  409.         <div class='boxing' style=''> cv</div>
  410.  <a class='ca-icon-href' href='#top' id='top-link' title='Apri Pebriana Home'><span class='ca-icon-bottom'>:</span> back-top</a>
  411.         <div class='hidden-boxing last'> </div>
  412.         <div class='hidden-boxing last'> </div>
  413. </div>
  414. <div id='contact' name='contact'>
  415. <a id='contact' name='contact'/>
  416. <br/><br/><br/><br/>
  417. <div class='boxing' style=''> contact me
  418. <br/>
  419. <p>Feel free to send me an email. I&#39;m usually quite responsive as I like to keep my inbox pretty clean. Casual emails may take a few days before I have a chance to respond. For business enquiries, I am not accepting new projects at this time.. Thank you.</p>
  420.  
  421. <h3>Contact Detail</h3>
  422.  
  423. email : <a class='gayahover' href='mailto:[email protected]'>pebriana [at] eternalic [dot] com</a>
  424. </div>
  425.   <a class='ca-icon-href' href='#top' id='top-link' title='Apri Pebriana Home'><span class='ca-icon-bottom'>:</span> back-top</a>
  426.         <div class='hidden-boxing last'> </div>
  427.         <div class='hidden-boxing last'> </div>
  428. </div>
  429. <div>
  430. <a id='link' name='link'/>
  431.         <div class='boxing' style=''> Link Friends | Link Exchange <br/><br/>
  432. <div class='span-1'>&#160;</div>
  433. <div class='span-6'>
  434. <ul class='bulet'>
  435. <li><span class='Apple-style-span'>eternalic design</span></li>
  436. <li><span class='Apple-style-span'>Apri Pebriana Twitter</span></li>
  437. </ul>
  438. </div>
  439. <div class='span-6'>
  440. <ul class='bulet'>
  441. <li><a href='http://www.kacangitem.web.id/' target='_blank'>Omar Blog</a></li>
  442. <li><a href='http://robbyzen.blogspot.com/' target='_blank'>Robby Blog</a></li>
  443. <li><a href='http://fathiabara.blogspot.com/' target='_blank'>Fathia Blog</a></li>
  444. <li><a href='http://narnee-mogilla.blogspot.com/' target='_blank'>Narnie Blog</a></li>
  445. <li><a href='http://hypocrite-anthem.blogspot.com/' target='_blank'>Dimas Blog</a></li>
  446. <li><a href='http://aiabiography.blogspot.com/' target='_blank'>Aya Blog</a></li>
  447. <li><a href='http://yulitanurmalasari.wordpress.com/' target='_blank'>Yulita Blog</a></li>
  448. <li><a href='http://clickhowto.blogspot.com/' target='_blank'>How to (P. Henry)</a></li>
  449. <li><a href='http://rojulman.blogspot.com/' target='_blank'>P. Rojul</a></li>
  450. </ul>
  451. </div>
  452. <div class='span-6 last'>
  453. <ul class='bulet'>
  454. <li><a href='http://www.andreloh.info/' target='_blank' title='Andre Blog'>Andre&#8217;s Blog</a></li>
  455. <li><a href='http://www.rianidola.com/' target='_blank' title='Rian Idola'>Rian Idola</a></li>
  456. <li><a href='http://adis.web.id/' target='_blank' title='Adis Blog'>Adis&#8482;</a></li>
  457. <li><a href='http://abuaufa.com/' target='_blank' title='Abu Aufa'>Abu Aufa&#8217;s Weblog</a></li>
  458. <li><a href='http://darmawanku.com/' target='_blank' title='Darmawan'>Darmawan</a></li>
  459. <li><a href='http://dindasmart.com/' target='_blank' title='All about information and technology. Mostly about making money online'>Dinda Watson</a></li>
  460. <li><a href='http://pamsceng.wordpress.com/' target='_blank' title='Pamsceng&apos;s Blog'>Pamsceng&#8217;s Blog</a></li>
  461. <li><a href='http://www.planet-orange.org/' target='_blank' title='planet-orange.org'>planet-orange.org</a></li>
  462. <li><a href='http://www.octarendra.com/' target='_blank' title='Informasi Bisnis Online'>Informasi Bisnis Online</a></li>
  463. </ul>
  464. </div>
  465. <br class='clear'/>
  466. <br/><br/><br/>
  467. selanjutnya pindah kesini : <a class='gayahover' href='http://pebriana.linuxmaniac.net/p/friends.html'>http://pebriana.linuxmaniac.net/p/friends.html</a>
  468. </div>
  469.   <a class='ca-icon-href' href='#top' id='top-link' title='Apri Pebriana Home'><span class='ca-icon-bottom'>:</span> back-top</a>
  470.         </div>
  471.     </div>
  472. </div>
  473. </div>
  474. <link href='http://fonts.googleapis.com/css?family=Terminal+Dosis' rel='stylesheet' type='text/css'/>
  475. </body>
  476. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!