match_making/resources/views/landing page/show.blade.php
2025-01-02 09:09:28 +07:00

657 lines
30 KiB
PHP

{{-- <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Project Details</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
<style>
.project-card {
border: 1px solid #ddd;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
padding: 20px;
}
.project-photo {
max-width: 100%;
border-radius: 8px;
}
.project-doc {
max-width: 100%;
border-radius: 8px;
padding: 10px 0;
}
.project-title {
font-size: 1.5rem;
font-weight: bold;
margin-bottom: 20px;
}
.project-details dt {
font-weight: bold;
}
.project-details dd {
margin-bottom: 10px;
}
</style>
</head>
<body>
<div class="container mt-5">
<div class="project-card">
<div class="project-title">
{{ $project->judul_project }}
</div>
<div class="row">
<div class="col-md-6">
<dl class="project-details">
<dt>Sub Sector</dt>
<dd>{{ $project->bidang_sub_sektor_ekonomi_kreatif }}</dd>
<dt>Latar Belakang</dt>
<dd>{{ $project->latar_belakang }}</dd>
<dt>Penerima Manfaat Pengguna Project</dt>
<dd>{{ $project->penerima_manfaat_pengguna_project }}</dd>
<dt>Solusi Project</dt>
<dd>{{ $project->solusi_project }}</dd>
<dt>Parameter Kesuksesan</dt>
<dd>{{ $project->parameter_kesuksesan }}</dd>
<dt>Rincian Kebutuhan</dt>
<dd>{{ $project->rincian_kebutuhan }}</dd>
<dt>Deskripsi Kolaborasi</dt>
<dd>{{ $project->deskripsi_kolaborasi }}</dd>
<dt>Kata Kunci</dt>
<dd>{{ $project->kata_kunci }}</dd>
<dt>Batas Terima Tawaran</dt>
<dd>{{ $project->batas_terima_tawaran->format('d-m-Y') }}</dd>
<!-- Added Fields -->
<dt>Tanggal Mulai</dt>
<dd>{{ $project->tanggal_mulai->format('d-m-Y') }}</dd>
<dt>Tanggal Berakhir</dt>
<dd>{{ $project->tanggal_berakhir->format('d-m-Y') }}</dd>
<dt>Nominal Kebutuhan</dt>
<dd>Rp {{ number_format($project->nominal_kebutuhan, 2, ',', '.') }}</dd>
<dt>Kategori</dt>
<dd>{{ $project->kategori }}</dd>
<dt>Kontak</dt>
<dd>{{ $project->kontak }}</dd>
</dl>
</div>
<div class="col-md-6">
@if ($project->foto_proyek)
<div class="mb-3">
<h5>Foto Project</h5>
<img src="{{ Storage::url($project->foto_proyek) }}" alt="Project Photo"
class="project-photo">
</div>
@endif
@if ($project->dokumen_pendukung)
<div class="mb-3">
<h5>Dokumen Pendukung</h5>
<a href="{{ Storage::url($project->dokumen_pendukung) }}"
download="{{ basename($project->dokumen_pendukung) }}"
class="btn btn-primary">Download</a>
</div>
@endif
</div>
</div>
</div>
<a href="{{ route('landingpage.index') }}" class="btn btn-secondary mt-4">Back to List</a>
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html> --}}
<!DOCTYPE html>
<html lang="zxx">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="{{ asset('assetslixi/css/bootstrap.min.css') }}">
<!-- Meanmenu CSS -->
<link rel="stylesheet" href="{{ asset('assetslixi/css/meanmenu.css') }}">
<!-- Boxicons CSS -->
<link rel="stylesheet" href="{{ asset('assetslixi/css/boxicons.min.css') }}">
<!-- Odometer CSS -->
<link rel="stylesheet" href="{{ asset('assetslixi/css/odometer.min.css') }}">
<!-- Popup CSS -->
<link rel="stylesheet" href="{{ asset('assetslixi/css/magnific-popup.min.css') }}">
<!-- Owl Carousel -->
<link rel="stylesheet" href="{{ asset('assetslixi/css/owl.carousel.min.css') }}">
<link rel="stylesheet" href="{{ asset('assetslixi/css/owl.theme.default.min.css') }}">
<!-- Nice Select CSS -->
<link rel="stylesheet" href="{{ asset('assetslixi/css/nice-select.min.css') }}">
<!-- Style CSS -->
<link rel="stylesheet" href="{{ asset('assetslixi/css/style.css') }}">
<!-- Responsive CSS -->
<link rel="stylesheet" href="{{ asset('assetslixi/css/responsive.css') }}">
<!-- Theme Dark CSS -->
<link rel="stylesheet" href="{{ asset('assetslixi/css/theme-dark.css') }}">
<title>Matchmaking</title>
<link rel="icon" type="image/png" href="{{ asset('assetslixi/img/favicon.png') }}">
</head>
<body>
<!-- Navbar Area -->
<div class="navbar-area two fixed-top">
<!-- Menu For Mobile Device -->
<div class="mobile-nav">
<a href="index.html" class="logo">
<img src="assetslixi/img/logo.png" alt="Logo">
</a>
</div>
<!-- Menu For Desktop Device -->
<div class="main-nav">
<div class="container">
<nav class="navbar navbar-expand-md navbar-light">
<a class="navbar-brand" href="index.html">
<img src="assetslixi/img/logo.png" alt="Logo">
</a>
<div class="collapse navbar-collapse mean-menu" id="navbarSupportedContent">
<ul class="navbar-nav">
<li class="nav-item">
<a href="#" class="nav-link dropdown-toggle">Home <i
class='bx bx-chevron-down'></i></a>
<ul class="dropdown-menu">
<li class="nav-item">
<a href="index.html" class="nav-link">Home Page One</a>
</li>
<li class="nav-item">
<a href="index-2.html" class="nav-link">Home Page Two</a>
</li>
<li class="nav-item">
<a href="index-3.html" class="nav-link">Home Page Three</a>
</li>
</ul>
</li>
<li class="nav-item">
<a href="#" class="nav-link dropdown-toggle">Pages <i
class='bx bx-chevron-down'></i></a>
<ul class="dropdown-menu">
<li class="nav-item">
<a href="#" class="nav-link dropdown-toggle">User <i
class='bx bx-chevron-down'></i></a>
<ul class="dropdown-menu">
<li class="nav-item">
<a href="sign-in.html" class="nav-link">Masuk</a>
</li>
<li class="nav-item">
<a href="sign-up.html" class="nav-link">Daftar</a>
</li>
</ul>
</li>
<li class="nav-item">
<a href="team.html" class="nav-link">Team</a>
</li>
<li class="nav-item">
<a href="testimonial.html" class="nav-link">Testimonials</a>
</li>
<li class="nav-item">
<a href="faq.html" class="nav-link">FAQ</a>
</li>
<li class="nav-item">
<a href="404.html" class="nav-link">404 Error Page</a>
</li>
<li class="nav-item">
<a href="coming-soon.html" class="nav-link">Coming Soon</a>
</li>
<li class="nav-item">
<a href="privacy-policy.html" class="nav-link">Privacy Policy</a>
</li>
<li class="nav-item">
<a href="terms-and-conditions.html" class="nav-link">Terms & Conditions</a>
</li>
</ul>
</li>
<li class="nav-item">
<a href="about.html" class="nav-link">About</a>
</li>
<li class="nav-item">
<a href="#" class="nav-link dropdown-toggle">Services <i
class='bx bx-chevron-down'></i></a>
<ul class="dropdown-menu">
<li class="nav-item">
<a href="services.html" class="nav-link">Services</a>
</li>
<li class="nav-item">
<a href="service-details.html" class="nav-link">Service Details</a>
</li>
</ul>
</li>
<li class="nav-item">
<a href="#" class="nav-link dropdown-toggle active">Projects <i
class='bx bx-chevron-down'></i></a>
<ul class="dropdown-menu">
<li class="nav-item">
<a href="projects.html" class="nav-link">Projects</a>
</li>
<li class="nav-item">
<a href="project-details.html" class="nav-link active">Project Details</a>
</li>
</ul>
</li>
<li class="nav-item">
<a href="#" class="nav-link dropdown-toggle">Blog <i
class='bx bx-chevron-down'></i></a>
<ul class="dropdown-menu">
<li class="nav-item">
<a href="blog.html" class="nav-link">Blog</a>
</li>
<li class="nav-item">
<a href="blog-details.html" class="nav-link">Blog Details</a>
</li>
</ul>
</li>
<li class="nav-item">
<a href="contact.html" class="nav-link">Contact</a>
</li>
</ul>
<div class="side-nav">
<a href="#">Book A Schedule</a>
</div>
</div>
</nav>
</div>
</div>
</div>
<!-- End Navbar Area -->
<!-- Page Title -->
<div class="page-title-area">
<div class="d-table">
<div class="d-table-cell">
<div class="container">
<div class="title-item">
<h2>Project Details</h2>
<ul>
<li>
<a href="index.html">Home</a>
</li>
<li>
<i class='bx bx-chevrons-right'></i>
</li>
<li>
<span>Project Details</span>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- End Page Title -->
<!-- Project Details -->
<div class="project-details-area ptb-100">
<div class="container">
<div class="row">
<div class="col-lg-9">
<div class="details-item">
<div class="details-img">
<img src="assetslixi/img/service-details1.jpg" alt="Details">
<h3>Get Description Of Your Project</h3>
<p>It is a long established fact that a reader will be distracted by the readable content of
a page when looking at its layout. The point of using Lorem Ipsum is that it has a
more-or-less normal distribution of letters, as opposed to using 'Content here, content
here', making it look like readable English. Many desktop publishing packages and web
page editors now use Lorem Ipsum as their default model text, and a search for 'lorem
ipsum' will uncover many web sites still in their infancy. Various versions have evolved
over the years, sometimes by accident</p>
<div class="row align-items-center">
<div class="col-lg-6">
<img src="assetslixi/img/project-details1.jpg" alt="Details">
</div>
<div class="col-lg-6">
<div class="details-img-right">
<ul>
<li>
<i class='bx bx-check-double'></i>
We have over 10 years experience
</li>
<li>
<i class='bx bx-check-double'></i>
We always give best services to clients
</li>
<li>
<i class='bx bx-check-double'></i>
We are always responsive to do work
</li>
<li>
<i class='bx bx-check-double'></i>
We have professional workers
</li>
<li>
<i class='bx bx-check-double'></i>
We provide life time support
</li>
</ul>
</div>
</div>
</div>
<h3>Get More Advise About Cleaning</h3>
<p class="one-p">Lorem Ipsum is simply dummy text of the printing and typesetting
industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,
when an unknown printer took a galley of type and scrambled it to make a type specimen
book. It has survived not only five centuries, but also the leap into electronic
typesetting, remaining essentially unchanged. It was popularised in the 1960s with the
release of Letraset sheets containing Lorem Ipsum passages, and more recently with
desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Repudiandae recusandae quae,
quidem ab qui tempore voluptates quo sint tempora aperiam aliquam eaque nemo, nam ad
maiores, atque quis ex perferendis!</p>
</div>
</div>
</div>
<div class="col-lg-3">
<div class="widget-area">
<div class="information widget-item">
<h3>Project Information</h3>
<ul>
<li>
<span>Date:</span>
20 June, 2020
</li>
<li>
<span>Duration:</span>
7 Days
</li>
<li>
<span>Amount:</span>
$2,000
</li>
<li>
<span>Client:</span>
Tom Henry
</li>
<li>
<span>Location:</span>
6th Floor, Barbosa, Sidney
</li>
</ul>
</div>
<div class="related widget-item">
<h3>Related Post</h3>
<div class="related-inner">
<ul class="align-items-center">
<li>
<img src="assetslixi/img/service-details12.jpg" alt="Details">
</li>
<li>
<a href="#">Office Cleaning</a>
<span>20 July</span>
</li>
</ul>
</div>
<div class="related-inner">
<ul class="align-items-center">
<li>
<img src="assetslixi/img/service-details13.jpg" alt="Details">
</li>
<li>
<a href="#">House Cleaning</a>
<span>21 July</span>
</li>
</ul>
</div>
<div class="related-inner">
<ul class="align-items-center">
<li>
<img src="assetslixi/img/service-details14.jpg" alt="Details">
</li>
<li>
<a href="#">Window Cleaning</a>
<span>22 July</span>
</li>
</ul>
</div>
</div>
<div class="newsletter widget-item">
<h3>Newsletter</h3>
<form>
<input type="email" class="form-control" placeholder="Enter your email">
<button type="submit" class="btn cmn-btn">Subscribe</button>
</form>
</div>
<div class="tags widget-item">
<h3>Tags</h3>
<ul>
<li>
<a href="#">Cleaner</a>
</li>
<li>
<a href="#">Corporate</a>
</li>
<li>
<a href="#">Agency</a>
</li>
<li>
<a href="#">Office</a>
</li>
<li>
<a href="#">Kitchen</a>
</li>
<li>
<a href="#">Deep</a>
</li>
<li>
<a href="#">Sanitizer</a>
</li>
</ul>
</div>
<div class="call widget-item">
<h3>Call Now</h3>
<a href="tel:+0123456789">+0123-456-789</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Project Details -->
<!-- Subscribe -->
<div class="subscribe-area">
<div class="subscribe-wrap">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6">
<div class="section-title">
<h2>Stay Up To Date With Our Latest News!</h2>
</div>
</div>
<div class="col-lg-6">
<form class="newsletter-form" data-toggle="validator">
<input type="email" class="form-control" placeholder="Enter your email" name="EMAIL"
required autocomplete="off">
<button class="btn cmn-btn" type="submit">
Subscribe
</button>
<div id="validator-newsletter" class="form-result"></div>
</form>
</div>
</div>
</div>
</div>
</div>
<!-- End Subscribe -->
<!-- Footer -->
<footer class="pt-100">
<div class="container">
<div class="row">
<div class="col-sm-6 col-lg-3">
<div class="footer-item">
<div class="footer-logo">
<a href="index.html">
<img src="assetslixi/img/logo.png" alt="Logo">
</a>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. It has
survived not only five centuries, but also the leap into electronic.</p>
</div>
</div>
</div>
<div class="col-sm-6 col-lg-3">
<div class="footer-item">
<div class="footer-company">
<h3>Company</h3>
<ul>
<li>
<a href="about.html" target="_blank">About</a>
</li>
<li>
<a href="services.html" target="_blank">Services</a>
</li>
<li>
<a href="projects.html" target="_blank">Projects</a>
</li>
<li>
<a href="team.html" target="_blank">Team</a>
</li>
<li>
<a href="blog.html" target="_blank">Blog</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col-sm-6 col-lg-3">
<div class="footer-item">
<div class="footer-company">
<h3>Support</h3>
<ul>
<li>
<a href="faq.html" target="_blank">FAQ</a>
</li>
<li>
<a href="privacy-policy.html" target="_blank">Privacy Policy</a>
</li>
<li>
<a href="terms-and-conditions.html" target="_blank">Terms & Conditions</a>
</li>
<li>
<a href="#" target="_blank">Community</a>
</li>
<li>
<a href="contact.html" target="_blank">Contact</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col-sm-6 col-lg-3">
<div class="footer-item">
<div class="footer-contact">
<h3>Contact Info</h3>
<ul>
<li>
<span>Location: 6th Floor, Barbosa, Sidney</span>
</li>
<li>
<span>Email:</span>
<a href="mailto:info@lixi.com" target="_blank">info@lixi.com</a>
</li>
<li>
<span>Phone:</span>
<a href="tel:+0123456789" target="_blank">+0123 456 789</a>
</li>
</ul>
</div>
<div class="footer-social">
<ul>
<li>
<a href="#" target="_blank">
<i class='bx bxl-facebook'></i>
</a>
</li>
<li>
<a href="#" target="_blank">
<i class='bx bxl-twitter'></i>
</a>
</li>
<li>
<a href="#" target="_blank">
<i class='bx bxl-linkedin'></i>
</a>
</li>
<li>
<a href="#" target="_blank">
<i class='bx bxl-instagram'></i>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="copyright-area">
<p>Copyright @
<script>
document.write(new Date().getFullYear())
</script> Lixi. Designed By <a href="https://hibootstrap.com/"
target="_blank">HiBootstrap</a>
</p>
</div>
</div>
</footer>
<!-- End Footer -->
<!-- Essential JS -->
<script src="{{ asset('assetslixi/js/jquery.min.js') }}"></script>
<script src="{{ asset('assetslixi/js/bootstrap.bundle.min.js') }}"></script>
<!-- Form Validator JS -->
<script src="{{ asset('assetslixi/js/form-validator.min.js') }}"></script>
<!-- Contact JS -->
<script src="{{ asset('assetslixi/js/contact-form-script.js') }}"></script>
<!-- Ajax Chip JS -->
<script src="{{ asset('assetslixi/js/jquery.ajaxchimp.min.js') }}"></script>
<!-- Meanmenu JS -->
<script src="{{ asset('assetslixi/js/jquery.meanmenu.js') }}"></script>
<!-- Odometer JS -->
<script src="{{ asset('assetslixi/js/odometer.min.js') }}"></script>
<script src="{{ asset('assetslixi/js/jquery.appear.js') }}"></script>
<!-- Popup JS -->
<script src="{{ asset('assetslixi/js/jquery.magnific-popup.min.js') }}"></script>
<!-- Owl Carousel -->
<script src="{{ asset('assetslixi/js/owl.carousel.min.js') }}"></script>
<!-- Nice Select JS -->
<script src="{{ asset('assetslixi/js/jquery.nice-select.min.js') }}"></script>
<!-- Thumb Slider JS -->
<script src="{{ asset('assetslixi/js/thumb-slide.js') }}"></script>
<!-- Custom JS -->
<script src="{{ asset('assetslixi/js/custom.js') }}"></script>
</body>
</html>