<!DOCTYPE html>
<!--
Template Name: Sislaf
Author: <a href="https://www.os-templates.com/">OS Templates</a>
Author URI: https://www.os-templates.com/
Copyright: OS-Templates.com
Licence: Free to use under our free template licence terms
Licence URI: https://www.os-templates.com/template-terms
-->
<html lang="">
<!-- To declare your language - read more here: https://www.w3.org/International/questions/qa-html-language-declarations -->

<head>
    <title>Bukit Cimanggu City</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <!-- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous"> -->
      <!-- Tell the browser to be responsive to screen width -->
  <meta name="viewport" content="width=device-width, initial-scale=1">

  <link rel="stylesheet" href="https://cimanggu-city.com/public/layout/bootstrap.min.css">


  <link rel="stylesheet" href="https://cimanggu-city.com/public/layout/styles/layout.css" media="all">
  <link rel="stylesheet" href="https://cimanggu-city.com/public/layout/styles/custom.css" media="all">
  <link rel="stylesheet" href="https://cimanggu-city.com/public/layout/styles/owl.theme.min.css" media="all">
  <link rel="stylesheet" href="https://cimanggu-city.com/public/layout/styles/owl.carousel.min.css" media="all">

  <link rel="stylesheet" href="https://cimanggu-city.com/public/layout/styles/custom.css" media="all">

  <link rel="stylesheet" href="https://cimanggu-city.com/public/layout/lightbox.min.css" media="all">

  <link rel="stylesheet" href="https://cimanggu-city.com/public/layout/jquery.smartmenus.bootstrap.css" media="all">
  <style>
    .photo-gallery {
      color: #313437;
      background-color: #fff;
    }

    .photo-gallery p {
      color: #7d8285;
    }

    .photo-gallery h2 {
      font-weight: bold;
      margin-bottom: 40px;
      padding-top: 40px;
      color: inherit;
    }

    @media (max-width:767px) {
      .photo-gallery h2 {
        margin-bottom: 25px;
        padding-top: 25px;
        font-size: 24px;
      }
    }

    .photo-gallery .intro {
      font-size: 16px;
      max-width: 500px;
      margin: 0 auto 40px;
    }

    .photo-gallery .intro p {
      margin-bottom: 0;
    }

    .photo-gallery .photos {
      padding-bottom: 20px;
    }

    .photo-gallery .item {
      padding-bottom: 30px;
    }

    .testimonial {
      padding: 20px;
      margin: 20px 10px;
    }

    .testimonial .pic {
      width: 122px;
      height: 122px;
      float: left;
      margin-right: 50px;
      position: relative;
    }

    .testimonial .pic:before,
    .testimonial .pic:after {
      content: "";
      display: block;
      height: 50%;
      width: 50%;
      position: absolute;
    }

    .testimonial .pic:before {
      bottom: -10%;
      left: -10%;
      border-bottom: 3px solid #E16B47;
      border-left: 3px solid #E16B47;
    }

    .testimonial .pic:after {
      top: -10%;
      right: -10%;
      border-top: 3px solid #e16b47;
      border-right: 3px solid #e16b47;
    }

    .testimonial .pic img {
      width: 100%;
      height: auto;
    }

    .testimonial .testimonial-content {
      display: table;
      position: relative;
    }

    .testimonial .testimonial-content:before {
      content: "\f10d";
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      position: absolute;
      top: -30px;
      left: -15px;
      font-size: 60px;
      color: #d8dad6;
      z-index: -1;
    }

    .testimonial .testimonial-title {
      font-size: 24px;
      color: #e16b47;
      text-transform: capitalize;
    }

    .testimonial .post {
      font-size: 13px;
      font-weight: 600;
      color: #585f62;
      border-left: 1px solid rgba(0, 0, 0, 0.1);
      margin-left: 5px;
      padding-left: 5px;
    }

    .testimonial .description {
      font-size: 13px;
      color: #7c7c7c;
      line-height: 22px;
      margin-top: 12px;
      font-style: italic;
      background-color: azure;
      padding: 15px;
    }

    .owl-theme .owl-controls .owl-page.active span,
    .owl-theme .owl-controls.clickable .owl-page:hover span {
      background-color: #e16b47;
    }

    @media only screen and (max-width: 980px) {
      .testimonial {
        padding: 20px 0;
        margin: 20px 15px;
      }

      .testimonial .pic {
        float: none;
      }

      .testimonial .testimonial-content {
        display: block;
        margin-top: 30px;
      }

      .testimonial .testimonial-content:before {
        z-index: 1;
        top: -200px;
      }
    }
  </style>    
    
    <meta property='og:title' content='Harga Terbaru Bukit Cimanggu City'>
    <meta property='og:site_name' content='0812-9116-6977'>
    <meta property='og:url' content='https://cimanggu-city.com/'>
    <meta property='og:description' content='Dapatkan Harga Terbaru 2023 Di Sini'>
    <meta property='og:type' content='website'>
    <meta property='og:image' content='https://cimanggu-city.com/public/images/demo/promo/IMG-20230706-WA0001.webp'>
    <meta property='og:image' content='https://cimanggu-city.com/public/images/demo/promo/IMG-20230713-WA0000.webp'>
    <meta property='og:image' content='https://bukit.cimanggu-city.com/wp-content/uploads/2023/07/WhatsApp-Image-2023-07-13-at-19.28.51.jpg'>
</head>

