BS ; 07 // Forever Friend
<!---------------------------------------------------------------------------
Don't COPY Any Code From This Template ! 101% Made & Create By Elaine0211 !
Designed By; Elaine0211
Designer's Blog; https://elaine0211.blogspot.com/
Date Of Design; 21.11.14
---------------------------------------------------------------------------!>
<HTML><head>
<link href='https://fonts.googleapis.com/css?family=Imprima' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Cedarville+Cursive' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Shadows+Into+Light+Two' rel='stylesheet' type='text/css'>
<base target='_blank'/><title>; Forever Friend</title>
<style type="text/css">
#navbar-iframe {
display: none;
}
body {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhg4Xgp8_cFcSnfF1CKt968xQQwwC45nbBD4lX3pC5PnDYiPo_KeHSBOD6mK_Yof6RVBBAB_9I3kzZ9BBxt5fCJyhSqsCwqqhoauKqP1AdavXLRdElU7t_nb32fkk7EqzKk9kZ9Qoh7PzCw/s1600/background.png) no-repeat left top;
font-family:Shadows Into Light Two;
font-size:13px;
color:#ff8484;}
::-moz-selection {
background:#fff;
color:#fff;
text-shadow: 0.1em 0.1em 0.2em #ffa0a0;}
::selection {
background:#fff;
color:#fff;
text-shadow: 0.1em 0.1em 0.2em #ffa0a0;}
::-webkit-scrollbar { width: 6px;}
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment { height:0px; display: block; background-color: #fff;}
::-webkit-scrollbar-track-piece { background-color:#fff; }
::-webkit-scrollbar-thumb{ background:url(https://i1245.photobucket.com/albums/gg581/elaine960211/pink8_zpscbcf0b65.jpg)center;border:1px solid #ffa9a9;box-shadow:inset 0 0 10px #fff;}
::webkit-scrollbar-thumb:vertical {background:#fff;border: 0px solid #ffffff;border-right:none;}
::webkit-scrollbar-thumb:horizontal {background:#fff;border: 0px solid #ffffff;border-bottom:none;}
a:link,a:visited {
color:#fff;
-webkit-background-clip:text;
-webkit-text-fill-color: transparent;
-webkit-text-fill-color: #ffd6d6;
background-image:url(https://i.imgur.com/qdhmPQr.gif);
text-decoration:none;
padding:2px;}
a:hover {}
u {
text-decoration:underline;
border-bottom:1px dotted #ffa9a9;
-webkit-transition: 0.6s;
-moz-transition: 0.6s;}
u:hover {
text-decoration:none;
border-bottom:1px dashed #fff;
-webkit-transition: 0.6s;
-moz-transition: 0.6s;}
b {
text-decoration:bold;
-webkit-background-clip:text;
-webkit-text-fill-color: transparent;
background-image:url(https://i1245.photobucket.com/albums/gg581/elaine960211/pink2_zpse01022a0.jpg) ;
background-position:35% 35%;
-webkit-transition: .8s;
-moz-transition: .8s;}
b:hover {
-webkit-background-clip:text;
-webkit-text-fill-color: transparent;
background-image:url(https://i1245.photobucket.com/albums/gg581/elaine960211/pink7_zps7ec23719.jpg) ;
background-position:58% 63%;
-webkit-transition: .8s;
-moz-transition: .8s;}
i:hover {
-webkit-animation: shake .8s;
-moz-animation: shake .8s;
animation: shake .8s;
}
@-webkit-keyframes shake {
0%, 100% {-webkit-transform: translateX(0); transform: translateX(0);}
10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-2px);transform: translateX(-2px); }
20%, 40%, 60%, 80% {-webkit-transform: translateX(2px);transform: translateX(2px);}
}
@keyframes shake {
0%, 100% {-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}
10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-2px);-ms-transform: translateX(-2px);transform: translateX(-5px);}
20%, 40%, 60%, 80% {-webkit-transform: translateX(2px);-ms-transform: translateX(2px);transform: translateX(2px);}
}
.post-title{
padding:0 0 16px 5px;
text-align:left;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimUMKClKAJ4M3fRHhXP2bNSxJy6AvX2Ub_mxAHrxDChJdj7ncwLdyafOhpFUTJ_LJZ05WUg6-pnCWoG-sQDuoGfNiI3u7D5a9bWA8SFAmnZqhuqqE6s2KKU-gR1QPZnbc43NK5ffnUnPb4/s1600/line3.png) no-repeat;
background-position:bottom left;
background-size:480px; }
.page-title{
font-family: 'Cedarville Cursive';
font-size:20px;
line-height:.9;
padding:-0 0 16px 5px;
text-align:left;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimUMKClKAJ4M3fRHhXP2bNSxJy6AvX2Ub_mxAHrxDChJdj7ncwLdyafOhpFUTJ_LJZ05WUg6-pnCWoG-sQDuoGfNiI3u7D5a9bWA8SFAmnZqhuqqE6s2KKU-gR1QPZnbc43NK5ffnUnPb4/s1600/line3.png) no-repeat;
background-position:bottom left;
background-size:480px; }
/* Comment
----------------------------------------------- */
#comments {
margin:5px 13px 0;
border-width:0 1px 1px;
padding:20px 0 5px 0;}
#comments-block { margin:0 10px 0 9px;}
span.comment-icon{ display:none;}
.comment-icon blogger-comment-icon{ display:none;}
.comment-poster {}
.comment-data {
width:300px;
height:15px;
text-align:left;
margin: 1em .3em 0 0;
padding:1px 3px 3px 15px ;
background:url(https://media.tumblr.com/06f08e9ee60038c0287b06c2c032cb72/tumblr_inline_mg2bguMxaU1qdlkyg.gif) no-repeat bottom left;
border:1px solid #ffc2c2;
border-radius:0 10px 10px 0;}
.comment-body { margin:0 0 1em; padding:0 0 0 10px;}
.comment-body p{
text-align:left;
margin:5px 5px 2px 5px;
padding: 5px;
text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff;
background:url(https://media.tumblr.com/tumblr_m3wgwf98QI1qdlkyg.gif) no-repeat bottom right;
border:1px solid #ffc2c2;
border-radius:5px;
-webkit-transition: all 0.6s;}
.comment-timestamp { margin:0 0 .5em; padding:0 0 0 10px; float:center;}
.comment-timestamp a:link { color:#c7a189;}
.deleted-comment { font-style:italic;color:gray;}
.paging-control-container { float:center;margin: 0px 6px 0px 0px;font-size: 80%;}
.unneeded-paging-control { visibility: hidden;}
/* Other
----------------------------------------------- */
blockquote {
font-family:Imprima;
font-size:13px;
text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff;
text-align:left;
border: 1px dashed #ffa0a0;
background:#fff;
padding:5px; }
blockquote:hover{
-webkit-animation: tada 1s;
-moz-animation: tada 1s;
animation: tada 1s;}
@-webkit-keyframes tada {
0% {-webkit-transform: scale(1);transform: scale(1);}
10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);transform: scale(0.9) rotate(-3deg);}
30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);transform: scale(1.1) rotate(3deg);}
40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);transform: scale(1.1) rotate(-3deg);}
100% {-webkit-transform: scale(1) rotate(0);transform: scale(1) rotate(0);}
}
@keyframes tada {
0% {-webkit-transform: scale(1);transform: scale(1);}
10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);transform: scale(0.9) rotate(-3deg);}
30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);transform: scale(1.1) rotate(3deg);}
40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);transform: scale(1.1) rotate(-3deg);}
100% {-webkit-transform: scale(1) rotate(0);transform: scale(1) rotate(0);}
}
a.li {
border:1px dashed #ffc2c2;
padding: 3px;
display:inline-block;
width:100px;
margin: 2px;
background: #fff;
-webkit-background-clip: none;
-webkit-text-fill-color: #ff0000;
background: url(https://media.tumblr.com/tumblr_m9pc11D52d1qdlkyg.gif) no-repeat bottom left;
-webkit-transition: .6s;}
/* navigation
----------------------------------------------- */
.navi {
display: inline;
position: relative;
z-index: 999;}
.navi-word {
font-family:Patrick Hand SC;
font-size:14px;
position: absolute;
z-index: 9999;
width: 60px;
height: 60px;
margin-left: -30px;
margin-bottom:75px;
left: 50%;
bottom: 100%;
border-radius: 50%;
text-align: center;
background: #ffe1e1;
-webkit-background-clip: none;
-webkit-text-fill-color: #fff;
opacity: 0;
line-height:60px;}
.navi:hover .navi-word, .navi:hover {opacity: 1;}
.navi-effect .navi-word {
-webkit-transform: scale3d(0,0,1);
transform: scale3d(0,0,1);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
transition: opacity 0.3s, transform 0.3s;
}
.navi:hover .navi-word, .navi:hover {
pointer-events: auto;
-webkit-transform: translate3d(0,0,0) scale3d(1,1,1);
transform: translate3d(0,0,0) scale3d(1,1,1);}
.navi-word::after {
top: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-top-color: #ffe1e1;
border-width: 10px;
margin-left: -10px;
margin-top:-4px;
}
/* Popout
----------------------------------------------- */
#fade {
display: none;
background: #fff;
position: fixed; left: 0; top: 0;
width: 100%; height: 100%;
opacity: .5;
z-index: 9999;
}
.popup_block{
display: none; /*--hidden by default--*/
background:rgba(255,252,252,1);
padding: 10px;
border:2px solid transparent;
-moz-border-image: -moz-linear-gradient(top, #ffc2c2, #ffffff, #ffc2c2);
-webkit-border-image: -webkit-linear-gradient(top, #ffc2c2, #ffffff, #ffc2c2);
border-image: linear-gradient(to bottom, #ffc2c2, #ffffff, #ffc2c2);
border-image-slice:1;
float: left;
position: fixed;
top: 50%; left: 50%;
z-index: 99999;
-webkit-box-shadow: 0px 0px 20px #fff;
-moz-box-shadow: 0px 0px 20px #fff;
box-shadow: 0px 0px 20px #fff;
}
img.btn_close { float: right; margin: -25px -25px 0 0;}
/*--Making IE6 Understand Fixed Positioning--*/
*html #fade { position: absolute;}
*html .popup_block { position: absolute;}
</style>
<script language="JavaScript">
document.ondragstart = function () { return false; };
</script>
<div style="position:fixed; top:440px; left:770px;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0HBIznjBXhVaaowt7FWZDaJM8ACugRTUbuSjQIsTuxTFzpBAALfjBt_yoUNKma-lq0sFNcDz63toLAgsgZrlDoVmN-Mkyo1aeH7IxIL00cmLU-Mka51VCClbrkkR9EAed3no4Cg1eYKJ5/s1600/bear-t.png"/></div>
<!-------------------Navigation----------------------->
<div style="position:fixed; top:170px; left:750px;"><a class="navi navi-effect" onClick="document.getElementById('main').innerHTML=document.getElementById('post').innerHTML" title=""><img src="https://i1245.photobucket.com/albums/gg581/elaine960211/bear1_zps7a554542.png"style="width:100px;"><span class="navi-word">Entry</span></a></div>
<div style="position:fixed; top:250px; left:850px;"><a class="navi navi-effect" onClick="document.getElementById('main').innerHTML=document.getElementById('about').innerHTML" title=""><img src="https://i1245.photobucket.com/albums/gg581/elaine960211/bear2_zps9adef369.png"style="width:100px;"><span class="navi-word">Owner</span></a></div>
<div style="position:fixed; top:170px; left:950px;"><a class="navi navi-effect" onClick="document.getElementById('main').innerHTML=document.getElementById('link').innerHTML" title=""><img src="https://i1245.photobucket.com/albums/gg581/elaine960211/bear7_zpsdc6378b9.png"style="width:100px;"><span class="navi-word">Link</span></a></div>
<div style="position:fixed; top:250px; left:1050px;"><a class="navi navi-effect" onClick="document.getElementById('main').innerHTML=document.getElementById('matter').innerHTML" title=""><img src="https://i1245.photobucket.com/albums/gg581/elaine960211/bear6_zps997f9c92.png"style="width:100px;"><span class="navi-word">Matter</span></a></div>
<div style="position:fixed; top:170px; left:1150px;"><a class="navi navi-effect poplight" href='#?w=500' rel='other'><img src="https://i1245.photobucket.com/albums/gg581/elaine960211/bear8_zps221169b2.png"style="width:100px;"><span class="navi-word">Other</span></span></a></div>
<div style="position:fixed; top:330px; left:750px;"><a class="navi navi-effect" onClick="document.getElementById('main').innerHTML=document.getElementById('chat').innerHTML" title=""><img src="https://i1245.photobucket.com/albums/gg581/elaine960211/bear11_zps44625e2c.png"style="width:100px;"><span class="navi-word">Chatbox</span></a></div>
<div style="position:fixed; top:330px; left:950px;"><a class="navi navi-effect" href="https://www.blogger.com/home"><img src="https://i1245.photobucket.com/albums/gg581/elaine960211/bear9_zps7ba4f09a.png"style="width:100px;"><span class="navi-word">Dashb</span></a></div>
<div style="position:fixed; top:330px; left:1150px;"><a class="navi navi-effect" href="https://www.blogger.com/follow-blog.g?blogID=Your Blog ID"><img src="https://i1245.photobucket.com/albums/gg581/elaine960211/bear3_zpse4c2c5ab.png"style="width:100px;"><span class="navi-word">Follow</span></a></div>
<!-------------------pop out navi----------------------->
<script type="text/javascript"
src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<script>
$(document).ready(function() {
//When you click on a link with class of poplight and the href starts with a #
$('a.poplight[href^=#]').click(function() {
var popID = $(this).attr('rel'); //Get Popup Name
var popURL = $(this).attr('href'); //Get Popup href to define size
//Pull Query & Variables from href URL
var query= popURL.split('?');
var dim= query[1].split('&');
var popWidth = dim[0].split('=')[1]; //Gets the first query string value
//Fade in the Popup and add close button
$('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><class="btn_close" title="Close Window" alt="Close" /></a>');
//Define margin for center alignment (vertical horizontal) - we add 80px to the height/width to accomodate for the padding and border width defined in the css
var popMargTop = ($('#' + popID).height() + 80) / 2;
var popMargLeft = ($('#' + popID).width() + 80) / 2;
//Apply Margin to Popup
$('#' + popID).css({
'margin-top' : -popMargTop,
'margin-left' : -popMargLeft
});
//Fade in Background
$('body').append('<div id="fade"></div>'); //Add the fade layer to bottom of the body tag.
$('#fade').css({'filter' : 'alpha(opacity=50)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=50)'}) is used to fix the IE Bug on fading transparencies
return false;
});
//Close Popups and Fade Layer
$('a.close, #fade').live('click', function() { //When clicking on the close or fade layer...
$('#fade , .popup_block').fadeOut(function() {
$('#fade, a.close').remove(); //fade them both out
});
return false;
});
});
</script>
<div class='popup_block' id='other'>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhf6pZ_Dk8JvFVXPHkgPJf8DPXHADd3QJslS_hjmr2zbRe2YgAP_beQAKDGe8NGt2wrAu02IPNpSmC0ytIrk6EMP1SxWuvpnYR1kkPX20pZwMEtpHeYwkV-X0fh-ihXIPNpfpr6WQiqxw76/s1600/bearb.png" style="width:140px; margin-left:2px;float:left; padding-right:10px; padding-bottom:10px;"/>
<br>Your Text Here <br><br>
<center><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgERLGyBV2rNC5IJyUSjYrCAyWh67_nERHzoeVh5gDs8gJ4YaFKKTIPpkejlXmBaaKV7vWkPUj86eqZvlx4XLkzkZV9AXroUfecrtl-0GDxKwuGuy3z-LdXY_AOF-YF9d3MvTGmPoEM9bOF/s1600/line2.png"></center><br>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhM4q_bbGyvShr9IDZXoCCI0RXifSE9m1iaQCrdorMmRgb3kM5bSkHcMVQnkaBEa3Ew4iVmbRRg8zKXt_748-JxF8mqsfh3SIPlfBBwfe-befn4tHMv6_qqu6Z4OQDCLLB1nzeRL7xotwp_/s1600/bearb2.png" style="width:150px; margin-right:20px; float:right;"/>
<img src="https://media.tumblr.com/17c9130af8c90508ecc1c50560b353bc/tumblr_inline_n2pjdqAiP61qdlkyg.gif" style="padding-right:5px;"/><span style="font-size:20px;">Credit ; </span>
<br> > Template Design by ; <a href="https://elaine0211.blogspot.com/">BabeX e.ling</a>
<br> > Re-Design by ; Your Name
<br> > Tutorials From ; <a href="https://tympanus.net/codrops/category/tutorials/">Tympanus</a> || <a href="https://angelbii.blogspot.com/">Bii Angel</a>
<br> > Materials From ; <a href="https://www.google.com/">Google</a> || <a href="https://www.pixel-diary.tumblr.com/">Pixel-diary</a>
<br> > Cutie Bear Photo ; Deborah Jones (Forever Friends) </a>
<br> > Thank to ; <a href="https://photobucket.com/">Photobucket</a> || <a href="https://www.imgur.com/">Imgur</a> || <a href="https://www.google.com/fonts"/>Google Fonts</a>
<br><br>
- Best Viewed In <a href="https://www.google.com/">Google Chrome</a> -
<br><br>
</div>
<!-------------------Post----------------------->
<div style="padding:10px; position:absolute; left:150px; top:125px; width:520px; height:470px;border-radius:20px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieJrJD7ZGNpBFwsXQJT19Cppy-cmofAD-IJkXJPAd-cXuBsU_rLj9LdPTIgZfK2-UXGt9dns3CQYPHTviW02AY28cxIvV-pu968DUjpKSBJI7hhoVZW0YZG_Nl1UcQMDziFHf8yTVsDW5b/s1600/1139818035e4b67818o.jpg)repeat right; background-size:667px 500px;">
<div style="padding:10px; opacity:0.8; border-radius:10px; float:center; width:500px; overflow-x: hidden; overflow-y: scroll;height:450px;background:#fff;box-shadow: 0 0 5px 5px #fff;">
<div id="main"><blogger>
<div class="post-title"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$>Comment(s)</a></BlogItemCommentsEnabled>
<div class="post-body">
<p>
<$BlogItemBody$>
</p>
</div>
<ItemPage>
<div id="comments">
<BlogItemCommentsEnabled><a name="comments"></a>
<dl id="comments-block">
<$CommentPager$>
<BlogItemComments>
<dt class="comment-data" id="<$BlogCommentAnchorName$>"><a name="<$BlogCommentAnchorName$>"></a>
<$I18NCommentAuthorSaid$>
</dt>
<dd class="comment-body">
<p><$BlogCommentBody$></p>
<$BlogCommentDeleteIcon$>
</dd>
</BlogItemComments><br/><br/><br/>
<$CommentPager$>
</dl>
<p class="comment-timestamp">
<$BlogItemCreate$>
</p>
<br/><br/>
</div>
</ItemPage>
</Blogger>
<center><NewerPosts><a href=<$NewerPosts$>>Newer</a></NewerPosts> // <OlderPosts><a href=<$OlderPosts$>>Older</a></OlderPosts></center>
</div></div></div>
</Blogger>
<!-------------------chatbox----------------------->
<div id="chat" style="display: none;">
<div class="page-title">Let's Chat !</div>
<br><br><center>- Cbox Code Here -</center>
<br>
</div></div></div></div>
<!-------------------PAGE1----------------------->
<div id="post" style="display: none;">
<Blogger>
<div class="post-title"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$>Comment(s)</a></BlogItemCommentsEnabled>
<div class="post-body">
<p>
<$BlogItemBody$>
</p></div>
<ItemPage>
<div id="comments">
<BlogItemCommentsEnabled><a name="comments"></a>
<dl id="comments-block">
<$CommentPager$>
<BlogItemComments>
<dt class="comment-data" id="<$BlogCommentAnchorName$>"><a name="<$BlogCommentAnchorName$>"></a>
<$I18NCommentAuthorSaid$>
</dt>
<dd class="comment-body">
<p><$BlogCommentBody$></p>
<$BlogCommentDeleteIcon$>
</dd>
</BlogItemComments>
<$CommentPager$>
</dl>
<p class="comment-timestamp">
<$BlogItemCreate$>
</p>
</div>
</ItemPage>
<!-- End #comments -->
</Blogger>
<center>
<NewerPosts><a href=<$NewerPosts$>>Newer</a></NewerPosts> // <OlderPosts><a href=<$OlderPosts$>>Older</a></OlderPosts></center>
</div></div></div>
</div>
</div>
<!-------------------PAGE2----------------------->
<div id="about" style="display: none;">
<div class="page-title">Da' Owner</div>
<br>
<center>
<br># Name :
<br># Age :
<br># Birthday :
<br># Tumblr :
<br># Blog :
<br># Facebook :
<br>--- Replace with your profile ---
</center>
</div>
<!-------------------PAGE3----------------------->
<div id="link" style="display: none;">
<div class="page-title">Beloved Bloggie</div>
<br>
<center>
<br><br>
<a class="li"href="URL">NAME</a>
<a class="li"href="URL">NAME</a>
<a class="li"href="URL">NAME</a>
<a class="li"href="URL">NAME</a>
<br>
<a class="li"href="URL">NAME</a>
<a class="li"href="URL">NAME</a>
<a class="li"href="URL">NAME</a>
<a class="li"href="URL">NAME</a>
<br><br><br><br>
</center>
</div>
<!-------------------PAGE4----------------------->
<div id="matter" style="display: none;">
<div class="page-title"> Stuff </div>
<br>
<b> Tutorial ; </b>
<br><br>
> <a href="URL">List 1</a><br>
> <a href="URL">List 2</a><br>
> <a href="URL">List 3</a><br>
> <a href="URL">List 4</a><br>
> <a href="URL">List 5</a><br>
<br><br>
<b> Material ;</b>
<br><br>
> <a href="URL">List 1</a><br>
> <a href="URL">List 2</a><br>
> <a href="URL">List 3</a><br>
> <a href="URL">List 4</a><br>
> <a href="URL">List 5</a><br>
<br><br>
<blockquote class="tr_bq">Coming Soon..</blockquote>
</div>
<!-------------------------- END ----------->
Don't COPY Any Code From This Template ! 101% Made & Create By Elaine0211 !
Designed By; Elaine0211
Designer's Blog; https://elaine0211.blogspot.com/
Date Of Design; 21.11.14
---------------------------------------------------------------------------!>
<HTML><head>
<link href='https://fonts.googleapis.com/css?family=Imprima' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Cedarville+Cursive' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Shadows+Into+Light+Two' rel='stylesheet' type='text/css'>
<base target='_blank'/><title>; Forever Friend</title>
<style type="text/css">
#navbar-iframe {
display: none;
}
body {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhg4Xgp8_cFcSnfF1CKt968xQQwwC45nbBD4lX3pC5PnDYiPo_KeHSBOD6mK_Yof6RVBBAB_9I3kzZ9BBxt5fCJyhSqsCwqqhoauKqP1AdavXLRdElU7t_nb32fkk7EqzKk9kZ9Qoh7PzCw/s1600/background.png) no-repeat left top;
font-family:Shadows Into Light Two;
font-size:13px;
color:#ff8484;}
::-moz-selection {
background:#fff;
color:#fff;
text-shadow: 0.1em 0.1em 0.2em #ffa0a0;}
::selection {
background:#fff;
color:#fff;
text-shadow: 0.1em 0.1em 0.2em #ffa0a0;}
::-webkit-scrollbar { width: 6px;}
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment { height:0px; display: block; background-color: #fff;}
::-webkit-scrollbar-track-piece { background-color:#fff; }
::-webkit-scrollbar-thumb{ background:url(https://i1245.photobucket.com/albums/gg581/elaine960211/pink8_zpscbcf0b65.jpg)center;border:1px solid #ffa9a9;box-shadow:inset 0 0 10px #fff;}
::webkit-scrollbar-thumb:vertical {background:#fff;border: 0px solid #ffffff;border-right:none;}
::webkit-scrollbar-thumb:horizontal {background:#fff;border: 0px solid #ffffff;border-bottom:none;}
a:link,a:visited {
color:#fff;
-webkit-background-clip:text;
-webkit-text-fill-color: transparent;
-webkit-text-fill-color: #ffd6d6;
background-image:url(https://i.imgur.com/qdhmPQr.gif);
text-decoration:none;
padding:2px;}
a:hover {}
u {
text-decoration:underline;
border-bottom:1px dotted #ffa9a9;
-webkit-transition: 0.6s;
-moz-transition: 0.6s;}
u:hover {
text-decoration:none;
border-bottom:1px dashed #fff;
-webkit-transition: 0.6s;
-moz-transition: 0.6s;}
b {
text-decoration:bold;
-webkit-background-clip:text;
-webkit-text-fill-color: transparent;
background-image:url(https://i1245.photobucket.com/albums/gg581/elaine960211/pink2_zpse01022a0.jpg) ;
background-position:35% 35%;
-webkit-transition: .8s;
-moz-transition: .8s;}
b:hover {
-webkit-background-clip:text;
-webkit-text-fill-color: transparent;
background-image:url(https://i1245.photobucket.com/albums/gg581/elaine960211/pink7_zps7ec23719.jpg) ;
background-position:58% 63%;
-webkit-transition: .8s;
-moz-transition: .8s;}
i:hover {
-webkit-animation: shake .8s;
-moz-animation: shake .8s;
animation: shake .8s;
}
@-webkit-keyframes shake {
0%, 100% {-webkit-transform: translateX(0); transform: translateX(0);}
10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-2px);transform: translateX(-2px); }
20%, 40%, 60%, 80% {-webkit-transform: translateX(2px);transform: translateX(2px);}
}
@keyframes shake {
0%, 100% {-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}
10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-2px);-ms-transform: translateX(-2px);transform: translateX(-5px);}
20%, 40%, 60%, 80% {-webkit-transform: translateX(2px);-ms-transform: translateX(2px);transform: translateX(2px);}
}
.post-title{
padding:0 0 16px 5px;
text-align:left;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimUMKClKAJ4M3fRHhXP2bNSxJy6AvX2Ub_mxAHrxDChJdj7ncwLdyafOhpFUTJ_LJZ05WUg6-pnCWoG-sQDuoGfNiI3u7D5a9bWA8SFAmnZqhuqqE6s2KKU-gR1QPZnbc43NK5ffnUnPb4/s1600/line3.png) no-repeat;
background-position:bottom left;
background-size:480px; }
.page-title{
font-family: 'Cedarville Cursive';
font-size:20px;
line-height:.9;
padding:-0 0 16px 5px;
text-align:left;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimUMKClKAJ4M3fRHhXP2bNSxJy6AvX2Ub_mxAHrxDChJdj7ncwLdyafOhpFUTJ_LJZ05WUg6-pnCWoG-sQDuoGfNiI3u7D5a9bWA8SFAmnZqhuqqE6s2KKU-gR1QPZnbc43NK5ffnUnPb4/s1600/line3.png) no-repeat;
background-position:bottom left;
background-size:480px; }
/* Comment
----------------------------------------------- */
#comments {
margin:5px 13px 0;
border-width:0 1px 1px;
padding:20px 0 5px 0;}
#comments-block { margin:0 10px 0 9px;}
span.comment-icon{ display:none;}
.comment-icon blogger-comment-icon{ display:none;}
.comment-poster {}
.comment-data {
width:300px;
height:15px;
text-align:left;
margin: 1em .3em 0 0;
padding:1px 3px 3px 15px ;
background:url(https://media.tumblr.com/06f08e9ee60038c0287b06c2c032cb72/tumblr_inline_mg2bguMxaU1qdlkyg.gif) no-repeat bottom left;
border:1px solid #ffc2c2;
border-radius:0 10px 10px 0;}
.comment-body { margin:0 0 1em; padding:0 0 0 10px;}
.comment-body p{
text-align:left;
margin:5px 5px 2px 5px;
padding: 5px;
text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff;
background:url(https://media.tumblr.com/tumblr_m3wgwf98QI1qdlkyg.gif) no-repeat bottom right;
border:1px solid #ffc2c2;
border-radius:5px;
-webkit-transition: all 0.6s;}
.comment-timestamp { margin:0 0 .5em; padding:0 0 0 10px; float:center;}
.comment-timestamp a:link { color:#c7a189;}
.deleted-comment { font-style:italic;color:gray;}
.paging-control-container { float:center;margin: 0px 6px 0px 0px;font-size: 80%;}
.unneeded-paging-control { visibility: hidden;}
/* Other
----------------------------------------------- */
blockquote {
font-family:Imprima;
font-size:13px;
text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff;
text-align:left;
border: 1px dashed #ffa0a0;
background:#fff;
padding:5px; }
blockquote:hover{
-webkit-animation: tada 1s;
-moz-animation: tada 1s;
animation: tada 1s;}
@-webkit-keyframes tada {
0% {-webkit-transform: scale(1);transform: scale(1);}
10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);transform: scale(0.9) rotate(-3deg);}
30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);transform: scale(1.1) rotate(3deg);}
40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);transform: scale(1.1) rotate(-3deg);}
100% {-webkit-transform: scale(1) rotate(0);transform: scale(1) rotate(0);}
}
@keyframes tada {
0% {-webkit-transform: scale(1);transform: scale(1);}
10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);transform: scale(0.9) rotate(-3deg);}
30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);transform: scale(1.1) rotate(3deg);}
40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);transform: scale(1.1) rotate(-3deg);}
100% {-webkit-transform: scale(1) rotate(0);transform: scale(1) rotate(0);}
}
a.li {
border:1px dashed #ffc2c2;
padding: 3px;
display:inline-block;
width:100px;
margin: 2px;
background: #fff;
-webkit-background-clip: none;
-webkit-text-fill-color: #ff0000;
background: url(https://media.tumblr.com/tumblr_m9pc11D52d1qdlkyg.gif) no-repeat bottom left;
-webkit-transition: .6s;}
/* navigation
----------------------------------------------- */
.navi {
display: inline;
position: relative;
z-index: 999;}
.navi-word {
font-family:Patrick Hand SC;
font-size:14px;
position: absolute;
z-index: 9999;
width: 60px;
height: 60px;
margin-left: -30px;
margin-bottom:75px;
left: 50%;
bottom: 100%;
border-radius: 50%;
text-align: center;
background: #ffe1e1;
-webkit-background-clip: none;
-webkit-text-fill-color: #fff;
opacity: 0;
line-height:60px;}
.navi:hover .navi-word, .navi:hover {opacity: 1;}
.navi-effect .navi-word {
-webkit-transform: scale3d(0,0,1);
transform: scale3d(0,0,1);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
transition: opacity 0.3s, transform 0.3s;
}
.navi:hover .navi-word, .navi:hover {
pointer-events: auto;
-webkit-transform: translate3d(0,0,0) scale3d(1,1,1);
transform: translate3d(0,0,0) scale3d(1,1,1);}
.navi-word::after {
top: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-top-color: #ffe1e1;
border-width: 10px;
margin-left: -10px;
margin-top:-4px;
}
/* Popout
----------------------------------------------- */
#fade {
display: none;
background: #fff;
position: fixed; left: 0; top: 0;
width: 100%; height: 100%;
opacity: .5;
z-index: 9999;
}
.popup_block{
display: none; /*--hidden by default--*/
background:rgba(255,252,252,1);
padding: 10px;
border:2px solid transparent;
-moz-border-image: -moz-linear-gradient(top, #ffc2c2, #ffffff, #ffc2c2);
-webkit-border-image: -webkit-linear-gradient(top, #ffc2c2, #ffffff, #ffc2c2);
border-image: linear-gradient(to bottom, #ffc2c2, #ffffff, #ffc2c2);
border-image-slice:1;
float: left;
position: fixed;
top: 50%; left: 50%;
z-index: 99999;
-webkit-box-shadow: 0px 0px 20px #fff;
-moz-box-shadow: 0px 0px 20px #fff;
box-shadow: 0px 0px 20px #fff;
}
img.btn_close { float: right; margin: -25px -25px 0 0;}
/*--Making IE6 Understand Fixed Positioning--*/
*html #fade { position: absolute;}
*html .popup_block { position: absolute;}
</style>
<script language="JavaScript">
document.ondragstart = function () { return false; };
</script>
<div style="position:fixed; top:440px; left:770px;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0HBIznjBXhVaaowt7FWZDaJM8ACugRTUbuSjQIsTuxTFzpBAALfjBt_yoUNKma-lq0sFNcDz63toLAgsgZrlDoVmN-Mkyo1aeH7IxIL00cmLU-Mka51VCClbrkkR9EAed3no4Cg1eYKJ5/s1600/bear-t.png"/></div>
<!-------------------Navigation----------------------->
<div style="position:fixed; top:170px; left:750px;"><a class="navi navi-effect" onClick="document.getElementById('main').innerHTML=document.getElementById('post').innerHTML" title=""><img src="https://i1245.photobucket.com/albums/gg581/elaine960211/bear1_zps7a554542.png"style="width:100px;"><span class="navi-word">Entry</span></a></div>
<div style="position:fixed; top:250px; left:850px;"><a class="navi navi-effect" onClick="document.getElementById('main').innerHTML=document.getElementById('about').innerHTML" title=""><img src="https://i1245.photobucket.com/albums/gg581/elaine960211/bear2_zps9adef369.png"style="width:100px;"><span class="navi-word">Owner</span></a></div>
<div style="position:fixed; top:170px; left:950px;"><a class="navi navi-effect" onClick="document.getElementById('main').innerHTML=document.getElementById('link').innerHTML" title=""><img src="https://i1245.photobucket.com/albums/gg581/elaine960211/bear7_zpsdc6378b9.png"style="width:100px;"><span class="navi-word">Link</span></a></div>
<div style="position:fixed; top:250px; left:1050px;"><a class="navi navi-effect" onClick="document.getElementById('main').innerHTML=document.getElementById('matter').innerHTML" title=""><img src="https://i1245.photobucket.com/albums/gg581/elaine960211/bear6_zps997f9c92.png"style="width:100px;"><span class="navi-word">Matter</span></a></div>
<div style="position:fixed; top:170px; left:1150px;"><a class="navi navi-effect poplight" href='#?w=500' rel='other'><img src="https://i1245.photobucket.com/albums/gg581/elaine960211/bear8_zps221169b2.png"style="width:100px;"><span class="navi-word">Other</span></span></a></div>
<div style="position:fixed; top:330px; left:750px;"><a class="navi navi-effect" onClick="document.getElementById('main').innerHTML=document.getElementById('chat').innerHTML" title=""><img src="https://i1245.photobucket.com/albums/gg581/elaine960211/bear11_zps44625e2c.png"style="width:100px;"><span class="navi-word">Chatbox</span></a></div>
<div style="position:fixed; top:330px; left:950px;"><a class="navi navi-effect" href="https://www.blogger.com/home"><img src="https://i1245.photobucket.com/albums/gg581/elaine960211/bear9_zps7ba4f09a.png"style="width:100px;"><span class="navi-word">Dashb</span></a></div>
<div style="position:fixed; top:330px; left:1150px;"><a class="navi navi-effect" href="https://www.blogger.com/follow-blog.g?blogID=Your Blog ID"><img src="https://i1245.photobucket.com/albums/gg581/elaine960211/bear3_zpse4c2c5ab.png"style="width:100px;"><span class="navi-word">Follow</span></a></div>
<!-------------------pop out navi----------------------->
<script type="text/javascript"
src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<script>
$(document).ready(function() {
//When you click on a link with class of poplight and the href starts with a #
$('a.poplight[href^=#]').click(function() {
var popID = $(this).attr('rel'); //Get Popup Name
var popURL = $(this).attr('href'); //Get Popup href to define size
//Pull Query & Variables from href URL
var query= popURL.split('?');
var dim= query[1].split('&');
var popWidth = dim[0].split('=')[1]; //Gets the first query string value
//Fade in the Popup and add close button
$('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><class="btn_close" title="Close Window" alt="Close" /></a>');
//Define margin for center alignment (vertical horizontal) - we add 80px to the height/width to accomodate for the padding and border width defined in the css
var popMargTop = ($('#' + popID).height() + 80) / 2;
var popMargLeft = ($('#' + popID).width() + 80) / 2;
//Apply Margin to Popup
$('#' + popID).css({
'margin-top' : -popMargTop,
'margin-left' : -popMargLeft
});
//Fade in Background
$('body').append('<div id="fade"></div>'); //Add the fade layer to bottom of the body tag.
$('#fade').css({'filter' : 'alpha(opacity=50)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=50)'}) is used to fix the IE Bug on fading transparencies
return false;
});
//Close Popups and Fade Layer
$('a.close, #fade').live('click', function() { //When clicking on the close or fade layer...
$('#fade , .popup_block').fadeOut(function() {
$('#fade, a.close').remove(); //fade them both out
});
return false;
});
});
</script>
<div class='popup_block' id='other'>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhf6pZ_Dk8JvFVXPHkgPJf8DPXHADd3QJslS_hjmr2zbRe2YgAP_beQAKDGe8NGt2wrAu02IPNpSmC0ytIrk6EMP1SxWuvpnYR1kkPX20pZwMEtpHeYwkV-X0fh-ihXIPNpfpr6WQiqxw76/s1600/bearb.png" style="width:140px; margin-left:2px;float:left; padding-right:10px; padding-bottom:10px;"/>
<br>Your Text Here <br><br>
<center><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgERLGyBV2rNC5IJyUSjYrCAyWh67_nERHzoeVh5gDs8gJ4YaFKKTIPpkejlXmBaaKV7vWkPUj86eqZvlx4XLkzkZV9AXroUfecrtl-0GDxKwuGuy3z-LdXY_AOF-YF9d3MvTGmPoEM9bOF/s1600/line2.png"></center><br>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhM4q_bbGyvShr9IDZXoCCI0RXifSE9m1iaQCrdorMmRgb3kM5bSkHcMVQnkaBEa3Ew4iVmbRRg8zKXt_748-JxF8mqsfh3SIPlfBBwfe-befn4tHMv6_qqu6Z4OQDCLLB1nzeRL7xotwp_/s1600/bearb2.png" style="width:150px; margin-right:20px; float:right;"/>
<img src="https://media.tumblr.com/17c9130af8c90508ecc1c50560b353bc/tumblr_inline_n2pjdqAiP61qdlkyg.gif" style="padding-right:5px;"/><span style="font-size:20px;">Credit ; </span>
<br> > Template Design by ; <a href="https://elaine0211.blogspot.com/">BabeX e.ling</a>
<br> > Re-Design by ; Your Name
<br> > Tutorials From ; <a href="https://tympanus.net/codrops/category/tutorials/">Tympanus</a> || <a href="https://angelbii.blogspot.com/">Bii Angel</a>
<br> > Materials From ; <a href="https://www.google.com/">Google</a> || <a href="https://www.pixel-diary.tumblr.com/">Pixel-diary</a>
<br> > Cutie Bear Photo ; Deborah Jones (Forever Friends) </a>
<br> > Thank to ; <a href="https://photobucket.com/">Photobucket</a> || <a href="https://www.imgur.com/">Imgur</a> || <a href="https://www.google.com/fonts"/>Google Fonts</a>
<br><br>
- Best Viewed In <a href="https://www.google.com/">Google Chrome</a> -
<br><br>
</div>
<!-------------------Post----------------------->
<div style="padding:10px; position:absolute; left:150px; top:125px; width:520px; height:470px;border-radius:20px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieJrJD7ZGNpBFwsXQJT19Cppy-cmofAD-IJkXJPAd-cXuBsU_rLj9LdPTIgZfK2-UXGt9dns3CQYPHTviW02AY28cxIvV-pu968DUjpKSBJI7hhoVZW0YZG_Nl1UcQMDziFHf8yTVsDW5b/s1600/1139818035e4b67818o.jpg)repeat right; background-size:667px 500px;">
<div style="padding:10px; opacity:0.8; border-radius:10px; float:center; width:500px; overflow-x: hidden; overflow-y: scroll;height:450px;background:#fff;box-shadow: 0 0 5px 5px #fff;">
<div id="main"><blogger>
<div class="post-title"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$>Comment(s)</a></BlogItemCommentsEnabled>
<div class="post-body">
<p>
<$BlogItemBody$>
</p>
</div>
<ItemPage>
<div id="comments">
<BlogItemCommentsEnabled><a name="comments"></a>
<dl id="comments-block">
<$CommentPager$>
<BlogItemComments>
<dt class="comment-data" id="<$BlogCommentAnchorName$>"><a name="<$BlogCommentAnchorName$>"></a>
<$I18NCommentAuthorSaid$>
</dt>
<dd class="comment-body">
<p><$BlogCommentBody$></p>
<$BlogCommentDeleteIcon$>
</dd>
</BlogItemComments><br/><br/><br/>
<$CommentPager$>
</dl>
<p class="comment-timestamp">
<$BlogItemCreate$>
</p>
<br/><br/>
</div>
</ItemPage>
</Blogger>
<center><NewerPosts><a href=<$NewerPosts$>>Newer</a></NewerPosts> // <OlderPosts><a href=<$OlderPosts$>>Older</a></OlderPosts></center>
</div></div></div>
</Blogger>
<!-------------------chatbox----------------------->
<div id="chat" style="display: none;">
<div class="page-title">Let's Chat !</div>
<br><br><center>- Cbox Code Here -</center>
<br>
</div></div></div></div>
<!-------------------PAGE1----------------------->
<div id="post" style="display: none;">
<Blogger>
<div class="post-title"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$>Comment(s)</a></BlogItemCommentsEnabled>
<div class="post-body">
<p>
<$BlogItemBody$>
</p></div>
<ItemPage>
<div id="comments">
<BlogItemCommentsEnabled><a name="comments"></a>
<dl id="comments-block">
<$CommentPager$>
<BlogItemComments>
<dt class="comment-data" id="<$BlogCommentAnchorName$>"><a name="<$BlogCommentAnchorName$>"></a>
<$I18NCommentAuthorSaid$>
</dt>
<dd class="comment-body">
<p><$BlogCommentBody$></p>
<$BlogCommentDeleteIcon$>
</dd>
</BlogItemComments>
<$CommentPager$>
</dl>
<p class="comment-timestamp">
<$BlogItemCreate$>
</p>
</div>
</ItemPage>
<!-- End #comments -->
</Blogger>
<center>
<NewerPosts><a href=<$NewerPosts$>>Newer</a></NewerPosts> // <OlderPosts><a href=<$OlderPosts$>>Older</a></OlderPosts></center>
</div></div></div>
</div>
</div>
<!-------------------PAGE2----------------------->
<div id="about" style="display: none;">
<div class="page-title">Da' Owner</div>
<br>
<center>
<br># Name :
<br># Age :
<br># Birthday :
<br># Tumblr :
<br># Blog :
<br># Facebook :
<br>--- Replace with your profile ---
</center>
</div>
<!-------------------PAGE3----------------------->
<div id="link" style="display: none;">
<div class="page-title">Beloved Bloggie</div>
<br>
<center>
<br><br>
<a class="li"href="URL">NAME</a>
<a class="li"href="URL">NAME</a>
<a class="li"href="URL">NAME</a>
<a class="li"href="URL">NAME</a>
<br>
<a class="li"href="URL">NAME</a>
<a class="li"href="URL">NAME</a>
<a class="li"href="URL">NAME</a>
<a class="li"href="URL">NAME</a>
<br><br><br><br>
</center>
</div>
<!-------------------PAGE4----------------------->
<div id="matter" style="display: none;">
<div class="page-title"> Stuff </div>
<br>
<b> Tutorial ; </b>
<br><br>
> <a href="URL">List 1</a><br>
> <a href="URL">List 2</a><br>
> <a href="URL">List 3</a><br>
> <a href="URL">List 4</a><br>
> <a href="URL">List 5</a><br>
<br><br>
<b> Material ;</b>
<br><br>
> <a href="URL">List 1</a><br>
> <a href="URL">List 2</a><br>
> <a href="URL">List 3</a><br>
> <a href="URL">List 4</a><br>
> <a href="URL">List 5</a><br>
<br><br>
<blockquote class="tr_bq">Coming Soon..</blockquote>
</div>
<!-------------------------- END ----------->