<!-- Unable to view page source -->


<!doctype html>
<html lang="en" class="full-height">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>View Actual Units - Slot reservation for Amber 45 - New Condominium at Amber Road</title>
<meta name="description" content="The showflat for Amber 45 is already closed. Viewing is only available upon reservation. Please book and appointment with us to view the actual units for Amber 45.">
<meta name="keywords" content="Amber 45, New Condominium, New Launch Condominium, Amber Road, Freehold, UOL Group Ltd, Book an Appointment, See Actual Units, New Launch, New Launch Singapore, Singapore New Launch">
<meta name="author" content="newlaunches.sg">
<!-- Bootstrap core CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
<!-- jQuery UI CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.css" >
<!-- Material Design Bootstrap -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/mdbootstrap/4.5.0/css/mdb.min.css" rel="stylesheet">
<!-- Import Google Font -->
<link href="https://fonts.googleapis.com/css?family=Vollkorn" rel="stylesheet">
<!-- LightBox CSS -->
<link rel="stylesheet" type="text/css" href="css/lightbox.min.css">
<!-- FontAwesome CSS -->
<link href="https://use.fontawesome.com/releases/v5.0.7/css/all.css" rel="stylesheet">
<!-- Main CSS PHP Format -->
<link href="css/styles.css.php" media="screen" rel="stylesheet" type="text/css" />
<!-- Facebook Pixel Code -->
<script>
!function(f,b,e,v,n,t,s) { if(f.fbq) return; n=f.fbq=function() { n.callMethod?n.callMethod.apply(n,arguments):n.queue.push(arguments) }; if(!f._fbq) f._fbq=n; n.push=n; n.loaded=!0; n.version='2.0'; n.queue=[]; t=b.createElement(e); t.async=!0; t.src=v; s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s) }(window,document,'script','https://connect.facebook.net/en_US/fbevents.js');
// Insert Your Facebook Pixel ID below. 
fbq('init', '581076732243386');
fbq('track', 'PageView');
</script>
<!-- Insert Your Facebook Pixel ID below. --> 
<noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=581076732243386&amp;ev=PageView&amp;noscript=1" /></noscript>
<!-- End Facebook Pixel Code -->
</head>

<body>
<nav class="navbar navbar-expand-lg navbar-dark fixed-top">
  <div class="container animated zoomIn wow">
    <a class="navbar-brand waves-effect" href="../"><img src="photos/project_13_logo_08618ac0ce4327f6dade29e848b32c52.png" height="30"/></a>
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navigation" aria-controls="navigation" aria-expanded="false" aria-label="Toggle navigation">
      <span class="navbar-toggler-text">MENU</span> <span class="navbar-toggler-icon"></span>
    </button>
    <div class="collapse navbar-collapse" id="navigation">
      <ul class="navbar-nav ml-auto">
        <li class="nav-item"><a class="nav-link" href="../">Home</a></li>
        <li class="nav-item"><a class="nav-link" href="../project-details.html">Project Details</a></li>
        <li class="nav-item"><a class="nav-link" href="../location.html">Location</a></li>
                  <li class="nav-item"><a class="nav-link" href="../floorplans.html">Floorplans</a></li>
                          <li class="nav-item"><a class="nav-link" href="../gallery.html">Gallery</a></li>
                                  <li class="nav-item"><a class="nav-link" href="../showflat.html">Visit Showflat</a></li>
                        <li class="nav-item"><a class="nav-link page-scroll" data-scroll="contact">Contact</a></li>
      </ul>
    </div>
  </div>
</nav>
<section id="intro_section" class="py-5 py-sm-0">
  <div class="z-depth-1 pt-5 pt-sm-0">
    <div class="container-fluid">
      <div class="row">
        <div class="col-11 col-sm-6 col-md-6 col-lg-5 col-xl-3 mx-auto mr-sm-0 text-center rounded py-5 px-lg-5" style="background: RGBA(0, 0, 0, 0.75);">
          <div class="animated zoomIn wow">
            <div class="pt-5 mt-5"><a href="../"><img class="img-fluid" src="photos/project_13_logo_08618ac0ce4327f6dade29e848b32c52.png" /></a></div>
                                      <a href="../showflat.html" class="btn button_outline_custom_bg_dark mt-5 mb-3">VISIT SHOWFLAT</a>
                                  </div>
        </div>
      </div>
    </div>
  </div>
  
    
