ยูนิโอ ทาวน์ ศรีนครินทร์ บางนา

พร้อมอยู่

7.1 กม. ทางด่วนบางนา - ตราด

<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-area"></span>
                                    <div class="desc">
                                        <div class="txt-title">พื้นที่โครงการ</div>
                                        <p class="txt-desc f_bold">22-3-17ไร่</p>
                                    </div>
                                </div>
                            </li>
                                                    <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">ทาวน์โฮม 2 ชั้น </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">10 แปลง</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">
                        <div class="intro-section">
<div class="intro-inner  animate top play">
<h2 class="-header inner-header -concept font-face-med animate top play" style="text-align: center;"><strong>แนวคิดโครงการ</strong></h2>
<div class="inner-title font-face-bold animate top play" style="text-align: center;"><strong><span style="font-size: 36px;">Living in Nature and Happiness is homemade</span></strong></div>
<div class="inner-desc" style="text-align: center;">ทาวน์โฮมของคนรุ่นใหม่ ที่ชื่นชอบความเป็นส่วนตัว เพียบพร้อมด้วยประโยชน์ใช้สอยที่คุ้มค่า ประกอบกับพื้นที่ส่วนกลางที่มีพื้นที่สีเขียวขนาดใหญ่เพื่อได้สัมผัสใกล้ชิดธรรมชาติ</div>
</div>
</div>
<div class="image-section animate top play"><img style="display: block; margin-left: auto; margin-right: auto;" src="https://istore.ananda.co.th/stocks/project/o0x0/0k/tp/0ktpciwnfr1/7442.JPG" alt="7442.JPG" width="523" height="324" /></div>
<div class="property-section animate top play">
<div class="property-inner">
<div class="property-box left animate top play"><br />
<div class="property-desc animate top play">
<h2 class="-header font-face-med" style="text-align: center;"><strong>Design</strong></h2>
<h2 class="-title font-face-bold" style="text-align: center;"><strong><span style="font-size: 24px;"><span style="font-size: 36px;">เป็นหนึ่งเดียวกับธรรมชาติ</span></span></strong></h2>
<div class="-desc font-face" style="text-align: center;">ด้วยแนวความคิดที่ต้องการให้บ้านดูผสมกลมกลืนไปกับธรรมชาติ การออกแบบจึงเน้นโทนสีเทาและสีน้ำตาล เพื่อให้บ้านดูอบอุ่น ตกแต่งผนังด้วยเส้นเซาะร่องลักษณะเหมือนผนังลายไม้ ให้ดูสอดคล้องไปกับธรรมชาติโดยรอบที่ร่มรื่นและกลมกลืนเป็นหนึ่งเดียวกันพื้นที่สวนส่วนกลางเน้นด้วยการปลูกต้นไม้ใหญ่ ที่สอดคล้องไปตามการใช้ประโยชน์ของพื้นที่ส่วนกลาง เพื่อสร้างความสุขเมื่อใช้สวนส่วนกลาง</div>
</div>
<picture><source srcset="https://www.ananda.co.th/stocks/project/d360x360/53/uh/fml153uh3c/UniSri-Bangna-concept1.jpg" /></picture></div>
<div class="property-box right animate top play"><br /><br />
<div class="property-desc animate top play">
<h2 class="-header font-face-med" style="text-align: center;"><strong>การออกแบบ</strong></h2>
<h2 class="-title font-face-bold" style="text-align: center;"><strong><span style="font-size: 36px;">Modern Classic</span></strong></h2>
<div class="-desc font-face" style="text-align: center;">พื้นที่ส่วนกลางออกแบบในแนวความคิด Modern Classic เริ่มตั้งแต่ซุ้มประตูทางเข้าโครงการมาถึงสวนส่วนกลาง สร้างสังคมคุณภาพ ชีวิตใกล้ชิดธรรมชาติ พร้อมอาคารสโมสร สระว่ายน้ำ และฟิตเนส มุมมองเต็มอิ่มกับบรรยากาศสวนที่ร่มรื่นเติมเต็มการใช้พื้นที่ได้ทุกวัย ด้วยสนามเด็กเล่น ที่เสริมสร้างทักษะการเรียนรู้ และการออกกำลังกายสำหรับเด็ก เสริมสร้างปฏิสัมพันธ์กันระหว่างครอบครัว</div>
</div>
</div>
</div>
</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://istore.ananda.co.th/stocks/project_facility_child/o0x0/wi/uv/ldahwiuvjxy/7433Edit.JPG" data-type="" data-attrs="width: 1280; height: 720;" data-caption="Club House">
                                        <img class="img-gal img-lazy" width="245" height="320" data-src="https://istore.ananda.co.th/stocks/project_facility_child/c245x320/wi/uv/ldahwiuvjxy/7433Edit.JPG" alt="">                                        
                                                                                <div class="box-title">
                                            <h3 class="facilities-title f_bold">Club House</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/ef/w9/dovxefw9jkb/UniSri-124Edit.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/ef/w9/dovxefw9jkb/UniSri-124Edit.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/u2/k7/ng1zu2k7ryc/IMG_7407Edit.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/u2/k7/ng1zu2k7ryc/IMG_7407Edit.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/u9/3l/eotdu93lijb/5DSR9169Edit.JPG" data-type="" data-attrs="width: 1280; height: 720;" data-caption="Playground">
                                        <img class="img-gal img-lazy" width="245" height="320" data-src="https://istore.ananda.co.th/stocks/project_facility_child/c245x320/u9/3l/eotdu93lijb/5DSR9169Edit.JPG" alt="">                                        
                                                                                <div class="box-title">
                                            <h3 class="facilities-title f_bold">Playground</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="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.635221,100.6529058&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/ql/wz/xtcvqlwzzby/map.jpg" alt="map">
                    <div class="full-screen-map" uk-lightbox>
                        <a class="icon-full-screen" href="https://istore.ananda.co.th/stocks/project/o0x0/ql/wz/xtcvqlwzzby/map.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">ยูนิโอ ทาวน์ ศรีนครินทร์-บางนา ซอย พัฒนาชุมชน 17 ตำบล บางแก้ว อำเภอบางพลี สมุทรปราการ</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%A8%E0%B8%A3%E0%B8%B5%E0%B8%99%E0%B8%84%E0%B8%A3%E0%B8%B4%E0%B8%99%E0%B8%97%E0%B8%A3%E0%B9%8C+%E0%B8%9A%E0%B8%B2%E0%B8%87%E0%B8%99%E0%B8%B2" 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">
                            <div class="box_advantage animate top play">
<div class="advantage">
<div class="txt_advantage font-face-med font-diff-color">7.1 กม. ทางด่วนบางนา - ตราด</div>
</div>
</div>
 <br />ใกล้ เมกา บางนา<br /><br />ใกล้ โรงพยาบาลศิครินทร์                        
                        </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="164394259665299" 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 selected" 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="164394259665299" 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="164394259665299" 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="164394259665299" 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="164394259665299" 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>