UNiO Town Prachauthit 76

New

ใกล้ทางด่วน เดินทางสะดวก

Book unit

<div class="wrap-content">
                <h2 class="txt-head2 f_bold txt-black">Project information</h2>
                <div class="over-flow-content">
                    <ul class="content-section flex wrap section-custom-animate">
                                                    <li class="list-box animate-list">
                                <div class="box-information flex v-center">
                                    <span class="ic icon-Townhouse"></span>
                                    <div class="desc">
                                        <div class="txt-title">Project type</div>
                                        <p class="txt-desc f_bold">0 </p>
                                    </div>
                                </div>
                            </li>
                                                    <li class="list-box animate-list">
                                <div class="box-information flex v-center">
                                    <span class="ic icon-plan"></span>
                                    <div class="desc">
                                        <div class="txt-title">Number of plots</div>
                                        <p class="txt-desc f_bold">16 Plots</p>
                                    </div>
                                </div>
                            </li>
                                            </ul>
                </div>
            </div>

<div class="wrap-content-detail" uk-scrollspy="cls:uk-animation-fade;">
                <div class="box-head ">
                    <h2 class="txt-head2 f_bold txt-white">Project detail</h2>     
                               
                </div>
                <div class="over-flow-detail">
                    <div id="id-full-detail" class="full-detail f_reg default_css">
                        <h2 class="-header inner-header -concept font-face-med animate top play">แนวคิดโครงการ</h2>
<div class="inner-title font-face-bold animate top play">“WHEEL OF LIFE"</div>
<div class="inner-desc">เพราะชีวิตเหมือนกับวงล้อที่เคลื่อนที่และหมุนไปตามกาลเวลา การเริ่มต้นก่อเกิดเรื่องราวของการใช้ชีวิตให้เกิดความสมดุลและความสมบูรณ์ครบในทุกด้านเหมือน UNiO TOWN ที่พร้อมสำหรับการเริ่มต้นชีวิตไปพร้อมๆกัน</div>                    </div>
                    <div class="view-more">
                        <div class="btn-loadmore f_bold">View more +</div>
                    </div>
                </div>
            </div>

<div class="map-content unlock-width" uk-scrollspy="cls:uk-animation-fade;">
                                <div class="map-frame">
                    <iframe id="google-map" src="https://www.google.com/maps?q=13.6241912,100.5005827&hl=en&z=16&amp;output=embed" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
                </div>
                <div class="box-image-map" uk-scrollspy="cls:uk-animation-fade;delay: 100;">
                    <img src="https://istore.ananda.co.th/stocks/project/o0x0/ku/qw/a2p5kuqwiem/Unio-Town-PCUT76_Map.jpeg" alt="Unio-Town-PCUT76_Map">
                    <div class="full-screen-map" uk-lightbox>
                        <a class="icon-full-screen" href="https://istore.ananda.co.th/stocks/project/o0x0/ku/qw/a2p5kuqwiem/Unio-Town-PCUT76_Map.jpeg"></a>
                    </div>
                </div>
                <div class="box-map-desc" uk-scrollspy="cls:uk-animation-fade;delay: 150;">
                    <div class="map-inner-content">
                        <h2 class="txt-head2 f_bold txt-white">Location </h2>
                        <p class="address">ซอยประชาอุทิศ 76 ถนนประชาอุทิศ แขวงทุ่งครุ  เขตทุ่งครุ กรุงเทพมหานคร</p>
                        <div class="flex wrap">
                            <a class="btn-goto-map" href="https://www.google.com/maps/dir/?api=1&origin=My+Location&destination=UNiO+Town+Prachauthit+76" target="_bank">
                                <span class="icon icon-rocket"></span>
                                <span class="txt-goto-map f_bold">Get direction</span>
                            </a>
                            <div class="btn-graphic-map">
                                <span class="txt-goto-map f_bold">Graphic map</span>
                            </div>
                        </div>
                        <div class="list-location default_css">
                            <div class="icon-title font-face-bold">การเดินทาง</div>
<div class="ne-list font-face">
<div class="-title">ถนนกาญจนาภิเษก.           2.3 กม.</div>
</div>
<div class="ne-list font-face">
<div class="-title">ถนนสุขสวัสดิ์ (ถนนครุใน).    4 กม.</div>
</div>
<div class="ne-list font-face">
<div class="-title">ถนนพระราม 2                     9.3 กม.</div>
</div>                        
                        </div>
                    </div>
                </div>
            </div>

