Updates Tab 03 by Pillow Themes

HELLO! THANKS FOR USING PILLOW THEMES' TAB 03! PLEASE PLEASE PLEASE DO NOT REMOVE THE CREDITS. IT WON'T BE SEEN ANYWAY, JUST PLEASE LEAVE IT IN THE CODE. THANK YOU.

PLACE THE FOLLOWING CODE AFTER <head>
(DON'T FOLLOW THIS IF YOU ALREADY HAVE THE FONTAWESOME LINK)
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.0/css/all.css" integrity="sha384-lKuwvrZot6UHsBSfcMvOkWwlCMgc0TaWr+30HWe3a4ltaBwTZhyTEggF5tJv8tbt" crossorigin="anonymous">

(BUT YOU HAVE TO FOLLOW THIS ONE)
<script>
$(document).ready(function(){
    $("#updt").click(function(){
        $("#updc").slideToggle("6000");
    });
});
</script>



PLACE THE FOLLOWING SOMEWHERE BETWEEN <style type="text/css" or <style> and </style>
/* UPDATES TAB 03: PILLOW THEMES BY CARA */
/* Updates Box */
#updb {
top:50px;
left:50px;
width:150px;
height:auto;
padding:10px;
background-color:white;
border:1px solid #fad6ab;
position:fixed;
}

/* Name of Your Updates Box */
#updt {
background-color:#fad6ab;
text-align:center;
padding:5px;
font-family: 'Barlow Semi Condensed', sans-serif;
text-transform:uppercase;
font-size:18px;
}

/* Updates Content */
#updc {
margin-top:5px;
background-color:white;
display:none;
padding:5px;
line-height:16px;
}

#statst {
text-transform:uppercase;
border-bottom:1px solid #fad6ab;
padding-bottom:5px;
}

#statsb {
text-align:left;
margin-top:5px;
margin-bottom:15px;
}

#currt {
border-bottom:1px solid #fad6ab;
padding-bottom:5px;
text-transform:uppercase;
}

#currb {
text-align:left;
margin-top:5px;
margin-bottom:15px;
}

#applyt {
border-bottom:1px solid #fad6ab;
padding-bottom:5px;
text-transform:uppercase;
}

#applyb {
text-align:left;
margin-top:5px;
}

#applyb a {
display:inline-block;
}
/* UPDATES TAB 03: PILLOW THEMES BY CARA */

/* If you want more boxes, copy these codes...
#extraboxt1 {
border-bottom:1px solid #eee;
padding-bottom:5px;
text-transform:uppercase;
}

#extraboxb1 {
text-align:left;
margin-top:5px;
margin-bottom:15px;
}

NOTE: In case you didn't notice, title codes are named with somethingt. It has the letter T at the end to represent title code. The letter B is just for your box content for that title.

The first set of codes is for your title and the second set is for the content.

On your last box code, remove margin-bottom:15px.*/


PLACE THE FOLLOWING BEFORE </body>
<!--- UPDATES TAB 03: PILLOW THEMES BY CARA -->
<div id="updb">
    <div id="updt">updates</div>
    <div id="updc">
        <div id="statst">Statistics</div>
        <div id="statsb">
            <!--- If you want to put your freehostedscripts here, you can remove this part... --->
            00.00.00&nbsp; text here
            <br>
            00.00.00&nbsp; text here
            <br>
            00.00.00&nbsp; text here
            <br>
            00.00.00&nbsp; text here
            <!--- ... to here and input the codes. --->
        </div>

        <div id="currt">Currently</div>
        <div id="currb">
            <i class="fas fa-book"></i>&nbsp; Me Before You
            <br>
            <i class="fas fa-music"></i>&nbsp; Lauv, Billie Eilish
            <br>
            <i class="fas fa-video"></i>&nbsp; Quantico S2 and Superstore S3
        </div>

        <div id="applyt">Apply</div>
        <div id="applyb">
            <a href="/">&mdash; &nbsp;Awards with Rareinq</a>
            <a href="/">&mdash; &nbsp;Theme Makers' Network</a>
            <a href="/">&mdash; &nbsp;Pillow Themes' Affiliates Recruitment</a>
        </div>
</div>
</div>
<!--- UPDATES TAB 03: PILLOW THEMES BY CARA -->