<div class="page fullfixed">
<article>
<header style="
background-color: #fff;
background-image:url(/uploads/5437920836bde.jpg);
">
</header>
<div class="main">
<p id="toggle">
<a href="#">Hide text</a>
</p>
<script type="text/javascript">
$(document).ready(function() {
BN.registerPlugin('showHide', function(){
$('p#toggle').hide();
var postionLink = function() {
$('p#toggle').hide();
window.setTimeout(function() {
var top = ( $('.intro h1').length ) ?
~~($('.intro h1').offset().top) : 70;
var h = $('p#toggle').height();
$('p#toggle').css('top', top - h);
$('p#toggle').fadeIn('fast');
}, 1000);
};
$(window).resize(function() {
postionLink();
});
postionLink();
// $('p#toggle').show();
$('p#toggle a').bind('click', function() {
$('.toggleContent').toggle('slow', function(){
var text = ( $(this).is(':visible') ) ?
'Hide Text' :
'Show Text';
if ($(this).is(':visible')) {
$('p#toggle a').text('Hide Text')
.removeClass('hidden')
.addClass('invisible');
postionLink();
} else {
$('p#toggle a').text('Show Text')
.removeClass('invisible')
.addClass('hidden');
}
});
return false;
});
});
});
</script>
<div class="intro toggleContent">
<h1>Welcome to LabAroma's Natural Beauty & Health Care Ezine</h1>
</div>
<div class="container toggleContent">
<p class="summary">We didn't know how to say thank you for your support and love over the last year so we asked you all what you would like from LabAroma and you said you wanted to know some of our natural beauty secrets as well as our aromatherapy recipes and tips! </p>
<p class="byline"> </p>
<p>For you we
have created this wonderful beauty packed Ezine full of organic insights, tips,
recipes and knowledge into the mystical world of organic aromatherapy
beauty. </p><p>Enjoy!
</p><p>Your LabAroma Team x</p>
</div>
</div><!-- main-->
</article>
</div><!-- /page-->