<div class="block-popup">
    <div id="line" class="-box-popup-footer" data-name="line">
        <div class="popup-footer">
            <div class="container-line">
                <h3 class="title f_bold">Fill out some information <br>before adding the line</h3>
                <div id="popup-footer-form-line" class="wrap-form-line common-form">
                    <div class="wrap-col-form flex wrap">
                        <div class="col-form">
                            <div class="wrap-input-text " t-transition>
                                <input id="line-firstname" name="firstname" type="text" class="input-type-text input-required f_med" required="" value="" maxlength="255" data-error="Please enter your firstame">
                                <label class="placeholder f_reg" for="line-firstname">Firstname</label>
                            </div>
                        </div>
                        <div class="col-form">
                            <div class="wrap-input-text " t-transition>
                                <input id="line-lastname" name="lastname" type="text" class="input-type-text input-required f_med" required="" value="" maxlength="255" data-error="Please enter your lastname">
                                <label class="placeholder f_reg" for="line-lastname">Lastname</label>
                            </div>
                        </div>
                        <div class="col-form">
                            <div class="wrap-input-text " t-transition>
                                <input id="line-email" name="email" type="text" class="input-type-text input-required f_med" required="" value="" maxlength="255" data-error="Please enter email,Invalid email format">
                                <label class="placeholder f_reg" for="line-email">Email</label>
                            </div>
                        </div>
                        <div class="col-form">
                            <div class="wrap-input-text telephone merge-col " t-transition>
                                                                <div class="barrier pine-tel"></div>
                                <input id="line-tel" name="phone_dail" type="tel" class="input-type-text input-required f_med" required="" value="" maxlength="15" data-error="Please enter phone number,Invalid phone format">
                                <label class="placeholder telephone f_reg" for="line-tel">Phone number</label>
                            </div>
                            <span class="label-example-tel">Do not specify 0, for example 811234567</span>
                        </div>
                                                    <div class="col-form stretch">  
                                <div class="wrap-input-text dropdown-project">
                                    <div class="simple-dropdown f_reg show    not-set-position" id="simple_dropdown_project_id">
    <input type="hidden" name="project_id" value="1630347455638651" class="input-required input-value" data-error="Please select Project of interest">
    <div class="dropdown-show-selected flex v-center h-justify"><span class="-text">&nbsp;</span> <span class="-icon icon-arrow-down"></span></div>
            <div class="dropdown-placeholder">Project of interest</div>
      
    <div class="dropdown-section hide-serch ">
                <ul>
                                    <li class="flex v-center h-justify selected" data-value="1630347455638651">
                    <span class="-text">UNiO Town Prachauthit 76</span>
                </li>
                        
        </ul>
    </div>
</div>

</div>
                            </div>
                                            </div>
                                                            <div class="box-consent">
    <div class="consent-title f_bold">I have read and acknowledged the company's privacy policy. Consent to the company collecting, using, and disclosing my personal information such as my name, last name, address, phone number, e-mail address, trade information with the company that provided to the company or in the possession of the company including information to provide more information to the company. To affiliated companies included in the list at <a target="_blank" class="pdpa-link" href="https://www.ananda.co.th/en/privacy-policy">https://www.ananda.co.th/en/privacy-policy</a> or other persons, other legal entities, and any financial institution required for the fulfilment of the contract I have with the company, as well as the following purposes:</div>
    <div class="consent-detail">
        <ul class="consent-checkbox-ancestor">
            <li class="parent" data-consent="accept">
                <label class="wrap-input-checkbox flex ">
                    <input type="checkbox" name="accept_agreement" class="input-type-checkbox" value="Y"  autocomplete="off">
                    <div class="checking-box">
                        <span class="icon icon-Check icon-check"></span>
                    </div>
                    <div class="checking-text">
                        <div class="consent-desc">Accept</div>
                    </div>
                </label>
                <ul class="consent-checkbox-parent">
                    <li>
                        <label class="wrap-input-checkbox flex ">
                            <input type="checkbox" name="accept_content" class="input-type-checkbox" value="Y"  autocomplete="off">
                            <div class="checking-box">
                                <span class="icon icon-Check icon-check"></span>
                            </div>
                            <div class="checking-text">
                                <div class="consent-desc">For the Company to send information on various activities, promotions, products, services and benefits selected by the Company specifically for customers’ interests, via communication platforms through E-mail, SMS, postal and other means as provided by me to the Company.</div>
                            </div>
                        </label>
                    </li>
                    <li>
                        <label class="wrap-input-checkbox flex ">
                            <input type="checkbox" name="accept_service" class="input-type-checkbox" value="Y"  autocomplete="off">
                            <div class="checking-box">
                                <span class="icon icon-Check icon-check"></span>
                            </div>
                            <div class="checking-text">
                                <div class="consent-desc">For the Company to make research on the information and develop products, services as well as selling and marketing, in order to further provide better experiences to the customers.</div>
                            </div>
                        </label>
                    </li>
                                    </ul>
            </li>
            <li class="parent" data-consent="decline">
                <label class="wrap-input-checkbox flex ">
                    <input type="checkbox" name="decline" class="input-type-checkbox" value="T">
                    <div class="checking-box">
                        <span class="icon icon-Check icon-check"></span>
                    </div>
                    <div class="checking-text">
                        <div class="consent-desc">Decline</div>
                    </div>
                </label>
            </li>
        </ul>
    </div>
    <div class="box-consent-err hide">
        <div class="text-err">กรุณาทำเครื่องหมายถูกและคลิกปุ่ม เพื่อยอมรับการดำเนินธุรกรรมทางอิเล็กทรอนิกส์ก่อนลงทะเบียน</div>
    </div>
