Concept

Project Info

Plan

Media

Location

<h2 class='section-title txt-c'>Project Info</h2>
					<div class='section-switch' flex='aic jcc'>
						<h3 switch-group='sec-info' switch-list='detail'>Detail</h3>
						
						
						<h3 switch-group='sec-info' switch-list='facility'>Facility</h3>
					</div>
					
					<div class='max-w3' switch-group='sec-info' switch-content='detail'>
						<div flex='aifs wrap' layout='child-2 unset' layout-xs='child-1'>
							<div class='detail-img'>
								<img width='auto' height='auto' src='https://www.supalai.com/stocks/project/o0x0/vt/gc/2ep9vtgcmxn/web_670x895.jpg' alt='web 670x895' />
							</div>
							<div class='detail-content'><div class='flex_box'><div class='item width_label'>Project Area</div><div class='item width_dis'>3-0-10.4 rai</div></div><div class='flex_box'><div class='item width_label'>Start price</div><div class='item width_dis'>Start 3.59 M.B.</div></div><div class='flex_box'><div class='item width_label'>Usable Area</div><div class='item width_dis'>53-82.5 Sq.m.</div></div><div class='flex_box'><div class='item width_label'>Project Type</div><div class='item width_dis'>4 Buildings, 5 Stories, Low Rise Residence</div></div><div class='flex_box'><div class='item width_label'>Unit total</div><div class='item width_dis'>84 units</div></div><div class='flex_box'><div class='item width_label'>Unit type</div><div class='item width_dis'>1 Bedroom Plus – 2 Bedrooms</div></div><div class='flex_box'><div class='item width_label'>Residential units</div><div class='item width_dis'>84 units</div></div><div class='flex_box'><div class='item width_label'>Parking spaces</div><div class='item width_dis'>69%</div></div>
							</div>
						</div>
					</div>
					
						<div class='max-w2' switch-group='sec-info' switch-content='facility'>
						
								<div class='fac-slide'>
								
									<div class='fac-img'>
										<img width='auto' height='auto' src='https://www.supalai.com/stocks/project_child_facility_image/o0x0/yw/qv/jkubywqve46/1.jpg' alt='1' />
									</div>
									
									<div class='fac-img'>
										<img width='auto' height='auto' src='https://www.supalai.com/stocks/project_child_facility_image/o0x0/1f/sg/m8qw1fsggil/2.jpg' alt='2' />
									</div>
									
									<div class='fac-img'>
										<img width='auto' height='auto' src='https://www.supalai.com/stocks/project_child_facility_image/o0x0/uc/oe/mve2ucoegi0/3.jpg' alt='3' />
									</div>
									
									<div class='fac-img'>
										<img width='auto' height='auto' src='https://www.supalai.com/stocks/project_child_facility_image/o0x0/yy/3z/vep0yy3zuox/4.jpg' alt='4' />
									</div>
									
								</div>
								
								<div class='fac-wrap-list' flex='aifs wrap' layout='child-3 unset'>
								
									<div class='width100' flex='aic'>
										<span class='fac-ic ic-img'>
											<img width='40' height='40' src='https://www.supalai.com/stocks/facility/c40x40/9l/nm/lrio9lnmn0j/24-hour_Security.svg' alt='24-hour Security' />
										</span>
										<div class='fac-label'>24-hour Security</div>
									</div>
									
									<div class='width100' flex='aic'>
										<span class='fac-ic ic-img'>
											<img width='40' height='40' src='https://www.supalai.com/stocks/facility/c40x40/zn/pg/3x0wznpgk2q/CCTV.svg' alt='CCTV' />
										</span>
										<div class='fac-label'>CCTV</div>
									</div>
									
									<div class='width100' flex='aic'>
										<span class='fac-ic ic-img'>
											<img width='40' height='40' src='https://www.supalai.com/stocks/facility/c40x40/dt/nd/r89sdtndk7h/basketball-Recovered.png' alt='basketball-Recovered' />
										</span>
										<div class='fac-label'>License Plate Recognition</div>
									</div>
									
									<div class='width100' flex='aic'>
										<span class='fac-ic ic-img'>
											<img width='40' height='40' src='https://www.supalai.com/stocks/facility/c40x40/4j/rc/tauz4jrckhf/motorcycle.png' alt='motorcycle' />
										</span>
										<div class='fac-label'>Food Drop</div>
									</div>
									
									<div class='width100' flex='aic'>
										<span class='fac-ic ic-img'>
											<img width='40' height='40' src='https://www.supalai.com/stocks/facility/c40x40/lq/wm/qyc8lqwmzau/solar-roof.png' alt='solar-roof' />
										</span>
										<div class='fac-label'>Solar Roof</div>
									</div>
									
									<div class='width100' flex='aic'>
										<span class='fac-ic ic-img'>
											<img width='40' height='40' src='https://www.supalai.com/stocks/facility/c40x40/az/rw/xwg3azrw6ol/2851619_(1).png' alt='2851619 (1)' />
										</span>
										<div class='fac-label'>lounge</div>
									</div>
									
									<div class='width100' flex='aic'>
										<span class='fac-ic ic-img'>
											<img width='40' height='40' src='https://www.supalai.com/stocks/facility/c40x40/ok/j3/uctpokj3lkh/Fitness.svg' alt='Fitness' />
										</span>
										<div class='fac-label'>Fitness</div>
									</div>
									
									<div class='width100' flex='aic'>
										<span class='fac-ic ic-img'>
											<img width='40' height='40' src='https://www.supalai.com/stocks/facility/c40x40/bm/1g/kfdtbm1gaga/Jacuzzi.svg' alt='Jacuzzi' />
										</span>
										<div class='fac-label'>Jacuzzi</div>
									</div>
									
									<div class='width100' flex='aic'>
										<span class='fac-ic ic-img'>
											<img width='40' height='40' src='https://www.supalai.com/stocks/facility/c40x40/fl/gm/k9ubflgmsdw/Swimming_Pool.svg' alt='Swimming Pool' />
										</span>
										<div class='fac-label'>Swimming Pool</div>
									</div>
									
								</div>
								</div>

