

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


<!doctype html>
<html lang="en-us">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=0.8, shrink-to-fit=no">
<title>Amber 45 Gallery | Amber 45 - New Launch Condominium at Amber Road | Singapore</title>
<meta name="description" content="View Amber 45 photo gallery for its Artists' Impressions, Actual Photos, Facade Photos, Showflat Photos, Facilities, etc.">
<meta name="keywords" content="Amber 45 Photos, Amber 45, New Condominium, New Launch Condominium, Amber Road, Freehold, UOL Group Ltd, New Launch, Singapore New Launch, New Condominium at Amber Road">
<meta name="author" content="newlaunches.sg">
<link rel="alternate" href="https://www.amber45.newlaunches.sg/gallery.html" hreflang="en-sg" />
<link rel="canonical" href="https://www.amber45.newlaunches.sg/gallery.html" />
<link rel="apple-touch-icon" type="image/png" href="https://www.newlaunches.sg/photos/projects/logos/amber-45-logo-singapore-new-launch-condominium-08618ac0ce4327f6dade29e848b32c52.png">
<link rel="apple-touch-icon" type="image/png" sizes="72x72" href="https://www.newlaunches.sg/photos/projects/logos/amber-45-logo-singapore-new-launch-condominium-08618ac0ce4327f6dade29e848b32c52.png">
<link rel="apple-touch-icon" type="image/png" sizes="114x114" href="https://www.newlaunches.sg/photos/projects/logos/amber-45-logo-singapore-new-launch-condominium-08618ac0ce4327f6dade29e848b32c52.png">
<link rel="icon" type="image/png" href="https://www.newlaunches.sg/photos/projects/logos/amber-45-logo-singapore-new-launch-condominium-08618ac0ce4327f6dade29e848b32c52.png">
<!-- Import Google Font -->
<link href="https://fonts.googleapis.com/css?family=Vollkorn" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Montserrat:400" rel="stylesheet">
<!-- Bootstrap core CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.2.1/css/bootstrap.css">
<!-- jQuery UI CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.css" >
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/themes/ui-darkness/jquery-ui.min.css" >
<!-- Material Design Bootstrap -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/mdbootstrap/4.5.0/css/mdb.min.css" rel="stylesheet">
<!-- FontAwesome CSS -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.4.1/css/all.css" integrity="sha384-5sAR7xN1Nv6T6+dT2mhtzEpVJvfS3NScPQTrOxhwjIuvcA67KV2R5Jz6kr4abQsz" crossorigin="anonymous">
<!-- LightBox CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.10.0/css/lightbox.min.css" />
<!-- Main CSS -->
<link rel="stylesheet" type="text/css" href="css/main.css">

<!-- Google Analytics Code -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-124236743-1"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-124236743-1');
</script>
<!-- End Google Analytics Code -->

<!-- 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');
fbq('track', 'ViewContent');
</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 -->


<!-- Breadcrumb jSON Start --> 
<script type="application/ld+json">
{
  "@context": "http://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [
    {
      "@type": "ListItem",
      "position": 1,
      "item": {
        "@type": "WebSite",
        "@id": "https://www.newlaunches.sg/",
        "name": "Singapore New Launches"                                               
      }
    },{
      "@type": "ListItem",
      "position": 2,
      "item": {
        "@type": "WebPage",
        "@id": "https://www.amber45.newlaunches.sg/",
        "name": "Amber 45"
      }
    },{
      "@type": "ListItem",
      "position": 3,
      "item": {
        "@type": "WebPage",
        "@id": "https://www.amber45.newlaunches.sg/gallery.html",
        "name": "Amber 45 - Project Photos Gallery"
      }
    }
  ]
}
</script>
<!-- Breadcrumb jSON End --> 

<!-- Contact jSON Start --> 
<script type="application/ld+json">
{
  "@context": "http://schema.org",
  "@type": "Organization",
  "url": "http://www.amber45.newlaunches.sg",
  "name": "Amber 45",
  "image": "https://www.newlaunches.sg/photos/projects/cropped_1920/photos/amber-45-photo-singapore-new-launch-condominium-19e6e8983aa400603b39f2a4102df5c5.jpg",
  "description": "Amber 45 is a new freehold development located right in the heart of Marine Parade by UOL Group. The site was available for sale that has previously housed a landscaping and nursery business with a rich history of 30 years. Amber 45 Condo is located right in between 2 prominent condominiums, The Shore Residences and Sea View. The development is also within a short walk away from the upcoming Tanjong Katong MRT Station. Amber 45 UOL is also located near to many academic institutions as well as shopping centres located around in the Marine Parade as well as the Tanjong Katong area.Amber 45 represents a perfect opportunity for investors who are looking for a brand new freehold development located in the city fringe area. Amber 45 is perfectly located in the quiet part of Amber Road away from the East Coast Parkway (ECP) and the Marine Parade Road.Freehold Developments also tend to hold their value far better than leasehold developments over a longer period of time making Amber 45 a property that can be hold out over the long term.",
  "contactPoint": {
    "@type": "ContactPoint",
    "telephone": "+65-8666-6162",
    "contactType": "Developer Sales Team"
  }
}
</script>  
<!-- Contact jSON End --> 

</head>

