

<!-- 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>The Opus - New Launch Condominium at Amber Gardens | Singapore</title>
<meta name="description" content="The Opus is a new Freehold Condominium by City Developments Limited (CDL) &amp; Hong Leong Group. Located at Amber Gardens (Singapore), The Opus has a total plot size of approximately 213670.0sqft (19850.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, Singapore New Launch, New Condominium at Amber Gardens">
<meta name="author" content="newlaunches.sg">
<link rel="apple-touch-icon" type="image/png" href="photos/logos/the-opus-logo-singapore-new-launch-condominium-0e60b7adf85f58f5c161b24aafd21b40.png">
<link rel="apple-touch-icon" type="image/png" sizes="72x72" href="photos/logos/the-opus-logo-singapore-new-launch-condominium-0e60b7adf85f58f5c161b24aafd21b40.png">
<link rel="apple-touch-icon" type="image/png" sizes="114x114" href="photos/logos/the-opus-logo-singapore-new-launch-condominium-0e60b7adf85f58f5c161b24aafd21b40.png">
<link rel="icon" type="image/png" href="photos/logos/the-opus-logo-singapore-new-launch-condominium-0e60b7adf85f58f5c161b24aafd21b40.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.1.3/css/bootstrap.css">
<!-- jQuery UI CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/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.2.0/css/all.css" integrity="sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ" crossorigin="anonymous">
<!-- LightBox CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.10.0/css/lightbox.min.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.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": "photos/cropped_1920/photos/the-opus-photo-singapore-new-launch-condominium-8afb759165846e8bfcb36517a8bfc8cc.jpg",
  "description": "The Opus, former Amber Park, 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.",
  "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/photos/cropped_1920/photos/the-opus-photo-singapore-new-launch-condominium-8afb759165846e8bfcb36517a8bfc8cc.jpg",
    "https://www.theopus.newlaunches.sg/photos/cropped_1920/",
    "https://www.theopus.newlaunches.sg/photos/cropped_1920/"
   ],
  "@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>
    <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="photos/logos/the-opus-logo-singapore-new-launch-condominium-0e60b7adf85f58f5c161b24aafd21b40.png" class="img-fluid" alt="The Opus 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="photos/logos/the-opus-logo-singapore-new-launch-condominium-0e60b7adf85f58f5c161b24aafd21b40.png" class="img-fluid" alt="The Opus 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="../"  class="active" >HOME</a></li>
            <li><a href="../project-details.html" >PROJECT DETAILS</a></li>
            <li><a href="../location.html" >LOCATION</a></li>
                        <li><a href="../gallery.html" >GALLERY</a></li>
                                                  <li><a href="../vvip-preview.html" >REGISTER FOR VVIP PREVIEW</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(photos/cropped_1920/photos/the-opus-photo-singapore-new-launch-condominium-8afb759165846e8bfcb36517a8bfc8cc.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">
        THE OPUS        <br>HOME      </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="photos/logos/the-opus-logo-singapore-new-launch-condominium-0e60b7adf85f58f5c161b24aafd21b40.png" class="img-fluid mb-3" alt="The Opus Logo" /></a>
              <p>FORMER AMBER PARK</p>
              <p>&bull;</p>
              <p>FREEHOLD</p>
              <p>&bull;</p>
              <p>REPUTABLE DEVELOPER</p>
              <p>&bull;</p>
              <p>SEEKING INDICATION OF INTEREST NOW!!</p>
              <p>&bull;</p>
                                                          <a class="btn btn-brown-outline-inverted d-block mt-3" href="../vvip-preview.html"><i class="far fa-calendar-check"></i> REGISTER FOR VVIP PREVIEW</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="description_section">
    <div class="container-fluid">
      <div class="row">
        <div class="col-12 col-lg-6 my-auto py-5">
          <div class="row">
            <div class="col-10 col-sm-10 mx-auto text-center py-5">
              <h1 class="mb-5">The Opus</h1>
              <p class="mb-5 invisible_links"><a href='http://www.theopus.newlaunches.sg?r=c'>The Opus</a>, former Amber Park, 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, <a href='http://www.theopus.newlaunches.sg?r=c'>The Opus</a> will consist of about 800 residential units with some having the pristine sea view.</p>
              <a href="/project-details.html" class="btn btn-brown-outline"><i class="fas fa-list"></i> VIEW PROJECT DETAILS</a>
            </div>
          </div>
        </div>
                                  <div class="col-12 col-lg-6" style="min-height: calc(100vh - 76px); background: url(photos/cropped_1920/default_photo_2.jpg) center center no-repeat; background-size: cover;"></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="mid_page_cta_section" style="background-attachment: fixed;" >
    <div style="background: RGBA(255, 255, 255, 0.9);">
      <div class="container py-5">
        <div class="row">
          <div class="col-10 col-md-8 col-lg-9 text-center mx-auto">
            <h2 class="text-glow my-5">Got a question about The Opus?</h2>
            <p class="text-glow my-5">Please feel free to leave us a message!
          </div>
          <div class="col-10 col-md-4 col-lg-3 my-auto text-center mx-auto">
            <a class="btn btn-brown-outline my-5 scroll_to_id" data-target-id="contact_form_section" style="display: block;"><i class="far fa-comments"></i> LEAVE A MESSAGE</a>
          </div>
        </div>
      </div>
    </div>
    <div class="scroll_down d-none d-lg-block text-dark"><a>SCROLL DOWN <i class="fas fa-arrow-down"></i></a></div>
  </section>
  
  
  <section id="four_items_section">
    <div class="container-fluid">
      <div class="row">
                                  <div class="four_items_image col-12 col-lg-8" style="background: url(photos/cropped_1920/default_photo_3.jpg) center center no-repeat; background-size: cover; position: relative;">
          <div class="scroll_down d-none d-lg-block" style="right: auto; left: 3em;"><a>SCROLL DOWN <i class="fas fa-arrow-down"></i></a></div>
        </div>
        <div class="col-12 col-lg-4">
          <div class="row">
            <div class="col-6 col-sm-3 col-md-3 col-lg-6 four_items_item order-1 order-sm-1 order-md-1 order-lg-1 z-depth-1">
              <div class="">
                <h3 class="mb-4">District</h3>
                <p>D15</p>
              </div>
            </div>
            <div class="col-6 col-sm-3 col-md-3 col-lg-6 four_items_item order-2 order-sm-2 order-md-2 order-lg-2">
              <div class="">
                <h3 class="mb-4">Tenure</h3>
                <p>Freehold</p>
              </div>
            </div>
            <div class="col-6 col-sm-3 col-md-3 col-lg-6 four_items_item order-3 order-sm-4 order-md-4 order-lg-3">
              <div class="">
                <h3 class="mb-4">Units</h3>
                <p>Approx 800 Units</p>
              </div>
            </div>
            <div class="col-6 col-sm-3 col-md-3 col-lg-6 four_items_item order-4 order-sm-3 order-md-3 order-lg-4 z-depth-1">
              <div class="">
                <h3 class="mb-4">Expected T.O.P</h3>
                <p></p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>  
  
  
  <section id="home_page_map_section" style="background: url(photos/cropped_1920/maps/the-opus-map-singapore-new-launch-condominium-d97ac31c74e521a212cba9503892a8f0.jpg) center center no-repeat  fixed ; background-size: cover;">
    <div style="background: RGBA(0, 0, 0, 0.9);">
      <div class="container-fluid">
        <div class="row">
          <div class="col-12 col-lg-6 col-xl-8 my-auto py-5">
            <div class="row">
              <div class="col-10 col-sm-10 mx-auto text-center py-5">
                <h2 class="text-white mb-5">The Opus Location</h2>
                <p class="text-white mb-5 invisible_links"><a href='http://www.theopus.newlaunches.sg/location.html?r=c'>The Opus</a> 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, <a href='http://www.theopus.newlaunches.sg/location.html?r=c'>The Opus</a> is just a short 10-minute drive away from Marina Bay Financial Centre and Orchard Road.<br /><br />Staying at <a href='http://www.theopus.newlaunches.sg/location.html?r=c'>The Opus</a>, 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 btn-brown-outline-inverted"><i class="fas fa-map-marker-alt"></i> VIEW PROJECT LOCATION</a>
              </div>
            </div>
          </div>
          <div class="col-12 col-lg-6 col-xl-4 my-auto px-0 px-lg-3">
            <div class="view overlay">
              <a class="" href="photos/cropped_1920/maps/the-opus-map-singapore-new-launch-condominium-d97ac31c74e521a212cba9503892a8f0.jpg" data-lightbox="photo-set">
                <img src="photos/cropped_1920/maps/the-opus-map-singapore-new-launch-condominium-d97ac31c74e521a212cba9503892a8f0.jpg" alt="The Opus Map" title="The Opus Map" class="img-fluid">
                <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 Map</p></div>
              </a>
            </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>
            <h3 class="text-white text-center h4 mb-5">Developer Appointed Sales Team</h3>
            <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%20The Opus.%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.theopus.newlaunches.sg/">
                <input type="hidden" id="sender_ipaddress" name="sender_ipaddress" class="form-control" value="54.145.83.79">
                <input type="hidden" id="sender_hashed" name="sender_hashed" class="form-control" value="f393034f62a27da5e17ec1a4005d9fe7">
                <input type="hidden" id="sender_microsite_id" name="sender_microsite_id" class="form-control" value="41">
                <input type="hidden" id="sender_project_name" name="sender_project_name" class="form-control" value="The Opus">
                <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>Hi, I would like to find out more about The Opus. 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">Other 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.theramford.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_550/photos/the-ramford-photo-singapore-new-launch-condominium-b9062fce91e0d6468c012fdd0c9adfcb.jpg" alt="The Ramford">
                                  <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 Ramford</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">Rambai 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.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_550/photos/sea-pavilion-residences-photo-singapore-new-launch-condominium-eb72b0a57a84f0b543157bf73d263239.jpg" alt="Sea Pavilion Residences">
                                  <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">Sea Pavilion Residences</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">Upper East Coast Road (D16)</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="/photos/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.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_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 class="carousel-item"><div class="row"><div class="col-8 mx-auto"><div class="row">                                                                            <div class="col-md-12">
                            <a href="https://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_550/photos/amber-45-photo-singapore-new-launch-condominium-19e6e8983aa400603b39f2a4102df5c5.jpg" alt="Amber 45">
                                  <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">Amber 45</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 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.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_550/photos/one-eighties-residences-photo-singapore-new-launch-condominium-07f503ba2a12d65377c071b19ebb3aae.jpg" alt="One Eighties Residences">
                                  <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 Eighties Residences</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">Joo Chiat Terrace (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.theramford.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_550/photos/the-ramford-photo-singapore-new-launch-condominium-b9062fce91e0d6468c012fdd0c9adfcb.jpg" alt="The Ramford">
                                  <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 Ramford</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">Rambai Road (D15)</p>
                                </div>
                              </div>
                            </a>
                          </div>
                                                                                                                                <div class="col-md-6">
                            <a href="https://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_550/photos/sea-pavilion-residences-photo-singapore-new-launch-condominium-eb72b0a57a84f0b543157bf73d263239.jpg" alt="Sea Pavilion Residences">
                                  <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">Sea Pavilion Residences</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">Upper East Coast Road (D16)</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.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_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-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="/photos/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 class="carousel-item"><div class="row"><div class="col-8 mx-auto"><div class="row">                                                                            <div class="col-md-6">
                            <a href="https://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_550/photos/amber-45-photo-singapore-new-launch-condominium-19e6e8983aa400603b39f2a4102df5c5.jpg" alt="Amber 45">
                                  <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">Amber 45</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 Road (D15)</p>
                                </div>
                              </div>
                            </a>
                          </div>
                                                                                                                                <div class="col-md-6">
                            <a href="https://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_550/photos/one-eighties-residences-photo-singapore-new-launch-condominium-07f503ba2a12d65377c071b19ebb3aae.jpg" alt="One Eighties Residences">
                                  <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 Eighties Residences</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">Joo Chiat Terrace (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.theramford.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_550/photos/the-ramford-photo-singapore-new-launch-condominium-b9062fce91e0d6468c012fdd0c9adfcb.jpg" alt="The Ramford">
                                  <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 Ramford</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">Rambai Road (D15)</p>
                                </div>
                              </div>
                            </a>
                          </div>
                                                                                                                                <div class="col-md-4">
                            <a href="https://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_550/photos/sea-pavilion-residences-photo-singapore-new-launch-condominium-eb72b0a57a84f0b543157bf73d263239.jpg" alt="Sea Pavilion Residences">
                                  <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">Sea Pavilion Residences</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">Upper East Coast Road (D16)</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="/photos/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-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="/photos/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 class="col-md-4">
                            <a href="https://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_550/photos/amber-45-photo-singapore-new-launch-condominium-19e6e8983aa400603b39f2a4102df5c5.jpg" alt="Amber 45">
                                  <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">Amber 45</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 Road (D15)</p>
                                </div>
                              </div>
                            </a>
                          </div>
                                                                                                                                <div class="col-md-4">
                            <a href="https://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_550/photos/one-eighties-residences-photo-singapore-new-launch-condominium-07f503ba2a12d65377c071b19ebb3aae.jpg" alt="One Eighties Residences">
                                  <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 Eighties Residences</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">Joo Chiat Terrace (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>The Opus</p>
          <p>&copy; 2018 - www.theopus.newlaunches.sg</p>
          <p><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%20The Opus.%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%20The Opus.%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.theopus.newlaunches.sg/?r=f?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.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.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>
<!-- Bootstrap core JavaScript -->
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/js/bootstrap.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>