<body id="top">
    <!-- ################################################################################################ -->
    <!-- ################################################################################################ -->
    <!-- ################################################################################################ -->
    <!-- Top Background Image Wrapper -->

    <div class="bgded overlay" id="autoSlideShow">
        <!-- ################################################################################################ -->
        <div class="wrapper row0">
            <div id="topbar" class="hoc clear">
                <div class="fl_left">
                    <!-- ################################################################################################ -->
                    <ul class="nospace">
                        <li><i class="fas fa-phone rgtspace-5"></i> 081291166977</li>
                        <li><i class="far fa-envelope rgtspace-5"></i> firmansyah948@gmail.com</li>
                    </ul>
                    <!-- ################################################################################################ -->
                </div>
                <div class="fl_right">
                    <!-- ################################################################################################ -->
                    <ul class="nospace">
                        <li><a target="_blank" style="color:#fff;" href="" title="facebook"><i class="fab fa-facebook-square"></i></a></li>
                        <li><a target="_blank" style="color:#fff;" href="https://www.instagram.com/bukitcimanggucity.official/" title="instagram"><i class="fab fa-instagram"></i></a></li>
                        <li><a target="_blank" style="color:#fff;" href="https://api.whatsapp.com/send?phone=+6281291166977&text=Hallo%20Mas%20Firman,%20Saya%20ingin%20mengetahui%20info%20perumahan%20Bukit%20Cimanggu%20City" title="whatsapp"><i class="fab fa-whatsapp"></i></a></li>

                    </ul>
                    <!-- ################################################################################################ -->
                </div>
            </div>
        </div>
        <!-- ################################################################################################ -->
        <!-- ################################################################################################ -->
        <!-- ################################################################################################ -->
                <div class="wrapper row1">

            <div class="container" style="padding: 10px 0px;">

                <div class="navbar navbar-default" role="navigation">
                    <div class="navbar-header">
                        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                            <span class="sr-only">Toggle navigation</span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                        </button>
                        <h1><a href="https://cimanggu-city.com/"> <img style="width: 300px; padding-left:20px" src="https://cimanggu-city.com//public/images/demo/logo.png" alt=""></a></h1>
                    </div>
                    <div class="navbar-collapse collapse">



                        <!-- Right nav -->
                        <ul class="nav navbar-nav navbar-right">
                            <li class=""><a href="bootstrap-navbar.html">HOME</a></li>
                            <li><a href="#">CLUSTER <span class="caret"></span></a>
                                <ul class="dropdown-menu">
                                                                            <li><a href="#">Lantai 1 <span class="caret"></span></a>
                                            <ul class="dropdown-menu">
                                                                                                    
                                                        <li style="left:-120px"><a href="https://cimanggu-city.com/MainController/galery?id=14">Cluster Savana Botheo Tipe Guava 36/90 (2 KT) </a></li>
                                                                                                                                                        
                                                        <li style="left:-120px"><a href="https://cimanggu-city.com/MainController/galery?id=17">Cluster Savana Botheo Tipe Areca 45/90 (2 KT) </a></li>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                </ul>
                                        </li>
                                                                            <li><a href="#">Lantai 2 <span class="caret"></span></a>
                                            <ul class="dropdown-menu">
                                                                                                                                                                                                                                                                                                            
                                                        <li style="left:-120px"><a href="https://cimanggu-city.com/MainController/galery?id=23">Cluster LLanos Tipe Selanica 83/90 (3 KT)</a></li>
                                                                                                                                                        
                                                        <li style="left:-120px"><a href="https://cimanggu-city.com/MainController/galery?id=24">Cluster LLanos Tipe Carbera 94/104 (4 KT)</a></li>
                                                                                                                                                        
                                                        <li style="left:-120px"><a href="https://cimanggu-city.com/MainController/galery?id=25">Ruko Prominent Blok KA </a></li>
                                                                                                                                                                                                                                                    </ul>
                                        </li>
                                                                            <li><a href="#">Lantai 3 <span class="caret"></span></a>
                                            <ul class="dropdown-menu">
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        
                                                        <li style="left:-120px"><a href="https://cimanggu-city.com/MainController/galery?id=26">Ruko The Plaza Bukit Cimanggu City </a></li>
                                                                                                                                                </ul>
                                        </li>
                                                                    </ul>
                            </li>
                            <li><a href="https://cimanggu-city.com/MainController/promo">PROMO</a></li>
                            <li><a href="#Fasilitas">FASILITAS</a></li>
                            <li><a href="#PriceList">DAFTAR HARGA</a></li>
                        </ul>

                    </div>
                    <!--/.nav-collapse -->
                </div>
            </div><!-- /example -->

        </div>
        <!-- jQuery -->
<script src="https://cimanggu-city.com/public/layout/scripts/jquery.min.js"></script>
<script src="https://cimanggu-city.com/public/layout/scripts/jquery.backtotop.js"></script>
<script src="https://cimanggu-city.com/public/layout/scripts/jquery.mobilemenu.js"></script>


<script src="https://cimanggu-city.com/public/layout/bootstrap.min.js"></script>
<script src="https://cimanggu-city.com/public/layout/jquery.smartmenus.js"></script>
<script src="https://cimanggu-city.com/public/layout/jquery.smartmenus.bootstrap.js"></script>
<script src="https://cimanggu-city.com/public/layout/scripts/owl.carousel.min.js"></script>
<script src="https://cimanggu-city.com/public/layout/scripts/easy_background.js"></script>



<script>
    var base_url = "https://cimanggu-city.com/";
</script>
<script src="https://cimanggu-city.com/public/layout/scripts/autoload.js"></script>

