Line 48: | Line 48: | ||
<div id="content-body"> | <div id="content-body"> | ||
<div> | <div> | ||
− | <div id="intro"> | + | <div id="intro" style="height:100%;z-index:100;position:absolute;background:inherit;transition:opacity .5s;"> |
<h1 data-typer='"Iron deficiency affects more people than <b>any</b> other condition, constituting a public health condition of epidemic proportions" - <b>WHO</b>' data-delay="0"></h1> | <h1 data-typer='"Iron deficiency affects more people than <b>any</b> other condition, constituting a public health condition of epidemic proportions" - <b>WHO</b>' data-delay="0"></h1> | ||
<h1 data-typer="Over <b>30%</b> of the global population suffers from iron deficiency anaemia."data-delay="11000"></h1> | <h1 data-typer="Over <b>30%</b> of the global population suffers from iron deficiency anaemia."data-delay="11000"></h1> | ||
Line 58: | Line 58: | ||
.JC #content-index{ | .JC #content-index{ | ||
display:none!important} | display:none!important} | ||
− | |||
− | |||
div.JC{ | div.JC{ | ||
transition:background-color 1s ease-in; | transition:background-color 1s ease-in; | ||
Line 159: | Line 157: | ||
},500); | },500); | ||
</script> | </script> | ||
− | <div id="afterintro"> | + | <div id="afterintro" style="opacity:0;transition:opacity .5s;"> |
<h1>HEYY!</h1> | <h1>HEYY!</h1> | ||
</div> | </div> |
Revision as of 22:49, 31 October 2017