

<!-- 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>Jui Residences - New Launch Condominium at Serangoon Rd | Singapore</title>
<meta name="description" content="Jui Residences is a new Freehold Condominium by Selangor Dredging Berhad (SDB). Located at Serangoon Rd (Singapore), Jui Residences has a total plot size of approximately 31705.0sqft (2945.5sqm) and consist of 117 Units. Find out more or enquire about Jui Residences now.">
<meta name="keywords" content="Jui Residences, New Condominium, New Launch Condominium, Serangoon Rd, Freehold, Selangor Dredging Berhad (SDB), New Launch, Singapore New Launch, New Condominium at Serangoon Rd">
<meta name="author" content="newlaunches.sg">
<link rel="apple-touch-icon" type="image/png" href="https://www.newlaunches.sg/photos/projects/logos/jui-residences-logo-singapore-new-launch-condominium-5bf74aa5fd4a2098557783d959d120a3.png">
<link rel="apple-touch-icon" type="image/png" sizes="72x72" href="https://www.newlaunches.sg/photos/projects/logos/jui-residences-logo-singapore-new-launch-condominium-5bf74aa5fd4a2098557783d959d120a3.png">
<link rel="apple-touch-icon" type="image/png" sizes="114x114" href="https://www.newlaunches.sg/photos/projects/logos/jui-residences-logo-singapore-new-launch-condominium-5bf74aa5fd4a2098557783d959d120a3.png">
<link rel="icon" type="image/png" href="https://www.newlaunches.sg/photos/projects/logos/jui-residences-logo-singapore-new-launch-condominium-5bf74aa5fd4a2098557783d959d120a3.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.min.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.4.1/css/all.css" integrity="sha384-5sAR7xN1Nv6T6+dT2mhtzEpVJvfS3NScPQTrOxhwjIuvcA67KV2R5Jz6kr4abQsz" crossorigin="anonymous">
<!-- LightBox CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.10.0/css/lightbox.min.css" />
<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.juiresidences.newlaunches.sg/",
        "name": "Jui Residences"
      }
    }
  ]
}
</script>
<!-- Breadcrumb jSON End --> 