<script type="text/javascript">
    $(document).ready(function() {
        slides();
        $("#testimonial-slider").owlCarousel({
            items: 2,
            itemsDesktop: [1000, 1],
            itemsDesktopSmall: [979, 1],
            itemsTablet: [768, 1],
            pagination: true,
            navigation: true,
            navigationText: ["", ""],
            slideSpeed: 1000,
            autoPlay: true
        });
        // modal();
        // Add smooth scrolling to all links
        $("a").on('click', function(event) {

            // Make sure this.hash has a value before overriding default behavior
            if (this.hash !== "") {
                // Prevent default anchor click behavior
                event.preventDefault();

                // Store hash
                var hash = this.hash;

                // Using jQuery's animate() method to add smooth page scroll
                // The optional number (800) specifies the number of milliseconds it takes to scroll to the specified area
                $('html, body').animate({
                    scrollTop: $(hash).offset().top
                }, 900, function() {

                    // Add hash (#) to URL when done scrolling (default click behavior)
                    window.location.hash = hash;
                });
            } // End if
        });
    });



    function myFunction(imgs) {
        console.log(imgs);
        var expandImg = document.getElementById("expandedImg");
        var imgText = document.getElementById("imgtext");
        expandImg.src = imgs.src;
        imgText.innerHTML = imgs.alt;
        expandImg.parentElement.style.display = "block";
    }

    function openModal() {
        document.getElementById("myModal").style.display = "block";
        // $("#expandedImg img").attr("src", imgs.src);
    }

    function closeModal() {
        document.getElementById("myModal").style.display = "none";
    }

    function plusSlides(n) {

        showSlides(slideIndex += n);
    }

    function currentSlide(n) {
        slideIndex = n;
        showSlides(slideIndex = n);
    }

    function showSlides(n) {

        var i;
        var slides = $(".mySlides");
        console.log(slides);
        var dots = $(".demo");
        var captionText = $("#caption");
        if (n > slides.length) {
            slideIndex = 1
        }
        if (n < 1) {
            slideIndex = slides.length
        }
        for (i = 0; i < slides.length; i++) {
            slides[i].style.display = "none";
        }
        for (i = 0; i < dots.length; i++) {
            dots[i].className = dots[i].className.replace(" active", "");
        }
        slides[slideIndex - 1].style.display = "block";
        dots[slideIndex - 1].className += " active";
        captionText.innerHTML = dots[slideIndex - 1].alt;
    }

    function slides() {
        $.getJSON(base_url + "MainController/getSlides", function(data) {
            console.log(data);
            var slides = [];
            var countdata = data.result.length;
            for (let i = 0; i < countdata; i++) {
                // console.log(data.result[i].gambar);
                slides.push("public/images/demo/gallery/" + data.result[i].gambar);
            }
            easy_background("#autoSlideShow",

                {
                    slide: slides,

                    delay: [2000, 2000, 2000, 2000, 2000]
                }


            )
        });
    }

    
    
    
    
    function submitPricelist() {

        var i = 0;

        if ($("#inputNama").val() == "" || $("#inputNoHp").val() == "" || !$("input[name='gridRadios']:checked").val()) {
            alert("Silahkan input nama/ no telepon/ tipe rumah anda");
            i = 1;
        }
        console.log(i);

        if (i == 0) {
            $.ajax({
                url: "https://cimanggu-city.com//MainController/saveUser", //Request send to "action.php page"
                method: "POST", //Using of Post method for send data
                data: {
                    txtNama: $("#inputNama").val(),
                    txtNoHp: $("#inputNoHp").val(),
                    gridRadios: $("input[name='gridRadios']:checked").val()
                }, //Send data to server
                success: function(data) {

                    $.ajax({
                        url: 'https://cimanggu-city.com/public/images/pricelist.jpeg',
                        method: 'GET',
                        xhrFields: {
                            responseType: 'blob'
                        },
                        success: function(data) {
                            var a = document.createElement('a');
                            var url = window.URL.createObjectURL(data);
                            a.href = url;
                            a.download = 'bukitcimaggu_pricelist.jpg';
                            document.body.append(a);
                            a.click();
                            a.remove();
                            window.URL.revokeObjectURL(url);
                        }
                    });

                    $("#inputNama").val('');
                    $("#inputNoHp").val('');
                    var radioButton3 = document.getElementById("gridRadios3");
                    radioButton3.checked = false;
                    var radioButton1 = document.getElementById("gridRadios1");
                    radioButton1.checked = false;
                    var radioButton2 = document.getElementById("gridRadios2");
                    radioButton2.checked = false;

                }
            });
        }


        (function() {
                var options = {
                    whatsapp: "+6281291166977", // WhatsApp number
                    call: "+6281291166977", // Call phone number
                    call_to_action: "Message us", // Call to action
                    button_color: "#FF6550", // Color of button
                    position: "right", // Position may be 'right' or 'left'
                    order: "whatsapp,call", // Order of buttons
                };
                var proto = document.location.protocol,
                    host = "whatshelp.io",
                    url = proto + "//static." + host;
                var s = document.createElement('script');
                s.type = 'text/javascript';
                s.async = true;
                s.src = url + '/widget-send-button/js/init.js';
                s.onload = function() {
                    WhWidgetSendButton.init(host, proto, options);
                };
                var x = document.getElementsByTagName('script')[0];
                x.parentNode.insertBefore(s, x);
            })();
    }
    
  
  var config = {
    phone :" 6281291166977",
    call :"Message us",
    position :"ww-right",
    size : "ww-normal",
    text : "Hello mas Firman, saya mau tahu informasi mengenai perumhan Bukit Cimanggu City..",
    type: "ww-standard",
    brand: "",
    subtitle: "",
    welcome: ""
  };
  var proto = document.location.protocol, host = "cloudfront.net", url = proto + "//d3kzab8jj16n2f." + host;
    var s = document.createElement("script"); s.type = "text/javascript"; s.async = true; s.src = url + "/v2/main.js";

    s.onload = function () { tmWidgetInit(config) };
    var x = document.getElementsByTagName("script")[0]; x.parentNode.insertBefore(s, x);

