JSFiddle - React, Tailwind, and code Playground

by Kamruz Jaman

HTML

<header id="head" class="wrap" style="background-color:transparent;">

<div class="123">
    <ul class="abc">

<li><a href="/index.php#home" class="class1">Home</a></li>
<li><a href="index.php#portfolio">Portfolio</a></li>            
       <li id="defg"><a>defg</a></li></ul>
</div>

<div class="class2">
        <div class="title">Title</div>
        <span id="title-seperator">|</span>
</div>

</header>   

<div class="mainpart" id="mainpart"> A bunch of other nested elements with....</div>

JavaScript

$(document).ready(function () {    
    //alert("ready");
});


$(window).load(function() {
    alert("load");
    $("#mainpart").addClass("animateMainpart");
    $("header").addClass("animateHeader");
});