

<!-- 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 Gallery | Jui Residences - New Launch Condominium at Serangoon Rd | Singapore</title>
<meta name="description" content="View Jui Residences photo gallery for its Artists' Impressions, Actual Photos, Facade Photos, Showflat Photos, Facilities, etc.">
<meta name="keywords" content="Jui Residences Photos, 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"
      }
    },{
      "@type": "ListItem",
      "position": 3,
      "item": {
        "@type": "WebPage",
        "@id": "https://www.juiresidences.newlaunches.sg/gallery.html",
        "name": "Jui Residences - Project Photos Gallery"
      }
    }
  ]
}
</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 --> 

</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="../" >HOME</a></li>
            <li><a href="../project-details.html" >PROJECT DETAILS</a></li>
            <li><a href="../location.html" >LOCATION</a></li>
                          <li><a href="../floor-plans.html" >FLOOR PLANS</a></li>
                        <li><a href="../gallery.html"  class="active" >GALLERY</a></li>
                                      <li><a href="../showflat.html" >VISIT SHOWFLAT</a></li>
                                    
                          <li><a class="scroll_to_id" data-target-id="contact_form_section">CONTACT US</a></li>
                      </ul>
        </div>
      </div>
    </div>
  </nav>
            <style>
    #main_intro_section {
      height: auto;
      margin-top: 76px;
      position: relative;
      background: url(https://www.newlaunches.sg/photos/projects/cropped_1920/photos/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>GALLERY      </div>
      <div class="container h-100">
        <div class="row h-100 align-content-center">
          <div class="col-10 col-sm-9 col-md-6 col-lg-5 col-xl-4 mx-auto   ml-md-0 ">
            <div class="main_intro_contents">
              <a href="../"><img src="https://www.newlaunches.sg/photos/projects/logos/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="gallery_section">
    <div class="container-fluid bg-dark text-white pt-5 pb-1 pb-lg-5">
      <div class="row">
        <div class="col-12 text-center py-5">
          <h1 class="text-white mb-5">Jui Residences Gallery</h1>
        </div>
        <div class="col-12 col-xl-10 mx-auto text-center pb-lg-5">
          <div class="row justify-content-md-center">
                          <div class="col-6 col-sm-6 col-md-4 col-lg-4 col-xl-3 px-1 py-1">
                <div class="view overlay">
                  <a class="" href="https://www.newlaunches.sg/photos/projects/cropped_1920/photos/jui-residences-photo-singapore-new-launch-condominium-f58e2a60d79bf738434a85aa9050bb67.jpg" data-lightbox="photo-set">
                    <img src="https://www.newlaunches.sg/photos/projects/thumbnails_550/photos/jui-residences-photo-singapore-new-launch-condominium-f58e2a60d79bf738434a85aa9050bb67.jpg" alt="Jui Residences" title="Jui Residences" class="img-fluid z-depth-1">
                    <div class="mask flex-center rgba-custom-strong waves-effect waves-light"><p class="black-text text-center"><i class="fas fa-search-plus fa-3x"></i><br><br>Enlarge Photo</p></div>
                  </a>
                </div>
              </div>
                          <div class="col-6 col-sm-6 col-md-4 col-lg-4 col-xl-3 px-1 py-1">
                <div class="view overlay">
                  <a class="" href="https://www.newlaunches.sg/photos/projects/cropped_1920/photos/jui-residences-photo-singapore-new-launch-condominium-8f061ac338fb8d439d778c70c5c894b8.jpg" data-lightbox="photo-set">
                    <img src="https://www.newlaunches.sg/photos/projects/thumbnails_550/photos/jui-residences-photo-singapore-new-launch-condominium-8f061ac338fb8d439d778c70c5c894b8.jpg" alt="Jui Residences" title="Jui Residences" class="img-fluid z-depth-1">
                    <div class="mask flex-center rgba-custom-strong waves-effect waves-light"><p class="black-text text-center"><i class="fas fa-search-plus fa-3x"></i><br><br>Enlarge Photo</p></div>
                  </a>
                </div>
              </div>
                          <div class="col-6 col-sm-6 col-md-4 col-lg-4 col-xl-3 px-1 py-1">
                <div class="view overlay">
                  <a class="" href="https://www.newlaunches.sg/photos/projects/cropped_1920/photos/jui-residences-photo-singapore-new-launch-condominium-6e57b116f3b6a8a8744720f5f055d315.jpg" data-lightbox="photo-set">
                    <img src="https://www.newlaunches.sg/photos/projects/thumbnails_550/photos/jui-residences-photo-singapore-new-launch-condominium-6e57b116f3b6a8a8744720f5f055d315.jpg" alt="Jui Residences" title="Jui Residences" class="img-fluid z-depth-1">
                    <div class="mask flex-center rgba-custom-strong waves-effect waves-light"><p class="black-text text-center"><i class="fas fa-search-plus fa-3x"></i><br><br>Enlarge Photo</p></div>
                  </a>
                </div>
              </div>
                          <div class="col-6 col-sm-6 col-md-4 col-lg-4 col-xl-3 px-1 py-1">
                <div class="view overlay">
                  <a class="" href="https://www.newlaunches.sg/photos/projects/cropped_1920/photos/jui-residences-photo-singapore-new-launch-condominium-329204478b8ef054602d83240d72e122.jpg" data-lightbox="photo-set">
                    <img src="https://www.newlaunches.sg/photos/projects/thumbnails_550/photos/jui-residences-photo-singapore-new-launch-condominium-329204478b8ef054602d83240d72e122.jpg" alt="Jui Residences" title="Jui Residences" class="img-fluid z-depth-1">
                    <div class="mask flex-center rgba-custom-strong waves-effect waves-light"><p class="black-text text-center"><i class="fas fa-search-plus fa-3x"></i><br><br>Enlarge Photo</p></div>
                  </a>
                </div>
              </div>
                          <div class="col-6 col-sm-6 col-md-4 col-lg-4 col-xl-3 px-1 py-1">
                <div class="view overlay">
                  <a class="" href="https://www.newlaunches.sg/photos/projects/cropped_1920/photos/jui-residences-photo-singapore-new-launch-condominium-a7551acf7c2e7a41d06eca468c1a3969.jpg" data-lightbox="photo-set">
                    <img src="https://www.newlaunches.sg/photos/projects/thumbnails_550/photos/jui-residences-photo-singapore-new-launch-condominium-a7551acf7c2e7a41d06eca468c1a3969.jpg" alt="Jui Residences" title="Jui Residences" class="img-fluid z-depth-1">
                    <div class="mask flex-center rgba-custom-strong waves-effect waves-light"><p class="black-text text-center"><i class="fas fa-search-plus fa-3x"></i><br><br>Enlarge Photo</p></div>
                  </a>
                </div>
              </div>
                          <div class="col-6 col-sm-6 col-md-4 col-lg-4 col-xl-3 px-1 py-1">
                <div class="view overlay">
                  <a class="" href="https://www.newlaunches.sg/photos/projects/cropped_1920/photos/jui-residences-photo-singapore-new-launch-condominium-3e24ebd8b52cce7b9e6cee65f858b11a.jpg" data-lightbox="photo-set">
                    <img src="https://www.newlaunches.sg/photos/projects/thumbnails_550/photos/jui-residences-photo-singapore-new-launch-condominium-3e24ebd8b52cce7b9e6cee65f858b11a.jpg" alt="Jui Residences" title="Jui Residences" class="img-fluid z-depth-1">
                    <div class="mask flex-center rgba-custom-strong waves-effect waves-light"><p class="black-text text-center"><i class="fas fa-search-plus fa-3x"></i><br><br>Enlarge Photo</p></div>
                  </a>
                </div>
              </div>
                          <div class="col-6 col-sm-6 col-md-4 col-lg-4 col-xl-3 px-1 py-1">
                <div class="view overlay">
                  <a class="" href="https://www.newlaunches.sg/photos/projects/cropped_1920/photos/jui-residences-photo-singapore-new-launch-condominium-bdf25504366b787446cddaa9c6ce728e.jpg" data-lightbox="photo-set">
                    <img src="https://www.newlaunches.sg/photos/projects/thumbnails_550/photos/jui-residences-photo-singapore-new-launch-condominium-bdf25504366b787446cddaa9c6ce728e.jpg" alt="Jui Residences" title="Jui Residences" class="img-fluid z-depth-1">
                    <div class="mask flex-center rgba-custom-strong waves-effect waves-light"><p class="black-text text-center"><i class="fas fa-search-plus fa-3x"></i><br><br>Enlarge Photo</p></div>
                  </a>
                </div>
              </div>
                          <div class="col-6 col-sm-6 col-md-4 col-lg-4 col-xl-3 px-1 py-1">
                <div class="view overlay">
                  <a class="" href="https://www.newlaunches.sg/photos/projects/cropped_1920/photos/jui-residences-photo-singapore-new-launch-condominium-f5d3335a4084c79e48d4ddb3a9a887ad.jpg" data-lightbox="photo-set">
                    <img src="https://www.newlaunches.sg/photos/projects/thumbnails_550/photos/jui-residences-photo-singapore-new-launch-condominium-f5d3335a4084c79e48d4ddb3a9a887ad.jpg" alt="Jui Residences" title="Jui Residences" class="img-fluid z-depth-1">
                    <div class="mask flex-center rgba-custom-strong waves-effect waves-light"><p class="black-text text-center"><i class="fas fa-search-plus fa-3x"></i><br><br>Enlarge Photo</p></div>
                  </a>
                </div>
              </div>
                          <div class="col-6 col-sm-6 col-md-4 col-lg-4 col-xl-3 px-1 py-1">
                <div class="view overlay">
                  <a class="" href="https://www.newlaunches.sg/photos/projects/cropped_1920/photos/jui-residences-photo-singapore-new-launch-condominium-ec8556375393d89282d21a5246adec4d.jpg" data-lightbox="photo-set">
                    <img src="https://www.newlaunches.sg/photos/projects/thumbnails_550/photos/jui-residences-photo-singapore-new-launch-condominium-ec8556375393d89282d21a5246adec4d.jpg" alt="Jui Residences" title="Jui Residences" class="img-fluid z-depth-1">
                    <div class="mask flex-center rgba-custom-strong waves-effect waves-light"><p class="black-text text-center"><i class="fas fa-search-plus fa-3x"></i><br><br>Enlarge Photo</p></div>
                  </a>
                </div>
              </div>
                          <div class="col-6 col-sm-6 col-md-4 col-lg-4 col-xl-3 px-1 py-1">
                <div class="view overlay">
                  <a class="" href="https://www.newlaunches.sg/photos/projects/cropped_1920/photos/jui-residences-photo-singapore-new-launch-condominium-e5c191c8aac0cf911949cd19f2f61501.jpg" data-lightbox="photo-set">
                    <img src="https://www.newlaunches.sg/photos/projects/thumbnails_550/photos/jui-residences-photo-singapore-new-launch-condominium-e5c191c8aac0cf911949cd19f2f61501.jpg" alt="Jui Residences" title="Jui Residences" class="img-fluid z-depth-1">
                    <div class="mask flex-center rgba-custom-strong waves-effect waves-light"><p class="black-text text-center"><i class="fas fa-search-plus fa-3x"></i><br><br>Enlarge Photo</p></div>
                  </a>
                </div>
              </div>
                          <div class="col-6 col-sm-6 col-md-4 col-lg-4 col-xl-3 px-1 py-1">
                <div class="view overlay">
                  <a class="" href="https://www.newlaunches.sg/photos/projects/cropped_1920/photos/jui-residences-photo-singapore-new-launch-condominium-8fbc32e7f41e1669291ec55b27bd0536.jpg" data-lightbox="photo-set">
                    <img src="https://www.newlaunches.sg/photos/projects/thumbnails_550/photos/jui-residences-photo-singapore-new-launch-condominium-8fbc32e7f41e1669291ec55b27bd0536.jpg" alt="Jui Residences" title="Jui Residences" class="img-fluid z-depth-1">
                    <div class="mask flex-center rgba-custom-strong waves-effect waves-light"><p class="black-text text-center"><i class="fas fa-search-plus fa-3x"></i><br><br>Enlarge Photo</p></div>
                  </a>
                </div>
              </div>
                          <div class="col-6 col-sm-6 col-md-4 col-lg-4 col-xl-3 px-1 py-1">
                <div class="view overlay">
                  <a class="" href="https://www.newlaunches.sg/photos/projects/cropped_1920/photos/jui-residences-photo-singapore-new-launch-condominium-902c89aec456626679f2968fc5e5b953.jpg" data-lightbox="photo-set">
                    <img src="https://www.newlaunches.sg/photos/projects/thumbnails_550/photos/jui-residences-photo-singapore-new-launch-condominium-902c89aec456626679f2968fc5e5b953.jpg" alt="Jui Residences" title="Jui Residences" class="img-fluid z-depth-1">
                    <div class="mask flex-center rgba-custom-strong waves-effect waves-light"><p class="black-text text-center"><i class="fas fa-search-plus fa-3x"></i><br><br>Enlarge Photo</p></div>
                  </a>
                </div>
              </div>
                      </div>
        </div>
      </div>
    </div>
    <div class="scroll_down d-none d-lg-block"><a>SCROLL DOWN <i class="fas fa-arrow-down"></i></a></div>
  </section>
  
  
    <section id="contact_form_section" style="background-attachment: fixed;" >
    <div style="background: RGBA(0, 0, 0, 0.75);">
      <div class="container pt-5 pb-3 pb-lg-5">
        <div class="row">
          <div class="col-12 pt-5 pb-lg-5"><h2 class="text-center text-white">Contact Us</h2></div>
          <div class="col-12 col-lg-6 my-auto py-5">
            <p class="text-white text-center mb-5">Please leave your contact details and our representative will be in contact with you as soon as we can.</p>
            <p class="text-white text-center mb-5">Alternatively, you may also contact us directly at <a href="tel:6586666162"><span class="h2 text-nowrap">+65 8666 6162</span></a></p>
            <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/gallery.html">
                <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.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.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.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.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-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></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.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.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.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/gallery.html?r=was"><i class="fas fa-share-alt"></i></a></div>
  </section>
  
  
<!-- JQuery -->
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.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>