</script>
        <script>

        </script><!-- ################################################################################################ -->
<!-- ################################################################################################ -->
<!-- ################################################################################################ -->
<div id="pageintro" class="hoc clear">
    <!-- ################################################################################################ -->
    <article>
        <h3 class="heading">BUKIT CIMANGGU CITY</h3>
        <p>Memberikan Hunian Sesuai Kebutuhan Anda Dan Keluarga </p>
        <footer>
            <ul class="nospace inline pushright">
                <li><a class="btn" href="#PriceList">Cek Harga</a></li>
                <!-- <li><a class="btn inverse" href="#">Sagittis massa</a></li> -->
            </ul>
        </footer>
    </article>
    <!-- ################################################################################################ -->
</div>
<!-- ################################################################################################ -->
</div>
<!-- End Top Background Image Wrapper -->

<div class="bgded overlay" style="background-image:url('public/images/bcc4.png');">
    <section id="splitfifty" class="hoc container clear">
        <div class="sectiontitle">
            <!-- <p class="nospace font-xs">Magna ultrices eleifend suspendisse</p> -->
            <p class="heading underline font-x2">Bukit Cimanggu City</p>
        </div>
        <div class="bgded clear">
            <!-- ################################################################################################ -->
            <article>
                <h6 class="heading font-x2">BUKIT CIMANGGU CITY
                </h6>
                <footer><a target="_blank" class="btn fas fa-comments" href="https://api.whatsapp.com/send?phone=+6281291166977&text=Hallo%20Mas%20Firman,%20Saya%20ingin%20mengetahui%20info%20perumahan%20Bukit%20Cimanggu%20City"> Online Chat</a></footer><br>
                <p>Bukit Cimanggu City, adalah salah satu proyek terbaik persembahan dari Gapuraprima Group yang terlah berkarya lebih dari 40 tahun
				dalam pengembangan proyek properti Nasional. Bukit Cimanggu City merupakan perumahan terbesar di Bogor Utara yang sangat pesat perkembagannya
				. Perumahan dengan luasan lebih dari 2000 hektar dan akan terus berkembang dimana saat ini telah dihuni lebih dari 7000 kepala keluarga.</p>
                <p>Memiliki fasilitas lengkap mulai dari Sarana Ibadah, Sarana Olahraga(Fitness Center). Marcopolo Waterpark, ATM Center, Mini Market, Business Center serta Hotel dan Apartemen.
				Bukit Cimanggu City juga dikelilingi dengan fasilitas umum yang super lengkap, yaitu dekat dengan Rumah Sakit, Pusat Perbelanjaan, Pusat Pendidikan dari Sekolah sampai Universitas
                </p>
                <p>Lokasi Bukit Cimanggu City berada di jalan Provinsi, sehingga memiliki akses yang mudah dengan waktu tempuh hanya 5 menit ke Tol BORR (Bogor Outer Ring Road) dan dapat ditempuh melalui Tol Jagorawi dan Exit Tol Sentul Selatan via Jakarta.
					Untuk saran Transportasi dapat menggunakan Kereta melalui Stasiun Cilebut serta di lengkapi dengan Shuttle Bus menuju Bandara Soekarno - Hatta.
				</p>
                <p>Dengan, Fasilitas dan Akses yang sangat mudah dan lengkap, menjadikan Bukit Cimanggu City salah satu Perumahan Terbaik di Kota Bogor.</a></footer>
            </article>
            <div class="" style="display: flex;">
                <!-- <img src="public/images/demo/backgrounds/youtube.jpg" style="width:620px;height:525px ; max-width:100%;max-height: 100%;" alt="profile images"> -->
                <iframe width="615" height="525" src="https://www.youtube.com/embed/OwopKy8vZUQ" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen>
                </iframe>
            </div>
            <!-- ################################################################################################ -->
        </div>
    </section>
</div>

<div class="wrapper row3" id="cluster">
    <div class="hoc container clear" style="margin-bottom:60px">
        <!-- ################################################################################################ -->

        <div class="sectiontitle">
            <!-- <p class="nospace font-xs">Id elementum lobortis justo donec</p> -->
            <p class="heading underline font-x2">PROMO</p><br />
            <p class="nospace font-xs">Segera Hubungi kami untuk mendapatkan promo dan penawaran menarik lainnya.!!
            </p>
        </div>

        <div class="row btmspace-50">
            <div class="row">
                                    <div class="col-xs-12 col-sm-6 col-md-6" style="margin-bottom:20px;">
                        <figure>
                            <img style="" src="https://cimanggu-city.com/public/images/demo/promo/IMG-20240220-WA0003.jpg" alt=""></a>
                        </figure>
                    </div>

                                    <div class="col-xs-12 col-sm-6 col-md-6" style="margin-bottom:20px;">
                        <figure>
                            <img style="" src="https://cimanggu-city.com/public/images/demo/promo/Picsart_24-04-05_20-54-37-189.jpg" alt=""></a>
                        </figure>
                    </div>

                            </div>
        </div>
    </div>
</div>