<!-- Contact jSON Start --> 
<script type="application/ld+json">
{
  "@context": "http://schema.org",
  "@type": "Organization",
  "url": "http://www.juiresidences.newlaunches.sg",
  "name": "Jui Residences",
  "image": "https://www.newlaunches.sg/photos/projects/cropped_1920/photos/jui-residences-photo-singapore-new-launch-condominium-f58e2a60d79bf738434a85aa9050bb67.jpg",
  "description": "Jui Residence is a freehold development project developed by Selangor Dredging Berhad (SDB). It is located at the very heart of the Potong Pasir, near Sarangoon in District 12. The entire site will be covering a total area of 31,703 sq ft. The site is going to come up with 117 residential units, with 1 to 3 bedroom type units and 7 commercial units.The Central Business District (CBD) is just a short drive away via the Central Expressway (CTE). Besides, the majestic Kallang river runs alongside the site, giving a wonderful view to the residents. Jui Residences is also well served by the Pan Island Expressway (PIE), connecting the development to the rest of Singapore.",
  "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.newlaunches.sg/photos/projects/cropped_1920/photos/jui-residences-photo-singapore-new-launch-condominium-f58e2a60d79bf738434a85aa9050bb67.jpg",
    "https://www.newlaunches.sg/photos/projects/cropped_1920/photos/jui-residences-photo-singapore-new-launch-condominium-8f061ac338fb8d439d778c70c5c894b8.jpg",
    "https://www.newlaunches.sg/photos/projects/cropped_1920/photos/jui-residences-photo-singapore-new-launch-condominium-6e57b116f3b6a8a8744720f5f055d315.jpg"
   ],
  "@id": "http://www.juiresidences.newlaunches.sg",
  "name": "Jui Residences",
  "address": {
    "@type": "PostalAddress",
    "streetAddress": "1177 Serangoon Rd",
    "addressLocality": "Singapore",
    "addressRegion": "SG",
    "addressCountry": "SG"
  },
  "geo": {
    "@type": "GeoCoordinates",
    "latitude": 1.3262620,
    "longitude": 103.8665280  },
  "url": "http://www.www.juiresidences.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="https://www.newlaunches.sg/photos/projects/logos/jui-residences-logo-singapore-new-launch-condominium-5bf74aa5fd4a2098557783d959d120a3.png" class="img-fluid" alt="Jui Residences Logo" />
          <i class="fas fa-spinner fa-spin fa-lg mt-3"></i>
        </div>
      </div>
    </div>
  </div>


  <nav>
    <div class="navbar navbar-dark fixed-top" style="background-color: #262621; color: #FFFFFF;">
      <div class="container-fluid">
        <a class="navbar-brand" href="../"><img src="https://www.newlaunches.sg/photos/projects/logos/jui-residences-logo-singapore-new-launch-condominium-5bf74aa5fd4a2098557783d959d120a3.png" class="img-fluid" alt="Jui Residences 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="../floor-plans.html" >FLOOR PLANS</a></li>
                        <li><a href="../gallery.html" >GALLERY</a></li>
                                      <li><a href="../showflat.html" >VISIT SHOWFLAT</a></li>
                                    
                          <li><a class="scroll_to_id" data-target-id="contact_form_section">CONTACT US</a></li>
                      </ul>
        </div>
      </div>
    </div>
  </nav>
            <style>
    #main_intro_section {
      height: auto;
      margin-top: 76px;
      position: relative;
      background: url(https://www.newlaunches.sg/photos/projects/cropped_1920/photos/jui-residences-photo-singapore-new-launch-condominium-f58e2a60d79bf738434a85aa9050bb67.jpg) bottom 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">
        JUI RESIDENCES        <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="https://www.newlaunches.sg/photos/projects/logos/jui-residences-logo-singapore-new-launch-condominium-5bf74aa5fd4a2098557783d959d120a3.png" class="img-fluid mb-3" alt="Jui Residences Logo" /></a>
              <p>RARE FREEHOLD ALONG SERANGOON ROAD</p>
              <p>&bull;</p>
              <p>GREAT CONNECTIVITY</p>
              <p>&bull;</p>
              <p>1-3 BEDROOM UNITS</p>
              <p>&bull;</p>
              <p>SHOWFLAT NOW OPEN</p>
              <p>BOOK AN APPOINTMENT NOW TO VISIT SHOWFLAT</p>
                                            <a class="btn btn-brown-outline-inverted d-block mt-3" href="../showflat.html"><i class="far fa-calendar-check"></i> SCHEDULE A SHOWFLAT VIEWING APPOINTMENT</a>
                                        </div>
          </div>
        </div>
      </div>
      <div class="scroll_down d-none d-lg-block"><a>SCROLL DOWN <i class="fas fa-arrow-down"></i></a></div>
    </div>
  </section>
  
  
  <section id="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">Jui Residences</h1>
              <p class="mb-5 invisible_links">Jui Residence is a freehold development project developed by Selangor Dredging Berhad (SDB). It is located at the very heart of the Potong Pasir, near Sarangoon in District 12. The entire site will be covering a total area of 31,703 sq ft. The site is going to come up with 117 residential units, with 1 to 3 bedroom type units and 7 commercial units.<br /><br />The Central Business District (CBD) is just a short drive away via the Central Expressway (CTE). Besides, the majestic Kallang river runs alongside the site, giving a wonderful view to the residents. <a href='http://www.juiresidences.newlaunches.sg?r=c'>Jui Residences</a> is also well served by the Pan Island Expressway (PIE), connecting the development to the rest of Singapore.</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(https://www.newlaunches.sg/photos/projects/cropped_1920/photos/jui-residences-photo-singapore-new-launch-condominium-8f061ac338fb8d439d778c70c5c894b8.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 Jui Residences?</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(https://www.newlaunches.sg/photos/projects/cropped_1920/photos/jui-residences-photo-singapore-new-launch-condominium-6e57b116f3b6a8a8744720f5f055d315.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>D12</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>117 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>Jun 2022</p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>  
  
  
  <section id="home_page_map_section" style="background: url(https://www.newlaunches.sg/photos/projects/cropped_1920/maps/jui-residences-map-singapore-new-launch-condominium-b9a03ee94c300d8187d3847e393d397a.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">Jui Residences Location</h2>
                <p class="text-white mb-5 invisible_links">The location will be such that some of the best schools and colleges in Singapore like Saint Andrew&#039;s Junior &amp; Senior School, Cedar Girls Primary &amp; Secondary School, Saint Andrew&#039;s Junior College and the Stamford American International School.<br /><br />Then there are the shopping malls, eateries and restaurants, commercial centers in close proximity to the site, leaving no dearth in marketing, dining and entertainment options for the residents.<br /><br />Some of the eminent shopping malls near Jui Residence include The Venue Shoppes, Poiz Residences Shopping Center, Nex Shopping Mall and the likes. The MRT stations nearby include the Potong Pasir MRT Station and the Boon Keng MRT station.<br /><br />If the residents wish to travel to Orchard, or need to go to the Central Business District, they can do so in flicker. The site will be tucked in a calm corner of Serangoon and Moonstone Lane, thereby living a truly serene experience though with all the state of the art amenities of the modern lifestyle.</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-md-9 col-lg-6 col-xl-4 mx-auto my-auto px-0 mb-md-5 mb-lg-auto px-lg-3">
            <div class="view overlay">
              <a class="" href="https://www.newlaunches.sg/photos/projects/cropped_1920/maps/jui-residences-map-singapore-new-launch-condominium-b9a03ee94c300d8187d3847e393d397a.jpg" data-lightbox="photo-set">
                <img src="https://www.newlaunches.sg/photos/projects/cropped_0768/maps/jui-residences-map-singapore-new-launch-condominium-b9a03ee94c300d8187d3847e393d397a.jpg" alt="Jui Residences Map" title="Jui Residences 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%20Jui Residences.%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.juiresidences.newlaunches.sg/">
                <input type="hidden" id="sender_ipaddress" name="sender_ipaddress" class="form-control" value="54.227.21.188">
                <input type="hidden" id="sender_hashed" name="sender_hashed" class="form-control" value="0860aa887f929faef9557654be98bfe4">
                <input type="hidden" id="sender_microsite_id" name="sender_microsite_id" class="form-control" value="29">
                <input type="hidden" id="sender_project_name" name="sender_project_name" class="form-control" value="Jui Residences">
                <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 Jui Residences. 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.kallangriverside.newlaunches.sg">
                              <div class="card mb-2">
                                <div class="view overlay" style="cursor: pointer;">
                                  <img class="card-img-top img-fluid img-thumbnail" src="https://www.newlaunches.sg/photos/projects/thumbnails_550/photos/kallang-riverside-photo-singapore-new-launch-condominium-14beb026b585e4999ef534a7e32aa12b.jpg" alt="Kallang Riverside">
                                  <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">Kallang Riverside</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">Kampong Bugis (D12)</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.arenaresidences.newlaunches.sg">
                              <div class="card mb-2">
                                <div class="view overlay" style="cursor: pointer;">
                                  <img class="card-img-top img-fluid img-thumbnail" src="https://www.newlaunches.sg/photos/projects/thumbnails_550/photos/arena-residences-photo-singapore-new-launch-condominium-f4ace6a430cc03bbc3a5592c1aef6f07.jpg" alt="Arena 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">Arena 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">Guillemard Crescent (D14)</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.theaddition.newlaunches.sg">
                              <div class="card mb-2">
                                <div class="view overlay" style="cursor: pointer;">
                                  <img class="card-img-top img-fluid img-thumbnail" src="https://www.newlaunches.sg/photos/projects/thumbnails_550/photos/the-addition-photo-singapore-new-launch-condominium-be0438770097483753989b92edbb6347.jpg" alt="The Addition">
                                  <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 Addition</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">Meyappa Chettiar Road (D13)</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.rezi35.newlaunches.sg">
                              <div class="card mb-2">
                                <div class="view overlay" style="cursor: pointer;">
                                  <img class="card-img-top img-fluid img-thumbnail" src="https://www.newlaunches.sg/photos/projects/thumbnails_550/photos/rezi-35-photo-singapore-new-launch-condominium-21a2578f4fcdd1f5c01e73a6df3d47c4.jpg" alt="Rezi 35">
                                  <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">Rezi 35</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">Lorong 35 Geylang (D14)</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.33residences.newlaunches.sg">
                              <div class="card mb-2">
                                <div class="view overlay" style="cursor: pointer;">
                                  <img class="card-img-top img-fluid img-thumbnail" src="https://www.newlaunches.sg/photos/projects/thumbnails_550/photos/33-residences-photo-singapore-new-launch-condominium-677c99b9b29fa8249d87f16eb4c62e12.jpg" alt="33 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">33 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">Lorong 30 Geylang (D14)</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.kallangriverside.newlaunches.sg">
                              <div class="card mb-2">
                                <div class="view overlay" style="cursor: pointer;">
                                  <img class="card-img-top img-fluid img-thumbnail" src="https://www.newlaunches.sg/photos/projects/thumbnails_550/photos/kallang-riverside-photo-singapore-new-launch-condominium-14beb026b585e4999ef534a7e32aa12b.jpg" alt="Kallang Riverside">
                                  <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">Kallang Riverside</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">Kampong Bugis (D12)</p>
                                </div>
                              </div>
                            </a>
                          </div>
                                                                                                                                <div class="col-md-6">
                            <a href="https://www.arenaresidences.newlaunches.sg">
                              <div class="card mb-2">
                                <div class="view overlay" style="cursor: pointer;">
                                  <img class="card-img-top img-fluid img-thumbnail" src="https://www.newlaunches.sg/photos/projects/thumbnails_550/photos/arena-residences-photo-singapore-new-launch-condominium-f4ace6a430cc03bbc3a5592c1aef6f07.jpg" alt="Arena 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">Arena 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">Guillemard Crescent (D14)</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.theaddition.newlaunches.sg">
                              <div class="card mb-2">
                                <div class="view overlay" style="cursor: pointer;">
                                  <img class="card-img-top img-fluid img-thumbnail" src="https://www.newlaunches.sg/photos/projects/thumbnails_550/photos/the-addition-photo-singapore-new-launch-condominium-be0438770097483753989b92edbb6347.jpg" alt="The Addition">
                                  <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 Addition</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">Meyappa Chettiar Road (D13)</p>
                                </div>
                              </div>
                            </a>
                          </div>
                                                                                                                                <div class="col-md-6">
                            <a href="https://www.rezi35.newlaunches.sg">
                              <div class="card mb-2">
                                <div class="view overlay" style="cursor: pointer;">
                                  <img class="card-img-top img-fluid img-thumbnail" src="https://www.newlaunches.sg/photos/projects/thumbnails_550/photos/rezi-35-photo-singapore-new-launch-condominium-21a2578f4fcdd1f5c01e73a6df3d47c4.jpg" alt="Rezi 35">
                                  <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">Rezi 35</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">Lorong 35 Geylang (D14)</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.33residences.newlaunches.sg">
                              <div class="card mb-2">
                                <div class="view overlay" style="cursor: pointer;">
                                  <img class="card-img-top img-fluid img-thumbnail" src="https://www.newlaunches.sg/photos/projects/thumbnails_550/photos/33-residences-photo-singapore-new-launch-condominium-677c99b9b29fa8249d87f16eb4c62e12.jpg" alt="33 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">33 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">Lorong 30 Geylang (D14)</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.kallangriverside.newlaunches.sg">
                              <div class="card mb-2">
                                <div class="view overlay" style="cursor: pointer;">
                                  <img class="card-img-top img-fluid img-thumbnail" src="https://www.newlaunches.sg/photos/projects/thumbnails_550/photos/kallang-riverside-photo-singapore-new-launch-condominium-14beb026b585e4999ef534a7e32aa12b.jpg" alt="Kallang Riverside">
                                  <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">Kallang Riverside</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">Kampong Bugis (D12)</p>
                                </div>
                              </div>
                            </a>
                          </div>
                                                                                                                                <div class="col-md-4">
                            <a href="https://www.arenaresidences.newlaunches.sg">
                              <div class="card mb-2">
                                <div class="view overlay" style="cursor: pointer;">
                                  <img class="card-img-top img-fluid img-thumbnail" src="https://www.newlaunches.sg/photos/projects/thumbnails_550/photos/arena-residences-photo-singapore-new-launch-condominium-f4ace6a430cc03bbc3a5592c1aef6f07.jpg" alt="Arena 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">Arena 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">Guillemard Crescent (D14)</p>
                                </div>
                              </div>
                            </a>
                          </div>
                                                                                                                                <div class="col-md-4">
                            <a href="https://www.theaddition.newlaunches.sg">
                              <div class="card mb-2">
                                <div class="view overlay" style="cursor: pointer;">
                                  <img class="card-img-top img-fluid img-thumbnail" src="https://www.newlaunches.sg/photos/projects/thumbnails_550/photos/the-addition-photo-singapore-new-launch-condominium-be0438770097483753989b92edbb6347.jpg" alt="The Addition">
                                  <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 Addition</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">Meyappa Chettiar Road (D13)</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.rezi35.newlaunches.sg">
                              <div class="card mb-2">
                                <div class="view overlay" style="cursor: pointer;">
                                  <img class="card-img-top img-fluid img-thumbnail" src="https://www.newlaunches.sg/photos/projects/thumbnails_550/photos/rezi-35-photo-singapore-new-launch-condominium-21a2578f4fcdd1f5c01e73a6df3d47c4.jpg" alt="Rezi 35">
                                  <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">Rezi 35</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">Lorong 35 Geylang (D14)</p>
                                </div>
                              </div>
                            </a>
                          </div>
                                                                                                                                <div class="col-md-4">
                            <a href="https://www.33residences.newlaunches.sg">
                              <div class="card mb-2">
                                <div class="view overlay" style="cursor: pointer;">
                                  <img class="card-img-top img-fluid img-thumbnail" src="https://www.newlaunches.sg/photos/projects/thumbnails_550/photos/33-residences-photo-singapore-new-launch-condominium-677c99b9b29fa8249d87f16eb4c62e12.jpg" alt="33 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">33 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">Lorong 30 Geylang (D14)</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>Jui Residences</p>
          <p>&copy; 2018 - www.juiresidences.newlaunches.sg</p>
          <p class="mb-0"><a href="disclaimer.html">Disclaimer</a></p>
        </div>
      </div>
    </div>
  </footer>
  
  
  <section id="mobile_call_whatsapp_section" class="d-sm-none">
    <div class="container-fluid">
      <div class="row">
        <div class="col text-center z-depth-1"><a href="sms:+6586666162;?&body=Hi,%20I%20came%20across%20your%20website%20for%20Jui Residences.%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%20Jui Residences.%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.juiresidences.newlaunches.sg/?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>