
<!-- 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>The Opus - New Condominium at Amber Gardens</title>
<meta name="description" content="The Opus is a new Freehold Condominium development by City Developments Limited (CDL) &amp; Hong Leong Group. Located at Amber Gardens (D15), The Opus has a total plot size of approximately 213,670sqft / 19,850.6sqm and consist of Approx 800 Units. Find out more or enquire about The Opus now.">
<meta name="keywords" content="The Opus, New Condominium, New Launch Condominium, Amber Gardens, Freehold, City Developments Limited (CDL) &amp; Hong Leong Group, 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');
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.theopus.newlaunches.sg/",
        "name": "The Opus"
      }
    }
  ]
}
</script>
<!-- Breadcrumb jSON End -->

<!-- Contact jSON Start --> 
<script type="application/ld+json">
{
  "@context": "http://schema.org",
  "@type": "Organization",
  "url": "http://www.theopus.newlaunches.sg",
  "name": "The Opus",
  "image": "",
  "description": "The Opus is one of the latest premium development along Amber Gardens, jointly developed by City Developments Limited (CDL) &amp; Hong Leong Group.Located within one of the most highly sought-after district D15, this Freehold condominium offer home buyers the convenience of being extremely close to Tanjong Katong MRT Station (Thomson-East Coast Line). Having a plot size of approximately 213,670sqft, The Opus will consist of about 800 residential units with some having the pristine sea view. The Opus has great connectivity to major highways such as East Coast Parkway (ECP), Pan-Island Expressway (PIE), Kallang-Paya Lebar Expressway (KPE) and Central Expressway (CTE). Residents who are traveling into the city area, The Opus is just a short 10-minute drive away from Marina Bay Financial Centre and Orchard Road.Staying at The Opus, residents will never feel any shortage of leisure. Located within proximity to a variety of shopping malls like Parkway Parade, I12 Katong and Katong Shopping Centre. With the recent series of renovations and transformation of I12 Katong, the shopping mall now includes anchor tenants such as Gold Village and Food Republic. Parkway Parade Shopping Centre is an iconic shopping centre that features many anchor tenants in the suburbs such as Isetan, Marks &amp; Spencers, MPH Bookstores and various other eatery outlets.",
  "contactPoint": {
    "@type": "ContactPoint",
    "telephone": "+65-8666-6162",
    "contactType": "Developer Sales Team"
  }
}
</script>  
<!-- Contact jSON End --> 

<!-- Place jSON Start --> 
<script type="application/ld+json">
{
  "@context": "http://schema.org",
  "@type": "Place",
  "image": [
    "https://www.theopus.newlaunches.sg/",
    "https://www.theopus.newlaunches.sg/photos/default_photo_2.jpg",
    "https://www.theopus.newlaunches.sg/photos/default_photo_3.jpg"
   ],
  "@id": "http://www.theopus.newlaunches.sg",
  "name": "The Opus",
  "address": {
    "@type": "PostalAddress",
    "streetAddress": "14 Amber Gardens",
    "addressLocality": "Singapore",
    "addressRegion": "SG",
    "addressCountry": "SG"
  },
  "geo": {
    "@type": "GeoCoordinates",
    "latitude": 1.3010368,
    "longitude": 103.8991669  },
  "url": "http://www.www.theopus.newlaunches.sg",
  "telephone": "+65-8666-6162",
  "openingHoursSpecification": [
    {
      "@type": "OpeningHoursSpecification",
      "dayOfWeek": [
        "Monday",
        "Tuesday",
        "Wednesday",
        "Thursday",
        "Friday",
        "Saturday",
        "Sunday"
      ],
      "opens": "11:00",
      "closes": "19:00"
    }
  ]
}
</script>
<!-- Place jSON End --> 
  