<!-- ################################################################################################ -->
<!-- ################################################################################################ -->
<!-- ################################################################################################ -->
<div class="wrapper row2">
    <section class="hoc container clear">
        <!-- ################################################################################################ -->
        <div class="sectiontitle">
            <!-- <p class="nospace font-xs">Nisl vitae mauris ipsum eget</p> -->
            <p class="heading underline font-x2">Service</p>
        </div>
        <div class="row " id="stats">
            <div class="col-xs-12 col-sm-6 col-md-4" class=" ">
                <i class="far fa-money-bill-alt"></i>
                <p>BOOKING FEE</p>
                <p>Booking fee dapat disesuaikan.</p>
            </div>
            <div class="col-xs-12 col-sm-6 col-md-4">
                <i class="fas fa-american-sign-language-interpreting"></i>
                <p>DP DAPAT DI CICIL</p>
                <p>Down payment dapat dicicil sampai dengan 3 kali.</p>
            </div>
            <div class="col-xs-12 col-sm-6 col-md-4">
                <i class="fas fa-university"></i>
                <p>BANK REKANAN</p>
                <p>BCA, BNI, Bank Mandiri, Danamon, CIMB Niaga, dll.</p>
            </div>
        </div>
        <!-- ################################################################################################ -->
    </section>

</div>
<!-- ################################################################################################ 
<!-- ################################################################################################ 
<div class="bgded overlay" style="background-image:url('public/images/s11.jpg');">
    <section id="splitfifty" class="hoc container clear">
        <div class="sectiontitle">
            <!-- <p class="nospace font-xs">Magna ultrices eleifend suspendisse</p> 
            <p class="heading underline font-x2">Bukit Cimanggu City</p>
        </div>
        <div class="bgded clear">
            <!-- ################################################################################################ 
            <article>
                <h6 class="heading font-x2">BUKIT CIMANGGU CITY
                </h6>
                <p>Perumahan Kelas Menengah Ke Atas,
                    Dibangun Mulai Tahun 1990,
                    Luas mencapai Lebih dari 180 HA.</p>
                <p>Fasilitas Lengkap
                    (Water Park, Sport Club, Bussiness Center & Office Tower),
                </p>
                <p>LOKASI PREMIUM
                    Terletak di jalan Raya Baru no 1, Bogor,
                    Akses Stasiun Cilebut & Bogor,
                    Akses langsung ke tol BORR,
                    Akses Bus Langsung ke Bandara Soetta.</p>
                <p>Tersedia Rumah 1 & 2 Lantai
                    Harga Mulai 600 Jt-an
                    Kpr EXPRESS Syarat Hanya Ktp Dan Npwp Saja*</p>
                <footer><a class="btn" href="#PriceList"> Download Harga</a></footer>
            </article>
            <div class="" style="display: flex;">
                <!-- <img src="public/images/demo/backgrounds/youtube.jpg" style="width:620px;height:525px ; max-width:100%;max-height: 100%;" alt="profile images"> 
                <iframe width="615" height="525" src="https://www.youtube.com/embed/OwopKy8vZUQ" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen>
                </iframe>
            </div>
            <!-- ################################################################################################ 
        </div>
    </section>
</div>



<!-- ################################################################################################ -->
<!-- ################################################################################################ -->
<!-- ################################################################################################ -->

<!-- ################################################################################################ -->
<!-- ################################################################################################ -->
<!-- ################################################################################################ --><div class="wrapper row3" id="cluster">
    <div class="hoc container clear">
        <!-- ################################################################################################ -->

        <div class="sectiontitle">
            <!-- <p class="nospace font-xs">Id elementum lobortis justo donec</p> -->
            <p class="heading underline font-x2">Cluster</p><br />
            <p class="nospace font-xs">Perumahan elit dengan fasilitas dan sarana prasarana lengkap di kota Bogor.

            </p>
        </div>

        <div class="row btmspace-80">

            
                <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 team" style="margin-bottom: 25px;">
                    <a style="text-decoration: none;" href="https://cimanggu-city.com/MainController/galery?id=14">
                        <figure>
                            <img class="img-responsive" style="" src="https://cimanggu-city.com/public/images/demo/cluster/IMG_20230118_145223_977.jpg" alt="Cluster Savana Botheo Tipe Guava 36/90 (2 KT) ">

                            <figcaption><strong>Cluster Savana Botheo Tipe Guava 36/90 (2 KT)  </strong> <em></em></figcaption>
                        </figure>
                    </a>
                </div>

            
                <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 team" style="margin-bottom: 25px;">
                    <a style="text-decoration: none;" href="https://cimanggu-city.com/MainController/galery?id=17">
                        <figure>
                            <img class="img-responsive" style="" src="https://cimanggu-city.com/public/images/demo/cluster/IMG_20240325_103326-_1_.webp" alt="Cluster Savana Botheo Tipe Areca 45/90 (2 KT) ">

                            <figcaption><strong>Cluster Savana Botheo Tipe Areca 45/90 (2 KT)  </strong> <em></em></figcaption>
                        </figure>
                    </a>
                </div>

            
                <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 team" style="margin-bottom: 25px;">
                    <a style="text-decoration: none;" href="https://cimanggu-city.com/MainController/galery?id=23">
                        <figure>
                            <img class="img-responsive" style="" src="https://cimanggu-city.com/public/images/demo/cluster/IMG_20230506_101617_139.jpg" alt="Cluster LLanos Tipe Selanica 83/90 (3 KT)">

                            <figcaption><strong>Cluster LLanos Tipe Selanica 83/90 (3 KT) </strong> <em></em></figcaption>
                        </figure>
                    </a>
                </div>

            
                <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 team" style="margin-bottom: 25px;">
                    <a style="text-decoration: none;" href="https://cimanggu-city.com/MainController/galery?id=24">
                        <figure>
                            <img class="img-responsive" style="" src="https://cimanggu-city.com/public/images/demo/cluster/IMG_20240113_080010_962.webp" alt="Cluster LLanos Tipe Carbera 94/104 (4 KT)">

                            <figcaption><strong>Cluster LLanos Tipe Carbera 94/104 (4 KT) </strong> <em></em></figcaption>
                        </figure>
                    </a>
                </div>

            
                <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 team" style="margin-bottom: 25px;">
                    <a style="text-decoration: none;" href="https://cimanggu-city.com/MainController/galery?id=25">
                        <figure>
                            <img class="img-responsive" style="" src="https://cimanggu-city.com/public/images/demo/cluster/ebrochure_Newupdate_Prominent_BCC_page-0005.webp" alt="Ruko Prominent Blok KA ">

                            <figcaption><strong>Ruko Prominent Blok KA  </strong> <em></em></figcaption>
                        </figure>
                    </a>
                </div>

            
                <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 team" style="margin-bottom: 25px;">
                    <a style="text-decoration: none;" href="https://cimanggu-city.com/MainController/galery?id=26">
                        <figure>
                            <img class="img-responsive" style="" src="https://cimanggu-city.com/public/images/demo/cluster/IMG-20210427-WA0011.webp" alt="Ruko The Plaza Bukit Cimanggu City ">

                            <figcaption><strong>Ruko The Plaza Bukit Cimanggu City  </strong> <em></em></figcaption>
                        </figure>
                    </a>
                </div>

            
        </div>
        <!-- ################################################################################################ -->
    </div>



