Open sayakpaul opened 7 years ago
Hey sayak, Best not to seek general coding advice by opening an issue. But..
Put your h2 and button in a div, follow it with a div with id 'container', and set both to 'position:absolute' in their css. Then they'll overlap in the window.
So like this:
...
...
<body>
<div style="position:absolute">
<h2 class = "header center cyan-text">Ayushi, many many happy returns of the day! May the
almighty give you every happiness that you want and deserve as well. Happy Birthday :') </h2>
<br><br><center><a class="btn btn-floating btn-large pulse btn blue lighten-3" href =
"https://i.imgur.com/acoUTOT.jpg" target="_blank"><i class="material-icons">child_care</i>
</a></center>
</div>
<div id="container" style="position:absolute"></div>
<script>
...
...
`<!doctype html>
Ayushi, many many happy returns of the day! May the almighty give you every happiness that you want and deserve as well. Happy Birthday :')
`
I am using above piece of code but the particle effect is getting started after the header. I want it to start from the top itself.