ยูนิโอ ทาวน์ สวนหลวง - พัฒนาการ

พร้อมอยู่

3.2 กม. ใกล้ทางด่วนกาญจนา

<div class="wrap-content">
                <h2 class="txt-head2 f_bold txt-black">ข้อมูลโครงการ</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">ลักษณะโครงการ</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">จำนวนแปลง</div>
                                        <p class="txt-desc f_bold">5 แปลง</p>
                                    </div>
                                </div>
                            </li>
                                            </ul>
                </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.7021646,100.6837469&hl=th&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/au/5p/xmveau5pevn/map-townSL.jpg" alt="map-townSL">
                    <div class="full-screen-map" uk-lightbox>
                        <a class="icon-full-screen" href="https://istore.ananda.co.th/stocks/project/o0x0/au/5p/xmveau5pevn/map-townSL.jpg"></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">สถานที่ตั้ง</h2>
                        <p class="address">ยูนิโอ ทาวน์ สวนหลวง-พัฒนาการ</p>
                        <div class="flex wrap">
                            <a class="btn-goto-map" href="https://www.google.com/maps/dir/?api=1&origin=My+Location&destination=%E0%B8%A2%E0%B8%B9%E0%B8%99%E0%B8%B4%E0%B9%82%E0%B8%AD+%E0%B8%97%E0%B8%B2%E0%B8%A7%E0%B8%99%E0%B9%8C+%E0%B8%AA%E0%B8%A7%E0%B8%99%E0%B8%AB%E0%B8%A5%E0%B8%A7%E0%B8%87+-+%E0%B8%9E%E0%B8%B1%E0%B8%92%E0%B8%99%E0%B8%B2%E0%B8%81%E0%B8%B2%E0%B8%A3" target="_bank">
                                <span class="icon icon-rocket"></span>
                                <span class="txt-goto-map f_bold">ขอเส้นทาง</span>
                            </a>
                            <div class="btn-graphic-map">
                                <span class="txt-goto-map f_bold">แผนที่ภาพ</span>
                            </div>
                        </div>
                        <div class="list-location default_css">
                            <strong><span style="font-size: 24px;">ยูนิโอ ทาวน์ สวนหลวง-พัฒนาการ</span></strong>                        
                        </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">กรอกข้อมูลสักนิด<br>ก่อนแอดไลน์</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="กรุณากรอกชื่อ">
                                <label class="placeholder f_reg" for="line-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="กรุณากรอกนามสกุล">
                                <label class="placeholder f_reg" for="line-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="กรุณากรอกอีเมล,รูปแบบอีเมลไม่ถูกต้อง">
                                <label class="placeholder f_reg" for="line-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="กรุณากรอกเบอร์โทรศัพท์,เบอร์โทรศัพท์ไม่ถูกต้อง">
                                <label class="placeholder telephone f_reg" for="line-tel">เบอร์โทรศัพท์</label>
                            </div>
                            <span class="label-example-tel">ไม่ต้องระบุเลข "0" ตัวอย่างเช่น 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="1679417454983352" class="input-required input-value" data-error="กรุณาระบุโครงการที่สนใจ">
    <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">โครงการที่สนใจ</div>
      
    <div class="dropdown-section hide-serch ">
                <ul>
                                    <li class="flex v-center h-justify " data-value="1679327436819405">
                    <span class="-text">อันดา ราชพฤกษ์ - แจ้งวัฒนะ</span>
                </li>
                            <li class="flex v-center h-justify " data-value="1631762035145388">
                    <span class="-text">ยูนิโอ รามคำแหง-เสรีไทย</span>
                </li>
                            <li class="flex v-center h-justify " data-value="1631762056702823">
                    <span class="-text">ยูนิโอ เอช ติวานนท์</span>
                </li>
                            <li class="flex v-center h-justify " data-value="1630347455638651">
                    <span class="-text">ยูนิโอ ทาวน์ ประชาอุทิศ 76</span>
                </li>
                            <li class="flex v-center h-justify " data-value="164394259665299">
                    <span class="-text">ยูนิโอ ทาวน์ ศรีนครินทร์ บางนา</span>
                </li>
                            <li class="flex v-center h-justify selected" data-value="1679417454983352">
                    <span class="-text">ยูนิโอ ทาวน์ สวนหลวง - พัฒนาการ</span>
                </li>
                            <li class="flex v-center h-justify " data-value="1643708878326122">
                    <span class="-text">ยูนิโอ ทาวน์ สุขสวัสดิ์ 30</span>
                </li>
                            <li class="flex v-center h-justify " data-value="1631858186267371">
                    <span class="-text">อาร์เทล เอกมัย-รามอินทรา</span>
                </li>
                            <li class="flex v-center h-justify " data-value="1631254475602153">
                    <span class="-text">เอลลิโอ สาทร-วุฒากาศ</span>
                </li>
                            <li class="flex v-center h-justify " data-value="1631788045796207">
                    <span class="-text">เอลลิโอ เดล เนสท์</span>
                </li>
                            <li class="flex v-center h-justify " data-value="1630347576721752">
                    <span class="-text">เออร์บานิโอ วิภาวดี-แจ้งวัฒนะ</span>
                </li>
                            <li class="flex v-center h-justify " data-value="1631870094896808">
                    <span class="-text">บาหลี บีช</span>
                </li>
                            <li class="flex v-center h-justify " data-value="1631770225812559">
                    <span class="-text">แอชตัน สีลม</span>
                </li>
                            <li class="flex v-center h-justify " data-value="163281274659596">
                    <span class="-text">แอชตัน อโศก-พระราม 9</span>
                </li>
                            <li class="flex v-center h-justify " data-value="1628652451768252">
                    <span class="-text">แอริ พระราม 2</span>
                </li>
                            <li class="flex v-center h-justify " data-value="1679293431158739">
                    <span class="-text">แอริ แจ้งวัฒนะ</span>
                </li>
                            <li class="flex v-center h-justify " data-value="1679329410366204">
                    <span class="-text">ไอดีโอ จรัญฯ70 - ริเวอร์วิว</span>
                </li>
                            <li class="flex v-center h-justify " data-value="1644291297526392">
                    <span class="-text">ไอดีโอ รัชดา - สุทธิสาร</span>
                </li>
                            <li class="flex v-center h-justify " data-value="163172464513379">
                    <span class="-text">ไอดีโอ สาทร วงเวียนใหญ่</span>
                </li>
                            <li class="flex v-center h-justify " data-value="1632803116175914">
                    <span class="-text">คิว ประสานมิตร</span>
                </li>
                            <li class="flex v-center h-justify " data-value="1632803209666676">
                    <span class="-text">ไอดีโอ คิว วิคตอรี่</span>
                </li>
                            <li class="flex v-center h-justify " data-value="1628482163581276">
                    <span class="-text">ไอดีโอ คิว สุขุมวิท 36</span>
                </li>
                            <li class="flex v-center h-justify " data-value="163280405382122">
                    <span class="-text">ไอดีโอ โมบิ สุขุมวิท 40</span>
                </li>
                            <li class="flex v-center h-justify " data-value="1632803828207915">
                    <span class="-text">ไอดีโอ โมบิ สุขุมวิท 66</span>
                </li>
                            <li class="flex v-center h-justify " data-value="1632896015791335">
                    <span class="-text">ไอดีโอ โมบิ สุขุมวิท อีสต์ พอยท์</span>
                </li>
                        
        </ul>
    </div>