<body>
    <div id="loading_logo" style="background-color: #262621; color: #FFFFFF;">
    <div class="container-fluid h-100">
      <div class="row h-100">
        <div class="col-6 col-sm-4 col-md-3 col-lg-2 mx-auto my-auto text-center">
          <img src="https://www.newlaunches.sg/photos/projects/logos/amber-45-logo-singapore-new-launch-condominium-08618ac0ce4327f6dade29e848b32c52.png" class="img-fluid" alt="Amber 45 Logo" />
          <i class="fas fa-spinner fa-spin fa-lg mt-3"></i>
        </div>
      </div>
    </div>
  </div>


  <nav>
    <div class="navbar navbar-dark fixed-top" style="background-color: #262621; color: #FFFFFF;">
      <div class="container-fluid">
        <a class="navbar-brand" href="../"><img src="https://www.newlaunches.sg/photos/projects/logos/amber-45-logo-singapore-new-launch-condominium-08618ac0ce4327f6dade29e848b32c52.png" class="img-fluid" alt="Amber 45 Logo" /></a>
        <button class="navbar-toggler" type="button" onClick="toggleNav()"><i class="fas fa-bars fa-lg fa-fw"></i></button>
      </div>
    </div>
    <div id="navigation" class="overlay" style="background-color: #262621; color: #FFFFFF;">
      <div class="row h-100">
        <div class="col-12 col-sm-6 nav_bg d-none d-sm-block px-5" onClick="toggleNav()">
        </div>
        <div class="col-12 col-sm-6 text-center my-auto">
          <ul>
            <li><a href="../" >HOME</a></li>
            <li><a href="../project-details.html" >PROJECT DETAILS</a></li>
            <li><a href="../location.html" >LOCATION</a></li>
                          <li><a href="../floor-plans.html" >FLOOR PLANS</a></li>
                        <li><a href="../gallery.html"  class="active" >GALLERY</a></li>
                                      <li><a href="../showflat.html" >VISIT SHOWFLAT</a></li>
                                    
                          <li><a class="scroll_to_id" data-target-id="contact_form_section">CONTACT US</a></li>
                      </ul>
        </div>
      </div>
    </div>
  </nav>
            <style>
    #main_intro_section {
      height: auto;
      margin-top: 76px;
      position: relative;
      background: url(https://www.newlaunches.sg/photos/projects/cropped_1920/photos/amber-45-photo-singapore-new-launch-condominium-19e6e8983aa400603b39f2a4102df5c5.jpg) center center no-repeat;
      background-attachment: fixed;
            background-size: cover;
      position: relative;
    }
        @media (min-width: 768px) {
      #main_intro_section {
        height: calc(100vh - 76px);
      }
    }
        #main_intro_section .page_name {
      position: absolute;
      color: #FFFFFF;
      text-shadow:1px 1px 10px #000000, 1px 1px 10px #000000;
      top: 1.5em;
      max-width: 50%;
    }
            @media (min-width: 768px) {
      #main_intro_section .darken-bg {
        background-image: linear-gradient(to bottom left, RGBA(0, 0, 0, 0.3), RGBA(0, 0, 0, 0), RGBA(0, 0, 0, 0));
      }
    }
    #main_intro_section .page_name {
      right: 1.5em;
      text-align: right;
    }
        #main_intro_section .main_intro_contents {
      border-radius: 0.5em;
      background: RGBA(0, 0, 0, 0.8);
      margin: 100px 0;
      padding: 1em;
    }
    #main_intro_section .main_intro_contents p {
      padding: 0px;
      margin: 0px;
      font-size: 1em;
      line-height: 1.5em;
      color: #FFFFFF;
      text-align: center;
    }
  </style>
  <section id="main_intro_section">
    <div class="darken-bg h-100">
      <div class="page_name h2 d-none d-md-block">
        AMBER 45        <br>GALLERY      </div>
      <div class="container h-100">
        <div class="row h-100 align-content-center">
          <div class="col-10 col-sm-9 col-md-6 col-lg-5 col-xl-4 mx-auto   ml-md-0 ">
            <div class="main_intro_contents">
              <a href="../"><img src="https://www.newlaunches.sg/photos/projects/logos/amber-45-logo-singapore-new-launch-condominium-08618ac0ce4327f6dade29e848b32c52.png" class="img-fluid mb-3" alt="Amber 45 Logo" /></a>
              <p>FREEHOLD</p>
              <p>&bull;</p>
              <p>2 BEDROOM (614-732SQFT)</p>
              <p>3 + GUEST (1130-1184SQFT)</p>
              <p>4 BEDROOM (1346-1593SQFT)</p>
              <p>&bull;</p>
              <p>SHOWFLAT NOW OPEN</p>
              <p>BOOK AN APPOINTMENT NOW TO VISIT SHOWFLAT</p>
                                            <a class="btn btn-brown-outline-inverted d-block mt-3" href="../showflat.html"><i class="far fa-calendar-check"></i> SCHEDULE A SHOWFLAT VIEWING APPOINTMENT</a>
                                        </div>
          </div>
        </div>
      </div>
      <div class="scroll_down d-none d-lg-block"><a>SCROLL DOWN <i class="fas fa-arrow-down"></i></a></div>
    </div>
  </section>
  
  
  <section id="gallery_section">
    <div class="container-fluid bg-dark text-white pt-5 pb-1 pb-lg-5">
      <div class="row">
        <div class="col-12 text-center py-5">
          <h1 class="text-white mb-5">Amber 45 Gallery</h1>
        </div>
        <div class="col-12 col-xl-10 mx-auto text-center pb-lg-5">
          <div class="row justify-content-md-center">
                          <div class="col-6 col-sm-6 col-md-4 col-lg-4 col-xl-3 px-1 py-1">
                <div class="view overlay">
                  <a class="" href="https://www.newlaunches.sg/photos/projects/cropped_1920/photos/amber-45-photo-singapore-new-launch-condominium-bd3d9c5276fad19c90ab79f31fbd2d03.jpg" data-lightbox="photo-set">
                    <img src="https://www.newlaunches.sg/photos/projects/thumbnails_550/photos/amber-45-photo-singapore-new-launch-condominium-bd3d9c5276fad19c90ab79f31fbd2d03.jpg" alt="Amber 45" title="Amber 45" class="img-fluid z-depth-1">
                    <div class="mask flex-center rgba-custom-strong waves-effect waves-light"><p class="black-text text-center"><i class="fas fa-search-plus fa-3x"></i><br><br>Enlarge Photo</p></div>
                  </a>
                </div>
              </div>
                          <div class="col-6 col-sm-6 col-md-4 col-lg-4 col-xl-3 px-1 py-1">
                <div class="view overlay">
                  <a class="" href="https://www.newlaunches.sg/photos/projects/cropped_1920/photos/amber-45-photo-singapore-new-launch-condominium-d1e2b83acd4387f6d261ebdb024adec9.jpg" data-lightbox="photo-set">
                    <img src="https://www.newlaunches.sg/photos/projects/thumbnails_550/photos/amber-45-photo-singapore-new-launch-condominium-d1e2b83acd4387f6d261ebdb024adec9.jpg" alt="Amber 45" title="Amber 45" class="img-fluid z-depth-1">
                    <div class="mask flex-center rgba-custom-strong waves-effect waves-light"><p class="black-text text-center"><i class="fas fa-search-plus fa-3x"></i><br><br>Enlarge Photo</p></div>
                  </a>
                </div>
              </div>
                          <div class="col-6 col-sm-6 col-md-4 col-lg-4 col-xl-3 px-1 py-1">
                <div class="view overlay">
                  <a class="" href="https://www.newlaunches.sg/photos/projects/cropped_1920/photos/amber-45-photo-singapore-new-launch-condominium-68d61fa2d5d909967052b740dc365130.jpg" data-lightbox="photo-set">
                    <img src="https://www.newlaunches.sg/photos/projects/thumbnails_550/photos/amber-45-photo-singapore-new-launch-condominium-68d61fa2d5d909967052b740dc365130.jpg" alt="Amber 45" title="Amber 45" class="img-fluid z-depth-1">
                    <div class="mask flex-center rgba-custom-strong waves-effect waves-light"><p class="black-text text-center"><i class="fas fa-search-plus fa-3x"></i><br><br>Enlarge Photo</p></div>
                  </a>
                </div>
              </div>
                          <div class="col-6 col-sm-6 col-md-4 col-lg-4 col-xl-3 px-1 py-1">
                <div class="view overlay">
                  <a class="" href="https://www.newlaunches.sg/photos/projects/cropped_1920/photos/amber-45-photo-singapore-new-launch-condominium-2f7370835af877bba59adbbf98f2eb8f.jpg" data-lightbox="photo-set">
                    <img src="https://www.newlaunches.sg/photos/projects/thumbnails_550/photos/amber-45-photo-singapore-new-launch-condominium-2f7370835af877bba59adbbf98f2eb8f.jpg" alt="Amber 45" title="Amber 45" class="img-fluid z-depth-1">
                    <div class="mask flex-center rgba-custom-strong waves-effect waves-light"><p class="black-text text-center"><i class="fas fa-search-plus fa-3x"></i><br><br>Enlarge Photo</p></div>
                  </a>
                </div>
              </div>
                          <div class="col-6 col-sm-6 col-md-4 col-lg-4 col-xl-3 px-1 py-1">
                <div class="view overlay">
                  <a class="" href="https://www.newlaunches.sg/photos/projects/cropped_1920/photos/amber-45-photo-singapore-new-launch-condominium-38a86b43043d009a065d8ed43ca6b03a.jpg" data-lightbox="photo-set">
                    <img src="https://www.newlaunches.sg/photos/projects/thumbnails_550/photos/amber-45-photo-singapore-new-launch-condominium-38a86b43043d009a065d8ed43ca6b03a.jpg" alt="Amber 45" title="Amber 45" class="img-fluid z-depth-1">
                    <div class="mask flex-center rgba-custom-strong waves-effect waves-light"><p class="black-text text-center"><i class="fas fa-search-plus fa-3x"></i><br><br>Enlarge Photo</p></div>
                  </a>
                </div>
              </div>
                          <div class="col-6 col-sm-6 col-md-4 col-lg-4 col-xl-3 px-1 py-1">
                <div class="view overlay">
                  <a class="" href="https://www.newlaunches.sg/photos/projects/cropped_1920/photos/amber-45-photo-singapore-new-launch-condominium-6cd5438012d168300597ee0b84e02419.jpg" data-lightbox="photo-set">
                    <img src="https://www.newlaunches.sg/photos/projects/thumbnails_550/photos/amber-45-photo-singapore-new-launch-condominium-6cd5438012d168300597ee0b84e02419.jpg" alt="Amber 45" title="Amber 45" class="img-fluid z-depth-1">
                    <div class="mask flex-center rgba-custom-strong waves-effect waves-light"><p class="black-text text-center"><i class="fas fa-search-plus fa-3x"></i><br><br>Enlarge Photo</p></div>
                  </a>
                </div>
              </div>
                          <div class="col-6 col-sm-6 col-md-4 col-lg-4 col-xl-3 px-1 py-1">
                <div class="view overlay">
                  <a class="" href="https://www.newlaunches.sg/photos/projects/cropped_1920/photos/amber-45-photo-singapore-new-launch-condominium-677f9e51f7fa184857a3547424268771.jpg" data-lightbox="photo-set">
                    <img src="https://www.newlaunches.sg/photos/projects/thumbnails_550/photos/amber-45-photo-singapore-new-launch-condominium-677f9e51f7fa184857a3547424268771.jpg" alt="Amber 45" title="Amber 45" class="img-fluid z-depth-1">
                    <div class="mask flex-center rgba-custom-strong waves-effect waves-light"><p class="black-text text-center"><i class="fas fa-search-plus fa-3x"></i><br><br>Enlarge Photo</p></div>
                  </a>
                </div>
              </div>
                          <div class="col-6 col-sm-6 col-md-4 col-lg-4 col-xl-3 px-1 py-1">
                <div class="view overlay">
                  <a class="" href="https://www.newlaunches.sg/photos/projects/cropped_1920/photos/amber-45-photo-singapore-new-launch-condominium-19e6e8983aa400603b39f2a4102df5c5.jpg" data-lightbox="photo-set">
                    <img src="https://www.newlaunches.sg/photos/projects/thumbnails_550/photos/amber-45-photo-singapore-new-launch-condominium-19e6e8983aa400603b39f2a4102df5c5.jpg" alt="Amber 45" title="Amber 45" class="img-fluid z-depth-1">
                    <div class="mask flex-center rgba-custom-strong waves-effect waves-light"><p class="black-text text-center"><i class="fas fa-search-plus fa-3x"></i><br><br>Enlarge Photo</p></div>
                  </a>
                </div>
              </div>
                          <div class="col-6 col-sm-6 col-md-4 col-lg-4 col-xl-3 px-1 py-1">
                <div class="view overlay">
                  <a class="" href="https://www.newlaunches.sg/photos/projects/cropped_1920/photos/amber-45-photo-singapore-new-launch-condominium-c78137745e2233dec9a4a9798c6915d5.jpg" data-lightbox="photo-set">
                    <img src="https://www.newlaunches.sg/photos/projects/thumbnails_550/photos/amber-45-photo-singapore-new-launch-condominium-c78137745e2233dec9a4a9798c6915d5.jpg" alt="Amber 45" title="Amber 45" class="img-fluid z-depth-1">
                    <div class="mask flex-center rgba-custom-strong waves-effect waves-light"><p class="black-text text-center"><i class="fas fa-search-plus fa-3x"></i><br><br>Enlarge Photo</p></div>
                  </a>
                </div>
              </div>
                          <div class="col-6 col-sm-6 col-md-4 col-lg-4 col-xl-3 px-1 py-1">
                <div class="view overlay">
                  <a class="" href="https://www.newlaunches.sg/photos/projects/cropped_1920/photos/amber-45-photo-singapore-new-launch-condominium-3c63ce064ab5e436863fbf075eefab0f.jpg" data-lightbox="photo-set">
                    <img src="https://www.newlaunches.sg/photos/projects/thumbnails_550/photos/amber-45-photo-singapore-new-launch-condominium-3c63ce064ab5e436863fbf075eefab0f.jpg" alt="Amber 45" title="Amber 45" class="img-fluid z-depth-1">
                    <div class="mask flex-center rgba-custom-strong waves-effect waves-light"><p class="black-text text-center"><i class="fas fa-search-plus fa-3x"></i><br><br>Enlarge Photo</p></div>
                  </a>
                </div>
              </div>
                          <div class="col-6 col-sm-6 col-md-4 col-lg-4 col-xl-3 px-1 py-1">
                <div class="view overlay">
                  <a class="" href="https://www.newlaunches.sg/photos/projects/cropped_1920/photos/amber-45-photo-singapore-new-launch-condominium-8edf87fa4d241fe36283573d7f008a29.jpg" data-lightbox="photo-set">
                    <img src="https://www.newlaunches.sg/photos/projects/thumbnails_550/photos/amber-45-photo-singapore-new-launch-condominium-8edf87fa4d241fe36283573d7f008a29.jpg" alt="Amber 45" title="Amber 45" class="img-fluid z-depth-1">
                    <div class="mask flex-center rgba-custom-strong waves-effect waves-light"><p class="black-text text-center"><i class="fas fa-search-plus fa-3x"></i><br><br>Enlarge Photo</p></div>
                  </a>
                </div>
              </div>
                          <div class="col-6 col-sm-6 col-md-4 col-lg-4 col-xl-3 px-1 py-1">
                <div class="view overlay">
                  <a class="" href="https://www.newlaunches.sg/photos/projects/cropped_1920/photos/amber-45-photo-singapore-new-launch-condominium-a423f7b8099f25a98454fb929a468f51.jpg" data-lightbox="photo-set">
                    <img src="https://www.newlaunches.sg/photos/projects/thumbnails_550/photos/amber-45-photo-singapore-new-launch-condominium-a423f7b8099f25a98454fb929a468f51.jpg" alt="Amber 45" title="Amber 45" class="img-fluid z-depth-1">
                    <div class="mask flex-center rgba-custom-strong waves-effect waves-light"><p class="black-text text-center"><i class="fas fa-search-plus fa-3x"></i><br><br>Enlarge Photo</p></div>
                  </a>
                </div>
              </div>
                          <div class="col-6 col-sm-6 col-md-4 col-lg-4 col-xl-3 px-1 py-1">
                <div class="view overlay">
                  <a class="" href="https://www.newlaunches.sg/photos/projects/cropped_1920/photos/amber-45-photo-singapore-new-launch-condominium-f974c77ba44249f8162d715da2a711cb.jpg" data-lightbox="photo-set">
                    <img src="https://www.newlaunches.sg/photos/projects/thumbnails_550/photos/amber-45-photo-singapore-new-launch-condominium-f974c77ba44249f8162d715da2a711cb.jpg" alt="Amber 45" title="Amber 45" class="img-fluid z-depth-1">
                    <div class="mask flex-center rgba-custom-strong waves-effect waves-light"><p class="black-text text-center"><i class="fas fa-search-plus fa-3x"></i><br><br>Enlarge Photo</p></div>
                  </a>
                </div>
              </div>
                          <div class="col-6 col-sm-6 col-md-4 col-lg-4 col-xl-3 px-1 py-1">
                <div class="view overlay">
                  <a class="" href="https://www.newlaunches.sg/photos/projects/cropped_1920/photos/amber-45-photo-singapore-new-launch-condominium-5232a64468b2741f2e6404671b4a260b.jpg" data-lightbox="photo-set">
                    <img src="https://www.newlaunches.sg/photos/projects/thumbnails_550/photos/amber-45-photo-singapore-new-launch-condominium-5232a64468b2741f2e6404671b4a260b.jpg" alt="Amber 45" title="Amber 45" class="img-fluid z-depth-1">
                    <div class="mask flex-center rgba-custom-strong waves-effect waves-light"><p class="black-text text-center"><i class="fas fa-search-plus fa-3x"></i><br><br>Enlarge Photo</p></div>
                  </a>
                </div>
              </div>
                          <div class="col-6 col-sm-6 col-md-4 col-lg-4 col-xl-3 px-1 py-1">
                <div class="view overlay">
                  <a class="" href="https://www.newlaunches.sg/photos/projects/cropped_1920/photos/amber-45-photo-singapore-new-launch-condominium-230df991dcdb4dca04657f9258bbd60e.jpg" data-lightbox="photo-set">
                    <img src="https://www.newlaunches.sg/photos/projects/thumbnails_550/photos/amber-45-photo-singapore-new-launch-condominium-230df991dcdb4dca04657f9258bbd60e.jpg" alt="Amber 45" title="Amber 45" class="img-fluid z-depth-1">
                    <div class="mask flex-center rgba-custom-strong waves-effect waves-light"><p class="black-text text-center"><i class="fas fa-search-plus fa-3x"></i><br><br>Enlarge Photo</p></div>
                  </a>
                </div>
              </div>
                          <div class="col-6 col-sm-6 col-md-4 col-lg-4 col-xl-3 px-1 py-1">
                <div class="view overlay">
                  <a class="" href="https://www.newlaunches.sg/photos/projects/cropped_1920/photos/amber-45-photo-singapore-new-launch-condominium-3c48a5571b2ac1ac0df1bfe2f0c3cd3d.jpg" data-lightbox="photo-set">
                    <img src="https://www.newlaunches.sg/photos/projects/thumbnails_550/photos/amber-45-photo-singapore-new-launch-condominium-3c48a5571b2ac1ac0df1bfe2f0c3cd3d.jpg" alt="Amber 45" title="Amber 45" class="img-fluid z-depth-1">
                    <div class="mask flex-center rgba-custom-strong waves-effect waves-light"><p class="black-text text-center"><i class="fas fa-search-plus fa-3x"></i><br><br>Enlarge Photo</p></div>
                  </a>
                </div>
              </div>
                          <div class="col-6 col-sm-6 col-md-4 col-lg-4 col-xl-3 px-1 py-1">
                <div class="view overlay">
                  <a class="" href="https://www.newlaunches.sg/photos/projects/cropped_1920/photos/amber-45-photo-singapore-new-launch-condominium-4874baf68a034d8886d462f4a8ce3af4.jpg" data-lightbox="photo-set">
                    <img src="https://www.newlaunches.sg/photos/projects/thumbnails_550/photos/amber-45-photo-singapore-new-launch-condominium-4874baf68a034d8886d462f4a8ce3af4.jpg" alt="Amber 45" title="Amber 45" class="img-fluid z-depth-1">
                    <div class="mask flex-center rgba-custom-strong waves-effect waves-light"><p class="black-text text-center"><i class="fas fa-search-plus fa-3x"></i><br><br>Enlarge Photo</p></div>
                  </a>
                </div>
              </div>
                          <div class="col-6 col-sm-6 col-md-4 col-lg-4 col-xl-3 px-1 py-1">
                <div class="view overlay">
                  <a class="" href="https://www.newlaunches.sg/photos/projects/cropped_1920/photos/amber-45-photo-singapore-new-launch-condominium-1154373f50dd4930a24515226ac9c057.jpg" data-lightbox="photo-set">
                    <img src="https://www.newlaunches.sg/photos/projects/thumbnails_550/photos/amber-45-photo-singapore-new-launch-condominium-1154373f50dd4930a24515226ac9c057.jpg" alt="Amber 45" title="Amber 45" class="img-fluid z-depth-1">
                    <div class="mask flex-center rgba-custom-strong waves-effect waves-light"><p class="black-text text-center"><i class="fas fa-search-plus fa-3x"></i><br><br>Enlarge Photo</p></div>
                  </a>
                </div>
              </div>
                      </div>
        </div>
      </div>
    </div>
    <div class="scroll_down d-none d-lg-block"><a>SCROLL DOWN <i class="fas fa-arrow-down"></i></a></div>
  </section>
  
  
    <section id="contact_form_section" style="background-attachment: fixed;" >
    <div style="background: RGBA(0, 0, 0, 0.75);">
      <div class="container pt-5 pb-3 pb-lg-5">
        <div class="row">
          <div class="col-12 pt-5 pb-lg-5"><h2 class="text-center text-white">Contact Us</h2></div>
          <div class="col-12 col-lg-6 my-auto py-5">
            <p class="text-white text-center mb-5">Please leave your contact details and our representative will be in contact with you as soon as we can.</p>
            <p class="text-white text-center mb-5">Alternatively, you may also contact us directly at <a href="tel:6586666162"><span class="h2 text-nowrap">+65 8666 6162</span></a></p>
            <p class="text-white text-center h4">Call Us</p>
            <p class="text-white text-center h2 mb-5"><a href="tel:6586666162"><i class="fas fa-phone"></i> +65 8666 6162</a></p>
            <p class="text-white text-center h4">WhatsApp Us</p>
            <p class="text-white text-center h2"><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> +65 8666 6162</a></p>
          </div>
          <div class="col-12 col-lg-6 my-auto">
            <div class="card" style="background: RGBA(0, 0, 0, 0.75);">
              <form id="contact_form">
                <input type="hidden" id="sender_url" name="sender_url" class="form-control" value="www.amber45.newlaunches.sg/gallery.html">
                <input type="hidden" id="sender_ipaddress" name="sender_ipaddress" class="form-control" value="34.207.152.62">
                <input type="hidden" id="sender_hashed" name="sender_hashed" class="form-control" value="b5ef074e6a5621e9dc1bf6feb8a8c03f">
                <input type="hidden" id="sender_microsite_id" name="sender_microsite_id" class="form-control" value="16">
                <input type="hidden" id="sender_project_name" name="sender_project_name" class="form-control" value="Amber 45">
                <input type="hidden" id="sender_request" name="sender_request" class="form-control" value="Contact Us">
                <input type="hidden" id="sender_preferred_date" name="sender_preferred_date" class="form-control" value="N.A.">
                <input type="hidden" id="sender_preferred_time" name="sender_preferred_time" class="form-control" value="N.A.">
                <input type="hidden" id="sender_bedroom_type" name="sender_bedroom_type" class="form-control" value="N.A.">
                <input type="hidden" id="sender_ownstay_investment" name="sender_ownstay_investment" class="form-control" value="N.A.">
                <input type="hidden" id="sender_current_property_count" name="sender_current_property_count" class="form-control" value="N.A.">
                <input type="hidden" id="sender_driving" name="sender_driving" class="form-control" value="N.A.">
                <input type="hidden" id="sender_carplate_number" name="sender_carplate_number" class="form-control" value="N.A.">
                <div class="card-body">
                  <div class="">
                    <div class="alert alert-info" role="alert"><i class='fas fa-spinner fa-spin'></i> Processing Enquiry</div>
                  </div>
                  <div class="mb-3">
                    <label for="sender_name"><i class="fas fa-user fa-fw"></i> Your Name</label>
                    <input type="text" id="sender_name" name="sender_name" class="form-control" placeholder="Name" required>
                  </div>
                  <div class="mb-3">
                    <label for="sender_contact"><i class="fas fa-phone fa-fw"></i> Your Contact</label>
                    <input type="text" id="sender_contact" name="sender_contact" class="form-control" placeholder="Contact" required>
                  </div>
                  <div class="mb-3">
                    <label for="sender_email"><i class="fas fa-envelope fa-fw"></i> Your Email</label>
                    <input type="email" id="sender_email" name="sender_email" class="form-control" placeholder="Email Address" required>
                  </div>
                  <div class="mb-3">
                    <label for="sender_message"><i class="fas fa-pencil-alt fa-fw"></i> Message</label>
                    <textarea id="sender_message" name="sender_message" class="form-control" rows="5" required style="resize: none;">Hi, I would like to find out more about Amber 45. Please contact me.</textarea>
                  </div>
                  <div class="form-check">
                    <input type="checkbox" class="form-check-input" id="sender_pdpa" checked required>
                    <label class="form-check-label text-muted text-justify small" for="sender_pdpa"> 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>
                </div>
                <div class="card-footer d-flex justify-content-center">
                  <button type="submit" class="btn btn-brown-outline-inverted btn-block"><i class="fas fa-paper-plane"></i> Send</button>
                </div>
              </form>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>  
        <section id="similar_projects_section">
      <div class="container-fluid">
        <div class="row justify-content-center py-5">
          <div class="col-12 text-center py-5">
            <h2 class="text-center mb-5">Similar Projects</h2>
  
  
            <div id="carousel_similar_projects_xs" class="mt-4 carousel slide d-md-none" data-ride="carousel">
              <div class="carousel-inner" role="listbox">
                <div class="carousel-item active">
                  <div class="row">
                    <div class="col-8 mx-auto">
                      <div class="row">
                                                                                                    <div class="col-md-12">
                            <a href="https://www.theopus.newlaunches.sg">
                              <div class="card mb-2">
                                <div class="view overlay" style="cursor: pointer;">
                                  <img class="card-img-top img-fluid img-thumbnail" src="https://www.newlaunches.sg/photos/projects/thumbnails_550/photos/the-opus-photo-singapore-new-launch-condominium-8afb759165846e8bfcb36517a8bfc8cc.jpg" alt="The Opus">
                                  <div class="mask flex-center rgba-black-strong"><p class="white-text"><i class="far fa-plus-square fa-3x"></i></p></div>
                                </div>
                                <div class="card-body">
                                  <h4 class="text-nowrap" style="overflow:hidden">The Opus</h4>
                                  <h5 class="text-nowrap" style="overflow:hidden">Freehold</h5>
                                  <h5 class="text-nowrap" style="overflow:hidden">Condominium</h5>
                                  <p class="text-nowrap" style="overflow:hidden">Amber Gardens (D15)</p>
                                </div>
                              </div>
                            </a>
                          </div>
                                                    </div></div></div></div><div class="carousel-item"><div class="row"><div class="col-8 mx-auto"><div class="row">                                                                            <div class="col-md-12">
                            <a href="https://www.carpmaelthirtyeight.newlaunches.sg">
                              <div class="card mb-2">
                                <div class="view overlay" style="cursor: pointer;">
                                  <img class="card-img-top img-fluid img-thumbnail" src="https://www.newlaunches.sg/photos/projects/thumbnails_550/photos/carpmael-thirty-eight-photo-singapore-new-launch-condominium-b5110a3b074b2eaa6549b611461dfd29.jpg" alt="Carpmael Thirty Eight">
                                  <div class="mask flex-center rgba-black-strong"><p class="white-text"><i class="far fa-plus-square fa-3x"></i></p></div>
                                </div>
                                <div class="card-body">
                                  <h4 class="text-nowrap" style="overflow:hidden">Carpmael Thirty Eight</h4>
                                  <h5 class="text-nowrap" style="overflow:hidden">Freehold</h5>
                                  <h5 class="text-nowrap" style="overflow:hidden">Condominium</h5>
                                  <p class="text-nowrap" style="overflow:hidden">Carpmael Road (D15)</p>
                                </div>
                              </div>
                            </a>
                          </div>
                                                    </div></div></div></div><div class="carousel-item"><div class="row"><div class="col-8 mx-auto"><div class="row">                                                                            <div class="col-md-12">
                            <a href="https://www.onemeyer.newlaunches.sg">
                              <div class="card mb-2">
                                <div class="view overlay" style="cursor: pointer;">
                                  <img class="card-img-top img-fluid img-thumbnail" src="https://www.newlaunches.sg/photos/projects/thumbnails_550/photos/one-meyer-photo-singapore-new-launch-condominium-1a7d417f42e8fa8fc0892ab63c58064b.jpg" alt="One Meyer">
                                  <div class="mask flex-center rgba-black-strong"><p class="white-text"><i class="far fa-plus-square fa-3x"></i></p></div>
                                </div>
                                <div class="card-body">
                                  <h4 class="text-nowrap" style="overflow:hidden">One Meyer</h4>
                                  <h5 class="text-nowrap" style="overflow:hidden">Freehold</h5>
                                  <h5 class="text-nowrap" style="overflow:hidden">Condominium</h5>
                                  <p class="text-nowrap" style="overflow:hidden">Meyer Place (D15)</p>
                                </div>
                              </div>
                            </a>
                          </div>
                                                    </div></div></div></div><div class="carousel-item"><div class="row"><div class="col-8 mx-auto"><div class="row">                                                                            <div class="col-md-12">
                            <a href="https://www.sandyeight.newlaunches.sg">
                              <div class="card mb-2">
                                <div class="view overlay" style="cursor: pointer;">
                                  <img class="card-img-top img-fluid img-thumbnail" src="https://www.newlaunches.sg/photos/projects/thumbnails_550/photos/sandy-eight-photo-singapore-new-launch-condominium-34ac7d82bab09f8ec4fdf5217d000064.jpg" alt="Sandy Eight">
                                  <div class="mask flex-center rgba-black-strong"><p class="white-text"><i class="far fa-plus-square fa-3x"></i></p></div>
                                </div>
                                <div class="card-body">
                                  <h4 class="text-nowrap" style="overflow:hidden">Sandy Eight</h4>
                                  <h5 class="text-nowrap" style="overflow:hidden">Freehold</h5>
                                  <h5 class="text-nowrap" style="overflow:hidden">Condominium</h5>
                                  <p class="text-nowrap" style="overflow:hidden">Sandy Lane (D15)</p>
                                </div>
                              </div>
                            </a>
                          </div>
                                                                                                  </div>
                    </div>
                  </div>
                </div>
              </div>
              <a class="carousel-control-prev" href="#carousel_similar_projects_xs" role="button" data-slide="prev">
                <i class="fas fa-chevron-left fa-2x text-dark"></i>
                <span class="sr-only">Previous</span>
              </a>
              <a class="carousel-control-next" href="#carousel_similar_projects_xs" role="button" data-slide="next">
                <i class="fas fa-chevron-right fa-2x text-dark"></i>
                <span class="sr-only">Next</span>
              </a>
            </div>
  
  
            <div id="carousel_similar_projects_md" class="mt-4 carousel slide d-none d-md-block d-xl-none" data-ride="carousel">
              <div class="carousel-inner" role="listbox">
                <div class="carousel-item active">
                  <div class="row">
                    <div class="col-8 mx-auto">
                      <div class="row">
                                                                                                    <div class="col-md-6">
                            <a href="https://www.theopus.newlaunches.sg">
                              <div class="card mb-2">
                                <div class="view overlay" style="cursor: pointer;">
                                  <img class="card-img-top img-fluid img-thumbnail" src="https://www.newlaunches.sg/photos/projects/thumbnails_550/photos/the-opus-photo-singapore-new-launch-condominium-8afb759165846e8bfcb36517a8bfc8cc.jpg" alt="The Opus">
                                  <div class="mask flex-center rgba-black-strong"><p class="white-text"><i class="far fa-plus-square fa-3x"></i></p></div>
                                </div>
                                <div class="card-body">
                                  <h4 class="text-nowrap" style="overflow:hidden">The Opus</h4>
                                  <h5 class="text-nowrap" style="overflow:hidden">Freehold</h5>
                                  <h5 class="text-nowrap" style="overflow:hidden">Condominium</h5>
                                  <p class="text-nowrap" style="overflow:hidden">Amber Gardens (D15)</p>
                                </div>
                              </div>
                            </a>
                          </div>
                                                                                                                                <div class="col-md-6">
                            <a href="https://www.carpmaelthirtyeight.newlaunches.sg">
                              <div class="card mb-2">
                                <div class="view overlay" style="cursor: pointer;">
                                  <img class="card-img-top img-fluid img-thumbnail" src="https://www.newlaunches.sg/photos/projects/thumbnails_550/photos/carpmael-thirty-eight-photo-singapore-new-launch-condominium-b5110a3b074b2eaa6549b611461dfd29.jpg" alt="Carpmael Thirty Eight">
                                  <div class="mask flex-center rgba-black-strong"><p class="white-text"><i class="far fa-plus-square fa-3x"></i></p></div>
                                </div>
                                <div class="card-body">
                                  <h4 class="text-nowrap" style="overflow:hidden">Carpmael Thirty Eight</h4>
                                  <h5 class="text-nowrap" style="overflow:hidden">Freehold</h5>
                                  <h5 class="text-nowrap" style="overflow:hidden">Condominium</h5>
                                  <p class="text-nowrap" style="overflow:hidden">Carpmael Road (D15)</p>
                                </div>
                              </div>
                            </a>
                          </div>
                                                    </div></div></div></div><div class="carousel-item"><div class="row"><div class="col-8 mx-auto"><div class="row">                                                                            <div class="col-md-6">
                            <a href="https://www.onemeyer.newlaunches.sg">
                              <div class="card mb-2">
                                <div class="view overlay" style="cursor: pointer;">
                                  <img class="card-img-top img-fluid img-thumbnail" src="https://www.newlaunches.sg/photos/projects/thumbnails_550/photos/one-meyer-photo-singapore-new-launch-condominium-1a7d417f42e8fa8fc0892ab63c58064b.jpg" alt="One Meyer">
                                  <div class="mask flex-center rgba-black-strong"><p class="white-text"><i class="far fa-plus-square fa-3x"></i></p></div>
                                </div>
                                <div class="card-body">
                                  <h4 class="text-nowrap" style="overflow:hidden">One Meyer</h4>
                                  <h5 class="text-nowrap" style="overflow:hidden">Freehold</h5>
                                  <h5 class="text-nowrap" style="overflow:hidden">Condominium</h5>
                                  <p class="text-nowrap" style="overflow:hidden">Meyer Place (D15)</p>
                                </div>
                              </div>
                            </a>
                          </div>
                                                                                                                                <div class="col-md-6">
                            <a href="https://www.sandyeight.newlaunches.sg">
                              <div class="card mb-2">
                                <div class="view overlay" style="cursor: pointer;">
                                  <img class="card-img-top img-fluid img-thumbnail" src="https://www.newlaunches.sg/photos/projects/thumbnails_550/photos/sandy-eight-photo-singapore-new-launch-condominium-34ac7d82bab09f8ec4fdf5217d000064.jpg" alt="Sandy Eight">
                                  <div class="mask flex-center rgba-black-strong"><p class="white-text"><i class="far fa-plus-square fa-3x"></i></p></div>
                                </div>
                                <div class="card-body">
                                  <h4 class="text-nowrap" style="overflow:hidden">Sandy Eight</h4>
                                  <h5 class="text-nowrap" style="overflow:hidden">Freehold</h5>
                                  <h5 class="text-nowrap" style="overflow:hidden">Condominium</h5>
                                  <p class="text-nowrap" style="overflow:hidden">Sandy Lane (D15)</p>
                                </div>
                              </div>
                            </a>
                          </div>
                                                                                                  </div>
                    </div>
                  </div>
                </div>
              </div>
              <a class="carousel-control-prev" href="#carousel_similar_projects_md" role="button" data-slide="prev">
                <i class="fas fa-chevron-left fa-2x text-dark"></i>
                <span class="sr-only">Previous</span>
              </a>
              <a class="carousel-control-next" href="#carousel_similar_projects_md" role="button" data-slide="next">
                <i class="fas fa-chevron-right fa-2x text-dark"></i>
                <span class="sr-only">Next</span>
              </a>
            </div>
  
  
            <div id="carousel_similar_projects_xl" class="mt-4 carousel slide d-none d-xl-block" data-ride="carousel">
              <div class="carousel-inner" role="listbox">
                <div class="carousel-item active">
                  <div class="row">
                    <div class="col-8 mx-auto">
                      <div class="row">
                                                                                                    <div class="col-md-4">
                            <a href="https://www.theopus.newlaunches.sg">
                              <div class="card mb-2">
                                <div class="view overlay" style="cursor: pointer;">
                                  <img class="card-img-top img-fluid img-thumbnail" src="https://www.newlaunches.sg/photos/projects/thumbnails_550/photos/the-opus-photo-singapore-new-launch-condominium-8afb759165846e8bfcb36517a8bfc8cc.jpg" alt="The Opus">
                                  <div class="mask flex-center rgba-black-strong"><p class="white-text"><i class="far fa-plus-square fa-3x"></i></p></div>
                                </div>
                                <div class="card-body">
                                  <h4 class="text-nowrap" style="overflow:hidden">The Opus</h4>
                                  <h5 class="text-nowrap" style="overflow:hidden">Freehold</h5>
                                  <h5 class="text-nowrap" style="overflow:hidden">Condominium</h5>
                                  <p class="text-nowrap" style="overflow:hidden">Amber Gardens (D15)</p>
                                </div>
                              </div>
                            </a>
                          </div>
                                                                                                                                <div class="col-md-4">
                            <a href="https://www.carpmaelthirtyeight.newlaunches.sg">
                              <div class="card mb-2">
                                <div class="view overlay" style="cursor: pointer;">
                                  <img class="card-img-top img-fluid img-thumbnail" src="https://www.newlaunches.sg/photos/projects/thumbnails_550/photos/carpmael-thirty-eight-photo-singapore-new-launch-condominium-b5110a3b074b2eaa6549b611461dfd29.jpg" alt="Carpmael Thirty Eight">
                                  <div class="mask flex-center rgba-black-strong"><p class="white-text"><i class="far fa-plus-square fa-3x"></i></p></div>
                                </div>
                                <div class="card-body">
                                  <h4 class="text-nowrap" style="overflow:hidden">Carpmael Thirty Eight</h4>
                                  <h5 class="text-nowrap" style="overflow:hidden">Freehold</h5>
                                  <h5 class="text-nowrap" style="overflow:hidden">Condominium</h5>
                                  <p class="text-nowrap" style="overflow:hidden">Carpmael Road (D15)</p>
                                </div>
                              </div>
                            </a>
                          </div>
                                                                                                                                <div class="col-md-4">
                            <a href="https://www.onemeyer.newlaunches.sg">
                              <div class="card mb-2">
                                <div class="view overlay" style="cursor: pointer;">
                                  <img class="card-img-top img-fluid img-thumbnail" src="https://www.newlaunches.sg/photos/projects/thumbnails_550/photos/one-meyer-photo-singapore-new-launch-condominium-1a7d417f42e8fa8fc0892ab63c58064b.jpg" alt="One Meyer">
                                  <div class="mask flex-center rgba-black-strong"><p class="white-text"><i class="far fa-plus-square fa-3x"></i></p></div>
                                </div>
                                <div class="card-body">
                                  <h4 class="text-nowrap" style="overflow:hidden">One Meyer</h4>
                                  <h5 class="text-nowrap" style="overflow:hidden">Freehold</h5>
                                  <h5 class="text-nowrap" style="overflow:hidden">Condominium</h5>
                                  <p class="text-nowrap" style="overflow:hidden">Meyer Place (D15)</p>
                                </div>
                              </div>
                            </a>
                          </div>
                                                    </div></div></div></div><div class="carousel-item"><div class="row"><div class="col-8 mx-auto"><div class="row">                                                                            <div class="col-md-4">
                            <a href="https://www.sandyeight.newlaunches.sg">
                              <div class="card mb-2">
                                <div class="view overlay" style="cursor: pointer;">
                                  <img class="card-img-top img-fluid img-thumbnail" src="https://www.newlaunches.sg/photos/projects/thumbnails_550/photos/sandy-eight-photo-singapore-new-launch-condominium-34ac7d82bab09f8ec4fdf5217d000064.jpg" alt="Sandy Eight">
                                  <div class="mask flex-center rgba-black-strong"><p class="white-text"><i class="far fa-plus-square fa-3x"></i></p></div>
                                </div>
                                <div class="card-body">
                                  <h4 class="text-nowrap" style="overflow:hidden">Sandy Eight</h4>
                                  <h5 class="text-nowrap" style="overflow:hidden">Freehold</h5>
                                  <h5 class="text-nowrap" style="overflow:hidden">Condominium</h5>
                                  <p class="text-nowrap" style="overflow:hidden">Sandy Lane (D15)</p>
                                </div>
                              </div>
                            </a>
                          </div>
                                                                                                  </div>
                    </div>
                  </div>
                </div>
              </div>
              <a class="carousel-control-prev" href="#carousel_similar_projects_xl" role="button" data-slide="prev">
                <i class="fas fa-chevron-left fa-2x text-dark"></i>
                <span class="sr-only">Previous</span>
              </a>
              <a class="carousel-control-next" href="#carousel_similar_projects_xl" role="button" data-slide="next">
                <i class="fas fa-chevron-right fa-2x text-dark"></i>
                <span class="sr-only">Next</span>
              </a>
            </div>
  
  
          </div>
        </div>
      </div>
    </section>
      <footer id="footer_section" class="small" style="background-color: #262621; color: #FFFFFF;">
    <div class="container">
      <div class="row py-5">
        <div class="col-12 text-center">
          <p>Amber 45</p>
          <p>&copy; 2018 - www.amber45.newlaunches.sg</p>
          <p class="mb-0"><a href="disclaimer.html">Disclaimer</a></p>
        </div>
      </div>
    </div>
  </footer>
  
  
  <section id="mobile_call_whatsapp_section" class="d-sm-none">
    <div class="container-fluid">
      <div class="row">
        <div class="col 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 text-center z-depth-1"><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 text-center z-depth-1"><a href="tel:6586666162"><i class="fas fa-phone"></i> CALL</a></div>
      </div>
    </div>
  </section>
  
  
  <section id="share_scroll_up_section">
    <div><a class="scroll_up"><i class="fas fa-caret-up"></i></a></div>
    <div><a class="d-sm-none" href="whatsapp://send?text=Hey,%20I%20came%20across%20this%20website%20which%20you%20might%20be%20interested%20in.%0A%0Ahttps://www.amber45.newlaunches.sg/gallery.html?r=was"><i class="fas fa-share-alt"></i></a></div>
  </section>
  
  