</div>
                    <div class="fixed-box ">
                        <div class="flex-box">
                            <div class="wrap-checkingbox">
                                <label class="wrap-input-checkbox flex center ">
                                    <input type="checkbox" name="accept_agreement" id="line-checkbox" class="input-type-checkbox checkbox-color input-required" value="T">
                                    <div class="checking-box"><span class="icon icon-Check icon-check"></span></div>
                                    <div class="checking-text f_reg">Accept</div>
                                </label>
                            </div>
                            <div class="block-btn-add-line mobile">
                                <div class="btn-add-line" data-actionId="1630347455638651" data-page="project">
                                    <div class="block-text">
                                        <span class="icon"><span class="icon-line"></span></span>
                                        <span class="text f_bold">Add Line</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="block-btn-add-line hide-xs">
                    <div class="btn-add-line" data-actionId="1630347455638651" data-page="project">
                        <div class="block-text">
                            <span class="icon"><span class="icon-line"></span></span>
                            <span class="text f_bold">Add Line</span>
                        </div>
                    </div>
                </div>
                <div id="line-captcha" class="g-recaptcha"></div>
            </div>
            <div class="container-qrcode">
                <div class="block-detail-qr">
                    <div class="block-left">
                        <div class="block-title">
                            <div class="title f_bold"> 
                                <div>Scan QR for add Line</div>
                                <div>To get the special deals</div>
                            </div>
                        </div>
                    </div>
                    <div class="block-right">
                        <div class="block-qrcode">
                            <img src="https://istore.ananda.co.th/" alt="">
                            <div class="title"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="appointment" class="-box-popup-footer" data-name="appointment">
        <div class="popup-footer">
            <div class="container-appointment">
                <h3 class="title f_bold">Make an appointment to visit the project</h3>
                <div id="popup-footer-form-appointment" class="wrap-form-appointment common-form">
                    <div class="wrap-col-form flex wrap">
                        <div class="col-form">
                            <div class="wrap-input-text " t-transition>
                                <input id="appointment-firstname" name="firstname" type="text" class="input-type-text input-required f_med" required="" value="" maxlength="255" data-error="Please enter your firstame">
                                <label class="placeholder f_reg" for="appointment-firstname">Firstname</label>
                            </div>
                        </div>
                        <div class="col-form">
                            <div class="wrap-input-text " t-transition>
                                <input id="appointment-lastname" name="lastname" type="text" class="input-type-text input-required f_med" required="" value="" maxlength="255" data-error="Please enter your lastname">
                                <label class="placeholder f_reg" for="appointment-lastname">Lastname</label>
                            </div>
                        </div>
                        <div class="col-form">
                            <div class="wrap-input-text " t-transition>
                                <input id="appointment-email" name="email" type="text" class="input-type-text input-required f_med" required="" value="" maxlength="255" data-error="Please enter email,Invalid email format">
                                <label class="placeholder f_reg" for="appointment-email">Email</label>
                            </div>
                        </div>
                        <div class="col-form telephone">
                            <div class="wrap-input-text telephone merge-col " t-transition>
                                                                <div class="barrier pine-tel"></div>
                                <input id="appointment-tel" name="phone_dail" type="tel" class="input-type-text input-required f_med" required="" value="" maxlength="15" data-error="Please enter phone number,Invalid phone format">
                                <label class="placeholder telephone f_reg" for="appointment-tel">Phone number</label>
                            </div>
                            <span class="label-example-tel">Do not specify 0, for example 811234567</span>
                        </div>
                        <div class="col-form">
                            <div class="wrap-input-text" t-transition>
                                <input id="appointment-date" name="appointment_date" type="text" class="input-type-text input-required f_med" required="" value="" maxlength="255" data-error="Please enter a visit date">
                                <label class="placeholder f_reg" for="appointment-date">Visit date</label>
                                <span class="icon-calendar"></span>
                            </div>
                        </div>
                        <div class="col-form">
                            <div class="wrap-input-text" id="test">
                                <div class="simple-dropdown f_reg show    not-set-position" id="simple_dropdown_appointment_time">
    <input type="hidden" name="appointment_time" value="" class="input-required input-value" data-error="Please select Visit time">
    <div class="dropdown-show-selected flex v-center h-justify"><span class="-text">&nbsp;</span> <span class="-icon icon-arrow-down"></span></div>
            <div class="dropdown-placeholder">Visit time</div>
      
    <div class="dropdown-section hide-serch ">
                <ul>
                                    <li class="flex v-center h-justify " data-value="09:00">
                    <span class="-text">09:00</span>
                </li>
                            <li class="flex v-center h-justify " data-value="10:00">
                    <span class="-text">10:00</span>
                </li>
                            <li class="flex v-center h-justify " data-value="11:00">
                    <span class="-text">11:00</span>
                </li>
                            <li class="flex v-center h-justify " data-value="12:00">
                    <span class="-text">12:00</span>
                </li>
                            <li class="flex v-center h-justify " data-value="13:00">
                    <span class="-text">13:00</span>
                </li>
                            <li class="flex v-center h-justify " data-value="14:00">
                    <span class="-text">14:00</span>
                </li>
                            <li class="flex v-center h-justify " data-value="15:00">
                    <span class="-text">15:00</span>
                </li>
                            <li class="flex v-center h-justify " data-value="16:00">
                    <span class="-text">16:00</span>
                </li>
                            <li class="flex v-center h-justify " data-value="17:00">
                    <span class="-text">17:00</span>
                </li>
                        
        </ul>
    </div>