</div>

<div class="bgded overlay" style="background-image:url('public/images/s11.jpg');">
    <section id="splitfifty" class="hoc container clear">

    </section>
</div><div class="wrapper row3" id="Fasilitas">
    <div class="hoc container clear">
        <!-- ################################################################################################ -->

        <div class="sectiontitle">
            <!-- <p class="nospace font-xs">Id elementum lobortis justo donec</p> -->
            <p class="heading underline font-x2">Fasilitas</p><br />
            <p class="nospace font-xs">Perumahan elit dengan fasilitas dan sarana prasarana lengkap di kota Bogor.

            </p>
        </div>

        <div class="row btmspace-80" style="justify-content: center; align-items: center; ">

                            <div class="col-xs-12 col-sm-6 col-md-3 team" style="margin-bottom: 20px;">
                    <figure>
                        <img style="width:100%; height:auto" src="https://cimanggu-city.com/public/images/demo/promo/fasilitas1.webp" alt="<p><strong>Marcopolo WaterPark</strong></p>"></a>
                        <figcaption><strong><p><strong>Marcopolo WaterPark</strong></p> </strong> <em></em></figcaption>
                    </figure>
                </div>

                            <div class="col-xs-12 col-sm-6 col-md-3 team" style="margin-bottom: 20px;">
                    <figure>
                        <img style="width:100%; height:auto" src="https://cimanggu-city.com/public/images/demo/promo/fasilitas2.webp" alt="<p><strong>Bus Bandara SinarJaya</strong></p>"></a>
                        <figcaption><strong><p><strong>Bus Bandara SinarJaya</strong></p> </strong> <em></em></figcaption>
                    </figure>
                </div>

                            <div class="col-xs-12 col-sm-6 col-md-3 team" style="margin-bottom: 20px;">
                    <figure>
                        <img style="width:100%; height:auto" src="https://cimanggu-city.com/public/images/demo/promo/fasilitas3.webp" alt="<p><strong>Stasiun Cilebut</strong></p>"></a>
                        <figcaption><strong><p><strong>Stasiun Cilebut</strong></p> </strong> <em></em></figcaption>
                    </figure>
                </div>

                            <div class="col-xs-12 col-sm-6 col-md-3 team" style="margin-bottom: 20px;">
                    <figure>
                        <img style="width:100%; height:auto" src="https://cimanggu-city.com/public/images/demo/promo/fasilitas4.jpg" alt="<p><strong>Bogor Icon Condotel</strong></p>"></a>
                        <figcaption><strong><p><strong>Bogor Icon Condotel</strong></p> </strong> <em></em></figcaption>
                    </figure>
                </div>

            
        </div>

        <section id="overview" class="clear">
            <footer class="center"><a class="btn" href="https://cimanggu-city.com/Maincontroller/fasilitas">Lihat Semua</a></footer>
        </section>
        <!-- ################################################################################################ -->
    </div>



</div><div class="wrapper bgded" style="background-image:url('public/images/s11.jpg');">
    <section id="testimonials" class="hoc container clear">


        <!-- ################################################################################################ -->
        <div class="overlay">
            <div class="sectiontitle">

                <p style="margin-top:10px" class="heading underline font-x2">Testimoni</p>
            </div>

            <div class="row">
                <div class="col-md-12">
                    <div id="testimonial-slider" class="owl-carousel">
                        <div class="testimonial">
                            <div class="pic">
                                <img src="public/images/demo/comment/puspita.jpg" alt="">
                            </div>
                            <div class="testimonial-content">
                                <h3 class="testimonial-title">Ibu Puspita

                                </h3>
                                <p class="description">
                                    Terimakasih Mas Firman Sudah Bantu Kami dpatkan Rumah di Bukit Cimanggu City.<br>
                                    Lokasinya Strategis Dekat Tol, Akses Stasiun Dekat, & Juga Ada Bus Langsung Ke Bandara Soetta.<br>
                                    Nyaman Deh Dekat Kemana-mana.
                                </p>
                            </div>
                        </div>

                        <div class="testimonial">
                            <div class="pic">
                                <img src="public/images/demo/comment/eka.jpg" alt="">
                            </div>
                            <div class="testimonial-content">
                                <h3 class="testimonial-title">Ibu Eka
                                </h3>
                                <p class="description">
                                    Bukit Cimanggu City Fasilitasnya Lengkap, ada Waterparknya Marcopolo,
                                    Dekat Pusat Perbelanjaan Giant, Transmart, Lottemart, Ramayana.<br>
                                    Aksesnya Juga Strategis
                                    Dekat Tol Mau Kerja Ke Jakarta Jadi Cepat.<br>
                                    Terima Kasih mas Firman.
                                </p>
                            </div>
                        </div>
                        <div class="testimonial">
                            <div class="pic">
                                <img src="public/images/demo/comment/amalia.jpg" alt="">
                            </div>
                            <div class="testimonial-content">
                                <h3 class="testimonial-title">Ibu Amalia

                                </h3>
                                <p class="description">
                                    Rumah nya Bagus mas,
                                    Lokasinya Strategis,
                                    Udaranya Sejuk.
                                    One Gate System.<br>
                                    Jadi Saya dan Anak-anak Betah Tinggal Di Bukit Cimanggu City.
                                    Saya Ucapkan Terima Kasih
                                </p>
                            </div>
                        </div>

                    </div>
                </div>
            </div>

        </div>
        <!-- ################################################################################################ -->
    </section>
