JSFiddle - React, Tailwind, and code Playground

by hslincoln

HTML

<div class="ClaresFade">
<h1>Email back to Clare</h1><br></div>
    <p><b>You’re incredible:</b><br>To think that two of JML’s finest employees are essentially wasting company money looking at YouTube clips is… well, completely justified in this case since it’s good for actually making sure you check your inbox. I can imagine you’re a massive slacker. <br>Me, I’m hiding this dialogue in code, masquerading it as work. (link attached)<br>
<br>
    This will make for some class-a lunchtime watching… Similarly you should really watch this, if you like that sorta stuff. May have already seen it...</p>
        <iframe width="420" height="315" src="//www.youtube.com/embed/9sbXc741n6I" frameborder="0" allowfullscreen></iframe>

CSS

.h2 {text-align:center;}
.ClaresFade {display:none; color:green;}

JavaScript

$(function(){
  $('.ClaresFade').fadeIn(1000);
});