<div class='sub-section air'>
							<div class='pad-lr'>
								<h2 class='section-title txt-c'>Floor Plan</h2>
								<div class='section-switch' flex='aic jcc' flex-xs='wrap'>
								
									<div class='group_ul building mock-input group_ul2'>
										<div class='ul_box' style='display:none;'>
										
											<div class='li_box' data-value='1728879084903478'>Master Plan</div>
											
											<div class='li_box' data-value='1728879101708126'>Building A</div>
											
											<div class='li_box' data-value='1728879111005692'>Building B</div>
											
											<div class='li_box' data-value='1728879121087844'>Building C</div>
											
											<div class='li_box' data-value='1728879129858542'>Building D</div>
											
										</div>
										<input class='ul_text add_ic' value='' data-default='' readonly />
										<div class='ic_input ic_dd'></div>
										<input name='build' value='' require />
									</div>
									
										<div class='group_ul floor_plan mock-input group_ul2' style='display: none;'>
											<div class='ul_box' style='display:none;'>
											
												<div class='li_box' data-value='Ground Master Plan'>Ground Master Plan</div>
												
												<div class='li_box' data-value='2nd -5th  Master Plan'>2nd -5th  Master Plan</div>
												
											</div>
											<input class='ul_text add_ic' value='' data-default='' readonly />
											<div class='ic_input ic_dd'></div>
											<input name='floor0' value='' require />
										</div>
										
										<div class='group_ul floor_plan mock-input group_ul2' style='display: none;'>
											<div class='ul_box' style='display:none;'>
											
												<div class='li_box' data-value='2nd - 5th Floor Plan'>2nd - 5th Floor Plan</div>
												
											</div>
											<input class='ul_text add_ic' value='' data-default='' readonly />
											<div class='ic_input ic_dd'></div>
											<input name='floor1' value='' require />
										</div>
										
										<div class='group_ul floor_plan mock-input group_ul2' style='display: none;'>
											<div class='ul_box' style='display:none;'>
											
												<div class='li_box' data-value='2nd - 5th Floor Plan'>2nd - 5th Floor Plan</div>
												
											</div>
											<input class='ul_text add_ic' value='' data-default='' readonly />
											<div class='ic_input ic_dd'></div>
											<input name='floor2' value='' require />
										</div>
										
										<div class='group_ul floor_plan mock-input group_ul2' style='display: none;'>
											<div class='ul_box' style='display:none;'>
											
												<div class='li_box' data-value='Ground Floor Plan'>Ground Floor Plan</div>
												
												<div class='li_box' data-value='2nd - 5th Floor Plan'>2nd - 5th Floor Plan</div>
												
											</div>
											<input class='ul_text add_ic' value='' data-default='' readonly />
											<div class='ic_input ic_dd'></div>
											<input name='floor3' value='' require />
										</div>
										
										<div class='group_ul floor_plan mock-input group_ul2' style='display: none;'>
											<div class='ul_box' style='display:none;'>
											
												<div class='li_box' data-value='Ground Floor Plan'>Ground Floor Plan</div>
												
												<div class='li_box' data-value='2nd - 5th Floor Plan'>2nd - 5th Floor Plan</div>
												
											</div>
											<input class='ul_text add_ic' value='' data-default='' readonly />
											<div class='ic_input ic_dd'></div>
											<input name='floor4' value='' require />
										</div>
										
								</div>
								
										<div class='floor-slide max-w2' count='0' style='display: none;'>
										
											<div class='gallery-list'>
												<img width='auto' height='auto' src='https://www.supalai.com/stocks/project_child_unit_condo_floor_plan/o0x0/91/bd/gwur91bd3uc/2.jpg' alt='2' />
											</div>
											
											<div class='gallery-list'>
												<img width='auto' height='auto' src='https://www.supalai.com/stocks/project_child_unit_condo_floor_plan/o0x0/au/nh/zpipaunhvfj/1.jpg' alt='1' />
											</div>
											
										</div>
										
										<div class='floor-slide max-w2' count='1' style='display: none;'>
										
											<div class='gallery-list'>
												<img width='auto' height='auto' src='https://www.supalai.com/stocks/project_child_unit_condo_floor_plan/o0x0/ks/yd/amjkksydpvf/3.jpg' alt='3' />
											</div>
											
										</div>
										
										<div class='floor-slide max-w2' count='2' style='display: none;'>
										
											<div class='gallery-list'>
												<img width='auto' height='auto' src='https://www.supalai.com/stocks/project_child_unit_condo_floor_plan/o0x0/eu/fk/jwnreufkap6/4.jpg' alt='4' />
											</div>
											
										</div>
										
										<div class='floor-slide max-w2' count='3' style='display: none;'>
										
											<div class='gallery-list'>
												<img width='auto' height='auto' src='https://www.supalai.com/stocks/project_child_unit_condo_floor_plan/o0x0/o4/ia/gvt3o4iagfi/7.jpg' alt='7' />
											</div>
											
											<div class='gallery-list'>
												<img width='auto' height='auto' src='https://www.supalai.com/stocks/project_child_unit_condo_floor_plan/o0x0/hj/ay/p5cohjaynyi/5.jpg' alt='5' />
											</div>
											
										</div>
										
										<div class='floor-slide max-w2' count='4' style='display: none;'>
										
											<div class='gallery-list'>
												<img width='auto' height='auto' src='https://www.supalai.com/stocks/project_child_unit_condo_floor_plan/o0x0/4f/s7/b2vy4fs7hru/8.jpg' alt='8' />
											</div>
											
											<div class='gallery-list'>
												<img width='auto' height='auto' src='https://www.supalai.com/stocks/project_child_unit_condo_floor_plan/o0x0/2h/mf/yavi2hmf0mc/6.jpg' alt='6' />
											</div>
											
										</div>
										
							</div>
						</div>
						
						<div class='sub-section air border_top_unit'>
							<div class='pad-lr'>
								<h2 class='section-title txt-c unit_plan'>Unit Plan</h2>
								<div class='section-switch' flex='aic jcc' flex-xs='wrap'>
								
									<div class='group_ul unit_type mock-input group_ul2' style='display: none;'>
										<div class='ul_box' style='display:none;'>
										
											<div class='li_box' data-value='1728879549845589'>1 BEDROOM PLUS</div>
											
											<div class='li_box' data-value='1728879598934443'>2 BEDROOMS</div>
											
											<div class='li_box' data-value='1728879640225628'>2 BEDROOMS</div>
											
											<div class='li_box' data-value='1728879847963245'>2 BEDROOMS</div>
											
										</div>
										<input class='ul_text add_ic' value='' data-default='' readonly />
										<div class='ic_input ic_dd'></div>
										<input name='unit_type0' value='' require />
									</div>
									
										<div class='group_ul unit_plan mock-input group_ul2' style='display: none;'>
											<div class='ul_box' style='display:none;'>
											
												<div class='li_box' data-value='PA1 (53 SQ.M.)'>PA1 (53 SQ.M.)</div>
												
											</div>
											<input class='ul_text add_ic' value='' data-default='' readonly />
											<div class='ic_input ic_dd'></div>
											<input name='unit_plan0_0' value='' require />
										</div>
										
										<div class='group_ul unit_plan mock-input group_ul2' style='display: none;'>
											<div class='ul_box' style='display:none;'>
											
												<div class='li_box' data-value='2A1 (59.5 SQ.M.)'>2A1 (59.5 SQ.M.)</div>
												
											</div>
											<input class='ul_text add_ic' value='' data-default='' readonly />
											<div class='ic_input ic_dd'></div>
											<input name='unit_plan0_1' value='' require />
										</div>
										
										<div class='group_ul unit_plan mock-input group_ul2' style='display: none;'>
											<div class='ul_box' style='display:none;'>
											
												<div class='li_box' data-value='2B1 (72 SQ.M.)'>2B1 (72 SQ.M.)</div>
												
											</div>
											<input class='ul_text add_ic' value='' data-default='' readonly />
											<div class='ic_input ic_dd'></div>
											<input name='unit_plan0_2' value='' require />
										</div>
										
										<div class='group_ul unit_plan mock-input group_ul2' style='display: none;'>
											<div class='ul_box' style='display:none;'>
											
												<div class='li_box' data-value='2C1 (82.5 SQ.M.)'>2C1 (82.5 SQ.M.)</div>
												
											</div>
											<input class='ul_text add_ic' value='' data-default='' readonly />
											<div class='ic_input ic_dd'></div>
											<input name='unit_plan0_3' value='' require />
										</div>
										
								</div>
								
										<div class='unit-slide max-w2' count='0_0' style='display: none;'>
										
											<div class='gallery-list unit_plan_list'>
												<img width='auto' height='auto' src='https://www.supalai.com/stocks/project_child_unit_condo_plan/o0x0/tg/jg/vboatgjgqc7/9.jpg' alt='9' />
											</div>
											
										</div>
										<div class='unit-nav max-w2 txt-c' count='0_0' style='display: none;'>
										
											<div class='nav-item'>
												<div class='plan-title'>1 BEDROOM PLUS PA1 (53 SQ.M.)</div>
												<div class='plan-desc section-txt'>AREAS 53 SQ.M.</div>
												<div class='plan-wrap-list' flex='wrap' layout='child-4 unset' layout-xs='child-2'>
												
												</div>
											</div>
											
										</div>
										
										<div class='unit-slide max-w2' count='0_1' style='display: none;'>
										
											<div class='gallery-list unit_plan_list'>
												<img width='auto' height='auto' src='https://www.supalai.com/stocks/project_child_unit_condo_plan/o0x0/hc/gk/o8e6hcgkfy2/10.jpg' alt='10' />
											</div>
											
										</div>
										<div class='unit-nav max-w2 txt-c' count='0_1' style='display: none;'>
										
											<div class='nav-item'>
												<div class='plan-title'>2 BEDROOMS 2A1 (59.5 SQ.M.)</div>
												<div class='plan-desc section-txt'>AREAS 59 SQ.M.</div>
												<div class='plan-wrap-list' flex='wrap' layout='child-4 unset' layout-xs='child-2'>
												
												</div>
											</div>
											
										</div>
										
										<div class='unit-slide max-w2' count='0_2' style='display: none;'>
										
											<div class='gallery-list unit_plan_list'>
												<img width='auto' height='auto' src='https://www.supalai.com/stocks/project_child_unit_condo_plan/o0x0/be/nb/ikxvbenb5l6/11.jpg' alt='11' />
											</div>
											
										</div>
										<div class='unit-nav max-w2 txt-c' count='0_2' style='display: none;'>
										
											<div class='nav-item'>
												<div class='plan-title'>2 BEDROOMS 2B1 (72 SQ.M.)</div>
												<div class='plan-desc section-txt'>AREAS 72 SQ.M.</div>
												<div class='plan-wrap-list' flex='wrap' layout='child-4 unset' layout-xs='child-2'>
												
												</div>
											</div>
											
										</div>
										
										<div class='unit-slide max-w2' count='0_3' style='display: none;'>
										
											<div class='gallery-list unit_plan_list'>
												<img width='auto' height='auto' src='https://www.supalai.com/stocks/project_child_unit_condo_plan/o0x0/10/c7/aevz10c7oaj/12.jpg' alt='12' />
											</div>
											
										</div>
										<div class='unit-nav max-w2 txt-c' count='0_3' style='display: none;'>
										
											<div class='nav-item'>
												<div class='plan-title'>2 BEDROOMS 2C1 (82.5 SQ.M.)</div>
												<div class='plan-desc section-txt'>AREAS 82.5 SQ.M.</div>
												<div class='plan-wrap-list' flex='wrap' layout='child-4 unset' layout-xs='child-2'>
												
												</div>
											</div>
											
										</div>
										
							</div>
						</div>

