390 lines
14 KiB
PHP
390 lines
14 KiB
PHP
<?php
|
||
include "config/index.php";
|
||
include "layout/header.php";
|
||
?>
|
||
|
||
<div class="preload">
|
||
<img src="assets/images/magesty-blonjo.png" width="100%">
|
||
</div>
|
||
|
||
<div class="content2">
|
||
|
||
<!-- Your content goes here -->
|
||
|
||
<nav class="navbar navbar-expand-lg navbar-light bg-light p-3 fixed-top">
|
||
<div class="container-fluid">
|
||
<a class="navbar-brand" href="#">
|
||
<img src="assets/images/navlogo.png" alt="Avatar Logo" style="width:150px;">
|
||
</a>
|
||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
|
||
<span class="navbar-toggler-icon"></span>
|
||
</button>
|
||
|
||
<div class=" collapse navbar-collapse" id="navbarNavDropdown">
|
||
<ul class="navbar-nav ms-auto ">
|
||
<li class="nav-item">
|
||
<a class="nav-link active mx-2" aria-current="page" href="#">Beranda</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a class="nav-link mx-2" href="profil/">Profil</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a class="nav-link mx-2" href="regulasi/">Regulasi</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a class="nav-link mx-2" href="kontak/">Kontak Kami</a>
|
||
</li>
|
||
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</nav>
|
||
|
||
|
||
|
||
|
||
<header class="pt-5">
|
||
<!-- Background image -->
|
||
<div id="intro-example" class="p-5 text-center mt-3" style="background-image: url('assets/images/hero.png'); background-size: cover !important; background-position:center center !important;background-repeat: no-repeat;">
|
||
<div class="mask">
|
||
<div class="d-flex justify-content-center align-items-center h-100">
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- Background image -->
|
||
</header>
|
||
|
||
|
||
<div class="box">
|
||
<div class="container">
|
||
<div class="row">
|
||
|
||
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
|
||
|
||
<div class="box-part text-center shadow">
|
||
|
||
<i class="fas fa-user-plus fa-3x mb-3" aria-hidden="true" style="color: #2AAF88"></i>
|
||
|
||
<div class="title">
|
||
<h4>Daftar Akun</h4>
|
||
</div>
|
||
|
||
<div class="text">
|
||
<span>Klik untuk pendaftaran akun Magesty Blonjo</span>
|
||
</div>
|
||
|
||
<button class="btn btn-sm" type="button" data-bs-toggle="modal" data-bs-target="#pendaftaranakun"><i class="fas fa-arrow-right" aria-hidden="true" style="background-color: #2AAF88 !important; color:white; padding:10px 45px; border-radius:13px;"></i></button>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
|
||
|
||
<div class="box-part text-center shadow">
|
||
|
||
<i class="fas fa-cart-plus fa-3x mb-3" aria-hidden="true" style="color: #2AAF88"></i>
|
||
|
||
<div class="title">
|
||
<h4>Login Marketplace</h4>
|
||
</div>
|
||
|
||
<div class="text">
|
||
<span>Klik untuk login ke akun Magesty Blonjo</span>
|
||
</div>
|
||
|
||
<button class="btn btn-sm" type="button" data-bs-toggle="modal" data-bs-target="#loginmarketplace"><i class="fas fa-arrow-right" aria-hidden="true" style="background-color: #2AAF88 !important; color:white; padding:10px 45px; border-radius:13px;"></i></button>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
|
||
|
||
<div class="box-part text-center shadow">
|
||
|
||
<i class="fas fa-key fa-3x mb-3" aria-hidden="true" style="color: #2AAF88"></i>
|
||
|
||
<div class="title">
|
||
<h4>Lupa Password</h4>
|
||
</div>
|
||
|
||
<div class="text">
|
||
<span>Klik untuk menuju halaman lupa password Magesty Blonjo</span>
|
||
</div>
|
||
|
||
<button class="btn btn-sm" type="button" data-bs-toggle="modal" data-bs-target="#lupapassword"><i class="fas fa-arrow-right" aria-hidden="true" style="background-color: #2AAF88 !important; color:white; padding:10px 45px; border-radius:13px;"></i></button>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
|
||
|
||
|
||
<div class="container-fluid marketplace-section">
|
||
<div class="row">
|
||
<div class="col-md-6">
|
||
<!-- First column content goes here -->
|
||
<h3 class="marketplace-title">MARKETPLACE <img src="assets/images/title.png" class="title-png d-none d-md-inline" alt="Image 2"></h3>
|
||
<p class="marketplace-desc">
|
||
Marketplace yang tergabung dalam Program Magesty Blonjo sebanyak 2 Marketplace
|
||
Klik logo marketplace dibawah untuk melihat detail
|
||
</p>
|
||
|
||
<div class="text-left">
|
||
<div class="row">
|
||
<div class="col-6 mb-2">
|
||
<div class="image-overlay">
|
||
<img src="assets/images/marketplace2.png" alt="Image 1">
|
||
<div class="overlay text-left" id="profil2btn"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
<div class="col-md-6 ps-lg-5 ms-auto">
|
||
<!-- Second column content goes here -->
|
||
<p class="text-center">
|
||
<img src="assets/images/bgmarket.png" alt="Image 3" width="70%" >
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<section class="business-section">
|
||
<div class="container">
|
||
<div class="auto-container">
|
||
<div class="sec-title light pt-4 pb-5 mb-3 d-none d-md-inline">
|
||
<h3>KELEBIHAN MAGESTY BLONJO <img src="assets/images/title.png" class="title-png" alt="Image 2"></h3>
|
||
</div>
|
||
|
||
<div class="sec-title light pt-4 pb-5 mb-3 d-inline d-md-none">
|
||
<h5 class="text-center">KELEBIHAN MAGESTY BLONJO</h5>
|
||
</div>
|
||
|
||
<div class="inner-container">
|
||
<div class="row clearfix">
|
||
<div class="image-column col-lg-6 col-md-12 col-sm-12">
|
||
<div class="inner-column">
|
||
<div class="image wow slideInUp animated" style="visibility: visible; animation-duration: 1500ms; animation-delay: 0ms; animation-name: slideInUp;">
|
||
<img src="assets/images/hero2.png" alt="" width="80%">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="content-column col-lg-6 col-md-12 col-sm-12">
|
||
<div class="inner-column">
|
||
|
||
|
||
<div class="business-block">
|
||
<div class="inner-box">
|
||
|
||
<div class="icon-box">
|
||
<span class="icon flaticon-chat-2"></span>
|
||
</div>
|
||
<div class="content">
|
||
<h4>Efisiensi Kerja</h4>
|
||
<div class="text2">Efisensi proses kerja dapat dilakukan negosiasi harga secara langsung</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="business-block">
|
||
<div class="inner-box">
|
||
|
||
<div class="icon-box">
|
||
<span class="icon flaticon-growth"></span>
|
||
</div>
|
||
<div class="content">
|
||
<h4>Pelacakan Pembayaran</h4>
|
||
<div class="text2">Pelacakan pembayaran untuk keperluan audit<br> </div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="business-block">
|
||
<div class="inner-box">
|
||
|
||
<div class="icon-box">
|
||
<span class="icon flaticon-management"></span>
|
||
</div>
|
||
<div class="content">
|
||
<h4>Patuh Pajak</h4>
|
||
<div class="text2">Kepatuhan terhadap penerapan pajak daerah sehingga pajak daerah menjadi lebih optimal</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="business-block">
|
||
<div class="inner-box">
|
||
|
||
<div class="icon-box">
|
||
<span class="icon flaticon-united"></span>
|
||
</div>
|
||
<div class="content">
|
||
<h4>Integrasi Bank Jateng</h4>
|
||
<div class="text2">Terintegrasi dengan Bank daerah dalam hal ini Bank Jateng</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="business-block">
|
||
<div class="inner-box">
|
||
|
||
<div class="icon-box">
|
||
<span class="icon flaticon-united"></span>
|
||
</div>
|
||
<div class="content">
|
||
<h4>Perbandingan harga</h4>
|
||
<div class="text2">Perbandingan harga antar penyedia lebih mudah</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</section>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<div class="container-fluid marketplace-section">
|
||
<div class="row">
|
||
<div class="col-md-12">
|
||
<!-- First column content goes here -->
|
||
|
||
|
||
|
||
<div class="sec-title light pt-4 pb-5 mb-3 d-none d-md-inline">
|
||
<h3 class="text-light">TESTIMONI <img src="assets/images/title.png" class="title-png" alt="Image 2"></h3>
|
||
</div>
|
||
|
||
<div class="sec-title light pt-4 pb-5 mb-3 d-inline d-md-none">
|
||
<h5 class="text-center text-light">TESTIMONI</h5>
|
||
</div>
|
||
|
||
|
||
<div class="text-left pt-4">
|
||
<div class="row">
|
||
|
||
<div id="testimonial-carousel" class="carousel slide" data-bs-ride="carousel">
|
||
<div class="carousel-inner">
|
||
|
||
<div class="carousel-item active">
|
||
<div class="container">
|
||
<div class="row justify-content-center">
|
||
<div class="col-md-8 col-lg-6">
|
||
<div class="card testimonial-card">
|
||
<div class="card-body">
|
||
|
||
<div class="row">
|
||
<div class="col-3 pt-3 d-none d-md-inline">
|
||
|
||
<div class="profile-pic">
|
||
<svg viewBox="0 0 200 200">
|
||
<circle cx="100" cy="100" r="80" fill="#c7c7c7"/>
|
||
<rect x="70" y="50" width="60" height="100" rx="10" ry="10" fill="#f2f2f2"/>
|
||
<circle cx="100" cy="80" r="20" fill="#f2f2f2"/>
|
||
</svg>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<div class="col-12 col-md-8">
|
||
|
||
<h5 class="card-title">Fazza Catering</h5>
|
||
<p class="card-text">"Pada intinya sistemnya bagus, tp karena kitanya blm paham jd agak ribet😁🙏"</p>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="carousel-item">
|
||
<div class="container">
|
||
<div class="row justify-content-center">
|
||
<div class="col-md-8 col-lg-6">
|
||
<div class="card testimonial-card">
|
||
<div class="card-body">
|
||
|
||
<div class="row">
|
||
<div class="col-3 pt-3 d-none d-md-inline">
|
||
|
||
<div class="profile-pic">
|
||
<svg viewBox="0 0 200 200">
|
||
<circle cx="100" cy="100" r="80" fill="#c7c7c7"/>
|
||
<rect x="70" y="50" width="60" height="100" rx="10" ry="10" fill="#f2f2f2"/>
|
||
<circle cx="100" cy="80" r="20" fill="#f2f2f2"/>
|
||
</svg>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<div class="col-12 col-md-8">
|
||
|
||
<h5 class="card-title">Fazza Catering</h5>
|
||
<p class="card-text">"Menggunakan Mbizmarket mempermudah dari sistem pembayaran ke penjual, informasi kebutuhan hingga promosi marketing ada semua"</p>
|
||
|
||
|
||
</div>
|
||
|
||
</div>
|
||
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
|
||
<!-- Add more carousel items as needed -->
|
||
</div>
|
||
<button class="carousel-control-prev" type="button" data-bs-target="#testimonial-carousel" data-bs-slide="prev">
|
||
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
|
||
<span class="visually-hidden">Previous</span>
|
||
</button>
|
||
<button class="carousel-control-next" type="button" data-bs-target="#testimonial-carousel" data-bs-slide="next">
|
||
<span class="carousel-control-next-icon" aria-hidden="true"></span>
|
||
<span class="visually-hidden">Next</span>
|
||
</button>
|
||
</div>
|
||
|
||
|
||
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<?php
|
||
include "layout/footer.php"
|
||
?>
|