index.html

---
layout: home
---
<div class="container">
    <div class="row text-center">
        <p class="hidden-xl hidden-lg hidden-sm">
            <a id="top_facebook" target="_blank" href="https://www.facebook.com/{{ site.facebook }}"><span class="fa fa-facebook-official"></span></a>
            <a href="/">
                <img src="/img/refucomm_logo_small.png" alt="RefuComm" id="top_logo">
            </a>
            <a id="top_twitter" target="_blank" href="https://twitter.com/{{ site.twitter_username }}"><span class="fa fa-twitter"></span></a>
        </p>
    </div>
</div>

<div class="container">
    <div class="row text-center" notranslate>

        <button href="/greece" class="notranslate language_selector btn btn-shaded col-xs-12 col-sm-6 col-md-4 col-lg-3 col-xl-2 col-lg-offset-3" 
          data-lang="ar" title="arabic">
            معلومات عن اللاجئين في اليونان
        </button>
        <button href="/greece" class="notranslate language_selector btn btn-shaded col-xs-12 col-sm-6 col-md-4 col-lg-3 col-xl-2" 
          data-lang="en" title="english">
            information for refugees in Greece
        </button>
        <br class="clear hidden-xs hidden-sm hidden-md">
        <button href="/greece" class="notranslate language_selector btn btn-shaded col-xs-12 col-sm-6 col-md-4 col-lg-3 col-xl-2" 
          data-lang="fa" title="farsi">
            اطلاعات برای پناهندگان در یونان
        </button>
        <button href="/greece" class="notranslate language_selector btn btn-shaded col-xs-12 col-sm-6 col-md-4 col-lg-3 col-xl-2" 
          data-lang="fr" title="french">
            informations pour les réfugiés en Grèce
        </button>
        <button href="/greece" class="notranslate language_selector btn btn-shaded col-xs-12 col-sm-6 col-md-4 col-lg-3 col-xl-2" 
          data-lang="el" title="greek">
            πληροφορίες για τους πρόσφυγες
        </button>
        <button href="/greece" class="notranslate language_selector btn btn-shaded col-xs-12 col-sm-6 col-md-4 col-lg-3 col-xl-2" 
          data-lang="ur" title="urdu">
            یونان میں پناہ گزینوں کے لئے معلومات
        </button>

    </div>
</div>

<div class="container">
    <br>
    <div class="row">
        <nav class="navbar navbar-default">
            <div class="container">
                <div class="nav-header hidden-xs hidden-md">
                    <a href="/"><img class="navbar-brand" src="/img/refucomm_logo_small.png" alt="RefuComm" id="header-lg-logo"></a>
                    <a target="_blank" href="https://www.facebook.com/{{ site.facebook }}"><span class="fa fa-facebook-official navbar-text"></span></a>
                    <a target="_blank" href="https://twitter.com/{{ site.twitter_username }}"><span class="fa fa-twitter navbar-text"></span></a>
                </div> 
                <div id="navbar" class="text-center">
                    <ul class="nav navbar-nav navbar-right">
                        <li id="collapse-filler" class="hidden-xs"></li>
                        <li><a href="/about/">About RefuComm</a></li>
                        <li><a href="/contact/">Contact Us</a></li>
                        <li class="highlight"><a href="https://www.youcaring.com/families-disabled-and-unaccompanied-minors-stuck-in-idomeni-569855">Donate</a></li>
                    </ul>
                </div>
            </div>
        </nav>

    </div>
</div>

<div class="container">
    <h1>What's new at RefuComm</h1>

    <div class="row">
        <div class="col-sm-6 col-xs-12">
            <h2>New Video</h2>

            <ul class="row new-vidoes">
                {% for video in site.data.new_content.videos %}
                <li class="col-sm-4 col-xs-12 text-center">
                    <a href="{{ video.href }}">
                        <img src="{{ video.thumbnail }}" class="video_thumbnail" alt="{{ video.name }}">
                        <p>{{ video.name }}</p>
                    </a>
                </li>
                {% endfor %}
            </ul>

            <hr>
            <h2>New Audio</h2>

            <ul class="row new-vidoes">
                {% for video in site.data.new_content.audios %}
                <li class="col-sm-4 col-xs-12 text-center">
                    <a href="{{ video.href }}">
                        <img src="{{ video.thumbnail }}" class="video_thumbnail" alt="{{ video.name }}">
                        <p>{{ video.name }}</p>
                    </a>
                </li>
                {% endfor %}
            </ul>
        </div>

        <div class="col-sm-6 col-xs-12">
            <h2>New Information</h2>

            <ul class="row" id="new-documents">
                {% for doc in site.data.new_content.documents %}
                <li class="col-xs-12">
                    <a href="{{ doc.href }}">
                        <p>{{ doc.name }}</p>
                    </a>
                </li>
                {% endfor %}
            </ul>

            <h2>Coming soon</h2>

            <ul class="row">
                <li class="col-xs-12"><p>Information about the Syria fast Track Process</p></li>
                <li class="col-xs-12"><p>Information about relocation and counties you may be relocated to!</p></li>
                <li class="col-xs-12"><p>RefuComm Volunteer Training!</p></li>
                <li class="col-xs-12"><p>RefuComm workshops for refugees on preparing for the asylum interview! </p></li>
                <li class="col-xs-12"><p>RefuComm Educational resources for language teaching and language learning</p></li>
            </ul>

        </div>
    </div>
</div>