</div>

</div>
                        </div>
                        <div class="wrap-input-text text-area" t-transition>
                            <textarea id="appointment-detail" name="message" type="text" class="input-type-text input-required f_med text-area" required=""  value="" maxlength="1000" data-error="Please enter the details"></textarea>
                            <label class="placeholder detail-textarea f_reg" for=appointment-detail">Detail</label>
                        </div>
                    </div>
                                                            <div class="box-consent">
    <div class="consent-title f_bold">I have read and acknowledged the company's privacy policy. Consent to the company collecting, using, and disclosing my personal information such as my name, last name, address, phone number, e-mail address, trade information with the company that provided to the company or in the possession of the company including information to provide more information to the company. To affiliated companies included in the list at <a target="_blank" class="pdpa-link" href="https://www.ananda.co.th/en/privacy-policy">https://www.ananda.co.th/en/privacy-policy</a> or other persons, other legal entities, and any financial institution required for the fulfilment of the contract I have with the company, as well as the following purposes:</div>
    <div class="consent-detail">
        <ul class="consent-checkbox-ancestor">
            <li class="parent" data-consent="accept">
                <label class="wrap-input-checkbox flex ">
                    <input type="checkbox" name="accept_agreement" class="input-type-checkbox" value="Y"  autocomplete="off">
                    <div class="checking-box">
                        <span class="icon icon-Check icon-check"></span>
                    </div>
                    <div class="checking-text">
                        <div class="consent-desc">Accept</div>
                    </div>
                </label>
                <ul class="consent-checkbox-parent">
                    <li>
                        <label class="wrap-input-checkbox flex ">
                            <input type="checkbox" name="accept_content" class="input-type-checkbox" value="Y"  autocomplete="off">
                            <div class="checking-box">
                                <span class="icon icon-Check icon-check"></span>
                            </div>
                            <div class="checking-text">
                                <div class="consent-desc">For the Company to send information on various activities, promotions, products, services and benefits selected by the Company specifically for customers’ interests, via communication platforms through E-mail, SMS, postal and other means as provided by me to the Company.</div>
                            </div>
                        </label>
                    </li>
                    <li>
                        <label class="wrap-input-checkbox flex ">
                            <input type="checkbox" name="accept_service" class="input-type-checkbox" value="Y"  autocomplete="off">
                            <div class="checking-box">
                                <span class="icon icon-Check icon-check"></span>
                            </div>
                            <div class="checking-text">
                                <div class="consent-desc">For the Company to make research on the information and develop products, services as well as selling and marketing, in order to further provide better experiences to the customers.</div>
                            </div>
                        </label>
                    </li>
                                    </ul>
            </li>
            <li class="parent" data-consent="decline">
                <label class="wrap-input-checkbox flex ">
                    <input type="checkbox" name="decline" class="input-type-checkbox" value="T">
                    <div class="checking-box">
                        <span class="icon icon-Check icon-check"></span>
                    </div>
                    <div class="checking-text">
                        <div class="consent-desc">Decline</div>
                    </div>
                </label>
            </li>
        </ul>
    </div>
    <div class="box-consent-err hide">
        <div class="text-err">กรุณาทำเครื่องหมายถูกและคลิกปุ่ม เพื่อยอมรับการดำเนินธุรกรรมทางอิเล็กทรอนิกส์ก่อนลงทะเบียน</div>
    </div>
