ยูนิโอ เอช ติวานนท์

พร้อมอยู่

ชั้นสูง วิวสวย ติด MRT ติวานนท์

<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-condo"></span>
                                    <div class="desc">
                                        <div class="txt-title">จำนวนอาคาร</div>
                                        <p class="txt-desc f_bold">1 อาคาร</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">6 ยูนิต</p>
                                    </div>
                                </div>
                            </li>
                                                    <li class="list-box animate-list">
                                <div class="box-information flex v-center">
                                    <span class="ic icon-park"></span>
                                    <div class="desc">
                                        <div class="txt-title">ที่จอดรถ</div>
                                        <p class="txt-desc f_bold">160</p>
                                    </div>
                                </div>
                            </li>
                                                    <li class="list-box animate-list">
                                <div class="box-information flex v-center">
                                    <span class="ic icon-elevator"></span>
                                    <div class="desc">
                                        <div class="txt-title">ลิฟท์โดยสาร</div>
                                        <p class="txt-desc f_bold">1</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">รายละเอียดโครงการ</h2>     
                               
                </div>
                <div class="over-flow-detail">
                    <div id="id-full-detail" class="full-detail f_reg default_css">
                        <p><strong>โครงการยูนิโอ เอช ติวานนท์<br /><br />Simplicity Modern</strong></p>
<p>คือการนำเอาความ SIMPLE เข้ามาใช้กับงานออกแบบอาคาร โดยการจัดวางองค์ประกอบอาคารอย่างเรียบง่าย ตัดส่วนประดับตกแต่งที่เกินความจำเป็น เพิ่มความใส่ใจกับเส้นสายที่เรียบง่าย เป็นระเบียบ และเพิ่มองค์ประกอบทางธรรมชาติอย่างแสงและเงา ให้กับการออกแบบ เมื่อนำความเรียบง่ายผสมผสานกับความทันสมัยในยุคปัจจุบัน จึงเกิดเป็นความลงตัวของอาคารที่เรียบหรูนำสมัย ดูดีมีระดับ ตอบโจทย์กับไลฟ์สไตล์ของสังคมเมือง</p>
<p> </p>
<p><strong><img src="https://istore.ananda.co.th/stocks/project/o0x0/as/uq/asuqqh1vovz/unio-h-tiwanon.png" alt="unio-h-tiwanon.png" /></strong></p>
<h2 class="-title font-face-bold"><strong><br />PRODUCT : ครบ</strong></h2>
<div class="-desc font-face">ครบครันกับพื้นที่ส่วนกลาง และสิ่งอำนวยความสะดวก เช่น สระว่ายน้ำ, ห้องออกกำลังกายพร้อมอุปกรณ์, ทางสำหรับวิ่งออกกำลังกาย, สวนส่วนกลางและพื้นที่สำหรับพักผ่อนที่เชื่อมต่อโดยรอบภายในโครงการตอบโจทย์วิถีชีวิตคนเมือง<br /><br /><img src="https://istore.ananda.co.th/stocks/project/o0x0/tu/6v/tu6vks2gnxj/Project-info-tiwanon5.jpg" alt="Project-info-tiwanon5.jpg" /><br /><br /><strong>LOCATION : ใกล้</strong><br />• 100 เมตร MRT แยกติวานนท์ (รถไฟฟ้าสายสีม่วง)<br />• ใกล้ทางขึ้นลงทางด่วน รัชดา – ประชานุกูล<br />• ใกล้โรงพยาบาล : โรงพยาบาลเกษมราษฎร์, โรงพยาบาลนนทเวช<br />• ใกล้ห้างสรรพสินค้า : เซ็นทรัลรัตนาธิเบศร์, เดอะมอลล์งามวงศ์วาน, บิ๊กซี ติวานนท์, บิ๊กซี วงศ์สว่าง<br />• ใกล้สถานที่ราชการ : กระทรวงสาธารณสุข, ศูนย์ราชการนนทบุรี<br />• ใกล้สถานศึกษา : ม.พระจอมเกล้าฯพระนครเหนือ<br /><br /><img src="https://istore.ananda.co.th/stocks/project/o0x0/vz/ur/vzur36mvi8g/map-h-tiwanon.jpg" alt="map-h-tiwanon.jpg" /><br /><br /><br /></div>                    </div>
                    <div class="view-more">
                        <div class="btn-loadmore f_bold">แสดงข้อมูลเพิ่ม +</div>
                    </div>
                </div>
            </div>

