{% extends 'website/base.html' %}
{% load fiber_tags %}

{% block title %}Contact Us{% endblock %}
{% block bodyclass %}contact-page{% endblock %}

{% block content %}

<div id = 'main-text'>
    <h1>{% show_content 'Contact header' %}</h1>
    <h3>{% show_content 'Contact header description' %}</h3>
</div>

<div id = 'main-content'>

    <div class = 'column'>
        <form method = 'POST' action = ''>
            {% csrf_token %}
            {{ form }}
            <button class = 'button cta'>Kirim</button>
        </form>
    </div>
    
    <div class = 'column map'>
        <h6>Head Office ODP</h6>
        <p>
            Jl. Galuh II No 4, Kebayoran Baru<br/>
            Jakarta Selatan, Indonesia
        </p>
        
        <p class = 'spacious'>
            <strong>p</strong>. 021-7221570 <br/>
            <strong>f</strong>. 021-7231430 <br/>
            <strong>e</strong>. info@odp.ui.co.id
        </p>

        <iframe width="440" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com/maps/ms?msa=0&amp;ie=UTF8&amp;ll=-6.231262,106.801186&amp;spn=0,0&amp;msid=207901179748158322250.0004a801cc7dd9a12f7ed&amp;output=embed"></iframe>

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

{% endblock %}