</div>
                    <div class="fixed-box ">
                        <div class="flex-box">
                            <div class="wrap-checkingbox">
                                <label class="wrap-input-checkbox flex center ">
                                    <input type="checkbox" name="accept_agreement" id="appointment-checkbox" class="input-type-checkbox checkbox-color input-required" value="T">
                                    <div class="checking-box"><span class="icon icon-Check icon-check"></span></div>
                                    <div class="checking-text f_reg">Accept</div>
                                </label>
                            </div>
                            <div class="block-btn-add-appointment mobile">
                                <div class="btn-add-appointment" data-actionId="1630347455638651" data-page="project">
                                    <div class="block-text">
                                        <span class="text f_bold">Send</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="block-btn-add-appointment hide-xs">
                    <div class="btn-add-appointment" data-actionId="1630347455638651" data-page="project">
                        <div class="block-text">
                            <span class="text f_bold">Send</span>
                        </div>
                    </div>
                </div>
                <div id="appointment-captcha" class="g-recaptcha"></div>
            </div>
            <div class="container-submit">
                <div class="block-detail-submit">
                    <div class="block-title">
                        <div class="title f_bold"> 
                            <div>We have received your information</div>
                        </div>
                        <div class="subtitle f_reg">
                            <div>The staff will contact you later</div>
                        </div>
                    </div>
                    <div class="block-btn-close-appointment">
                    <div class="btn-close-appointment">
                        <div class="block-text">
                            <span class="text f_bold">Close</span>
                        </div>
                    </div>
                </div>
                </div>
            </div>
        </div>
    </div>
</div>
            <div class="container-project-footer">
                <div class="show-mobile">
                                            <div class="block-title" style="display: none;"></div>
                                    </div>
                <div class="block-detail">
                    <div class="ct-btn">
                        <div class="block-btn-appointment">
                            <div class="btn-appointment f_bold">
                                <span class="icon icon-appointment"></span>
                                <div class="text">Appointment</div>
                            </div>
                        </div>
                        <div class="block-btn-line">
                            <div class="btn-line f_bold">
                                <span class="icon icon-line"></span>
                                <div class="text hide-xs">Chat now!</div>
                                <div class="text show-xs">Chat now!</div>
                            </div>
                        </div>
                    </div>
                    <div class="block-title uk-position-relative uk-visible-toggle uk-light " uk-slideshow="animation: fade; autoplay: true">
                        <ul class=" uk-slideshow-items detail f_bold">
                                                    </ul>
                    </div>
                         
                            <div class="block-btn-unit  no-unit">
                                <a href="#unit-section" uk-scroll="offset: 81">
                                    <div class="btn-unit f_bold">
                                        <div class="text">Units in the project</div>
                                    </div>
                                </a>
                            </div>
                                        </div>
            </div>