Images not showing on WordPress custom page template

this is the faulty page with images not coming up, http://kokas.x10.mx/?page_id=64

I created a file called sharing-page.php, placed it under my active theme and then applied it to a page. I also placed an images folder at the same level as the php file. My image tags are like this <img src="images/facebook.png" alt="Facebook" />, but something is wrong obviously.

content of the sharing-page.php file

<?php
/*
Template Name: Sharing
*/
?>

<div id='page-wrap-sharing'>
    <header>
        <h1>Nodig je vrienden uit</h1>
        <h2>Nodig je vrienden uit en verdien geld bij elke verzoek.</h2>
    </header>
    <div id='main-content-sharing'>
        <section id='share-buttons'>
            <h3>Sociale netwerken</h3>
            <h4>Stuur een uitnodiging naar al je vrienden op sociale netwerken.</h4>
            <ul>
                <li><a href="http://www.facebook.com/sharer.php?u=http://fray.it" target="_blank"><img src="images/facebook.png" alt="Facebook" /></a></li><!-- Facebook -->                
                <li><a href="http://twitter.com/share?url=http://fray.it" target="_blank"><img src="images/twitter.png" alt="Twitter" /></a></li><!-- Twitter -->
                <li><a href="https://plus.google.com/share?url=http://fray.it" target="_blank"><img src="images/google.png" alt="Google" /></a></li><!-- Google Plus -->
                <li><a href="mailto:?Subject=Welcome to Fray&Body=I%20saw%20this%20and%20thought%20of%20you!%20 http://fray.it"><img src="images/email.png" alt="Email" /></a></li><!-- Email -->
            </ul>   
            <p>We delen je contacten met niemand zonder jou toestemming.</p>
        </section>
    </div>  <!-- END main-content -->
</div>

<?php get_footer(); ?>