home.html 2.84 KB
Newer Older
okhin's avatar
okhin committed
1
<div class="row home">
okhin's avatar
okhin committed
2
    <div class="col s12 m8">
okhin's avatar
okhin committed
3 4
        <div class="container">
            <h4 class="blue-grey-text center header">
okhin's avatar
okhin committed
5 6
                {{ _("Call a representative and make your voice heard!") }}
            </h4>
okhin's avatar
okhin committed
7 8
            <div class="">
                <div class="card horizontal sticky-action">
okhin's avatar
okhin committed
9 10 11
                    <div class="card-image">
                        <img id="contact-image" src="/static/img/placeholder.jpg">
                    </div>
okhin's avatar
okhin committed
12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27
                    <div class="card-stacked">
                        <div class="right-align card-content">
                            <a class="left btn-floating piphone-btn btn-large waves-effect activator green">
                                <i class="material-icons">phone</i>
                            </a>
                            <span class="card-title grey-text text-darken-4" id="contact-full_name">
                                John Doe
                            </span>
                            <span class="chip country">FR</span>
                            <span class="chip group">SD</span>
                            <ul class="groups" data-name="committee">
                                <li class="chip blue white-text committee">
                                    Group
                                </li>
                            </ul>
                        </div>
okhin's avatar
okhin committed
28 29 30
                    </div>
                    <div class="card-reveal">
                        <span id="contact-full_name-2" class="card-title grey-text text-darken-4">John Doe
okhin's avatar
okhin committed
31
                            <i class="material-icons">close</i>
okhin's avatar
okhin committed
32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48
                        </span>
                        <h5>{{ _("Call for free") }}</h5>
                        <form id="form-contact" method="post" action="">
                            <input type="text" id="contact_id" name="contact_id" hidden="hidden" value="">
                            <p>{{ _("If you want to call for free, you must provide us with your phone number 
                            (the PiPhone will call that number to initiate the communication).") }}</p>
                            <div class="input-field col s12">
                                <label for="phone">{{_("Your phone number:") }}</label>
                                <input type="text" name="phone" id="phone" />
                            </div>
                            <p>
                            {{ _('Starting with your <a href="https://en.wikipedia.org/wiki/List_of_country_calling_codes#Zones_3-4:_Europe">country code</a>, without the initial 0') }}
                            </p>
                            <input class="btn btn-default" type="submit" value="{{ _('Call me') }}" />
                        </form>
                    </div>
                </div>
okhin's avatar
okhin committed
49 50 51
            </div>
        </div>
    </div>
okhin's avatar
okhin committed
52 53
    <include href="contactslist.html">
</div>