home.html 3.03 KB
Newer Older
okhin's avatar
okhin committed
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52
<div class="row">
    <div class="col s6 m8">
        <div class="container center">
            <h4 class="blue-grey-text header">
                {{ _("Call a representative and make your voice heard!") }}
            </h4>
            <!-- contact page -->
            <div class="col s12 offset-m3 m6">
                <div class="card sticky-action">
                    <div class="card-image">
                        <img id="contact-image" src="/static/img/placeholder.jpg">
                        <a class="btn-floating btn-large halfway-fab waves-effect activator green">
                            <i class="material-icons">phone</i>
                        </a>
                    </div>
                    <div class="card-content">
                        <span class="card-title grey-text text-darken-4" id="contact-full_name">
                            John Doe
                        </span>
                        <repeat group="{{ @group_types }}" value="{{ @group_type }}">
                        <ul class="groups" data-name="{{ @group_type.name }}">{{ @group_type.name }}
                            <li class="chip">
                                Group
                            </li>
                        </ul>
                        </repeat>
                    </div>
                    <div class="card-reveal">
                        <span id="contact-full_name-2" class="card-title grey-text text-darken-4">John Doe
                            <i class="material-icons right">close</i>
                        </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 class="card-action">
                        <a type="button" href="#">{{ _("More info") }}</a>
                        <a type="button" id="contact-phone" href="tel:" target="_blank">+33987654321</a>
                    </div>
                </div>
                <!-- contact page -->
okhin's avatar
okhin committed
53 54 55
            </div>
        </div>
    </div>
okhin's avatar
okhin committed
56 57
    <include href="contactslist.html">
</div>