Hover the header below to make it more visible.

I am a header. If you hover me, I will become more visible.

Source code below:

<br /> <style type="text/css"> #p1 { text-align:center; } #header1 { opacity:0.5; transition-property:opacity; transition-duration: 1s; } #header1:hover { opacity:1; transition-property:opacity; transition-duration: 1s; } </style> <p id="p1">Hover the header below to make it more visible.</p> <h2 id="header1">I am a header. If you hover me, I will become more visible.</h2> <p>

Hover the link below to make it bold.

I am a link. If you press me, you will go to lauris.org start.

Source code below:

<br /> <style type="text/css"> .bold{ font-weight: bold; } </style> <p>Hover the link below to make it bold.</p> <p><a id='link1' href="http://lauris.org" >I am a link. If you press me, you will go to lauris.org start.</a><br /> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script><br /> <script type="text/javascript"> $('#link1').bind('mouseenter mouseleave', function(){ $(this).toggleClass('bold'); }); </script>

I like to spend time close to nature. That gives me loads of a energy.

Lind flower picking in july is awesome.