</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_45_logo_0e60b7adf85f58f5c161b24aafd21b40.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="../gallery.html">Gallery</a></li>
                                          <li class="nav-item"><a class="nav-link page-scroll" data-scroll="contact">Register VVIP Preview</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">
  <div class="py-lg-5 z-depth-1">
    <div class="container mt-5 py-5 text-white">
      <div class="row">
        <div class="col-11 col-sm-7 col-md-6 col-lg-5 col-xl-4 mx-auto mr-sm-0 text-center rounded animated zoomIn wow" style="background: RGBA(0, 0, 0, 0.75);">
          <div class="px-5"><a href="../"><img class="img-fluid my-5" src="photos/project_45_logo_0e60b7adf85f58f5c161b24aafd21b40.png" /></a></div>
          <p class="text-center py-0 my-0">FORMER AMBER PARK</p>
          <p class="text-center py-0 my-0">•</p>
          <p class="text-center py-0 my-0">FREEHOLD</p>
          <p class="text-center py-0 my-0">•</p>
          <p class="text-center py-0 my-0">REPUTABLE DEVELOPER</p>
          <p class="text-center py-0 my-0">•</p>
          <p class="text-center py-0 my-0">SEEKING INDICATION OF INTEREST NOW!!</p>
          <p class="text-center py-0 my-0">•</p>
                                          <a class="btn btn-block button_outline_custom_bg_dark mt-5 mb-3 page-scroll" data-scroll="contact">REGISTER YOUR INTEREST</a>
                  </div>
      </div>
    </div>
  </div>
  
      <div class="image_illustration_only">[ IMAGE FOR ILLUSTRATION PURPOSE ONLY ]</div>
    
  
</section>


<section class="">
  <div class="container-fluid">
    <div class="row">
      <div class="col-12 col-lg-8 z-depth-1">
        <div class="h-100 flex-center animated zoomIn wow">
          <div class="px-3 py-5 text-center">
            <div class="px-xl-5">
              <h2 class="">The Opus</h2>
              <p class="mt-5">The Opus is one of the latest premium development along Amber Gardens, jointly developed by City Developments Limited (CDL) &amp; Hong Leong Group.<br /><br />Located within one of the most highly sought-after district D15, this Freehold condominium offer home buyers the convenience of being extremely close to Tanjong Katong MRT Station (Thomson-East Coast Line). Having a plot size of approximately 213,670sqft, The Opus will consist of about 800 residential units with some having the pristine sea view.</p>
              <a href="../project-details.html" class="btn button_outline_custom_bg_light mt-5"><i class="fas fa-list"></i> VIEW PROJECT DETAILS</a>
            </div>
          </div>
        </div>
      </div>
      <div class="bg_image_only col-12 col-lg-4 px-0 py-0 z-depth-1" style="background:url(photos/default_photo_2.jpg) center center no-repeat; background-size:cover; position:relative;">
                  <div class="image_illustration_only">[ IMAGE FOR ILLUSTRATION PURPOSE ONLY ]</div>
              
      </div>
    </div>
  </div>
</section>  


<section class="mid_page_cta orange lighten-5 z-depth-1">
  <div class="container">
    <div class="row py-5">
      <div class="col-12 col-lg-9 my-auto text-center text-lg-left animated zoomIn wow">
        <p>Got a question about The Opus?</p>
        <p>Please feel free to leave us a message!</p>
      </div>
      <div class="col-12 col-lg-3 mt-3 my-lg-auto text-center text-lg-right animated zoomIn wow">
        <a class="btn button_outline_custom_bg_light page-scroll" data-scroll="contact"><i class="far fa-comments"></i> LEAVE A MESSAGE</a>
      </div>
    </div>
  </div>
</section>