<div class="wrap-content-facilities" uk-scrollspy="cls:uk-animation-fade;">
                <h2 class="width-1040 txt-head2 f_bold txt-white">สิ่งอำนวยความสะดวก</h2>
                <div class="box-slide-data" uk-slider="finite: true; draggable: false;">
                    <div class="section-slide-facilities">                    
                        <div class="facilities-section uk-slider-items section-custom-animate" uk-lightbox>
                                                            <div class="facilities-items animate-list">
                                    <a class="thumb" href="https://roundme.com/embed/659972/2089015" data-type="iframe" data-attrs="width: 1280; height: 720;" data-caption="8th Floor Facilities">
                                        <img class="img-gal img-lazy" width="245" height="320" data-src="https://istore.ananda.co.th/stocks/project_facility_child/c245x320/qd/sy/wfqeqdsywnu/8Floor-Facility.png" alt="">                                        
                                                                                    <div class="type-gallery">
                                                                                                    <span class="icon icon-ic360 zoom_in_hover"></span>
                                                                                            </div>
                                                                                <div class="box-title">
                                            <h3 class="facilities-title f_bold">8th Floor Facilities</h3>
                                        </div>
                                        <div class="full-screen">
                                            <span class="icon icon-full-screen"></span>
                                        </div>
                                    </a>
                                </div>                           
                                                            <div class="facilities-items animate-list">
                                    <a class="thumb" href="https://istore.ananda.co.th/stocks/project_facility_child/o0x0/8z/mv/j35f8zmvsgy/Gallery_H_tiwanon_004.jpg" data-type="" data-attrs="width: 1280; height: 720;" data-caption="Lobby">
                                        <img class="img-gal img-lazy" width="245" height="320" data-src="https://istore.ananda.co.th/stocks/project_facility_child/c245x320/8z/mv/j35f8zmvsgy/Gallery_H_tiwanon_004.jpg" alt="">                                        
                                                                                <div class="box-title">
                                            <h3 class="facilities-title f_bold">Lobby</h3>
                                        </div>
                                        <div class="full-screen">
                                            <span class="icon icon-full-screen"></span>
                                        </div>
                                    </a>
                                </div>                           
                                                            <div class="facilities-items animate-list">
                                    <a class="thumb" href="https://istore.ananda.co.th/stocks/project_facility_child/o0x0/kh/n8/chdbkhn8d4q/Gallery_H_tiwanon_002.jpg" data-type="" data-attrs="width: 1280; height: 720;" data-caption="Swimming Pool">
                                        <img class="img-gal img-lazy" width="245" height="320" data-src="https://istore.ananda.co.th/stocks/project_facility_child/c245x320/kh/n8/chdbkhn8d4q/Gallery_H_tiwanon_002.jpg" alt="">                                        
                                                                                <div class="box-title">
                                            <h3 class="facilities-title f_bold">Swimming Pool</h3>
                                        </div>
                                        <div class="full-screen">
                                            <span class="icon icon-full-screen"></span>
                                        </div>
                                    </a>
                                </div>                           
                                                            <div class="facilities-items animate-list">
                                    <a class="thumb" href="https://istore.ananda.co.th/stocks/project_facility_child/o0x0/if/kf/olggifkf0mz/Gallery_H_tiwanon.jpg" data-type="" data-attrs="width: 1280; height: 720;" data-caption="Garden">
                                        <img class="img-gal img-lazy" width="245" height="320" data-src="https://istore.ananda.co.th/stocks/project_facility_child/c245x320/if/kf/olggifkf0mz/Gallery_H_tiwanon.jpg" alt="">                                        
                                                                                <div class="box-title">
                                            <h3 class="facilities-title f_bold">Garden</h3>
                                        </div>
                                        <div class="full-screen">
                                            <span class="icon icon-full-screen"></span>
                                        </div>
                                    </a>
                                </div>                           
                                                            <div class="facilities-items animate-list">
                                    <a class="thumb" href="https://istore.ananda.co.th/stocks/project_facility_child/o0x0/9c/gd/jzgi9cgdcth/Gallery_H_tiwanon_003.jpg" data-type="" data-attrs="width: 1280; height: 720;" data-caption="Fitness">
                                        <img class="img-gal img-lazy" width="245" height="320" data-src="https://istore.ananda.co.th/stocks/project_facility_child/c245x320/9c/gd/jzgi9cgdcth/Gallery_H_tiwanon_003.jpg" alt="">                                        
                                                                                <div class="box-title">
                                            <h3 class="facilities-title f_bold">Fitness</h3>
                                        </div>
                                        <div class="full-screen">
                                            <span class="icon icon-full-screen"></span>
                                        </div>
                                    </a>
                                </div>                           
                                                            <div class="facilities-items animate-list">
                                    <a class="thumb" href="https://istore.ananda.co.th/stocks/project_facility_child/o0x0/kl/mq/q1s4klmqw8x/CD0192-RF-08-Facilities_Hall.png" data-type="" data-attrs="width: 1280; height: 720;" data-caption="Facilities Hall">
                                        <img class="img-gal img-lazy" width="245" height="320" data-src="https://istore.ananda.co.th/stocks/project_facility_child/c245x320/kl/mq/q1s4klmqw8x/CD0192-RF-08-Facilities_Hall.png" alt="">                                        
                                                                                <div class="box-title">
                                            <h3 class="facilities-title f_bold">Facilities Hall</h3>
                                        </div>
                                        <div class="full-screen">
                                            <span class="icon icon-full-screen"></span>
                                        </div>
                                    </a>
                                </div>                           
                                                    </div>
                    </div>
                    <div class="slide-arrow prev hover-on-bg" uk-slider-item="previous">
                        <span class="icon icon-slide-arrow-left"></span>
                    </div>
                    <div class="slide-arrow next hover-on-bg" uk-slider-item="next">
                        <span class="icon icon-slide-arrow-right"></span>
                    </div>
                </div>
            </div>

