SHARE
TWEET

Untitled

a guest Jun 17th, 2019 61 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. @extends('layouts.guest.masterhome')
  2.  
  3. @section('style')
  4. <style>
  5.  
  6. /*
  7.     .counter-box i{
  8.       color: #0faf3f !important;
  9.     }
  10.     .counter-box h1, .counter-box h5 {
  11.       color: #0faf3f !important;
  12.     } */
  13.  
  14.     .table td
  15.     {
  16.         padding: .8em;
  17.         padding-bottom: .6em;
  18.     }
  19.     .lead
  20.     {
  21.         font-size: 1rem;
  22.         font-weight: bold;
  23.  
  24.     }
  25.     .notify-badge{
  26.  
  27.         z-index: 900;
  28.         width: 20% !important;
  29.         height: 140px;
  30.         width: 100px;
  31.  
  32.     }
  33.     .flaticon{
  34.         color: black;
  35.     }
  36.     .bg-css{
  37.         /* background: #0e6003; */
  38.         color: white;
  39.     }
  40.  
  41.     .hover-card{
  42.         background-color: white;
  43.         border-radius: 10px;
  44.         box-shadow: 0 0 5px rgba(0, 0, 0, .1);
  45.     }
  46.     .hover-card:hover{
  47.         box-shadow: 0 0 8px 0 rgba(0, 0, 0, .3);
  48.         transition: all 0.4s;
  49.     }
  50.  
  51.  
  52.     /******************  News Slider Demo-7 *******************/
  53.  
  54.  
  55.  .post-slide{
  56.      padding-right:20px;
  57.      display: inline-block;
  58.  }
  59.  .post-slide img{
  60.      width: 100%;
  61.      height: auto;
  62.  }
  63.  .post-slide .post-review{
  64.  }
  65.  .post-slide .post-date{
  66.      float:left;
  67.      margin-right: 10px;
  68.      padding: 8px 15px;
  69.      text-align:center;
  70.      background:#444;
  71.      font-size:26px;
  72.      color:#fff;
  73.      font-weight:700;
  74.      transition:background 0.20s linear 0s;
  75.  }
  76.  .post-slide:hover .post-date{
  77.      background:#078071;
  78.  }
  79.  .post-slide .post-date small{
  80.      display:block;
  81.      margin-bottom:10px;
  82.      font-size: 13px;
  83.      text-transform: capitalize;
  84.  }
  85.  .post-slide .post-date small:before{
  86.      content:"";
  87.      display:block;
  88.      margin-bottom:5px;
  89.      border-top:1px solid #fff;
  90.  }
  91.  .post-slide .post-title{
  92.      margin: 0;
  93.      padding-top: 15px;
  94.  }
  95.  .post-slide .post-title a{
  96.      font-size:15px;
  97.      color: #444;
  98.      text-transform: uppercase;
  99.      margin-bottom: 6px;
  100.      display: block;
  101.      line-height:20px;
  102.      font-weight: bold;
  103.  }
  104.  .post-slide:hover .post-title a{
  105.      color:#078071;
  106.      text-decoration:none;
  107.  }
  108.  .post-comment{
  109.      margin: 0;
  110.      list-style:none;
  111.  }
  112.  .post-comment li a{
  113.      color:#a9a9a9;
  114.      text-transform:capitalize;
  115.  }
  116.  .post-comment li a:before{
  117.      content:"|";
  118.      margin:0 5px 0 5px;
  119.      color:#d3d3d3;
  120.  }
  121.  
  122.  @media only screen and (max-width: 480px) {
  123.      .post-slide{
  124.          padding: 0;
  125.      }
  126.      .modal-dialog {
  127.          width: 100% !important;
  128.      }
  129.  }
  130.  
  131. @media only screen and (device-width: 768px) {
  132.   /* For general iPad layouts */
  133.   .col-md-4{
  134.         max-width: 304px;
  135.     }
  136.     .modal-dialog {
  137.         width: 100% !important;
  138.     }
  139. }
  140.  
  141.  
  142. </style>
  143. @endsection
  144.  
  145. @section('navbar')
  146. @include('includes.navbar')
  147. @include('includes.newversion')
  148.  
  149. @endsection
  150.  
  151. @section('body')
  152.  
  153. <div class="banner" id="banner">
  154.     <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
  155.         <div class="carousel-inner">
  156.             <div class="carousel-item active">
  157.                 <img class="d-block w-100" src="{{asset('/storage')}}/{{$carousel_pertama}}" alt="banner-1">
  158.                 <div class="carousel-caption banner-slider-inner d-flex h-100 text-center">
  159.                     <div class="carousel-content container">
  160.                         <div class="text-center golden_text">
  161.                             <h1 data-animation="animated fadeInDown delay-05s" <br/>@lang('carosel.slide_1.3')</h1>
  162.                             <p data-animation="animated fadeInUp delay-10s">
  163.                             @lang('carosel.slide_1.1')
  164.                             </p>
  165.                             <a data-animation="animated fadeInUp delay-10s" href="/tata-cara/pendana" class="btn btn-lg btn-round btn-theme">@lang('carosel.slide_1.2')</a>
  166.                             <a data-animation="animated fadeInUp delay-10s" href="/coming_soon" class="btn btn-lg btn-round btn-gold">@lang('carosel.slide_sukuk')</a>
  167.                             <!-- <a data-animation="animated fadeInUp delay-12s" href="#" class="btn btn-lg btn-round btn-white-lg-outline">Ajukan Pinjaman Syariah</a> -->
  168.                         </div>
  169.                     </div>
  170.                 </div>
  171.             </div>
  172.  
  173.             <div class="carousel-item">
  174.                 <img class="d-block w-100" src="{{asset('/storage')}}/{{$carousel_kedua}}" alt="banner-2">
  175.                 <div class="carousel-caption banner-slider-inner d-flex h-100 text-center">
  176.                     <div class="carousel-content container">
  177.  
  178.                         <div class="row">
  179.                             <div class="col-lg-6 col-sm-12">
  180.                                 <!-- <img class="col-12" src="img\carousel\diskon.png" alt=""> -->
  181.                                 <br><br>
  182.                                 <a data-animation="animated fadeInUp delay-10s" href="/tata-cara/pendana" class="btn btn-lg btn-round btn-theme">@lang('carosel.slide_1.2')</a>
  183.                                 <a data-animation="animated fadeInUp delay-10s" href="/coming_soon" class="btn btn-lg btn-round btn-gold">@lang('carosel.slide_sukuk')</a>
  184.                             </div>
  185.                             <br><br>
  186.                             <div class="col-lg-6 col-sm-12 golden_text">
  187.                                 <h3 data-animation="animated fadeInDown delay-05s">@lang('carosel.slide_2.1') </h3>
  188.                                 <hr>
  189.                                 <p data-animation="animated fadeInUp delay-10s">
  190.                                 @lang('carosel.slide_2.2')
  191.                                 </p>
  192.                             </div>
  193.                         </div>
  194.  
  195.                     </div>
  196.                 </div>
  197.             </div>
  198.  
  199.             <div class="carousel-item">
  200.                 <img class="d-block w-100" src="{{asset('/storage')}}/{{$carousel_ketiga}}" alt="banner-3">
  201.                 <div class="carousel-caption banner-slider-inner d-flex h-100 text-center">
  202.                     <div class="carousel-content container">
  203.                         <div class="text-right golden_text">
  204.                             <h3 data-animation="animated fadeInUp delay-05s">@lang('carosel.slide_3.1') </h3>
  205.                             <br>
  206.                             <p data-animation="animated fadeInUp delay-10s">
  207.                             @lang('carosel.slide_3.2')
  208.                             </p>
  209.                             <br>
  210.                             <a data-animation="animated fadeInUp delay-10s" href="/tata-cara/pendana" class="btn btn-lg btn-round btn-theme">@lang('carosel.slide_1.2')</a>
  211.                             <a data-animation="animated fadeInUp delay-10s" href="/coming_soon" class="btn btn-lg btn-round btn-gold">@lang('carosel.slide_sukuk')</a>
  212.                         </div>
  213.                     </div>
  214.                 </div>
  215.             </div>
  216.         </div>
  217.         <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
  218.             <span class="slider-mover-left" aria-hidden="true">
  219.                 <i class="fa fa-angle-left"></i>
  220.             </span>
  221.         </a>
  222.         <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
  223.             <span class="slider-mover-right" aria-hidden="true">
  224.                 <i class="fa fa-angle-right"></i>
  225.             </span>
  226.         </a>
  227.     </div>
  228. </div>
  229. <!-- banner end -->
  230. <!-- intro section start -->
  231. <div id="sukuk" class="intro-section bg-white" style="border-top: 1px solid #F2F3F4;">
  232.     <div class="container">
  233.         <div class="row">
  234.             <div class="col-lg-2 col-md-2 col-sm-12">
  235.                 <img src="/img/logo_st.png" alt="loo" class="logo_small">
  236.             </div>
  237.             <div class="col-lg-7 col-md-7 col-sm-12">
  238.                 <div class="intro-text d-flex align-self-center">
  239.                     <h5 class="text-black pt-2">Buka Rekening Surat Berharga Untuk Berinvestasi di SUKUK!</h5>
  240.                 </div>
  241.             </div>
  242.             <div class="col-lg-3 col-md-3 col-sm-12">
  243.                 <a href="/coming_soon" class="btn btn-md btn-theme">Lihat Disini</a>
  244.             </div>
  245.         </div>
  246.     </div>
  247. </div>
  248. <!-- intro section end -->
  249. <!-- Search area start -->
  250. <div class="search-area pt-5 pb-5" id="search-area-1" >
  251.     <div class="container " >
  252.         <div class="search-area-inner text-center">
  253.             <div class="row" >
  254.                 <div class="col-lg-6 col-md-6 col-sm-6 wow fadeInLeft delay-04s" >
  255.                     {{-- <iframe src="https://www.youtube.com/embed/pcfNZ6ooMGs?autoplay=0&controls=1&loop=1&playlist=pcfNZ6ooMGs"
  256.                     class="col-12" allowfullscreen frameborder="0" style="height:90%" autoplay="off" loop="1">
  257.                     </iframe> --}}
  258.                     <iframe width="560" height="315" src="https://www.youtube.com/embed/McWmHFkVOpM" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
  259.                 </div>
  260.  
  261.                 <div class="col-lg-6 col-md-6 col-sm-6 wow fadeInRight delay-04s">
  262.                     <h1>@lang('page_video.judul')</h1>
  263.                     <hr>
  264.                     <h6>
  265.                     @lang('page_video.detil')
  266.                   </h6>
  267.                     <hr>
  268.                 </div>
  269.                 <br>
  270.             </div>
  271.         </div>
  272.     </div>
  273. </div>
  274.  
  275. {{-- <div class="intro-section">
  276.     <div class="container">
  277.         <div class="row ">
  278.             <div class="col-sm-12 col-lg-5 mb-3 mb-lg-0">
  279.                 <img class="col-12" src="/img/logo.png" alt="logo" style="width:auto;">
  280.             </div>
  281.             <br>
  282.             <div class="col-sm-12 col-lg-7 text-center" >
  283.                 <h5>Kalkulator</h5>
  284.                 <hr>
  285.                     <a class="btn btn-md" href="/kalkulator" >Hitung Imbal Hasil Sekarang</a>
  286.             </div>
  287.         </div>
  288.     </div>
  289. </div> --}}
  290.  
  291. <!-- Featured properties start -->
  292. <div class="featured-properties content-area-2">
  293.     <div class="container  wow fadeInDown delay-04s">
  294.         <div class="main-title">
  295.             <h1>@lang('proyek.judul')</h1>
  296.             <p>@lang('proyek.subjudul')</p>
  297.             <br><hr>
  298.         </div>
  299.  
  300.         <div class="row filter-portfolio">
  301.                 @foreach ($proyek as $proyek)
  302.             <div class="cars" >
  303.  
  304.                 <div class="col-lg-12 col-md-4 col-sm-12 filtr-item m-2" data-category="3" >
  305.                     <div class="Properti-box hover-card" >
  306.                        <div class="property-thumbnail">
  307.                             <a href="/proyek/{{$proyek->id}}" class="property-img" style="z-index:1">
  308.                                 <div class="tag button alt featured" style="position: absolute; max-height:150px;">
  309.                                    
  310.                                     @if($proyek->status == 2)
  311.                                         <img src="/Badge/Closed1.png" style="width:100%; max-height:auto;" alt="">
  312.                                     @elseif($proyek->status == 3)
  313.                                         <img src="/Badge/Full.png" style="width:100%; max-height:auto;" alt="">
  314.                                     {{-- @elseif($proyek->embed_picture == 1) --}}
  315.                                     @else
  316.                                         <img src="{{$proyek->embed_picture}}" style="width:120px; max-height:150px;" alt="">
  317.                                     @endif
  318.                                 </div>
  319.                             </a>
  320.                             <div style="background-image:url('/storage/{{$proyek->gambar_utama}}');background-size:cover;min-height:220px; min-width:100%">
  321.                                 <a href="/proyek/{{$proyek->id}}" class="property-img" style="height:px;">
  322.  
  323.                                      {{-- <img src="img/popular_project/img_307x232.jpg" background-image:url('/storage/app/public/{{$proyek->gambar_utama}}') alt="popular-places" class="img-fluid" style="min-height: 250px;"> --}}
  324.                                      {{-- <img src="/storage/{{$proyek->gambar_utama}}" class="img-fluid" style="min-height: 250px;"> --}}
  325.                                 </a>
  326.                             </div>
  327.                             <div class="property-overlay" onClick="return true">
  328.                                 <a href="/proyek/{{$proyek->id}}" onClick="return true" class="overlay-link">
  329.                                     <i onClick="return true" class="fa fa-link"></i>
  330.                                 </a>
  331.                             </div>
  332.                             {{-- <div class="text-right align-baseline" style="position: absolute; bottom:2rem; right:0.2rem; padding:2px;">
  333.                                 <h5 style="color:white;">{{$proyek->nama}}&nbsp;&nbsp;</h5>
  334.                             </div> --}}
  335.                         </div>
  336.                         <div class="detail">
  337.                             <div style="font-weight: bold;  margin: 0; float: right;">
  338.                                 @if($proyek->status == 2)
  339.                                     <span class="badge badge-warning badge-sm">Closed</span>
  340.                                 @elseif($proyek->status == 3)
  341.                                     <span class="badge badge-success badge-sm">Full</span>
  342.                                 @else
  343.                                 Sisa Hari <span class="badge badge-light badge-sm">{{ Carbon\Carbon::now()->parse($proyek->tgl_selesai_penggalangan)->diffInDays()+1}}</span></span>
  344.                                 @endif
  345.                             </div>
  346.                             {{-- <button type="button" class="btn btn bg-css"  style="font-weight: bold; padding:2px; margin: 0; float: right;">
  347.                                 Sisa Hari <span class="badge badge-primary badge-sm">{{ $proyek->tgl_selesai->diffInDays(Carbon\Carbon::now()->toDateString()) }}</span></span>
  348.                                 <span class="sr-only">days left</span>
  349.                             </button> --}}
  350.                             <h5 style=" margin:5px;display: block;width: 200px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; float:left;color:black; !important">{{$proyek->nama}}&nbsp;&nbsp;</h5>
  351.                             <div class="location" style="margin-left:0.5rem !important;">
  352.                                 <a href="https://www.google.com/maps/place/{{$proyek->alamat}}" target="_Blank">
  353.                                     <i class="flaticon-facebook-placeholder-for-locate-places-on-maps flaticon" style="  display: block;width: 200px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">{{$proyek->alamat}}</i>
  354.                                 </a>
  355.                             </div>
  356.                             <hr>
  357.  
  358.                             <table class="table table-borderless table-condensed" onClick="return true"  style="margin-bottom: .6em;">
  359.                                 <tbody>
  360.                                 <tr>
  361.                                     <td colspan="2">
  362.                                         @if($proyek->status == 2)
  363.                                             <span class="title">{{number_format(($proyek->terkumpul+$proyek->pendanaanAktif->where('proyek_id',$proyek->id)->where('status', 1)->sum('nominal_awal'))/$proyek->total_need*100, 2, '.', '')}}  %
  364.                                             </span>
  365.                                             <div class="progress" style="background-color: #aaf442; height: 15px;">
  366.                                                 <div class="progress-bar progress-bar-animated  bg-success" role="progressbar" style="font-weight: bold; font-size: 15px; width:{{number_format(($proyek->terkumpul+$proyek->pendanaanAktif->where('proyek_id',$proyek->id)->where('status', 1)->sum('nominal_awal'))/$proyek->total_need*100, 2, '.', '')}}%" aria-valuenow="{{number_format(($proyek->terkumpul+$proyek->pendanaanAktif->where('proyek_id',$proyek->id)->where('status', 1)->sum('nominal_awal'))/$proyek->total_need*100, 2, '.', '')}}" aria-valuemin="0" aria-valuemax="100">
  367.                                                 </div>
  368.                                             </div>
  369.                                         @elseif($proyek->status == 3)
  370.                                             <span class="title">100%
  371.                                             </span>
  372.                                             <div class="progress" style="background-color: #aaf442; height: 15px;">
  373.                                                 <div class="progress-bar progress-bar-animated  bg-success" role="progressbar" style="font-weight: bold; font-size: 15px; width:100%" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100">
  374.                                                 </div>
  375.                                             </div>
  376.                                         @else
  377.                                             @if($proyek->total_need > 0)
  378.                                             <span class="title">{{number_format(($proyek->terkumpul+$proyek->pendanaanAktif->where('proyek_id',$proyek->id)->where('status', 1)->sum('nominal_awal'))/$proyek->total_need*100, 2, '.', '')}}  %
  379.                                             </span>
  380.                                             <div class="progress" style="background-color: #aaf442; height: 15px;">
  381.                                                 <div class="progress-bar progress-bar-animated  bg-success" role="progressbar" style="font-weight: bold; font-size: 15px; width:{{number_format(($proyek->terkumpul+$proyek->pendanaanAktif->where('proyek_id',$proyek->id)->where('status', 1)->sum('nominal_awal'))/$proyek->total_need*100, 2, '.', '')}}%" aria-valuenow="{{number_format(($proyek->terkumpul+$proyek->pendanaanAktif->where('proyek_id',$proyek->id)->where('status', 1)->sum('nominal_awal'))/$proyek->total_need*100, 2, '.', '')}}" aria-valuemin="0" aria-valuemax="100">
  382.                                                 </div>
  383.                                             </div>
  384.                                             @else
  385.                                             <span class="title">0.00%
  386.                                             </span>
  387.                                             <div class="progress" style="background-color: #aaf442; height: 15px;">
  388.                                                 <div class="progress-bar progress-bar-animated  bg-success" role="progressbar" style="font-weight: bold; font-size: 15px; width:0%" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100">
  389.                                                 </div>
  390.                                             </div>
  391.                                             @endif
  392.                                         @endif
  393.                                        
  394.                                     </td>
  395.                                 </tr>
  396.                                 <tr>
  397.                                   <td>
  398.                                       <div class="agent-details">
  399.                                           <span>Dana Dibutuhkan</span>
  400.                                           <h6>Rp {{number_format($proyek->total_need,  0, '', '.')}}</h6>
  401.                                       </div>
  402.                                   </td>
  403.                                   <td>
  404.                                       <div class="agent-details">
  405.                                           <span>Periode / Tenor</span>
  406.                                           <h6>{{$proyek->tenor_waktu}} Bulan</h6>
  407.                                       </div>
  408.                                   </td>
  409.                                 </tr>
  410.                                 <tr>
  411.                                   <td>
  412.                                       <div class="agent-details">
  413.                                           <span>Imbal Hasil/Tahun</span>
  414.                                           <h6>{{$proyek->profit_margin}} %</h6>
  415.                                       </div>
  416.                                   </td>
  417.                                   <td>
  418.                                       <div class="agent-details">
  419.                                           <span>Minimum investasi</span>
  420.                                           <h6>Rp. {{number_format($proyek->harga_paket,  0, '', '.')}}</h6>
  421.                                       </div>
  422.                                   </td>
  423.                                 </tr>
  424.                                 <tr>
  425.                                   <td>
  426.                                       <div class="agent-details">
  427.                                           <span>Jenis Akad</span>
  428.                                           <h6>@if($proyek->akad == 1)
  429.                                               Murabahah
  430.                                           @else
  431.                                               Mudharabah
  432.                                           @endif</h6>
  433.                                       </div>
  434.                                   </td>
  435.                                   <td>
  436.                                       <div class="agent-details">
  437.                                           <span>Terima Imbal Hasil</span>
  438.                                           <h6>@if($proyek->waktu_bagi == 1)
  439.                                               Tiap Bulan
  440.                                           @else
  441.                                               Akhir Proyek
  442.                                           @endif</h6>
  443.                                       </div>
  444.                                   </td>
  445.                                 </tr>
  446.                                 </tbody>
  447.                             </table>
  448.                         </div>
  449.                         {{-- <!--
  450.                         <div class="footer">
  451.                             <ul>
  452.                                 <li><em>Sampai waktu</em></li>
  453.                                 <li><b><mark class="text-right text-nowrap">{{$proyek->tgl_mulai->toDateString()}}</mark></b></li>
  454.                             </ul>
  455.                         </div> --> --}}
  456.                     </div>
  457.                 </div>
  458.             </div>
  459.             @endforeach
  460.         </div>
  461.     </div>
  462.     <div class="main-title pb-2 pt-5">
  463.           <a data-animation="animated fadeInUp delay-10s" href="/penggalangan_berlangsung" class="btn btn-lg btn-round btn-theme">@lang('proyek.lihat')</a>
  464.     </div>
  465. </div>
  466.  
  467.  
  468.  
  469. <!-- services start -->
  470. <div class="services content-area-17 ">
  471.     <div class="container">
  472.         <div class="main-title">
  473.             <hr>
  474.             <h2>@lang('judul.isi')</h2>
  475.             <hr>
  476.         </div>
  477.         <div class="row">
  478.             <div class="col-lg-4 col-md-6 col-sm-6 wow fadeInUp delay-04s">
  479.                     <div class="media-body text-center">
  480.                         <img  src="https://www.danasyariah.id/templates/dsi/assets/images/main/icon-1.png" alt="">
  481.                         <br><br>
  482.                         <h4 class="text-success">MAISIR</h4>
  483.                         <p>@lang('info.maisir')</p>
  484.                         <br>
  485.                         <a href="/tentang-kami/khazanah"><p class="text-success">@lang('info.pelajari')</p></a>
  486.                     </div>
  487.             </div>
  488.             <div class="col-lg-4 col-md-6 col-sm-6 wow fadeInUp delay-04s">
  489.                     <div class="media-body text-center">
  490.                         <img src="https://www.danasyariah.id/templates/dsi/assets/images/main/icon-2.png" alt="">
  491.                         <br><br>
  492.                         <h4 class="text-success">GHARAR</h4>
  493.                         <p>@lang('info.gharar')</p>
  494.                         <br>
  495.                         <a href="/tentang-kami/khazanah"><p class="text-success">@lang('info.pelajari')</p></a>
  496.                     </div>
  497.             </div>
  498.             <div class="col-lg-4 col-md-6 col-sm-6 wow fadeInUp delay-04s">
  499.                     <div class="media-body text-center">
  500.                         <img src="https://www.danasyariah.id/templates/dsi/assets/images/main/icon-3.png" alt="">
  501.                         <br><br>
  502.                         <h4 class="text-success">RIBA</h4>
  503.                         <p>@lang('info.riba')</p>
  504.                         <br>
  505.                         <a href="/tentang-kami/khazanah"><p class="text-success">@lang('info.pelajari')</p></a>
  506.                     </div>
  507.             </div>
  508.  
  509.         </div>
  510.     </div>
  511. </div>
  512. <!-- services end -->
  513.  
  514.  
  515.  
  516. <!-- Most popular places start -->
  517. {{--
  518. <div class="most-popular-places content-area-3">
  519.     <div class="container">
  520.         <div class="main-title">
  521.             <h1>Beberapara Proyek Ternama</h1>
  522.         </div>
  523.         <div class="container">
  524.             <div class="row">
  525.  
  526.                 <div class="col-lg-7 col-md-12">
  527.                     <div class="row">
  528.                         <div class="col-md-12 col-pad wow fadeInLeft delay-04s">
  529.                             <div class="overview overview-box">
  530.                                 <img src="img/popular_project/img_632x232.jpg" alt="popular-places">
  531.                                 <div class="mask">
  532.                                     <h2>Depoks</h2>
  533.                                     <p>14 Properti</p>
  534.                                     <a href="/penggalangan_berlangsung" class="btn btn-border">Pelajari Lebih Lanjut</a>
  535.                                 </div>
  536.                             </div>
  537.                         </div>
  538.                         <div class="col-md-6 col-sm-6 col-pad wow fadeInUp delay-04s">
  539.                             <div class="overview overview-box">
  540.                                 <img src="img/popular_project/img_307x232.jpg" alt="popular-places-2">
  541.                                 <div class="mask">
  542.                                     <h2>Cilandak</h2>
  543.                                     <p>25 Properti</p>
  544.                                     <a href="/penggalangan_berlangsung" class="btn btn-border">Pelajari Lebih Lanjut</a>
  545.                                 </div>
  546.                             </div>
  547.                         </div>
  548.                         <div class="col-md-6 col-sm-6 col-pad wow fadeInUp delay-04s">
  549.                             <div class="overview overview-box">
  550.                                 <img src="img/popular_project/img_307x232_2.jpg" alt="popular-places-4">
  551.                                 <div class="mask">
  552.                                     <h2>Kuningan</h2>
  553.                                     <p>12 Properti</p>
  554.                                     <a href="/penggalangan_berlangsung" class="btn btn-border">Pelajari Lebih Lanjut</a>
  555.                                 </div>
  556.                             </div>
  557.                         </div>
  558.                     </div>
  559.                 </div>
  560.                 <div class="col-lg-5 col-md-12 col-pad wow fadeInRight delay-04s">
  561.                     <div class="overview aa overview-box">
  562.                         <img src="img/popular_project/img_447x480.jpg" alt="popular-places-3" class="big-img">
  563.                         <div class="mask">
  564.                             <h2>Cireunde</h2>
  565.                             <p>45 Properti</p>
  566.                             <a href="/penggalangan_berlangsung" class="btn btn-border">Pelajari Lebih Lanjut</a>
  567.                         </div>
  568.                     </div>
  569.                 </div>
  570.             </div>
  571.         </div>
  572.     </div>
  573. </div> --}}
  574.  
  575. @endsection
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!
 
Top