pythonrio.github.io/templates/job.html at develop · pythonrio/pythonrio.github.io · GitHub

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
53
54
55
56
57
{% extends "base.html" %}
{% block title %}{{ this.title }}{% endblock %}
{% block page_class %}navbar-white navbar-default-on{% endblock %}
{% block smooth_scroll %}{% endblock %}
{% block page_header %}
{% set is_job = True %}
{% include 'includes/bootstrap/banner_job.html' %}
{% endblock %}
{% block content %}
<section class="job-header">
    <div class="container">
        <div class="row">
            <div class="col-xs-6 col-md-6">
                <div class="row">
                    <div class="col-xs-6 col-md-3">
                        <a class="thumbnail" href="{{ this.company_website }}">
                            <img src="{{ this.company_photo }}" alt="{{ this.company }}" class="img-responsive">
                        </a>
                    </div>
                    <div class="col-xs-6">
                        {% if this.job_level %}
                        <h4 class="job__title">[{{ this.job_level }}] {{ this.job }}</h4>
                        {% else %}
                        <h4 class="job__title">{{ this.job }}</h4>
                        {% endif %}
                        <p class="job__company"><a href="{{ this.company_website }}">{{ this.company }}</a></p>
                    </div>
                </div>
            </div>
            <div class="col-xs-3 col-md-3">
                <p><i class="fa fa-map-marker job__location"></i> <img width="16px" src="/static/img/flags/4x3/{{ this.company_country_abbreviation|lower}}.svg" alt="{{ this.company_country }}"> {{ this.company_city }}</p>
                {% if this.company_email %}
                <p><i class="fa fa-envelope-open-o" aria-hidden="true"></i> <a href="mailto:{{ this.company_email }}">{{ this.company_email }}</a></p>
                {% endif %}
            </div>
            <div class="col-xs-3 col-md-3">
                <p><i class="fa fa-calendar" aria-hidden="true"></i> {{ this.date }}</p>
            </div>
        </div>
    </div>
</section>
<section class="job-desc">
    <div class="container">
        {{ this.job_description }}
    </div>
</section>
<section class="job-map" id="job-address">
    <div class="container">
        <h2 class="section-title">Localização</h2>
        <p itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
        {{ this.company }}: <span itemprop="streetAddress">{{ this.company_address }} – </span>
        <span itemprop="addressLocality"> {{ this.company_city }}, {{ this.company_country }}</span>
        </p>
        <iframe width="100%" height="450" frameborder="0" style="border:0" src="https://www.google.com/maps/embed/v1/place?key=AIzaSyA9tw3WpHPqYJTFL8Ox1fzWnxc5UacYcZg&q={{ this.company_address }},{{ this.company_city }}+{{ this.company_country }}" allowfullscreen></iframe>
    </div>
</section>
{% endblock %}