</section>


<section class="grey darken-2 z-depth-1">
  <div class="container">
    <div class="row">
      <div class="col-12">
        <div class="row">
          <div class="col-12">
            <div class="h-100 flex-center">
              <div class="px-2 py-5">
                <div class="px-xl-5">
                  <h2 class="text-white text-center animated zoomIn wow">View Amber 45 Actual Units</h2>
                  <div class="row mt-5">
                    <div class="col-12 col-md-7 col-lg-7 text-center">
                      <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCWpNwUOJWYoF6I0EpnQ23VQbmeBFbWwYk" type="text/javascript"></script>
                      <div id="map" style="height:400px;"></div>
                      <script>
                      function initialize() {
                        var myLatLng = {lat: 1.3026359, lng: 103.901821};
                        var map = new google.maps.Map(document.getElementById('map'), {
                          zoom: 17,
                          center: myLatLng
                        });
                        var contentString = '<div id="content" align="center"><h4 class="">Amber 45</h4><h5 class="small">45 Amber Road</h5></div>';
                        var infowindow = new google.maps.InfoWindow({
                          content: contentString
                        });
                        var marker = new google.maps.Marker({
                          position: myLatLng,
                          map: map,
                          title: 'Amber 45'
                        });
                        marker.addListener('click', function() {
                          infowindow.open(map, marker);
                        });

                        google.maps.event.trigger(map, 'resize');
                        google.maps.event.trigger(marker, 'click');
                      }
                      initialize();
                      </script>
                      <br />
                      <p class="text-white">Actual unit viewings BY APPOINTMENTS only.</p>
                      <p class="text-white mt-3">Please leave your particulars in the form to schedule an appointment to view the actual units.</p>
                    </div>
                    <div class="col-12 col-md-5 col-lg-5 text-white">
                      <form id="view_actual_units_form" autocomplete="on">
                      <div class="alert alert-success" role="alert"></div>
                      <input type="hidden" id="sender_domain" name="sender_domain" value="www.amber45.newlaunches.sg">
                      <input type="hidden" id="sender_ip_address" name="sender_ip_address" value="54.198.170.159">
                      <input type="hidden" id="sender_hashed_check" name="sender_hashed_check" value="0ae153410aaf6f624f7d33b5ce291c54">
                      <input type="hidden" id="sender_project_name" name="sender_project_name" value="Amber 45">
                      <input type="hidden" id="sender_request" name="sender_request" value="View Actual Units">
                      <label class="mb-0" for="sender_name">Name</label>
                      <input type="text" id="sender_name" name="sender_name" class="form-control" required>
                      <label class="mt-3 mb-0" for="sender_contact">Contact</label>
                      <input type="tel" id="sender_contact" name="sender_contact" class="form-control" required>
                      <label class="mt-3 mb-0" for="sender_email">Email</label>
                      <input type="email" id="sender_email" name="sender_email" class="form-control" required>
                      <div class="row">
                        <div class="col-6">
                          <label class="mt-3 mb-0" for="sender_preferred_date">Date</label>
                          <input type="text" id="sender_preferred_date" name="sender_preferred_date" class="form-control" value="" required readonly >
                        </div>
                        <div class="col-6">
                          <label class="mt-3 mb-0" for="sender_preferred_time">Time</label>
                          <select id="sender_preferred_time" name="sender_preferred_time" class="form-control input-lg" required>
                            <option value="Any Time">Any Time</option>
                                                                                                                                            <option value="12:00pm">12:00pm</option>
                                                                                    <option value="12:15pm">12:15pm</option>
                                                                                    <option value="12:30pm">12:30pm</option>
                                                                                    <option value="12:45pm">12:45pm</option>
                                                                                    <option value="13:00pm">13:00pm</option>
                                                                                    <option value="13:15pm">13:15pm</option>
                                                                                    <option value="13:30pm">13:30pm</option>
                                                                                    <option value="13:45pm">13:45pm</option>
                                                                                    <option value="14:00pm">14:00pm</option>
                                                                                    <option value="14:15pm">14:15pm</option>
                                                                                    <option value="14:30pm">14:30pm</option>
                                                                                    <option value="14:45pm">14:45pm</option>
                                                                                    <option value="15:00pm">15:00pm</option>
                                                                                    <option value="15:15pm">15:15pm</option>
                                                                                    <option value="15:30pm">15:30pm</option>
                                                                                    <option value="15:45pm">15:45pm</option>
                                                                                    <option value="16:00pm">16:00pm</option>
                                                                                    <option value="16:15pm">16:15pm</option>
                                                                                    <option value="16:30pm">16:30pm</option>
                                                                                    <option value="16:45pm">16:45pm</option>
                                                                                    <option value="17:00pm">17:00pm</option>
                                                                                  </select>
                        </div>
                      </div>
                      <label class="mt-3 mb-0" for="sender_bedroom_type">Unit Type</label>
                      <select id="sender_bedroom_type" name="sender_bedroom_type" class="form-control input-lg" required>
                        <option value="">[ Please Choose ]</option>
                                                  <option value="2 Bedroom (614-764sqft)">2 Bedroom (614-764sqft)</option>
                                                  <option value="2 Bedroom Premium (700-872sqft)">2 Bedroom Premium (700-872sqft)</option>
                                                  <option value="3 Bedroom + Guest (1,130-1,324sqft)">3 Bedroom + Guest (1,130-1,324sqft)</option>
                                                  <option value="4 Bedroom (1,346-1,518sqft)">4 Bedroom (1,346-1,518sqft)</option>
                                                  <option value="4 Bedroom Premium (1,593-1,798sqft)">4 Bedroom Premium (1,593-1,798sqft)</option>
                                                <option value="Any Type">Any Type</option>
                      </select>
                      <label class="mt-3 mb-0" for="sender_ownstay_investment">Own Stay / Investment</label>
                      <select id="sender_ownstay_investment" name="sender_ownstay_investment" class="form-control input-lg" required>
                        <option value="">[ Please Choose ]</option>
                        <option value="Own Stay">Own Stay</option>
                        <option value="Investment">Investment</option>
                        <option value="For Both">For Both</option>
                      </select>
                      <label class="mt-3 mb-0" for="sender_driving">Will You Be Driving?</label>
                      <select id="sender_driving" name="sender_driving" class="form-control input-lg" required>
                        <option value="">[ Please Choose ]</option>
                        <option value="Yes">Yes</option>
                        <option value="No">No</option>
                      </select>
                      <label class="mt-3 mb-0" for="sender_carplate_number">Car Plate Number (If Driving)</label>
                      <input type="text" id="sender_carplate_number" name="sender_carplate_number" class="form-control input-lg" value="" placeholder="Enter your carplate number">
                      <label class="mt-3 text-justify small" for="sender_accept" ><input type="checkbox" id="sender_accept" checked required> By submitting this form, you are deemed to consent that we or our representative may contact you for the purpose of your enquiry via voice call, email, SMS, WhatsApp, regardless of your registration status with the DNS registry. (Personal Data Protection Act 2012)</label>
                      <div class="text-center mt-4">
                        <button class="btn btn-block btn-lg button_outline_custom_bg_dark" type="submit">Send<i class="fas fa-paper-plane ml-2"></i></button>
                      </div>
                      </form>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>  