</div><style>
    @function remy($value) {
        @return ($value / 16px) * 1rem;
    }

    body {
        font: 100% / 1.414 "Open Sans", "Roboto", arial, sans-serif;
        background: #e9e9e9;
    }

    a,
    [type="submit"] {
        transition: all 0.25s ease-in;
    }

    .signup__container {

        right: 0;
        left: 0;
        margin-right: auto;
        margin-left: auto;

        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
        width: remy(800px);
        height: remy(480px);
        border-radius: remy(3px);
        box-shadow: 0px remy(3px) remy(7px) rgba(0, 0, 0, 0.25);
    }

    .signup__overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.76);
    }

    .container__child {
        width: 50%;
        height: 100%;
        color: #fff;
    }

    .signup__thumbnail {
        position: relative;
        padding: 2rem;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        background: url(http://ultraimg.com/images/spectre-login.jpg);
        background-repeat: no-repeat;
        background-position: top center;
        background-size: cover;
    }

    .thumbnail__logo,
    .thumbnail__content,
    .thumbnail__links {
        position: relative;
        z-index: 2;
    }

    .thumbnail__logo {
        align-self: flex-start;
    }

    .logo__shape {
        fill: #fff;
    }

    .logo__text {
        display: inline-block;
        font-size: 0.8rem;
        font-weight: 700;
        vertical-align: bottom;
    }

    .thumbnail__content {
        align-self: center;
    }

    h1,
    h2 {
        font-weight: 300;
        color: rgba(255, 255, 255, 1);
    }

    .heading--primary {
        font-size: 1.999rem;
    }

    .heading--secondary {
        font-size: 1.414rem;
    }

    .thumbnail__links {
        align-self: flex-end;
        width: 100%;
    }

    .thumbnail__links a {
        font-size: 1rem;
        color: #fff;

        &:focus,
        &:hover {
            color: rgba(255, 255, 255, 0.5);
        }
    }

    .signup__form {
        padding: 2.5rem;
        background: #fafafa;
    }

    label {
        font-size: 0.85rem;
        text-transform: uppercase;
        color: #ccc;
    }

    .form-control {
        background-color: transparent;
        border-top: 0;
        border-right: 0;
        border-left: 0;
        border-radius: 0;

        &:focus {
            border-color: #111;
        }
    }

    [type="text"] {
        color: #111;
    }

    [type="password"] {
        color: #111;
    }

    .btn--form {
        padding: 0.5rem 2.5rem;
        font-size: 0.95rem;
        font-weight: 600;
        text-transform: uppercase;
        color: #fff;
        background: #111;
        border-radius: remy(35px);

        &:focus,
        &:hover {
            background: lighten(#111, 13%);
        }
    }

    .signup__link {
        font-size: 0.8rem;
        font-weight: 600;
        text-decoration: underline;
        color: #999;

        &:focus,
        &:hover {
            color: darken(#999, 13%);
        }
    }
</style>

<div class="wrapper row3" id="PriceList">
    <div class="hoc container clear">
        <div class="sectiontitle">
            <!-- <p class="nospace font-xs">Id elementum lobortis justo donec</p> -->
            <p class="heading underline font-x2">Price List</p>
            <br />
            <p class="nospace font-xs">File Akan Terkirim via Aplikasi Whatsapp

            </p>
        </div>

        <div class="signup__container" style=" background-color:darkcyan;filter: alpha(opacity=60);">
            <div class="container__child signup__thumbnail" style="background: url(https://cimanggu-city.com/public/images/demo/backgrounds/backroundGalery.jpg) repeat;">
                <div class="thumbnail__logo">

                </div>
                <div class="thumbnail__content text-center" style="margin:75px 0px">
                    <h1 class="heading--primary">Segera Hubungi Saya</h1>
                    <h2 class="heading--secondary">Untuk mendapatkan penawaran harga terbaik</h2>
                </div>

                <div class="signup__overlay"></div>
            </div>
            <div class="container__child signup__form">
                <form action="https://cimanggu-city.com//MainController/saveUser" method="POST">
                    <div class="form-group">
                        <label for="username">Nama</label>
                        <<input type="text" class="form-control" name="txtNama" id="inputNama" placeholder="Nama Anda" required>
                    </div>
                    <div class="form-group">
                        <label for="email">Telepon</label>
                        <input type="number" maxlength=" 13" class="form-control" name="txtNoHp" id="inputNoHp" placeholder="Nomor Penerima File" required>
                    </div>
                    <div class="form-group">
                        <label for="email">Tipe Rumah </label>
                    </div>
                    <div class="form-group">
                        <input class="form-check-input" type="radio" name="gridRadios" id="gridRadios1" value="1">
                        <label class="form-check-label" for="gridRadios1">
                            1 Lantai
                        </label>
                    </div>
                    <div class="form-group">
                        <input class="form-check-input" type="radio" name="gridRadios" id="gridRadios2" value="2">
                        <label class="form-check-label" for="gridRadios2">
                            2 Lantai
                        </label>
                    </div>
                    <div class="form-group">
                        <input class="form-check-input" type="radio" name="gridRadios" id="gridRadios3" value="All">
                        <label class="form-check-label" for="gridRadios3">
                            Semua Cluster
                        </label>
                    </div>
                    <div class="m-t-lg">
                        <ul class="list-inline">
                            <li>
                                <input style="    width: 120%;" class="btn btn-success" onclick="return submitPricelist()" value="Download" />
                            </li>

                        </ul>
                    </div>
                </form>
            </div>
        </div>
        <!-- ################################################################################################ -->
    </div>


</div>


<div class="bgded " style="background-color:#fff">
    <section id="splitfifty" class="hoc container clear">
        <div class="sectiontitle">
            <!-- <p class="nospace font-xs">Magna ultrices eleifend suspendisse</p> -->
            <p class="heading underline font-x2">Selamat Datang</p>
        </div>
        <div class="">
            <!-- ################################################################################################ -->
            <article style="background-color: beige; padding:65px">
                <h6 class="heading font-x2">Marketing Executive</h6>
                <p>Perkenalkan nama saya Firmansyah salah satu marketing Executive Perumahan Bukti Cimanggu City Bogor.</p>
                <p>Sebelum Bapak dan Ibu Membeli Rumah di Bukit Cimanggu City, Izinkan Saya untuk Membantu Memperkenalkan perumahan Kami, Agar Bapak dan Ibu Bisa Mendapatkan Hunian Sesuai Impian Bapak, Ibu dan Keluarga.</p>
                <p>Salam Hangat,</p>
                <p>Firmansyah</p>
                
            </article>
            <div class="" style="display: flex;">
                <img src="https://cimanggu-city.com//public/images/demo/admin/admin.jpg" style="width:80%;height: 400px; max-height:100%" alt="profile images">
            </div>
            <!-- ################################################################################################ -->
        </div>
    </section>
</div><!-- ################################################################################################ -->
<!-- ################################################################################################ -->
<!-- ################################################################################################ -->


<div class="bgded overlay row4" style="background-image:url('https://cimanggu-city.com/public/images/bcc4.png');">
    <footer id="footer" class="hoc clear">
        <!-- ################################################################################################ -->

        <!-- ################################################################################################ -->
        <hr class="btmspace-50">
        <!-- ################################################################################################ -->
        <div class="group btmspace-50">
            <div class="one_third first">
                <h6 class="heading">Bukit Cimanggu City</h6>
                <p class="nospace btmspace-15" style="color:beige">
                    Perumahan Bukit Cimanggu City Bogor adalah Perumahan terbaik,<br>
                    terbesar dan terlengkap di Bogor Utara. <br>

                    Dengan komitmen yang tinggi dan menjadi yang terbaik
                    .</p>

            </div>
            <div class="two_third">
                <h6 class="heading">Lokasi</h6>
                <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3963.7238065694823!2d106.78073321431346!3d-6.556508965917061!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x2e69c3f935d594e5%3A0x8ad4da36da48b297!2sKantor%20Marketing%20Bukit%20Cimanggu%20City!5e0!3m2!1sid!2sid!4v1619054549479!5m2!1sid!2sid" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
            </div>

            <!-- ################################################################################################ -->
        </div>
        <div id="ctdetails" class="clear">
            <ul class="nospace clear">
                <li class="one_quarter first">
                    <div class="block clear"><a href="#"><i class="fas fa-phone"></i></a>
                        <span><strong>Hubungi Saya:</strong>

                            081291166977                        </span>
                    </div>
                </li>
                <li class="one_quarter">
                    <div class="block clear"><a href="#"><i class="fas fa-envelope"></i></a> <span><strong>Kirim Email:</strong> firmansyah948@gmail.com</span></div>
                </li>
                <li class="one_quarter">
                    <div class="block clear"><a href="#"><i class="fas fa-clock"></i></a> <span><strong> Senin - Minggu:</strong> 07.00 - 21.00</span></div>
                </li>
                <li class="one_quarter">
                    <ul class="faico clear">
                        <li><a class="faicon-instagram" target="_blank" href="https://www.instagram.com/bukitcimanggucity.official/"><i class="fab fa-instagram"></i></a></li>
                        <li><a class="faicon-facebook" target="_blank" href=""><i class="fab fa-facebook"></i></a></li>
                        <li><a class="faicon-whatsapp" target="_blank" href="https://api.whatsapp.com/send?phone=+6281291166977&text=Hallo%20Mas%20Firman,%20Saya%20ingin%20mengetahui%20info%20perumahan%20Bukit%20Cimanggu%20City"><i class="fab fa-whatsapp"></i></a></li>

                    </ul>
                </li>

            </ul>
        </div>
        <!-- ################################################################################################ -->
    </footer>
</div>
<!-- ################################################################################################ -->
<!-- ################################################################################################ -->
<!-- ################################################################################################ -->
<div class="wrapper row5">
    <div id="copyright" class="hoc clear">
        <!-- ################################################################################################ -->
        <p class="fl_left">Copyright &copy; 2021 - All Rights Reserved - <a href="#">Cimanggu City</a></p>
        <p class="fl_right">Template by <a target="_blank" href="" title="Free Website Templates">OS Templates</a></p>
        <!-- ################################################################################################ -->
    </div>
</div>
<!-- ################################################################################################ -->
<!-- ################################################################################################ -->
<!-- ################################################################################################ -->
<a id="backtotop" href="#top" style="bottom: 100px;"><i class="fas fa-chevron-up"></i></a>
<!-- JAVASCRIPTS -->
</body>

</html>