</div>

</div>
                            </div>
                                            </div>
                                                            <div class="box-consent">
    <div class="consent-title f_bold">ข้าพเจ้าได้ศึกษาและรับทราบนโยบายความเป็นส่วนตัวที่บริษัทกำหนดแล้ว ยินยอมให้บริษัท เก็บรวบรวม ใช้ และเปิดเผย ข้อมูลส่วนบุคคลของข้าพเจ้า เช่น ชื่อนามสกุล ที่อยู่ เบอร์โทรศัพท์ อีเมล ข้อมูลการซื้อขายกับบริษัท ที่ได้ให้ไว้กับบริษัท หรือที่อยู่ในความครอบครองของบริษัท รวมถึงข้อมูลที่จะให้เพิ่มเติมแก่บริษัท ให้แก่บริษัทในเครือตามรายชื่อที่ระบุใน <a target="_blank" class="pdpa-link" href="https://www.ananda.co.th/th/privacy-policy">https://www.ananda.co.th/th/privacy-policy</a> หรือบุคคล นิติบุคคลอื่น สถาบันการเงินใดที่จำเป็นต่อการปฏิบัติตามสัญญาซึ่งข้าพเจ้าได้ทำไว้กับริษัท และเพื่อวัตถุประสงค์ดังต่อไปนี้</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">ยอมรับ</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">บริษัทส่งมอบข้อมูลข่าวสารเกี่ยวกับกิจกรรม โปรโมชัน ผลิตภัณฑ์ บริการและสิทธิประโยชน์ต่างๆ ที่บริษัทคัดสรรมาเพื่อประโยชน์ของลูกค้าโดยเฉพาะ ผ่านช่องทางการสื่อสารทาง อีเมล ข้อความ SMS ไปรษณีย์ และด้วยวิธีการอื่นที่ข้าพเจ้าได้ให้ข้อมูลไว้แก่บริษัท</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">บริษัทนำข้อมูลไปวิจัยและพัฒนาผลิตภัณฑ์ บริการ ตลอดจนการขายและการตลาดของบริษัท เพื่อส่งมอบประสบการณ์ที่ดีให้ลูกค้าต่อไป</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">ปฏิเสธ</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">ยอมรับ</div>
                                </label>
                            </div>
                            <div class="block-btn-add-line mobile">
                                <div class="btn-add-line" data-actionId="1679417454983352" data-page="project">
                                    <div class="block-text">
                                        <span class="icon"><span class="icon-line"></span></span>
                                        <span class="text f_bold">แอดไลน์เลย!</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="block-btn-add-line hide-xs">
                    <div class="btn-add-line" data-actionId="1679417454983352" data-page="project">
                        <div class="block-text">
                            <span class="icon"><span class="icon-line"></span></span>
                            <span class="text f_bold">แอดไลน์เลย!</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>สแกน QR เพื่อแอดไลน์</div>
                                <div>แล้วไปรับดีลพิเศษก่อนใคร</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">นัดหมายเยี่ยมชมโครงการ</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="กรุณากรอกชื่อ">
                                <label class="placeholder f_reg" for="appointment-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="กรุณากรอกนามสกุล">
                                <label class="placeholder f_reg" for="appointment-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="กรุณากรอกอีเมล,รูปแบบอีเมลไม่ถูกต้อง">
                                <label class="placeholder f_reg" for="appointment-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="กรุณากรอกเบอร์โทรศัพท์,เบอร์โทรศัพท์ไม่ถูกต้อง">
                                <label class="placeholder telephone f_reg" for="appointment-tel">เบอร์โทรศัพท์</label>
                            </div>
                            <span class="label-example-tel">ไม่ต้องระบุเลข "0" ตัวอย่างเช่น 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="กรุณากรอกวันเข้าเยี่ยมชม">
                                <label class="placeholder f_reg" for="appointment-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="กรุณาระบุเวลา">
    <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">เวลา</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="กรุณากรอกรายละเอียด"></textarea>
                            <label class="placeholder detail-textarea f_reg" for=appointment-detail">พิมพ์รายละเอียด</label>
                        </div>
                    </div>
                                                            <div class="box-consent">
    <div class="consent-title f_bold">ข้าพเจ้าได้ศึกษาและรับทราบนโยบายความเป็นส่วนตัวที่บริษัทกำหนดแล้ว ยินยอมให้บริษัท เก็บรวบรวม ใช้ และเปิดเผย ข้อมูลส่วนบุคคลของข้าพเจ้า เช่น ชื่อนามสกุล ที่อยู่ เบอร์โทรศัพท์ อีเมล ข้อมูลการซื้อขายกับบริษัท ที่ได้ให้ไว้กับบริษัท หรือที่อยู่ในความครอบครองของบริษัท รวมถึงข้อมูลที่จะให้เพิ่มเติมแก่บริษัท ให้แก่บริษัทในเครือตามรายชื่อที่ระบุใน <a target="_blank" class="pdpa-link" href="https://www.ananda.co.th/th/privacy-policy">https://www.ananda.co.th/th/privacy-policy</a> หรือบุคคล นิติบุคคลอื่น สถาบันการเงินใดที่จำเป็นต่อการปฏิบัติตามสัญญาซึ่งข้าพเจ้าได้ทำไว้กับริษัท และเพื่อวัตถุประสงค์ดังต่อไปนี้</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">ยอมรับ</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">บริษัทส่งมอบข้อมูลข่าวสารเกี่ยวกับกิจกรรม โปรโมชัน ผลิตภัณฑ์ บริการและสิทธิประโยชน์ต่างๆ ที่บริษัทคัดสรรมาเพื่อประโยชน์ของลูกค้าโดยเฉพาะ ผ่านช่องทางการสื่อสารทาง อีเมล ข้อความ SMS ไปรษณีย์ และด้วยวิธีการอื่นที่ข้าพเจ้าได้ให้ข้อมูลไว้แก่บริษัท</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">บริษัทนำข้อมูลไปวิจัยและพัฒนาผลิตภัณฑ์ บริการ ตลอดจนการขายและการตลาดของบริษัท เพื่อส่งมอบประสบการณ์ที่ดีให้ลูกค้าต่อไป</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">ปฏิเสธ</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">ยอมรับ</div>
                                </label>
                            </div>
                            <div class="block-btn-add-appointment mobile">
                                <div class="btn-add-appointment" data-actionId="1679417454983352" data-page="project">
                                    <div class="block-text">
                                        <span class="text f_bold">ส่งข้อมูล</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="block-btn-add-appointment hide-xs">
                    <div class="btn-add-appointment" data-actionId="1679417454983352" data-page="project">
                        <div class="block-text">
                            <span class="text f_bold">ส่งข้อมูล</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>เราได้รับข้อมูลของคุณแล้ว</div>
                        </div>
                        <div class="subtitle f_reg">
                            <div>เจ้าหน้าที่จะติดต่อกลับในภายหลัง</div>
                        </div>
                    </div>
                    <div class="block-btn-close-appointment">
                    <div class="btn-close-appointment">
                        <div class="block-text">
                            <span class="text f_bold">ปิด</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">นัดหมาย</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">แชทเลยตอนนี้!</div>
                                <div class="text show-xs">แชทเลย</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">ยูนิตในโครงการ</div>
                                    </div>
                                </a>
                            </div>
                                        </div>
            </div>