Difference between revisions of "Team:Judd UK/berhfudf"

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}
#intro{height:100%;z-index:100;position:absolute;background:inherit;transition:opacity .5s;}
 
#afterintro{opacity:0;transition:opacity .5s;}
 
 
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

Contents

HEYY!

Designed by Aleksandur Murfitt