<section>
  <div class="container-fluid">
    <div class="row">
      <div class="col-12 col-lg-4">
        <div class="row">
          <div class="four_items col-6 col-sm-3 col-lg-6 z-depth-1 order-0 order-sm-0 order-lg-0 animated zoomIn wow">
            <div class="text-center h-100 flex-center">
              <div>
                                  <h2 class="mb-3 text_custom_bg_light">District</h2>
                  <p class="">D15</p>
                              </div>
            </div>
          </div>
          <div class="four_items col-6 col-sm-3 col-lg-6 order-1 order-sm-1 order-lg-1 animated zoomIn wow">
            <div class="text-center h-100 flex-center">
              <div>
                <h2 class="mb-3 text_custom_bg_light">Tenure</h2>
                <p class="">Freehold</p>
              </div>
            </div>
          </div>
          <div class="four_items col-6 col-sm-3 col-lg-6 order-2 order-sm-3 order-lg-2 animated zoomIn wow">
            <div class="text-center h-100 flex-center">
              <div>
                <h2 class="mb-3 text_custom_bg_light">Total Units</h2>
                <p class="">Approx 800 Units</p>
              </div>
            </div>
          </div>
          <div class="four_items col-6 col-sm-3 col-lg-6 z-depth-1 order-3 order-sm-2 order-lg-3 animated zoomIn wow">
            <div class="text-center h-100 flex-center">
              <div>
                <h2 class="mb-3 text_custom_bg_light">Expected T.O.P</h2>
                <p class="">[ TBA ]</p>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="bg_image_only col-12 col-lg-8 px-0 py-0 z-depth-1" style="background:url(photos/default_photo_3.jpg) center center no-repeat; background-size:cover; position:relative;">
                  <div class="image_illustration_only">[ IMAGE FOR ILLUSTRATION PURPOSE ONLY ]</div>
              </div>
    </div>
  </div>
</section>    