<section id="contact" class="elegant-color z-depth-1">
  <div class="container py-5">
    <div class="row py-5">
      <div class="col-12 col-md-8 col-lg-6 mx-auto animated zoomIn wow">
        <h2 class="white-text text-center mb-5">Contact Us</h2>
        <p class="white-text text-center">Please leave your contact details and our representative will be in contact with you as soon as we can.</p>
        <p class="white-text text-center">Alternatively, you may reach us directly at:</p>
        <h3 class="text_custom_bg_dark text-center mt-5">+65 8666 6162 </h3>
        <form id="main_contact_form" class="text-white mt-5" autocomplete="on">
          <div class="alert alert-success" role="alert"></div>
          <input type="hidden" id="sender_domain" name="sender_domain" value="www.amber45.newlaunches.sg">
          <input type="hidden" id="sender_ip_address" name="sender_ip_address" value="54.198.170.159">
          <input type="hidden" id="sender_hashed_check" name="sender_hashed_check" value="0ae153410aaf6f624f7d33b5ce291c54">
          <input type="hidden" id="sender_project_name" name="sender_project_name" value="Amber 45">
          <input type="hidden" id="sender_request" name="sender_request" value="Contact Us">
          <label for="sender_name">Name</label>
          <input type="text" id="sender_name" name="sender_name" class="form-control" required>
          <br>
          <label for="sender_contact">Contact</label>
          <input type="tel" id="sender_contact" name="sender_contact" class="form-control" required>
          <br>
          <label for="sender_email">Email</label>
          <input type="email" id="sender_email" name="sender_email" class="form-control" required>
          <br>
          <label for="sender_message">Message</label>
                      <textarea type="text" id="sender_message" name="sender_message" class="form-control" rows="3" required>Hi, I would like to find out more about Amber 45. Please contact me.</textarea>
                    <br>
          <label for="sender_accept" class="text-justify small"><input type="checkbox" id="sender_accept" checked required> By submitting this form, you are deemed to consent that we or our representative may contact you for the purpose of your enquiry via voice call, email, SMS, WhatsApp, regardless of your registration status with the DNS registry. (Personal Data Protection Act 2012)</label>
          <div class="text-center mt-4">
            <button class="btn btn-block btn-lg button_outline_custom_bg_dark" type="submit">Send<i class="fas fa-paper-plane ml-2"></i></button>
          </div>
        </form>
      </div>
    </div>
  </div>
