<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>OPENSPACE.COM.VN</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="format-detection" content="telephone=no" />
<link rel="icon" href="{{ asset(themes) }}/img/favicon.png" type="image/x-icon">
<link href="https://fonts.googleapis.com/css?family=Be+Vietnam:100,100i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i&display=swap&subset=latin-ext,vietnamese" rel="stylesheet">
<link rel="stylesheet" href="{{ asset(themes) }}/prague/css/swiper.min.css">
<link rel="stylesheet" href="{{ asset(themes) }}/prague/css/slick.min.css">
<link rel="stylesheet" href="{{ asset(themes) }}/prague/css/magnific-popup.css">
<link rel="stylesheet" href="{{ asset(themes) }}/prague/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" href="{{ asset(themes) }}/prague/css/et-line-font.css">
<link rel="stylesheet" href="{{ asset(themes) }}/prague/css/before-after.min.css">
<link rel="stylesheet" href="{{ asset(themes) }}/prague/css/bootstrap.min.css">
<link rel="stylesheet" href="{{ asset(themes) }}/prague/css/unit-test.css">
<link rel="stylesheet" type="text/css" href="{{ asset(themes) }}/js/vendor/OwlCarousel2-2.3.4/dist/assets/owl.carousel.css"/>
<link rel="stylesheet" type="text/css" href="{{ asset(themes) }}/js/vendor/OwlCarousel2-2.3.4/dist/assets/owl.theme.default.css"/>
<link rel="stylesheet" type="text/css" href="{{ asset(themes) }}/js/vendor/animate/animate.css"/>
{{ include('themes/modules/sweet-alert/style.html.twig') }}
<link rel="stylesheet" href="{{ asset(themes) }}/prague/css/style-v=3.css">
<link rel="stylesheet" href="{{ asset(themes) }}/css/child.css?v={{ date().timestamp }}">
{% block page_style %}
{% endblock %}
</head>
<body>
{% block loader %}
<!--PRELOADER-->
<div class="prague-loader">
<div class="prague-loader-wrapper">
<div class="prague-loader-bar">
OPENSPACE
</div>
</div>
</div>
{% endblock %}
<!--/PRELOADER-->
<!--HEADER-->
<header class="{% block header_class %}prague-header simple sticky-menu sticky-mobile-menu light{% endblock %}">
{% block logo %}
<div class="prague-logo">
<a href="{{ url('amz_frontend_default') }}">
<img src="{{ asset(themes) }}/img/logo.png" width="80px" class="image_logo" alt="image logo" /> </a>
</div>
{% endblock %}
<div class="prague-header-wrapper">
<div class="prague-navigation">
<div class="pargue-navigation-wrapper">
<div class="prague-navigation-inner">
<nav>
<ul class="main-menu">
<li id="menu-item-2317"
class="menu-item">
<a href="{{ url('amz_frontend_about_us') }}">VỀ CHÚNG TÔI</a>
</li>
<li id="menu-item-2310"
class="menu-item">
<a href="{{ url('amz_frontend_project') }}">CÁC DỰ ÁN</a>
</li>
<li id="menu-item-2311"
class="menu-item">
<a href="{{ url('amz_frontend_article') }}">TIN TỨC</a></li>
<li id="menu-item-2316"
class="menu-item">
<a href="{{ url('amz_frontend_page',{slug:'huong-dan-chinh-sach'}) }}">HƯỚNG DẪN - CHÍNH SÁCH</a>
<li id="menu-item-2316"
class="menu-item">
<a href="{{ url('amz_frontend_contact_us') }}">LIÊN HỆ</a></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2316 vertical-middle">
<span><a href="https://www.facebook.com/openspace.com.vn/" target="_blank" class="nav-link m-2 menu-item no-padding-right"><i class="fa fa-facebook-square"></i></a> </span>
<span><a href="https://www.instagram.com/openspace_arch/" target="_blank" class="nav-link m-2 menu-item no-padding-left no-padding-right"><i class="fa fa-instagram"></i></a> </span>
<span><a href="https://www.youtube.com/channel/UCPiIG0Nx7FaZKxoGo_nVpzw?view_as=subscriber" target="_blank" class="nav-link m-2 menu-item no-padding-left no-padding-right"><i class="fa fa-youtube-play" style="font-size:40px"></i></a> </span>
</li>
</ul>
</nav>
</div>
</div>
</div>
<!-- mobile icon -->
<div class="prague-nav-menu-icon">
<a href="#">
<i></i>
</a>
</div>
{# <div class="prague-social-nav">#}
{# <a href="#">#}
{# <i class="fa fa-chain-broken" aria-hidden="true"></i>#}
{# </a>#}
{# <ul class="social-content">#}
{# <li>#}
{# <a target="_blank" href="https://www.behance.net/foxthemes">#}
{# <i aria-hidden="true" class="fa fa-behance"></i>#}
{# </a>#}
{# </li>#}
{# <li>#}
{# <a target="_blank" href="https://twitter.com/foxthemes_offic">#}
{# <i aria-hidden="true" class="fa fa-twitter"></i>#}
{# </a>#}
{# </li>#}
{# <li>#}
{# <a target="_blank" href="https://www.facebook.com/foxthemes.page/">#}
{# <i aria-hidden="true" class="fa fa-facebook"></i>#}
{# </a>#}
{# </li>#}
{# <li>#}
{# <a target="_blank" href="https://www.pinterest.com/foxthemes/">#}
{# <i aria-hidden="true" class="fa fa-pinterest-p"></i>#}
{# </a>#}
{# </li>#}
{# </ul>#}
{# </div>#}
</div>
</header>
<!--END HEADER-->
<div class="hotline-floating">
<span><a href="tel:+842838118806"><i class="fa fa-phone"></i>+84 28 3811 8806</a></span>
</div>
{% block body %}
{% endblock %}
{% block footer %}
<!-- START FOOTER -->
<footer class="prague-footer default">
<img src="{{ asset(themes) }}/prague/images/ffa51a33625455.56b20f01c3608.jpg" class="s-img-switch" alt="footer banner" />
<div class="footer-content-outer">
<div class="footer-top-content">
<div class="prague-footer-main-block">
<div class="prague-logo">
<a href="#">
<img width="48" src="{{ asset(themes) }}/img/logo.png"
alt="logo" /> </a>
</div>
{% set footerPost = getPageBySlug('footer') %}
<div class="footer-main-content">
{{ footerPost.post.description | raw }}
</div>
</div>
<div class="prague-footer-info-block">
<h6 class="footer-info-block-title">CONTACT US</h6>
<div class="footer-info-block-content">
<p><a href="tel:+7(885)5896985">(+84) 28-3811 8806</a></p>
<p>
<a href="#"><span
class="__cf_email__"
data-cfemail="aededccfc9dbcb83cfdccdc6c7dacbcddaddeec7c0c8c180cdc1c3">contact@openspace.com.vn</span></a>
</p>
<p>218 Nguyen Thai Binh, Ward 12, Tan Binh, HCMC</p>
</div>
</div>
</div>
<div class="footer-bottom-content">
<!-- Footer copyright -->
<div class="footer-copyright">
<p>OPENSPACE (C) 2019 ALL RIGHTS RESERVED</p>
</div>
<!-- End footer copyright -->
<div class="prague-social-nav">
<ul class="social-content">
<li>
<a target="_blank" href="https://www.facebook.com/openspace.com.vn/">
<i aria-hidden="true" class="fa fa-facebook"></i>
</a>
</li>
<li>
<a target="_blank" href="https://www.instagram.com/openspace_arch/">
<i aria-hidden="true" class="fa fa-instagram"></i>
</a>
</li>
<li>
<a target="_blank" href="https://www.youtube.com/channel/UCPiIG0Nx7FaZKxoGo_nVpzw?view_as=subscriber">
<i aria-hidden="true" class="fa fa-youtube-play"></i>
</a>
</li>
</ul>
</div>
</div>
</div>
</footer>
<!--/END FOOTER-->
{% endblock %}
{#<script data-cfasync="false" src="../cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>#}
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCoIAt3AD9ovcq92aA0C2H7ZjkX-R2vOTQ"></script>
<script src="{{ asset(themes) }}/js/vendor/jquery-1.12.4.min.js"></script>
<script src="{{ asset(themes) }}/prague/js/swiper.min.js"></script>
<script src="{{ asset(themes) }}/prague/js/hammer.min.js"></script>
<script src="{{ asset(themes) }}/prague/js/foxlazy.min.js"></script>
<script src="{{ asset(themes) }}/prague/js/jquery.magnific-popup.min.js"></script>
<script src="{{ asset(themes) }}/prague/js/all.js"></script>
{{ include('themes/modules/sweet-alert/script.html.twig') }}
<script src="{{ asset('plugins/amzs/inquiry.js') }}"></script>
<script src="{{ asset('plugins/amzs/map-script.js') }}"></script>
<script src="{{ asset(themes) }}/js/site.js"></script>
{% block page_script %}
{% endblock %}
<!-- Load Facebook SDK for JavaScript -->
<div id="fb-root"></div>
<script>
window.fbAsyncInit = function() {
FB.init({
xfbml : true,
version : 'v6.0'
});
};
(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = 'https://connect.facebook.net/vi_VN/sdk/xfbml.customerchat.js';
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<!-- Your customer chat code -->
<div class="fb-customerchat"
attribution=setup_tool
page_id="1585750105032463"
theme_color="#ff7e29"
logged_in_greeting="Sẵn sàng tư vấn"
logged_out_greeting="Sẵn sàng tư vấn">
</div>
</body>
</html>