<div class="wrap-review-content">
                <h2 class="txt-head2 f_bold txt-black" uk-scrollspy="cls:uk-animation-fade;">รีวิวแนะนำโครงการจากเรา</h2>
                <div class="review-lists" uk-scrollspy="cls:uk-animation-fade;">
                                            <div class="section-highlight" uk-lightbox="animation: scale;toggle: .toggle_highlight;video-autoplay: true;">
                            <div class="items-highlight">
                                <div class="img-highlight">
                                    <div class="-image toggle_highlight" href="https://www.youtube.com/watch?v=ZoLk4U81QOM" data-attrs="width: 1280; height: 720;">
                                        <img src="https://istore.ananda.co.th/stocks/home_review/c1180x627/nn/zq/cb0jnnzqecr/HTiwanon-16.png" alt="HTiwanon-16">
                                        <div class="play-btn hl">
                                            <span class="icon icon-play zoom_in_hover"></span>
                                        </div>
                                    </div>
                                </div>
                                <h3 class="txt-highlight f_bold">ยูนิโอ เอช ติวานนท์</h3>
                                <h4 class="txt-desc">คลิปคอนโด ยูนิโอ เอช ติวานนท์ : คลิปเยี่ยมชมโครงการ T.268</h4>
                            </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.840336759105119,100.5151591&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/3f/ra/n6qm3fraooq/CD0192-LOCATION-map.png" alt="CD0192-LOCATION-map">
                    <div class="full-screen-map" uk-lightbox>
                        <a class="icon-full-screen" href="https://istore.ananda.co.th/stocks/project/o0x0/3f/ra/n6qm3fraooq/CD0192-LOCATION-map.png"></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">101 หมู่6 ถนน กรุงเทพ - นนทบุรี ตำบลบางเขน อำเภอเมือง นนทบุรี 11000</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%B9%80%E0%B8%AD%E0%B8%8A+%E0%B8%95%E0%B8%B4%E0%B8%A7%E0%B8%B2%E0%B8%99%E0%B8%99%E0%B8%97%E0%B9%8C" 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">
                            <span style="color: #ffffff;"><strong>สถานที่ใกล้เคียง</strong><br />MRT แยกติวานนท์  100 ม.<br />บิ๊กซี ติวานนท์  750 ม.<br />กระทรวงสาธารณสุข  1.7 กม.<br />บิ๊กซี วงศ์สว่าง  2 กม.<br />ทางด่วนงามวงศ์วาน  3 กม.<br />เซ็นทรัลรัตนาธิเบศร์  5.8 กม.</span>                        
                        </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="1631762056702823" 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 selected" 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 " 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="1631762056702823" 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="1631762056702823" 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/stocks/brand/c220x220/vx/pb/fhrgvxpbw9e/line-ananda.png" alt="line-ananda">
                            <div class="title">@Unio</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="1631762056702823" 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="1631762056702823" 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>