Untitled

<!DOCTYPE>
<html>
    <head>
        <title>RateTehMovries</title>
        <style type="text/css">
            header, footer {
                text-align: center;
            }
        </style>
        <script type="text/javascript" src="src/jquery.js"></script>
    </head>
    <body>
        <header>RateTehMovries</header>
        <nav>
            <span id="showAll" onClick="$('.mo').show(); $('.se').show();">All</span>
            <span id="movies" onClick="$('.se').hide(); $('.mo').show();">Movies</span>
            <span id="series" onClick="$('.mo').hide(); $('.se').show();">Series</span>
        </nav>
        <section>
            <article class="mo">
                The Darkest Hour 3/5 Blablabla
                <div class="mocontent">My content relative to this movie</div>
            </article>
            <article class="se">
                The Walking Dead 4/5 Bloublou
                <div class="secontent">My content relative to this serie</div>
            </article>
        </section>
        <footer>v0.1</footer>
    </body>
</html>