</section>  
<footer class="elegant-color-dark z-depth-1">
  <div class="container py-5">
    <div class="row">
      <div class="col-12 text-center white-text text-muted animated zoomIn wow">
        <p><small>Amber 45</small></p>
        <p><small>© 2018 - <a href="../">www.amber45.newlaunches.sg</a></small></p>
        <p><small><a href="../disclaimer.html">Disclaimer</a></small></p>
      </div>
    </div>
  </div>
</footer>


<div id="mobile_contact_buttons">
  <div class="container-fluid">
    <div class="row">
      <div class="col mx-0 px-0 button_custom_bg_light_2 text-center z-depth-1"><a href="sms:+6586666162;?&body=Hi,%20I%20came%20across%20your%20website%20for%20Amber 45.%20"><i class="fas fa-envelope"></i> SMS</a></div>
      <div class="col mx-0 px-0 button_custom_bg_light_1 text-center z-depth-1 border-left"><a href="https://api.whatsapp.com/send?phone=6586666162;?&text=Hi,%20I%20came%20across%20your%20website%20for%20Amber 45.%20"><i class="fab fa-whatsapp"></i> WHATSAPP</a></div>
      <div class="col mx-0 px-0 button_custom_bg_light_2 text-center z-depth-1 border-left"><a href="tel:6586666162"><i class="fas fa-phone"></i> CALL</a></div>
    </div>
  </div>
</div>


<div id="scroll_top_button">
  <div class="text-center text-white"><a class="z-depth-1" href=""><i class="fas fa-caret-up fa-fw"></i></a></div>
</div>


<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->

<!-- JQuery -->
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!-- JQuery UI -->
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.js"></script>
<!-- Bootstrap core JavaScript -->
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0/js/bootstrap.min.js"></script>
<!-- Bootstrap tooltips -->
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.13.0/umd/popper.min.js"></script>
<!-- MDB core JavaScript -->
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/mdbootstrap/4.5.0/js/mdb.min.js"></script>
<!-- Lightbox JavaScript -->
<script src="js/lightbox.min.js"></script>
<script>
new WOW().init();

