Magesty-Blonjo/index.php

390 lines
14 KiB
PHP
Raw Blame History

This file contains invisible Unicode characters!

This file contains invisible Unicode characters that may be processed differently from what appears below. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to reveal hidden characters.

<?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>&nbsp;</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"
?>