<!-- JQuery -->
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<!-- JQuery UI -->
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
<!-- Bootstrap core JavaScript -->
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.2.1/js/bootstrap.bundle.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="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.10.0/js/lightbox.min.js"></script>

  
<!-- Update Screen Width Start -->
<!-- Update Screen Width End -->
  
  
<script>
  jQuery(document).ready(function() {
    setTimeout(function() {
      $("#loading_logo").fadeOut(750);
    }, 2000);
  });
  
  function toggle_scroll_up_button() {
    if ($(window).scrollTop() > 200) {
      $(".scroll_up").fadeIn("slow");
    } else {
      $(".scroll_up").fadeOut("slow");
    }
  }
  $(window).on('load', function () {
    $("#loading_logo").fadeOut(750);
  });
  function toggleNav() {
    $("#navigation").fadeToggle();
    $(".fa-bars, .fa-times").toggleClass("fa-bars fa-times");
  }
  $(".scroll_down").click(function() {
    next_div_scroll_top = $(this).closest("section").next().offset().top - 76;
    $('html, body').animate({scrollTop: next_div_scroll_top}, 500);
  });
  $(".scroll_up").click(function() {
    $('html, body').animate({scrollTop: 0}, 500);
  });
  $(".scroll_to_id").click(function() {
    div_id = $(this).attr("data-target-id");
    $('html, body').animate({scrollTop: $("#" + div_id).offset().top - 76}, 500);
  });
  $("nav ul li a").click(function() {
    $("#navigation").fadeOut();
    $(".fa-bars, .fa-times").toggleClass("fa-bars fa-times");
  });
  $(document).ready(function() {
    toggle_scroll_up_button();
  });
  $(window).scroll(function() {
    toggle_scroll_up_button();
  });
  $("#contact_form input, #contact_form select, #contact_form textarea").focus(function() {
    if ($(window).width() <= 768) {
      $("nav, #mobile_call_whatsapp_section, #share_scroll_up_section").hide();
    }
  });
  $("#contact_form input, #contact_form select, #contact_form textarea").blur(function() {
    $("nav, #mobile_call_whatsapp_section, #share_scroll_up_section").show();
  });

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


</script>
    
  
</body>
</html>