<section class="" style="background:url(photos/project_45_map_be37ddefad4a934d6dca8e101c1182dc.jpg) center center no-repeat; background-size:cover;">
  <div class="container-fluid" style="background-color:RGBA(0, 0, 0, 0.9);">
    <div class="row">
      <div class="col-12 z-depth-1">
        <div class="row">
          <div class="col-12 col-lg-8">
            <div class="h-100 flex-center">
              <div class="px-3 py-5 text-center text-white animated zoomIn wow">
                <div class="px-xl-5">
                  <h2 class="">The Opus Location</h2>
                  <p class="mt-5">The Opus has great connectivity to major highways such as East Coast Parkway (ECP), Pan-Island Expressway (PIE), Kallang-Paya Lebar Expressway (KPE) and Central Expressway (CTE). Residents who are traveling into the city area, The Opus is just a short 10-minute drive away from Marina Bay Financial Centre and Orchard Road.<br /><br />Staying at The Opus, residents will never feel any shortage of leisure. Located within proximity to a variety of shopping malls like Parkway Parade, I12 Katong and Katong Shopping Centre. With the recent series of renovations and transformation of I12 Katong, the shopping mall now includes anchor tenants such as Gold Village and Food Republic. Parkway Parade Shopping Centre is an iconic shopping centre that features many anchor tenants in the suburbs such as Isetan, Marks &amp; Spencers, MPH Bookstores and various other eatery outlets.</p>
                  <a href="../location.html" class="btn button_outline_custom_bg_dark mt-5"><i class="fas fa-map-marker-alt"></i> VIEW PROJECT LOCATION</a>
                </div>
              </div>
            </div>
          </div>
          <div class="col-12 col-lg-4">
            <div class="h-100 flex-center">
              <div class="px-3 pb-5 py-lg-5 text-center animated zoomIn wow">
                <div class="px-5 px-lg-0">
                  <div class="view overlay">
                    <a class="" href="photos/project_45_map_be37ddefad4a934d6dca8e101c1182dc.jpg" data-lightbox="photo-set">
                      <img src="photos/project_45_map_be37ddefad4a934d6dca8e101c1182dc.jpg" alt="" class="img-fluid img-thumbnail"/>
                      <div class="mask flex-center rgba-white-slight"><p class="black-text"><i class="fas fa-search-plus fa-3x"></i></p></div>
                    </a>
                  </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.theopus.newlaunches.sg">
          <input type="hidden" id="sender_ip_address" name="sender_ip_address" value="54.80.102.170">
          <input type="hidden" id="sender_hashed_check" name="sender_hashed_check" value="907a450ecb75424b7c7a0e019b96ff1d">
          <input type="hidden" id="sender_project_name" name="sender_project_name" value="The Opus">
          <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 am interested in The Opus. Please register me for VVIP showflat preview and launch discount.</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>  
  <section>
    <div class="container-fluid" style="background-color:RGBA(0, 0, 0, 0.9);">
      <div class="row">
        <div class="col-12 col-xl-12 mx-auto py-5">
          <h2 class="text-uppercase text-center text-white">Other Similar Projects</h2>
          
          
          <div id="carousel_similar_projects_xl" class="mt-5 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="http://www.amber45.newlaunches.sg">
                            <div class="card mb-2">
                              <div class="view overlay" style="cursor: pointer;">
                                <img class="card-img-top img-fluid img-thumbnail" src="/photos/thumbnails/project_13_photos_fb4f030913e9517b29182aaec12c231e.jpg" alt="Amber 45">
                                <div class="mask flex-center rgba-amber-strong"><p class="white-text"><i class="fas fa-search-plus fa-3x"></i></p></div>
                              </div>
                              <div class="card-body">
                                <h4 class="text-nowrap text-center" style="overflow:hidden">Amber 45</h4>
                                <h5 class="text-nowrap text-center" style="overflow:hidden">Freehold</h5>
                                <h5 class="text-nowrap text-center" style="overflow:hidden">Condominium</h5>
                                <p class="text-nowrap text-center" style="overflow:hidden">Amber Road (D15)</p>
                              </div>
                            </div>
                          </a>
                        </div>
                                                                                              <div class="col-md-4">
                          <a href="http://www.oneeightiesresidences.newlaunches.sg">
                            <div class="card mb-2">
                              <div class="view overlay" style="cursor: pointer;">
                                <img class="card-img-top img-fluid img-thumbnail" src="/photos/thumbnails/project_19_photos_c276e13a38ef6993ce5bb17555e99b93.jpg" alt="One Eighties Residences">
                                <div class="mask flex-center rgba-amber-strong"><p class="white-text"><i class="fas fa-search-plus fa-3x"></i></p></div>
                              </div>
                              <div class="card-body">
                                <h4 class="text-nowrap text-center" style="overflow:hidden">One Eighties Residences</h4>
                                <h5 class="text-nowrap text-center" style="overflow:hidden">Freehold</h5>
                                <h5 class="text-nowrap text-center" style="overflow:hidden">Condominium</h5>
                                <p class="text-nowrap text-center" style="overflow:hidden">Joo Chiat Terrace (D15)</p>
                              </div>
                            </div>
                          </a>
                        </div>
                                                                                              <div class="col-md-4">
                          <a href="http://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="/photos/thumbnails/project_17_photos_4ebf9e062f071b14341b2ef922bf62f3.jpg" alt="Carpmael Thirty Eight">
                                <div class="mask flex-center rgba-amber-strong"><p class="white-text"><i class="fas fa-search-plus fa-3x"></i></p></div>
                              </div>
                              <div class="card-body">
                                <h4 class="text-nowrap text-center" style="overflow:hidden">Carpmael Thirty Eight</h4>
                                <h5 class="text-nowrap text-center" style="overflow:hidden">Freehold</h5>
                                <h5 class="text-nowrap text-center" style="overflow:hidden">Condominium</h5>
                                <p class="text-nowrap text-center" 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-4">
                          <a href="http://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="/photos/thumbnails/project_20_photos_0060e37d315e6d09a3e0c77ce9335140.jpg" alt="Sandy Eight">
                                <div class="mask flex-center rgba-amber-strong"><p class="white-text"><i class="fas fa-search-plus fa-3x"></i></p></div>
                              </div>
                              <div class="card-body">
                                <h4 class="text-nowrap text-center" style="overflow:hidden">Sandy Eight</h4>
                                <h5 class="text-nowrap text-center" style="overflow:hidden">Freehold</h5>
                                <h5 class="text-nowrap text-center" style="overflow:hidden">Condominium</h5>
                                <p class="text-nowrap text-center" style="overflow:hidden">Sandy Lane (D15)</p>
                              </div>
                            </div>
                          </a>
                        </div>
                                                                                              <div class="col-md-4">
                          <a href="http://www.seapavilionresidences.newlaunches.sg">
                            <div class="card mb-2">
                              <div class="view overlay" style="cursor: pointer;">
                                <img class="card-img-top img-fluid img-thumbnail" src="/photos/thumbnails/project_21_photos_f2dceadd2e3291c56182c6f89e952159.jpg" alt="Sea Pavilion Residences">
                                <div class="mask flex-center rgba-amber-strong"><p class="white-text"><i class="fas fa-search-plus fa-3x"></i></p></div>
                              </div>
                              <div class="card-body">
                                <h4 class="text-nowrap text-center" style="overflow:hidden">Sea Pavilion Residences</h4>
                                <h5 class="text-nowrap text-center" style="overflow:hidden">Freehold</h5>
                                <h5 class="text-nowrap text-center" style="overflow:hidden">Condominium</h5>
                                <p class="text-nowrap text-center" style="overflow:hidden">Upper East Coast Road (D16)</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">
              <span class="carousel-control-prev-icon" aria-hidden="true"></span>
              <span class="sr-only">Previous</span>
            </a>
            <a class="carousel-control-next" href="#carousel_similar_projects_xl" role="button" data-slide="next">
              <span class="carousel-control-next-icon" aria-hidden="true"></span>
              <span class="sr-only">Next</span>
            </a>
          </div>
          
          
          <div id="carousel_similar_projects_lg" class="mt-5 carousel slide d-none d-lg-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="http://www.amber45.newlaunches.sg">
                            <div class="card mb-2">
                              <div class="view overlay" style="cursor: pointer;">
                                <img class="card-img-top img-fluid img-thumbnail" src="/photos/thumbnails/project_13_photos_fb4f030913e9517b29182aaec12c231e.jpg" alt="Amber 45">
                                <div class="mask flex-center rgba-amber-strong"><p class="white-text"><i class="fas fa-search-plus fa-3x"></i></p></div>
                              </div>
                              <div class="card-body">
                                <h4 class="text-nowrap text-center" style="overflow:hidden">Amber 45</h4>
                                <h5 class="text-nowrap text-center" style="overflow:hidden">Freehold</h5>
                                <h5 class="text-nowrap text-center" style="overflow:hidden">Condominium</h5>
                                <p class="text-nowrap text-center" style="overflow:hidden">Amber Road (D15)</p>
                              </div>
                            </div>
                          </a>
                        </div>
                                                                                              <div class="col-md-6">
                          <a href="http://www.oneeightiesresidences.newlaunches.sg">
                            <div class="card mb-2">
                              <div class="view overlay" style="cursor: pointer;">
                                <img class="card-img-top img-fluid img-thumbnail" src="/photos/thumbnails/project_19_photos_c276e13a38ef6993ce5bb17555e99b93.jpg" alt="One Eighties Residences">
                                <div class="mask flex-center rgba-amber-strong"><p class="white-text"><i class="fas fa-search-plus fa-3x"></i></p></div>
                              </div>
                              <div class="card-body">
                                <h4 class="text-nowrap text-center" style="overflow:hidden">One Eighties Residences</h4>
                                <h5 class="text-nowrap text-center" style="overflow:hidden">Freehold</h5>
                                <h5 class="text-nowrap text-center" style="overflow:hidden">Condominium</h5>
                                <p class="text-nowrap text-center" style="overflow:hidden">Joo Chiat Terrace (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="http://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="/photos/thumbnails/project_17_photos_4ebf9e062f071b14341b2ef922bf62f3.jpg" alt="Carpmael Thirty Eight">
                                <div class="mask flex-center rgba-amber-strong"><p class="white-text"><i class="fas fa-search-plus fa-3x"></i></p></div>
                              </div>
                              <div class="card-body">
                                <h4 class="text-nowrap text-center" style="overflow:hidden">Carpmael Thirty Eight</h4>
                                <h5 class="text-nowrap text-center" style="overflow:hidden">Freehold</h5>
                                <h5 class="text-nowrap text-center" style="overflow:hidden">Condominium</h5>
                                <p class="text-nowrap text-center" style="overflow:hidden">Carpmael Road (D15)</p>
                              </div>
                            </div>
                          </a>
                        </div>
                                                                                              <div class="col-md-6">
                          <a href="http://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="/photos/thumbnails/project_20_photos_0060e37d315e6d09a3e0c77ce9335140.jpg" alt="Sandy Eight">
                                <div class="mask flex-center rgba-amber-strong"><p class="white-text"><i class="fas fa-search-plus fa-3x"></i></p></div>
                              </div>
                              <div class="card-body">
                                <h4 class="text-nowrap text-center" style="overflow:hidden">Sandy Eight</h4>
                                <h5 class="text-nowrap text-center" style="overflow:hidden">Freehold</h5>
                                <h5 class="text-nowrap text-center" style="overflow:hidden">Condominium</h5>
                                <p class="text-nowrap text-center" style="overflow:hidden">Sandy Lane (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="http://www.seapavilionresidences.newlaunches.sg">
                            <div class="card mb-2">
                              <div class="view overlay" style="cursor: pointer;">
                                <img class="card-img-top img-fluid img-thumbnail" src="/photos/thumbnails/project_21_photos_f2dceadd2e3291c56182c6f89e952159.jpg" alt="Sea Pavilion Residences">
                                <div class="mask flex-center rgba-amber-strong"><p class="white-text"><i class="fas fa-search-plus fa-3x"></i></p></div>
                              </div>
                              <div class="card-body">
                                <h4 class="text-nowrap text-center" style="overflow:hidden">Sea Pavilion Residences</h4>
                                <h5 class="text-nowrap text-center" style="overflow:hidden">Freehold</h5>
                                <h5 class="text-nowrap text-center" style="overflow:hidden">Condominium</h5>
                                <p class="text-nowrap text-center" style="overflow:hidden">Upper East Coast Road (D16)</p>
                              </div>
                            </div>
                          </a>
                        </div>
                                                                                          </div>
                  </div>
                </div>
              </div>
            </div>
            <a class="carousel-control-prev" href="#carousel_similar_projects_lg" role="button" data-slide="prev">
              <span class="carousel-control-prev-icon" aria-hidden="true"></span>
              <span class="sr-only">Previous</span>
            </a>
            <a class="carousel-control-next" href="#carousel_similar_projects_lg" role="button" data-slide="next">
              <span class="carousel-control-next-icon" aria-hidden="true"></span>
              <span class="sr-only">Next</span>
            </a>
          </div>
          
          
          <div id="carousel_similar_projects_xs" class="mt-5 carousel slide d-lg-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="http://www.amber45.newlaunches.sg">
                            <div class="card mb-2">
                              <div class="view overlay" style="cursor: pointer;">
                                <img class="card-img-top img-fluid img-thumbnail" src="/photos/thumbnails/project_13_photos_fb4f030913e9517b29182aaec12c231e.jpg" alt="Amber 45">
                                <div class="mask flex-center rgba-amber-strong"><p class="white-text"><i class="fas fa-search-plus fa-3x"></i></p></div>
                              </div>
                              <div class="card-body">
                                <h4 class="text-nowrap text-center" style="overflow:hidden">Amber 45</h4>
                                <h5 class="text-nowrap text-center" style="overflow:hidden">Freehold</h5>
                                <h5 class="text-nowrap text-center" style="overflow:hidden">Condominium</h5>
                                <p class="text-nowrap text-center" style="overflow:hidden">Amber 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="http://www.oneeightiesresidences.newlaunches.sg">
                            <div class="card mb-2">
                              <div class="view overlay" style="cursor: pointer;">
                                <img class="card-img-top img-fluid img-thumbnail" src="/photos/thumbnails/project_19_photos_c276e13a38ef6993ce5bb17555e99b93.jpg" alt="One Eighties Residences">
                                <div class="mask flex-center rgba-amber-strong"><p class="white-text"><i class="fas fa-search-plus fa-3x"></i></p></div>
                              </div>
                              <div class="card-body">
                                <h4 class="text-nowrap text-center" style="overflow:hidden">One Eighties Residences</h4>
                                <h5 class="text-nowrap text-center" style="overflow:hidden">Freehold</h5>
                                <h5 class="text-nowrap text-center" style="overflow:hidden">Condominium</h5>
                                <p class="text-nowrap text-center" style="overflow:hidden">Joo Chiat Terrace (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="http://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="/photos/thumbnails/project_17_photos_4ebf9e062f071b14341b2ef922bf62f3.jpg" alt="Carpmael Thirty Eight">
                                <div class="mask flex-center rgba-amber-strong"><p class="white-text"><i class="fas fa-search-plus fa-3x"></i></p></div>
                              </div>
                              <div class="card-body">
                                <h4 class="text-nowrap text-center" style="overflow:hidden">Carpmael Thirty Eight</h4>
                                <h5 class="text-nowrap text-center" style="overflow:hidden">Freehold</h5>
                                <h5 class="text-nowrap text-center" style="overflow:hidden">Condominium</h5>
                                <p class="text-nowrap text-center" 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="http://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="/photos/thumbnails/project_20_photos_0060e37d315e6d09a3e0c77ce9335140.jpg" alt="Sandy Eight">
                                <div class="mask flex-center rgba-amber-strong"><p class="white-text"><i class="fas fa-search-plus fa-3x"></i></p></div>
                              </div>
                              <div class="card-body">
                                <h4 class="text-nowrap text-center" style="overflow:hidden">Sandy Eight</h4>
                                <h5 class="text-nowrap text-center" style="overflow:hidden">Freehold</h5>
                                <h5 class="text-nowrap text-center" style="overflow:hidden">Condominium</h5>
                                <p class="text-nowrap text-center" style="overflow:hidden">Sandy Lane (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="http://www.seapavilionresidences.newlaunches.sg">
                            <div class="card mb-2">
                              <div class="view overlay" style="cursor: pointer;">
                                <img class="card-img-top img-fluid img-thumbnail" src="/photos/thumbnails/project_21_photos_f2dceadd2e3291c56182c6f89e952159.jpg" alt="Sea Pavilion Residences">
                                <div class="mask flex-center rgba-amber-strong"><p class="white-text"><i class="fas fa-search-plus fa-3x"></i></p></div>
                              </div>
                              <div class="card-body">
                                <h4 class="text-nowrap text-center" style="overflow:hidden">Sea Pavilion Residences</h4>
                                <h5 class="text-nowrap text-center" style="overflow:hidden">Freehold</h5>
                                <h5 class="text-nowrap text-center" style="overflow:hidden">Condominium</h5>
                                <p class="text-nowrap text-center" style="overflow:hidden">Upper East Coast Road (D16)</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">
              <span class="carousel-control-prev-icon" aria-hidden="true"></span>
              <span class="sr-only">Previous</span>
            </a>
            <a class="carousel-control-next" href="#carousel_similar_projects_xs" role="button" data-slide="next">
              <span class="carousel-control-next-icon" aria-hidden="true"></span>
              <span class="sr-only">Next</span>
            </a>
          </div>
          
          
        </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>The Opus</small></p>
        <p><small>© 2018 - <a href="../">www.theopus.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%20The Opus.%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%20The Opus.%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>


<div id="share_button">
  <div class="text-center text-white"><a class="z-depth-1" href="whatsapp://send?text=Hey,%20I%20came%20across%20this%20website%20which%20you%20might%20be%20interested%20in.%0A%0Ahttps://www.theopus.newlaunches.sg/?r=wa"><i class="fas fa-share-alt 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>


</body>
</html>