<h2 class='section-title txt-c'>Media</h2>
					<div class='section-switch txt-c'>
					
						<h3 switch-group='sec-media' switch-list='brochure'>Brochure</h3>
						
					</div>
					<div class='max-w2'>
					
						<div class='media-wrap-brochure' switch-group='sec-media' switch-content='brochure'>
							<div flex='aic wrap' layout='child-2 unset' layout-xs='child-1'>
								<div>
									<img class='brochure-img' width='auto' height='auto' src='https://www.supalai.com/stocks/project/o0x0/qa/x0/alnbqax0eri/671015-DM-ONLINE-KRAM-KHAO-TAO-1.jpg' alt='671015-DM-ONLINE-KRAM-KHAO-TAO-1' />
								</div>
								<div>
									<div class='media-title'>Download brochure or view online</div>
									<div class='section-txt'>SUPALAI KRAM KHAO TAO</div>
									<div class='media-file-detail'>
										File 671015 DM ONLINE KRAM KHAO TAO.pdf &nbsp;|&nbsp; Size 25099 KB.
									</div>
									<div class='media-wrap-bt' flex='wrap' layout='unset'>
										<a href='https://www.supalai.com/stocks/project/o0x0/wn/0q/pm7pwn0qt1x/671015_DM_ONLINE_KRAM_KHAO_TAO.pdf' target='_blank' bt='white'><span animate='multi-under-a'>View online</span></a>
										<a href='https://www.supalai.com/stocks/project/o0x0/wn/0q/pm7pwn0qt1x/671015_DM_ONLINE_KRAM_KHAO_TAO.pdf' target='_blank' download bt='white'><span animate='multi-under-a'>Download</span></a>
									</div>
								</div>
							</div>
						</div>
						
					</div>