function show_hide_scroll_top() {
	var scroll_top = $(window).scrollTop();
	if (scroll_top > 100) {
		$("#scroll_top_button").fadeIn();
	} else {
		$("#scroll_top_button").fadeOut();
	}
}
function scrollToId(tag_id) {
  var idTag = $("[id='" + tag_id + "']");
  $('html,body').animate({scrollTop: idTag.offset().top},'slow');
	if (tag_id == "contact") {
    if ($("#navigation").hasClass("show")) {
      $('.navbar-toggler').click();
    }
		$("#contact #sender_name").focus();
	}
}
	
	
$(document).ready(function() {
    show_hide_scroll_top();
	$(".page-scroll").click(function() {
		var tag_id = $(this).attr("data-scroll");
		scrollToId(tag_id);
	});
    show_hide_scroll_top();
});
$(window).scroll(function() {
    show_hide_scroll_top();
});
$(window).resize(function(){
    show_hide_scroll_top();
});
$('#scroll_top_button').click(function(){
    $("html, body").animate({ scrollTop: 0 }, 600);
    return false;
});

	
$("form").submit(function(event) {
	event.preventDefault();
	var form_selector = $(this);
	var values = $(this).serialize();
  form_selector.find('.alert').html("<i class='fas fa-spinner fa-spin'></i> Processing Enquiry");
  form_selector.find('.alert').removeClass("alert-success");
  form_selector.find('.alert').removeClass("alert-info");
  form_selector.find('.alert').removeClass("alert-danger");
  form_selector.find('.alert').addClass("alert-info");
  form_selector.find('.alert').fadeIn();
  alert_selector = form_selector.find('.alert');
  $('html, body').animate({scrollTop: $(alert_selector).offset().top - 60}, 500);
  console.log(values);
	$.ajax({
		url: "contact_form_submission.php",
		type: "post",
		data: values ,
		success: function(response) {
			var response = $.parseJSON(response);
			var result = response.result;
			var message = response.message;
      console.log(result);
      console.log(message);
			if (result == "Success") {
				form_selector.find('.alert').html("<i class='fas fa-check'></i> " + message);
				form_selector.find('.alert').removeClass("alert-success");
				form_selector.find('.alert').removeClass("alert-info");
				form_selector.find('.alert').removeClass("alert-danger");
				form_selector.find('.alert').addClass("alert-success");
				form_selector.find('.alert').fadeIn();
				form_selector.trigger("reset");
			} else {
				form_selector.find('.alert').html("<i class='fas fa-exclamation-triangle'></i> " + message);
				form_selector.find('.alert').removeClass("alert-success");
				form_selector.find('.alert').removeClass("alert-info");
				form_selector.find('.alert').removeClass("alert-danger");
				form_selector.find('.alert').addClass("alert-danger");
				form_selector.find('.alert').fadeIn();
			}
    },
		error: function(response) {
			console.log(response);
		}
  });
});


// Disable Select
$(document).ready(function () {
    //Disable cut copy paste
    $('body').bind('cut copy paste', function (e) {
        e.preventDefault();
    });
    //Disable mouse right click
    $("body").on("contextmenu",function(e){
        return false;
    });
    //Disable image drag
	window.ondragstart = function() { return false; } 
    //Disable hotkeys
	document.onkeydown = function(e) {
		if(e.keyCode == 123) {
			return false;
		}
		if(e.ctrlKey && e.shiftKey && e.keyCode == 'I'.charCodeAt(0)){
			return false;
		}
		if(e.ctrlKey && e.shiftKey && e.keyCode == 'J'.charCodeAt(0)){
			return false;
		}
		if(e.ctrlKey && e.keyCode == 'U'.charCodeAt(0)){
			return false;
		}
		if(e.ctrlKey && e.shiftKey && e.keyCode == 'C'.charCodeAt(0)){
			return false;
		}      
	}
    //Disable text selection
	$(document).bind('selectstart dragstart', function(e) {
		e.preventDefault();
		return false;
	});
});
</script>
<script>
$(function() {
	$('#sender_preferred_date').datepicker({
		dateFormat: "dd M yy (D)",
		minDate: 0,
		maxDate: 30
    });
});
</script>


</body>
</html>