</*-----------------------------------------------
Designer Blog: https://karren-yeoh.blogspot.com
Designer: Karrenyeoh
Date: 2026.05.15
----------------------------------------------- */>
<html>
<head></head>
<link rel="shortcut icon" href="https://pbs.twimg.com/media/HJMgspwagAA405f?format=png&name=small">
<title>Black Anime</title>
</* Social Media Icon>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</* Google Font>
<link href="https://fonts.googleapis.com/css2?family=Stick&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Tiny5&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Oswald&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Geo&display=swap" rel="stylesheet">
</* Notice>
<script type="text/javascript" src="http://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('=')[2]; //Gets the first query string value
//Fade in the Popup and add close button
$('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a style="outline: none; background-color: #fff;" href="#" class="close"><img style=" margin: -60px -60px 0px 0px;" src="https://64.media.tumblr.com/1bf122be2900ebe4f18580c80b0d00b1/09ee67fc3609f322-bb/s250x400/b8db2760d8a07aaf77f289a79c2ee8d18fd37bdf.gifv" width="85" 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=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'}) 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>
</* ScrollToTop>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript">
var scrolltotop={
setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
controlHTML: '<img src="https://pbs.twimg.com/media/HJMiaFHbwAAH5UZ?format=png&name=small" style="filter:alpha(opacity=70); -moz-opacity:0.1; width:150px;" />',
controlattrs: {offsetx:10, offsety:50},
anchorkeyword: '#top',
state: {isvisible:false, shouldvisible:false},
scrollup:function(){
if (!this.cssfixedsupport)
this.$control.css({opacity:0})
var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
if (typeof dest=="string" && jQuery('#'+dest).length==1)
dest=jQuery('#'+dest).offset().top
else
dest=0
this.$body.animate({scrollTop: dest}, this.setting.scrollduration);
},
keepfixed:function(){
var $window=jQuery(window)
var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx
var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety
this.$control.css({left:controlx+'px', top:controly+'px'})
},
togglecontrol:function(){
var scrolltop=jQuery(window).scrollTop()
if (!this.cssfixedsupport)
this.keepfixed()
this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false
if (this.state.shouldvisible && !this.state.isvisible){
this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])
this.state.isvisible=true
}
else if (this.state.shouldvisible==false && this.state.isvisible){
this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])
this.state.isvisible=false
}
},
init:function(){
jQuery(document).ready(function($){
var mainobj=scrolltotop
var iebrws=document.all
mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode
mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')
mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>')
.css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})
.attr({title:'Back to Top'})
.click(function(){mainobj.scrollup(); return false})
.appendTo('body')
if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='')
mainobj.$control.css({width:mainobj.$control.width()})
mainobj.togglecontrol()
$('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
mainobj.scrollup()
return false
})
$(window).bind('scroll resize', function(e){
mainobj.togglecontrol()
})
})
}
}
scrolltotop.init()
</script>
<style type="text/css">
#navbar-iframe {
display: none;
}
/* Body
----------------------------------------------- */
body {
overflow: auto;
cursor: url(https://pbs.twimg.com/media/HJMjXuQbsAA3aqA?format=png&name=120x120), progress;
background: url(https://pbs.twimg.com/media/HJMdYWjbMAAFA6_?format=jpg&name=small);
color: #666;
font-family: Geo;
font-size: normal;
}
#main {
float: right;
background: #FFF;
color: #4F4F4F;
width: 65%;
font-size: 100%;
padding: 50px;
margin-top: 50px;
margin-right: 3%;
border: 1px solid #ccc;
border-radius: 35px;
}
.sider {
position: fixed;
float: left;
background : url(https://64.media.tumblr.com/794105dfefae7e2dff8aa77a6984b1ec/62be6a0cfeca99ff-33/s540x810/f084791dfd61495223f7359eb2865fce257c5d1b.gifv);
background-size: 100%;
height: 100%;
width: 25%;
z-index: 9;
}
.cbox {
float: left;
width: 55%;
}
.menu {
float: right;
width: 40%;
}
.img1 {
position: fixed;
top: 50%;
left: 10%;
background : url(https://pbs.twimg.com/media/HJMiQyDb0AAAsq4?format=png&name=small) no-repeat;
background-size: 100%;
height: 100%;
width: 25%;
z-index: 99;
}
/* Posts
----------------------------------------------- */
.post {
background: transparent;
}
.post-title {
color: #272727;
font-family: Bebas Neue;
font-size: 30px;
letter-spacing: 15px;
text-align: center;
text-transform: uppercase;
}
.post-title-img {
float: right;
position: static;
background: url(https://pbs.twimg.com/media/HJMfC2oaYAAxu6U?format=png&name=small) no-repeat right;
background-size: 110%;
height: 100px;
width: 100px;
margin-top: 10px;
border: 2px solid #000;
border-radius: 20px;
}
.date {
background: #E0E0E0;
color: #000;
font-family: Tiny5;
font-size: 11px;
line-height: 1.5;
text-align: center;
text-transform: uppercase;
padding: 2px;
margin-top: 10px;
margin-bottom: 50px;
}
.about-img {
float: right;
position: static;
background: url(https://pbs.twimg.com/media/HJMf7YibUAAvblS?format=jpg&name=small) no-repeat right;
background-size: 110%;
height: 100px;
width: 100px;
border: 2px solid #000;
border-radius: 20px;
}
.link-img {
float: right;
position: static;
background: url(https://pbs.twimg.com/media/HJMetH3bEAANUJc?format=png&name=small) no-repeat right;
background-size: 110%;
height: 100px;
width: 100px;
border: 2px solid #000;
border-radius: 20px;
}
/* Comments
----------------------------------------------- */
#comments {
background: #FFF;
padding: 2%;
}
h4 {
font-size: 150%;
text-decoration: 3px underline #000;
text-underline-offset: 15px;
text-transform: uppercase;
margin-bottom: 5%;
}
#comments-block {
margin: 2%;
}
.comment-data {
margin-bottom: 1%;
}
.comment-body {
background: #000;
color: #FFF;
padding: 1%;
}
/* Sidebar
----------------------------------------------- */
.line1 {
background: transparent;
height: 15%;
width: 7px;
}
.line2 {
background: #FFF;
height: 5px;
width: 7px;
}
.line3 {
background: #FFF;
height: 80%;
width: 7px;
}
#img-cbox {
overflow: hidden;
background : url(https://i.pinimg.com/736x/84/d5/88/84d58855ecb9fdf42e4a9adcb6288588.jpg) no-repeat;
background-size: 100%;
height: 45%;
width: 100%;
border: 7px solid #FFF;
transition: all .4s linear;
}
.img-cbox-content {
background: #FFF;
height: 100%;
width: 100%;
font-size: 100%;
padding: 2%;
margin-left: -50%;
border: 2px solid #FFF;
transition: all .4s linear;
opacity: 0;
}
#img-cbox:hover .img-cbox-content {
margin-left: 0%;
transition: all .2s linear;
opacity: .8;
}
#img-menu {
overflow: hidden;
background : url(https://i.pinimg.com/1200x/a2/c5/4a/a2c54ac9a8c941f644caf47a69567c66.jpg) no-repeat;
background-size: 100%;
height: 13%;
width: 70%;
margin-top: 5%;
border: 7px solid #FFF;
border-radius: 100%;
transition: all .4s linear;
}
.img-menu-content {
display: flex;
align-items: center;
justify-content: center;
background: #FFF;
height: 100%;
width: 100%;
font-size: 130%;
padding: 2%;
border-radius: 100%;
transition: all .4s linear;
opacity: 0;
}
#img-menu:hover .img-menu-content {
transition: all .2s linear;
opacity: .8;
}
/* Menu Navigator
----------------------------------------------- */
.menu a.navi {
display: inline-block;
background: #FFF;
color: #000;
height: 15px;
width: 70%;
font-family: Oswald;
font-size: 70%;
letter-spacing: 3px;
line-height: 15px;
text-align: center;
text-transform: uppercase;
padding: 5px;
border: 1px solid #FFF;
transition: all 0.7s ease-out;
opacity: 1;
}
.menu a.navi:hover {
background: #000;
color: #FFF;
}
.navi2 {
display: inline-block;
background: #FFF;
color: #000;
height: 15px;
width: 101%;
font-family: Oswald;
font-size: 70%;
letter-spacing: 5px;
line-height: 15px;
text-align: center;
text-transform: uppercase;
padding: 5px;
margin-top: 5px;
border: 1px solid #000;
transition: all 0.7s ease-out;
opacity: 1;
}
.navi2:hover {
background: #000;
color: #FFF;
border: 1px solid #FFF;
}
/* Notice
----------------------------------------------- */
#fade {
/*--Transparent background layer--*/
/*--hidden by default--*/
display: none;
position: fixed;
background: #000;
height: 100%;
width: 100%;
top: 0;
left: 0;
opacity: 0.5;
z-index: 999;
}
.popup_block{
/*--hidden by default--*/
display: none;
position: fixed;
background: #fff;
width: 1000px;
top: 40%;
left: 50%;
float: left;
font-size: 15px;
padding: 20px;
border: 10px solid #6C6C6C;
border-radius: 30px;
box-shadow: 0px 0px 20px #fff;
z-index: 9999;
}
img.btn_close {
float: right;
margin: -25px -25px 0 0;
}
*html #fade {/*--Making IE6 Understand Fixed Positioning--*/
position: absolute;
}
*html .popup_block {
position: absolute;
}
h1 {
background: #E0E0E0;
color: #272727;
font-family: Bebas Neue;
font-size: 35px;
line-height: 10px;
letter-spacing: 15px;
text-align: center;
text-transform: uppercase;
padding: 4px;
margin-top: 30px;
}
/* Scrollbar
----------------------------------------------- */
::-webkit-scrollbar {
background: #000;
width: 5px;
}
::-webkit-scrollbar-thumb {
background: #FFF;
border-radius: 5px;
}
/* Tooltip
----------------------------------------------- */
#s-m-t-tooltip {
background-color: #FFF;
color: #3B3B3B;
font-family: Stick;
font-size: 90%;
padding: 10px;
margin: 20px;
border: 1px solid #000;
border-radius: 5px;
z-index: 99999;
}
/* Music
----------------------------------------------- */
#player {
position: fixed;
overflow: hidden;
background: #FFF;
color: #000;
top: 0%;
right: 130px;
text-align: center;
text-transform: uppercase;
padding: 10px;
border: 2px solid #000;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
transition: all .5s ease-in-out;
z-index: 99;
}
#player:hover #mp3 {
top: 0%;
}
#mp3 {
position: fixed;
background: #FFF;
color: #000;
width: 300px;
top: -30%;
right: 10px;
font-size: 80%;
text-align: center;
text-transform: uppercase;
padding: 10px;
border: 2px solid #000;
border-radius: 10px;
transition: all 0.5s ease-out;
z-index: 99;
}
#youtube:hover {
transition: all 0.5s ease-out;
}
/* Links
----------------------------------------------- */
a:link,a:visited {
color: #000;
text-decoration: none;
text-transform: uppercase;
transition: all 0.5s ease-out;
}
a:hover {
cursor: url(https://pbs.twimg.com/media/HJMjewhaMAAmL38?format=png&name=120x120), progress;
color: #E0E0E0;
transition: all 0.5s ease-out;
}
a img {
border-width: 0;
}
a.link2 {
display: inline-block;
background: #FFF;
color: #000;
width: 20%;
font-family: Oswald;
font-size: 10px;
letter-spacing: 1px;
text-align: center;
text-transform: uppercase;
padding: 5px;
margin: 3px;
border: 1px solid #000;
transition-duration: .9s;
}
a.link2:hover {
background: #000;
color: #FFF;
box-shadow: inset 0px 1000px 0px 0px #000;
transition-duration: .5s;
}
#contact {
width: 10%;
font-size: 200%;
margin: 5px;
}
/* Text Effects
----------------------------------------------- */
b {
color: #272727;
font-size: 110%;
text-decoration: none;
}
u {
color: #272727;
font-weight: bold;
text-decoration: none;
border-bottom: 2px solid #000;
}
::selection {
background: #000;
color: #FFF;
}
blockquote {
background: #E0E0E0;
color: #7B7B7B;
padding: 10px;
border: 2px solid #7B7B7B;
box-shadow: inset 0px 0px 20px 0px #FFF;
transition-duration: .5s;
}
blockquote:hover {
padding: 10px;
box-shadow: inset 0px 1000px 0px 0px #FFF;
transition-duration: .5s;
}
textarea {
background: #FFF;
border: 2px solid #000;
}
</style>
<body>
<Blogger>
<!-----------------------------------Music-----------------------------------!>
<div id="player">music here
<div id="mp3">
// Hell Girl - Higanbana
<audio controls autoplay src="https://mp3tourl.com/audio/1782969865317-bfeb983f-54da-468a-ba2b-29b05390dfc9.mp3"></audio>
</div></div>
<!--------------------------------------Notice--------------------------------------!>
<div class="popup_block" id="notice">
<h1>welcome . 欢迎各位</h1>
<img style="float:left; margin-right:20px;" src="https://pbs.twimg.com/media/HJMiEMjaIAAlhar?format=jpg&name=small" width="35%">
WRITE YOUR NOTIC HERE
<img style="float:right; margin-top:-30px;" src="https://media3.giphy.com/media/v1.Y2lkPTZjMDliOTUyc3c2Ymt2MGhzeDdqOXhrYmt0N3dycjJ5bjA2Nm9wMHJpaThhaXk5ZiZlcD12MV9zdGlja2Vyc19zZWFyY2gmY3Q9cw/ADATtOVP6kn9OS79mO/giphy.gif" width="10%"><hr style='border: 1px solid #6C6C6C;'>
</div>
<!--------------------------------------Blog-Body--------------------------------------!>
<div class="img1"></div>
<div id="main" class="post">
<div class="post-title-img"></div>
<div class="post-title"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<div class="date"><i class="fa fa-calendar-check-o"></i> <BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> - <i class="fa fa-comments"></i> comments: <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$></a></div>
<$BlogItemBody$>
<ItemPage>
<div id="comments">
<BlogItemCommentsEnabled><a name="comments"></a>
<h4><$I18NNumComments$>:</h4>
<dl id="comments-block">
<$CommentPager$>
<BlogItemComments>
<dt class="comment-data" id="<$BlogCommentAnchorName$>"><a name="<$BlogCommentAnchorName$>"></a>
<$I18NAtCommentTimeWithPermalink$>: <$I18NCommentAuthorSaid$>
</dt>
<dd class="comment-body">
<$BlogCommentBody$>
<$BlogCommentDeleteIcon$>
</dd>
</BlogItemComments>
<$CommentPager$>
</dl>
<$BlogItemCreate$>
</div></*--one is comments>
</ItemPage>
<center><NewerPosts><a href="<$NewerPosts$>">< Latest Memories</a></NewerPosts> | <OlderPosts><a href="<$OlderPosts$>">Past Memories ></a></OlderPosts></center>
</div>
<!--------------------------------------Sidebar--------------------------------------!>
<div class="sider">
<div class="cbox">
<div class="line1"></div>
<div id="img-cbox">
<div class="img-cbox-content">
Template by <a href="https://karren-yeoh.blogspot.com/2026/05/black-anime.html" target="_blank">Black Anime</a>.<br>
Template made by <a href="https://karren-yeoh.blogspot.com/" target="_blank">Karrenyeoh</a>.<br>
Redesigned by <a href="">Your Name</a>.<br>
Best viewed in Google.<br>
</div>
</div>
<div class="navi2"><a style="text-transform:uppercase;" class="poplight" href="#?w=500" rel="notice" title="点这里" >notice inside here</a></div>
</div>
</* Menu>
<div class="menu">
<center>
<div id="img-menu">
<div class="img-menu-content">
Black Anime <img style="margin-top:10px;" src="https://i.pinimg.com/originals/93/10/df/9310df432c2b22633ff104bb0ef163ad.gif" width="10%"></div></div>
<div class="line2"></div>
<div class="navi"><a class="navi" onClick="document.getElementById('main').innerHTML=document.getElementById('entry').innerHTML" title="主页">diary</a></div><div class="line2"></div>
<div class="navi"><a class="navi" onClick="document.getElementById('main').innerHTML=document.getElementById('about').innerHTML" title="博主">about</a></div><div class="line2"></div>
<div class="navi"><a class="navi" onClick="document.getElementById('main').innerHTML=document.getElementById('link').innerHTML" title="链接">link</a></div><div class="line2"></div>
<div class="navi"><a class="navi" href="https://www.blogger.com/home" target="_blank" title="主页">home</a></div><div class="line2"></div>
<div class="navi"><a class="navi" href="http://www.blogger.com/follow-blog.g?blogID=<$blogID$>" target="_blank" title="关注">follow</a></div><div class="line3"></div>
</center><div class="img2"></div>
</div></div>
<!--------------------------------------Page-Entry--------------------------------------!>
<div id="entry" style="display: none;">
<div class="post">
<div class="post-title-img"></div>
<div class="post-title"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<div class="date"><i class="fa fa-calendar-check-o"></i> <BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> - <i class="fa fa-comments"></i> comments: <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$></a></div>
<$BlogItemBody$>
<ItemPage>
<div id="comments">
<BlogItemCommentsEnabled><a name="comments"></a>
<h4><$I18NNumComments$>:</h4>
<dl id="comments-block">
<$CommentPager$>
<BlogItemComments>
<dt class="comment-data" id="<$BlogCommentAnchorName$>"><a name="<$BlogCommentAnchorName$>"></a>
<$I18NAtCommentTimeWithPermalink$>: <$I18NCommentAuthorSaid$>
</dt>
<dd class="comment-body">
<$BlogCommentBody$>
<$BlogCommentDeleteIcon$>
</dd>
</BlogItemComments>
<$CommentPager$>
</dl>
<$BlogItemCreate$>
</div></*--one is comments>
</ItemPage>
<center><NewerPosts><a href="<$NewerPosts$>">< Latest Memories</a></NewerPosts> | <OlderPosts><a href="<$OlderPosts$>">Past Memories ></a></OlderPosts></center>
</div></div>
<!--------------------------------------Page-About--------------------------------------!>
<div id="about" style="display: none;">
<div class="post">
<div class="about-img"></div>
<div class="post-title">owner . 版主</div>
<div class="date">Small Appearance And Presence. Yeap! That's Me!</div>
<center><img src="https://i.pinimg.com/originals/13/14/b6/1314b628c054fc0ea321c1354fc491e7.gif" width="50%">
<br>
<a href="" id="contact" class="fa fa-facebook-f" title="facebook"></a>
<a href="" id="contact" class="fa fa-instagram" title="instagram"></a>
<a href="" id="contact" class="fa fa-twitter" title="twitter"></a>
<a href="" id="contact" class="fa fa-tumblr" title="tumblr"></a>
</center>
</div></div>
<!--------------------------------------Page-Link--------------------------------------!>
<div id="link" style="display: none;">
<div class="post">
<div class="link-img"></div>
<div class="post-title">link . 链接</div>
<div class="date">Tell me if you're interested to be on the list.</div>
<center><img src="https://64.media.tumblr.com/94405cfd431c45b52a4dc0f228276687/tumblr_obhulhi6621uc9x1zo1_500.gif" width="50%"></center>
<b>FRIENDS . 朋友 <i class="fa fa-heart"></i></b><br><br>
<center>
<a class='link2' href="" target="_blank">link2</a>
<a class='link2' href="" target="_blank">link2</a>
<a class='link2' href="" target="_blank">link2</a>
<a class='link2' href="" target="_blank">link2</a>
<a class='link2' href="" target="_blank">link2</a>
<a class='link2' href="" target="_blank">link2</a>
<a class='link2' href="" target="_blank">link2</a>
<a class='link2' href="" target="_blank">link2</a>
<a class='link2' href="" target="_blank">link2</a>
<a class='link2' href="" target="_blank">link2</a>
<a class='link2' href="" target="_blank">link2</a>
<a class='link2' href="" target="_blank">link2</a>
<a class='link2' href="" target="_blank">link2</a>
<a class='link2' href="" target="_blank">link2</a>
<a class='link2' href="" target="_blank">link2</a>
<a class='link2' href="" target="_blank">link2</a>
<a class='link2' href="" target="_blank">link2</a>
<a class='link2' href="" target="_blank">link2</a>
<a class='link2' href="" target="_blank">link2</a>
<a class='link2' href="" target="_blank">link2</a>
</center>
</div></div>
<!--------------------------------------End--------------------------------------!>
</Blogger>
</body>
</* Tooltip>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
<script>
(function($){
$(document).ready(function(){
$("[title]").style_my_tooltips();
});
})(jQuery);
</script>
</html>