<div class='max-w2'>
						<h2 class='section-title txt-c'>Location</>
						<div class='location-title txt-c'>Conveniently located in Khao Tao, Hua Hin, close to both Khao Tao Reservoir and Khao Tao Beach.</div>
						<div class='section-txt txt-c'>Supalai Kram Khao Tao – A condominium in Khao Tao, Hua Hin, just 10 meters from Khao Tao Reservoir and 400 meters from Khao Tao Beach, with only a 15-minute drive to central Hua Hin.</div>
					<div class='location-wrap-box' flex='wrap jcc' flex-xs='jcfs' layout-xs='child-2'>
							<div class='box-ic'>
								<img class='location-ic' width='auto' height='auto' src='https://www.supalai.com/stocks/icon/o0x0/hx/up/yrc9hxuph4o/location.svg' alt='location' />
								<div class='location-label'><span animate='multi-under-c'>Khao Tao Reservoir</span></div>
								<div class='location-dist'><span animate='multi-under-c'>10 meters</span></div>
							</div>
							
							<div class='box-ic'>
								<img class='location-ic' width='auto' height='auto' src='https://www.supalai.com/stocks/icon/o0x0/qo/r9/k4vdqor9znw/supermarket.svg' alt='supermarket' />
								<div class='location-label'><span animate='multi-under-c'>Khao Tao Market</span></div>
								<div class='location-dist'><span animate='multi-under-c'>160 meters</span></div>
							</div>
							
							<div class='box-ic'>
								<img class='location-ic' width='auto' height='auto' src='https://www.supalai.com/stocks/icon/o0x0/hx/up/yrc9hxuph4o/location.svg' alt='location' />
								<div class='location-label'><span animate='multi-under-c'>Khao Tao Beach</span></div>
								<div class='location-dist'><span animate='multi-under-c'>400 meters</span></div>
							</div>
							
							<div class='box-ic'>
								<img class='location-ic' width='auto' height='auto' src='https://www.supalai.com/stocks/icon/o0x0/tx/zy/egu3txzyzdc/transportation.svg' alt='transportation' />
								<div class='location-label'><span animate='multi-under-c'>Phet Kasem Road.</span></div>
								<div class='location-dist'><span animate='multi-under-c'>1 KM.</span></div>
							</div>
							
							<div class='box-ic'>
								<img class='location-ic' width='auto' height='auto' src='https://www.supalai.com/stocks/icon/o0x0/hx/up/yrc9hxuph4o/location.svg' alt='location' />
								<div class='location-label'><span animate='multi-under-c'>Sai Noi Beach</span></div>
								<div class='location-dist'><span animate='multi-under-c'>1 KM.</span></div>
							</div>
							
							<div class='box-ic'>
								<img class='location-ic' width='auto' height='auto' src='https://www.supalai.com/stocks/icon/o0x0/hx/up/yrc9hxuph4o/location.svg' alt='location' />
								<div class='location-label'><span animate='multi-under-c'>Wat Tham Khao Tao</span></div>
								<div class='location-dist'><span animate='multi-under-c'>1 KM</span></div>
							</div>
							
							<div class='box-ic'>
								<img class='location-ic' width='auto' height='auto' src='https://www.supalai.com/stocks/icon/o0x0/vw/9f/evdqvw9fuyg/near_by.svg' alt='near by' />
								<div class='location-label'><span animate='multi-under-c'>Suan Son Pradipat Golf Course</span></div>
								<div class='location-dist'><span animate='multi-under-c'>6.4 KM</span></div>
							</div>
							
							<div class='box-ic'>
								<img class='location-ic' width='auto' height='auto' src='https://www.supalai.com/stocks/icon/o0x0/ma/iy/z4urmaiy1d9/shopping_mall.svg' alt='shopping mall' />
								<div class='location-label'><span animate='multi-under-c'>Blúport Huahin</span></div>
								<div class='location-dist'><span animate='multi-under-c'>11 KM</span></div>
							</div>
							
							<div class='box-ic'>
								<img class='location-ic' width='auto' height='auto' src='https://www.supalai.com/stocks/icon/o0x0/ab/jw/ilt2abjwa7m/hospital.svg' alt='hospital' />
								<div class='location-label'><span animate='multi-under-c'>ฺBangkok Hospital Hua Hin</span></div>
								<div class='location-dist'><span animate='multi-under-c'>11.8</span></div>
							</div>
							
							<div class='box-ic'>
								<img class='location-ic' width='auto' height='auto' src='https://www.supalai.com/stocks/icon/o0x0/r3/cg/46for3cgl9e/education.svg' alt='education' />
								<div class='location-label'><span animate='multi-under-c'>Beaconhouse Yamsaard School Hua Hin</span></div>
								<div class='location-dist'><span animate='multi-under-c'>12.6 KM</span></div>
							</div>
							</div>
						<div class='location-wrap-bt' layout='unset' flex='jcc'>
							<a href='https://www.supalai.com/stocks/project/o0x0/r2/yg/8wmer2ygaa9/map.jpg' target='_blank' bt='gray'><span animate='multi-under-c'>Graphic Map</span></a>
							<div onclick='getDirection("12.461317848238116,99.9735208","Spalai Kram KHAO TAO")' bt='gray' ><span animate='multi-under-c'>Direction</span></div>
						</div>
					</div>

Verify OTP Code