overlaying content over a-frame

gistfile1.txt

<div class=”vr-container”> <!-- container div -->
    <a-scene class=”vr-background”> <!-- the  a-frame embed code -->
      <a-entity rotation="0 0 0"> <!-- rotation value sets the starting view point, play around! -->
    	<a-animation attribute="rotation" 
                 dur="600000"
                 easing="linear"
                 fill="forwards"
                 to="0 360 0"
                 repeat="indefinite"></a-animation> <!-- remove if you don’t like the automatic movement -->
    	    <a-sky src="your-image-link"></a-sky>
      </a-entity>
    </a-scene>
    <div class="vr-overlay-content">
        <h1>Let's explore the virtual world.</h1>
        <button class="action">Get Started</button>
    </div>
</div>