{% extends "base.html" %}

{% block title %}
    <title>Contact Us | Synergy Construction</title>
{% endblock %}

{% block content %}
<section class="section swatch-black section-text-shadow section-inner-shadow">
    <div class="background-media" style="background-image: url('images/JOZ_0066.jpg'); background-repeat: no-repeat; background-size: cover; background-attachment: fixed; background-position: 50% 60%;" data-start="background-position:"
    data-70-top-bottom="background-position:">
    </div>
    <div class="background-overlay grid-overlay-30 " style="background-color: rgba(0,0,0,0.3);"></div>
    <div class="container">
        <div class="row">
            <div class="col-md-12 text-center">
                <header class="bordered bordered-normal element-tall-top element-tall-bottom">
                    <h1 class="super hairline">Contact Us</h1>
                </header>
            </div>
        </div>
    </div>
</section>

<section id="two" class="section">
    <div class="container">        
        <div class="row">
            <div class="col-md-12">
                <div class="element-normal-top element-normal-bottom os-animation" data-os-animation="fadeInLeft" data-os-animation-delay="0s">
                    
                    <div class="tab-pane fade in active" id="1398253364-1-69">
                      <br />
                      <div class="col-md-6">
                        <div class=" element-no-top element-no-bottom" data-os-animation="none" data-os-animation-delay="0s">
                            <ul class="fa-ul lead element-no-top element-medium-bottom" data-os-animation="none" data-os-animation-delay="0s">
                                <li><h3>PT Sinergi Era Cemerlang</h3> </li>
                                <li><i class="fa fa-li fa-home" style="color:#82c9ed"></i> Nusa Loka, Blok C1/03, Sektor XIV - 4<br>BSD City, Tangerang 15318<br>Indonesia</li>
                                <li><i class="fa fa-li fa-phone" style="color:#82c9eb"></i> +62 21 5315 0464 / 65</li>
                                <li><i class="fa fa-li fa-envelope" style="color:#82c9eb"></i> <a href="mailto:enquiries@synergy-ec.co.id">enquiries@synergy-ec.co.id</a></li>
                                <li><i class="fa fa-li fa-globe" style="color:#82c9eb"></i> <a href="http://www.synergy-ec.co.id/">www.synergy-ec.co.id</a></li>
                            </ul>

                        </div></div>
                        <div class="col-md-6"><div class="text-center small-screen-center os-animation" data-os-animation="fadeInRight" data-os-animation-delay="0.1s">		
                            <div class="google-map element-no-top element-short-bottom">
                                <iframe width="100%" height="450" frameborder="0" style="border:0"
                                src="https://www.google.com/maps/embed/v1/place?q=Synergy%20Engineering.%20PT%2C%20South%20Tangerang%2C%20Banten%2C%20Indonesia&key=AIzaSyBwXHa0yvy--DEu1Rr8LNVmeUO74AUaCFE"></iframe> 
                            </div>
                          </div>  
                        </div>
                    </div>
                    
                </div>
            </div>
        </div>	
	</div>
</section>

<section class="section swatch-black section-text-shadow section-inner-shadow" style="margin-top:70px;">
    <div class="background-media" style="background-image: url('images/JOZ_0066.jpg'); background-repeat: no-repeat; background-size: cover; background-attachment: fixed; background-position: 50% 60%;" data-start="background-position:"
    data-70-top-bottom="background-position:">
    </div>
    <div class="background-overlay grid-overlay-30 " style="background-color: rgba(0,0,0,0.3);"></div>
    <div class="container">
        <div class="row" style="margin:70px 0 ;"></div>
    </div>
</section>        
        
{% endblock %}