gugus/Masuksini-Real-Estate
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
main
Masuksini-Real-Estate/public/assets/bt4/index.html

526 lines
16 KiB
HTML
Raw Permalink Normal View History

first commit
2024-09-07 01:16:49 +00:00
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Design</title>
<link rel="stylesheet" href="bt.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<link rel="stylesheet" href="style.css?v=2">
<link rel="stylesheet" href="owl/dist/assets/owl.carousel.min.css">
<link rel="stylesheet" href="owl/dist/assets/owl.theme.default.min.css">
<link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css" integrity="sha384-AYmEC3Yw5cVb3ZcuHtOA93w35dYTsvhLPVnYs9eStHfGJvOvKxVfELGroGkvsg+p" crossorigin="anonymous"/>
</head>
<body>
<div class="head-nav">
<div class="container">
<div class="head-menu">
<div>
<div class="grid-2-column">
<img width="40px" class="mr-3" src="https://masuksini.co.id/wp-content/uploads/2017/06/logo-MasukSini.png" alt="">
<i class="icon-menu fab fa-android"></i>
</div>
</div>
<div style="position: relative;">
<input type="text" class="form-search" placeholder="Search">
<i class="fas fa-search search-icon"></i>
</div>
<div class="text-center">
<i class="fas fa-sliders-h icon-menu mr-2 mobile-hide" ></i>
<i class="fab fa-windows icon-menu mr-2" ></i>
<i class="fas fa-user icon-menu" ></i>
</div>
</div>
</div>
</div>
<ul class="nav justify-content-center nav-orange">
<li class="nav-item">
<a class="nav-link active" href="#">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Contact Us</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Blog</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">KPR</a>
</li>
</ul>
<div id="header">
<div class="row">
<div class="col-12 text-center mt-5">
<h1 class="title-header">Properti Impian?</h1>
<h3 class="head-info">Temukan 300.000+ pilihan properti bersama agen profesional kami!</h3>
</div>
</div>
</div>
<div class="container mt-5 mb-5">
<h2 class="text-center">Mengapa Harus Kami ?</h2>
<div class="owl-carousel owl-theme grabbable">
<div class="text-center why-me">
<div style="
background-image: url('deals.png');
height: 280px;
background-size: contain;
margin: 0 20px;
background-repeat: no-repeat;
background-position: center;
">
</div>
<h4 class="title-why-me">Profesional dan Terpercaya</h4>
</div>
<div class="text-center why-me">
<div style="
background-image: url('search.png');
height: 280px;
background-size: contain;
margin: 0 20px;
background-repeat: no-repeat;
background-position: center;
">
</div>
<h4 class="title-why-me">Pencarian Properti Cepat dan Mudah</h4>
</div>
<div class="text-center why-me">
<div style="
background-image: url('sertificate.png');
height: 280px;
background-size: contain;
margin: 0 20px;
background-repeat: no-repeat;
background-position: center;
">
</div>
<h4 class="title-why-me">Mendapat Sertifikat Taraf Internasional</h4>
</div>
</div>
</div>
<div class="container mt-5">
<div class="row mb-3">
<div class="col-12 text-center">
<h2>Property Baru</h2>
</div>
</div>
<div class="owl-carousel owl-theme grabbable">
<div class="card mb-2 card-content item">
<div class="images-content" style="--h:250px;
--image: url('https://masuksini.com/sistem-api/androapi/upload/foto/1030.jpg');
">
<div class="harga">Rp 28.000.0000,00</div>
<div class="status">Dijual</div>
</div>
<div class="card-body">
<h4>Balik Papan</h4>
<p>Rumah villa puncak bukit tidar</p>
<span>
<i class="fas fa-building"></i> <span>90<sup>m2</sup></span>&nbsp;&nbsp;
</span>
<span>
<i class="fas fa-arrows-alt"></i> <span>90<sup>m2</sup></span>&nbsp;&nbsp;
</span>
<span>
<i class="fas fa-bed"></i> <span>3</span>&nbsp;&nbsp;
</span>
<span>
<i class="fas fa-bath"></i> <span>2</span>
</span>
<div class="row mt-3 agen-info">
<div class="col-7">
<div class="agen">
<div style="--foto: url('https://www.brighton.co.id/assets/Uploads/DANIEL-KURNIAWAN-DANIEL-DE-BRPI.jpg')" class="foto-agen"></div>
<div>
<h4>Agung</h4>
</div>
</div>
</div>
<div class="col-5">
<button><i class="fab fa-whatsapp"></i> Hubungi agen</button>
<button><i class="fab fa-whatsapp"></i> Hitung KPR</button>
</div>
</div>
</div>
</div>
<div class="card mb-2 card-content item">
<div class="images-content" style="--h:250px;
--image: url('https://masuksini.com/sistem-api/androapi/upload/foto/1030.jpg');
">
<div class="harga">Rp 28.000.0000,00</div>
<div class="status">Disewakan</div>
</div>
<div class="card-body">
<h4>Balik Papan</h4>
<p>Rumah villa puncak bukit tidar</p>
<span>
<i class="fas fa-building"></i> <span>90<sup>m2</sup></span>&nbsp;&nbsp;
</span>
<span>
<i class="fas fa-arrows-alt"></i> <span>90<sup>m2</sup></span>&nbsp;&nbsp;
</span>
<span>
<i class="fas fa-bed"></i> <span>3</span>&nbsp;&nbsp;
</span>
<span>
<i class="fas fa-bath"></i> <span>2</span>
</span>
<div class="row mt-3 agen-info">
<div class="col-7">
<div class="agen">
<div style="--foto: url('https://www.brighton.co.id/assets/Uploads/DANIEL-KURNIAWAN-DANIEL-DE-BRPI.jpg')" class="foto-agen"></div>
<div>
<h4>Agung</h4>
</div>
</div>
</div>
<div class="col-5">
<button><i class="fab fa-whatsapp"></i> Hubungi agen</button>
<button><i class="fab fa-whatsapp"></i> Hitung KPR</button>
</div>
</div>
</div>
</div>
<div class="card mb-2 card-content item">
<div class="images-content" style="--h:250px;
--image: url('https://masuksini.com/sistem-api/androapi/upload/foto/1030.jpg');
">
<div class="harga">Rp 28.000.0000,00</div>
<div class="status">Dijual</div>
</div>
<div class="card-body">
<h4>Balik Papan</h4>
<p>Rumah villa puncak bukit tidar</p>
<span>
<i class="fas fa-building"></i> <span>90<sup>m2</sup></span>&nbsp;&nbsp;
</span>
<span>
<i class="fas fa-arrows-alt"></i> <span>90<sup>m2</sup></span>&nbsp;&nbsp;
</span>
<span>
<i class="fas fa-bed"></i> <span>3</span>&nbsp;&nbsp;
</span>
<span>
<i class="fas fa-bath"></i> <span>2</span>
</span>
<div class="row mt-3 agen-info">
<div class="col-7">
<div class="agen">
<div style="--foto: url('https://www.brighton.co.id/assets/Uploads/DANIEL-KURNIAWAN-DANIEL-DE-BRPI.jpg')" class="foto-agen"></div>
<div>
<h4>Agung</h4>
</div>
</div>
</div>
<div class="col-5">
<button><i class="fab fa-whatsapp"></i> Hubungi agen</button>
<button><i class="fab fa-whatsapp"></i> Hitung KPR</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container mt-5">
<div class="row mb-3">
<div class="col-12 text-center">
<h2>Property Favorit</h2>
</div>
</div>
<div class="owl-carousel owl-theme grabbable">
<div class="card mb-2 card-content item">
<div class="images-content" style="--h:250px;
--image: url('https://masuksini.com/sistem-api/androapi/upload/foto/1030.jpg');
">
<div class="harga">Rp 28.000.0000,00</div>
<div class="status">Dijual</div>
</div>
<div class="card-body">
<h4>Balik Papan</h4>
<p>Rumah villa puncak bukit tidar</p>
<span>
<i class="fas fa-building"></i> <span>90<sup>m2</sup></span>&nbsp;&nbsp;
</span>
<span>
<i class="fas fa-arrows-alt"></i> <span>90<sup>m2</sup></span>&nbsp;&nbsp;
</span>
<span>
<i class="fas fa-bed"></i> <span>3</span>&nbsp;&nbsp;
</span>
<span>
<i class="fas fa-bath"></i> <span>2</span>
</span>
<div class="row mt-3 agen-info">
<div class="col-7">
<div class="agen">
<div style="--foto: url('https://www.brighton.co.id/assets/Uploads/DANIEL-KURNIAWAN-DANIEL-DE-BRPI.jpg')" class="foto-agen"></div>
<div>
<h4>Agung</h4>
</div>
</div>
</div>
<div class="col-5">
<button><i class="fab fa-whatsapp"></i> Hubungi agen</button>
<button><i class="fab fa-whatsapp"></i> Hitung KPR</button>
</div>
</div>
</div>
</div>
<div class="card mb-2 card-content item">
<div class="images-content" style="--h:250px;
--image: url('https://masuksini.com/sistem-api/androapi/upload/foto/1030.jpg');
">
<div class="harga">Rp 28.000.0000,00</div>
<div class="status">Dijual</div>
</div>
<div class="card-body">
<h4>Balik Papan</h4>
<p>Rumah villa puncak bukit tidar</p>
<span>
<i class="fas fa-building"></i> <span>90<sup>m2</sup></span>&nbsp;&nbsp;
</span>
<span>
<i class="fas fa-arrows-alt"></i> <span>90<sup>m2</sup></span>&nbsp;&nbsp;
</span>
<span>
<i class="fas fa-bed"></i> <span>3</span>&nbsp;&nbsp;
</span>
<span>
<i class="fas fa-bath"></i> <span>2</span>
</span>
<div class="row mt-3 agen-info">
<div class="col-7">
<div class="agen">
<div style="--foto: url('https://www.brighton.co.id/assets/Uploads/DANIEL-KURNIAWAN-DANIEL-DE-BRPI.jpg')" class="foto-agen"></div>
<div>
<h4>Agung</h4>
</div>
</div>
</div>
<div class="col-5">
<button><i class="fab fa-whatsapp"></i> Hubungi agen</button>
<button><i class="fab fa-whatsapp"></i> Hitung KPR</button>
</div>
</div>
</div>
</div>
<div class="card mb-2 card-content item">
<div class="images-content" style="--h:250px;
--image: url('https://masuksini.com/sistem-api/androapi/upload/foto/1030.jpg');
">
<div class="harga">Rp 28.000.0000,00</div>
<div class="status">Dijual</div>
</div>
<div class="card-body">
<h4>Balik Papan</h4>
<p>Rumah villa puncak bukit tidar</p>
<span>
<i class="fas fa-building"></i> <span>90<sup>m2</sup></span>&nbsp;&nbsp;
</span>
<span>
<i class="fas fa-arrows-alt"></i> <span>90<sup>m2</sup></span>&nbsp;&nbsp;
</span>
<span>
<i class="fas fa-bed"></i> <span>3</span>&nbsp;&nbsp;
</span>
<span>
<i class="fas fa-bath"></i> <span>2</span>
</span>
<div class="row mt-3 agen-info">
<div class="col-7">
<div class="agen">
<div style="--foto: url('https://www.brighton.co.id/assets/Uploads/DANIEL-KURNIAWAN-DANIEL-DE-BRPI.jpg')" class="foto-agen"></div>
<div>
<h4>Agung</h4>
</div>
</div>
</div>
<div class="col-5">
<button><i class="fab fa-whatsapp"></i> Hubungi agen</button>
<button><i class="fab fa-whatsapp"></i> Hitung KPR</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container mt-5">
<div class="row">
<div class="col-12 mb-3 text-center">
<h2>Proyek Baru</h2>
</div>
</div>
<div class="row">
<div class="col-lg-3 col-sm-6 col-6">
<div class="card mb-5 item">
<div class="images-content" style="--h:200px;
--image:url('https://masuksini.com/sistem-api/androapi/upload/foto/170.jpg');
">
</div>
<div class="card-body text-center">
<h4>Balik Papan</h4>
<p>Rumah villa puncak bukit tidar</p>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-6 col-6">
<div class="card mb-2 item">
<div class="images-content" style="--h:200px;
--image:url('https://masuksini.com/sistem-api/androapi/upload/foto/170.jpg');
">
</div>
<div class="card-body text-center">
<h4>Balik Papan</h4>
<p>Rumah villa puncak bukit tidar</p>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-6 col-6">
<div class="card mb-2 item">
<div class="images-content" style="--h:200px;
--image:url('https://masuksini.com/sistem-api/androapi/upload/foto/170.jpg');
">
</div>
<div class="card-body text-center">
<h4>Balik Papan</h4>
<p>Rumah villa puncak bukit tidar</p>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-6 col-6">
<div class="card mb-2 item">
<div class="images-content" style="--h:200px;
--image:url('https://masuksini.com/sistem-api/androapi/upload/foto/170.jpg');
">
</div>
<div class="card-body text-center">
<h4>Balik Papan</h4>
<p>Rumah villa puncak bukit tidar</p>
</div>
</div>
</div>
</div>
</div>
<div class="container mt-5">
<div class="row">
<div class="col-12 text-center">
<h2 class="mb-3">Berita Baru</h2>
</div>
</div>
<div class="row">
<div class="col-lg-4">
<div class="card mb-2 item">
<div class="images-content" style="--h:250px;
--image: url('https://masuksini.com/sistem-api/androapi/upload/foto/1030.jpg');
">
</div>
<div class="card-body text-center">
<h4>Balik Papan</h4>
<p>Rumah villa puncak bukit tidar</p>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="card mb-2 item">
<div class="images-content" style="--h:250px;
--image: url('https://masuksini.com/sistem-api/androapi/upload/foto/1030.jpg');
">
</div>
<div class="card-body text-center">
<h4>Balik Papan</h4>
<p>Rumah villa puncak bukit tidar</p>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="card mb-2 item">
<div class="images-content" style="--h:250px;
--image: url('https://masuksini.com/sistem-api/androapi/upload/foto/1030.jpg');
">
</div>
<div class="card-body text-center">
<h4>Balik Papan</h4>
<p>Rumah villa puncak bukit tidar</p>
</div>
</div>
</div>
</div>
</div>
<section>
<div class="container mb-5">
<div class="row d-flex align-items-center justify-content-center">
<div class="col-lg-4 text-center">
<img width="350px" src="app.png" alt="">
</div>
<div class="col-lg-6">
<h3>Download Aplikasi Masuk Sini </h3>
<p>Cari properti tepat dengan mudah dan cepat pakai Brighton Apps! Tinggal klik, ribuan properti tersedia untuk Anda. </p>
<img src="google-play.webp" height="50px" alt="google-play">
</div>
</div>
</div>
</section>
<section class="footer-top">
<div class="container">
<div class="row">
<div class="col-lg-12">
<a class="active" href="#">Properti Dijual</a>
<a href="#">Lokasi Terpopuler</a>
<div class="lokasi">
<a href="#">Jawa Timur</a>
<a href="#">Jawa Tengah</a>
<a href="#">Jawa Barat</a>
<a href="#">Sulawesi</a>
<a href="#">Riau</a>
<a href="#">Bengkuli</a>
<a href="#">Sunda</a>
<a href="#">Aceh</a>
<a href="#">Kalimantan</a>
</div>
</div>
</div>
</div>
</section>
<script src="jq.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="owl/dist/owl.carousel.min.js"></script>
<script src="poper.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="bt.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".owl-carousel").owlCarousel({
margin:30,
loop: true,
autoWidth:true,
items:4,
autoHeight:true
})
});
</script>
</body>
</html>
Reference in New Issue Copy Permalink