<section class="content show" id="home">
        <h1>Welcome</h1>
        <h5>Headline</h5>
        <p>Text <br> <b> </b> </p>
        <p><a href="#about">More info &#187;</a></p>
    </section>

    <!-- /About Page -->
    <section class="content hide" id="about">
        <h1>About</h1>
        <h5>Some facts about me!</h5>
        <p>
        <ul>
        <li>Alexander</li>
        <li>20.02.1994 </li>
        <li>Ausbildung zum Mediengestalter in Digital und Print </li>
        <li>Webdevelopment & Design </li>
        </ul></p>
        <p><a href="http://facebook.com/hipsteralex">Subscribe me on Facebook!</a></p>
    </section>

    <!-- /Contact Page -->
    <section class="content hide" id="contact">
        <h1>Contact</h1>
        <h5>Get in touch!</h5>
        <p>Email: <a href="#">Alook.de</a><br />
            Phone: 05<br /></p>
        <p>Jever<br />
            Germany</p>
    </section>


.show {
    display: block;
}
.hide {
    opacity: 0;
}
.content {
    color: deepskyblue;
    float:left;
    margin:40px;
    position:absolute;
    top:200px;
    width:600px;
    z-index:9999;
    -webkit-font-smoothing:antialiased;
}