<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<meta name="description" content="" />
<meta name="author" content="" />
<title>HIPWIN</title>
<!-- Favicon-->
<link rel="icon" type="image/x-icon" href="file_sumber/logo_hipwin.jpg" />
<!-- Bootstrap Icons-->
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css" rel="stylesheet" />
<!-- Google fonts-->
<link href="https://fonts.googleapis.com/css?family=Merriweather+Sans:400,700" rel="stylesheet" />
<link href="https://fonts.googleapis.com/css?family=Merriweather:400,300,300italic,400italic,700,700italic" rel="stylesheet" type="text/css" />
<!-- SimpleLightbox plugin CSS-->
<link href="https://cdnjs.cloudflare.com/ajax/libs/SimpleLightbox/2.1.0/simpleLightbox.min.css" rel="stylesheet" />
<!-- Core theme CSS (includes Bootstrap)-->
<link href="css/styles.css" rel="stylesheet" />
</head>
<body id="page-top">
<!-- Navigation-->
<nav class="navbar navbar-expand-lg navbar-light fixed-top py-3" id="mainNav">
<div class="container px-4 px-lg-5">
<div class="logo mr-auto">
<a href="index.php"><img src="file_sumber/logo_hipwin.jpg" height="70px" width="auto"></a>
<br>
</div>
<a class="navbar-brand" href="#page-top">HIPWIN</a>
<button class="navbar-toggler navbar-toggler-right" type="button" data-bs-toggle="collapse" data-bs-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ms-auto my-2 my-lg-0">
<li class="nav-item"><a class="nav-link" href="#alamat">Alamat kantor</a></li>
<li class="nav-item"><a class="nav-link" href="#sejarah">Sejarah</a></li>
<li class="nav-item"><a class="nav-link" href="#visi&misi">Visi misi</a></li>
<li class="nav-item"><a class="nav-link" href="#Profil">Profil pimpinan</a></li>
<li class="nav-item"><a class="nav-link" href="#Struktur">Struktur organisasi</a></li>
<li class="nav-item"><a class="nav-link" href="#media">Media partner</a></li>
<li class="nav-item"><a class="nav-link" href="#mitra">Mitra UMKM</a></li>
<li class="nav-item"><a class="nav-link" href="#arsip">Arsip</a></li>
</ul>
</div>
</div>
</nav>
<!-- Masthead-->
<header class="masthead">
<div class="container px-4 px-lg-5 h-100">
<div class="row gx-4 gx-lg-5 h-100 align-items-center justify-content-center text-center">
<div class="col-lg-8 align-self-end">
<h1 class="text-white font-weight-bold">Himpunan Pedagang Warteg Indonesia</h1>
<hr class="divider" />
</div>
<div class="col-lg-8 align-self-baseline">
</div>
</div>
</div>
</header>
<!-- About-->
<section class="page-section" id="alamat">
<div class="container px-4 px-lg-5">
<h2 class="text-center mt-0"><img src="file_sumber/logo_hipwin.jpg" height="200px" width="auto"><br>Alamat kantor</h2>
<hr class="divider" />
<div class="row gx-4 gx-lg-5">
<div class="col-lg-6 col-md-12 text-center">
<div class="mt-5">
<div class="mb-2"><i><img src="assets/img/office.jpg" height="100px" width="100px"></i></div>
<h3 class="h4 mb-2">Office</h3>
<p class="text-muted mb-0">Jl. Kecubung Raya - Bumi karawaci, Blok J 1, No. 3, Rt 06 Rw 07,
Kel. Bencongan Indah, Kec. Kelapa Dua, Kab.Tangerang, Banten, 15810
</p>
</div>
</div>
<div class="col-lg-6 col-md-12 text-center">
<div class="mt-5">
<div class="mb-2"><i><img src="assets/img/contact.jpg" height="100px" width="100px"></i></div>
<h3 class="h4 mb-2">Contact</h3>
<p class="text-muted mb-0">Tlp : 021-55663202 - 081319971766 / email : hipwin02062022@gmail.com
</p>
</div>
</div>
</div>
</div>
</section>
<!-- Sejarah-->
<section class="page-section" id="sejarah">
<div class="container px-4 px-lg-5">
<h2 class="text-center mt-0"><img src="file_sumber/logo_hipwin.jpg" height="200px" width="auto"><br>Sejarah</h2>
<hr class="divider" />
<div class="row gx-4 gx-lg-5">
<div class="col-lg-12 col-md-24 text-center">
<div class="mt-5">
<a class="btn btn-secondary" href="#contact">Daftar Menjadi Anggota</a>
<p class="text-muted mb-0">Himpunan pedagang warteg Indonesia (HiPWin) merupakan organisasi yang menampung aspirasi dan keluhan para pengusaha warteg dan bersama mencari solusi untuk kemajuan bersama didirikan pada tanggal 02 Juni 2022 tahun atas ke inginan bersama agar para pedagang warteg khususnya di jabodetabek mempunyai organisasi yang benar-benar peduli dan mencari jalan keluar atas permasalahan para pedagang-pedagang warteg.</p>
</div>
</div>
</div>
</div>
</section>
<!-- end Sejarah-->
<!-- Services-->
<section class="page-section" id="visi&misi">
<div class="container px-4 px-lg-5">
<h2 class="text-center mt-0"><img src="file_sumber/logo_hipwin.jpg" height="200px" width="auto"><br>Visi&Misi</h2>
<hr class="divider" />
<div class="row gx-4 gx-lg-5">
<div class="col-lg-6 col-md-12 text-center">
<h4 class="text-center mt-0">Visi</h4>
<p class="text-muted mb-0">Memberdayakan usaha-usaha warteg untuk meningkatkan peran para pedagang warteg atau warung kuliner sejenisnya untuk mendukung dunia usaha yang produktif sehingga dapat mewujudkan kesejahteraan dan keadilan ekonomi kerakyatan.</p>
</div>
<div class="col-lg-6 col-md-12">
<h4 class="text-center mt-0">Misi</h4>
<ol>
<li>Mengoptimalkan dan memberdayakan usaha warteg para anggota untuk di sinergikan dalam suatu pemberdayaan ekonomi kerakyatan sehingga membentuk perekonomian yang kuat dan Tangguh dalam memenangi dunia usaha.
</li>
<li>Membentuk badan usaha koperasi produktif yang sehat sehingga dapat memperoleh harga bahan pokok yang murah dalam upaya meningkatkan kesejahteraan bagi seluruh anggota.
</li>
<li>Mengkondisikan kantor kesekretariatan
</li>
<li>Meningkatkan produktivitas dengan mengembangkan sinergi dan partisipasi seluruh anggota dalam mengelola usaha-usaha warteg.
</li>
<li>Membuktikan bahwa system perekonomian kerakyatan adalah system ekonomi pemberdayaan masyarakat yang terbaik sehingga dapat memberikan citra yang positif bagi masyarakat, untuk meningkatkan pendapatan yang pada akhirnya dapat memperbaiki kesejahteraan anggota yang lebih baik.
</li>
<li>Memantapkan usaha-usaha warteg anggota dengan mendampingi, merapihkan administrasi perijinan usaha anggota.
</li>
<li>Berperan serta membantu pemerintah untuk menjalankan program-program pemberdayaan sehingga ( HiPWIn ) Himpunan Pedagang Waretg Indonesia berperan aktif dalam meningkatkan kesejahteraan masyarakat.
</li>
</ol>
</div>
</div>
</div>
</section>
<!-- Profil pimpinan-->
<section class="page-section" id="Profil">
<div class="container px-4 px-lg-5">
<h2 class="text-center mt-0"><img src="file_sumber/logo_hipwin.jpg" height="200px" width="auto"><br>Profil pimpinan</h2>
<hr class="divider" />
<div class="row gx-4 gx-lg-5">
<div class="col-lg-3 col-md-6 text-center">
<div class="mt-5">
<div class="mb-2"><img src="file_sumber/1.jpg" height="200px" width="auto"></div>
<h3 class="h4 mb-2">Rojikin manggala</h3>
<p class="text-muted mb-0">Ketua umum</p>
</div>
</div>
<div class="col-lg-3 col-md-6 text-center">
<div class="mt-5">
<div class="mb-2"><img src="file_sumber/h.mulyadi.jpg" height="200px" width="auto"></div>
<h3 class="h4 mb-2">H. Mulyadi</h3>
<p class="text-muted mb-0">Profil pimpinan</p>
</div>
</div>
<div class="col-lg-3 col-md-6 text-center">
<div class="mt-5">
<div class="mb-2"><img src="file_sumber/h.warto.jpg" height="200px" width="auto"></div>
<h3 class="h4 mb-2">H. Warto</h3>
<p class="text-muted mb-0">Profil pimpinan</p>
</div>
</div>
<div class="col-lg-3 col-md-6 text-center">
<div class="mt-5">
<div class="mb-2"><img src="file_sumber/rasmudi.jpg" height="200px" width="auto"></div>
<h3 class="h4 mb-2">Rasmudi</h3>
<p class="text-muted mb-0">Profil pimpinan</p>
</div>
</div>
<div class="col-lg-3 col-md-6 text-center">
<div class="mt-5">
<div class="mb-2"><img src="file_sumber/sholikin.jpg" height="200px" width="auto"></div>
<h3 class="h4 mb-2">Sholikin</h3>
<p class="text-muted mb-0">Profil pimpinan</p>
</div>
</div>
<div class="col-lg-3 col-md-6 text-center">
<div class="mt-5">
<div class="mb-2"><img src="file_sumber/tasori.jpg" height="200px" width="auto"></div>
<h3 class="h4 mb-2">Tasori</h3>
<p class="text-muted mb-0">Profil pimpinan</p>
</div>
</div>
<div class="col-lg-3 col-md-6 text-center">
<div class="mt-5">
<div class="mb-2"><img src="file_sumber/tohirin.jpg" height="200px" width="auto"></div>
<h3 class="h4 mb-2">Tohirin</h3>
<p class="text-muted mb-0">Profil pimpinan</p>
</div>
</div>
</div>
</div>
</section>
<!-- Struktur organisasi-->
<section class="page-section" id="Struktur">
<div class="container px-4 px-lg-5">
<h2 class="text-center mt-0"><img src="file_sumber/logo_hipwin.jpg" height="200px" width="auto"><br>Struktur Organisasi</h2>
<hr class="divider" />
<div class="row gx-4 gx-lg-5">
<div class="col-lg-12 col-md-24 text-center">
<img class="img-fluid" src="file_sumber/struktur_kepengurusan.PNG" height="421px" width="auto" alt="..." />
</div>
</div>
</div>
</section>
<!-- Media partner-->
<section class="page-section" id="media">
<div class="container px-4 px-lg-5">
<h2 class="text-center mt-0"><img src="file_sumber/logo_hipwin.jpg" height="200px" width="auto"><br>Media partner</h2>
<hr class="divider" />
<div class="row gx-4 gx-lg-5">
<div class="col-lg-3 col-md-6 text-center">
<div class="mt-5">
<div class="mb-2"><img src="file_sumber/instagram.jpg" height="100px" width="auto"></div>
<h3 class="h4 mb-2">Instagram Kami</h3>
<a href="https://www.instagram.com/hipwin02062022/?igshid=ZDdkNTZiNTM%3D">Kunjungi</a>
</div>
</div>
<div class="col-lg-3 col-md-6 text-center">
<div class="mt-5">
<div class="mb-2"><img src="file_sumber/yt.png" height="100px" width="auto" ></div>
<h3 class="h4 mb-2">Youtube Kami</h3>
<a href="https://youtube.com/channel/UCdKU5XB5L5Uc1wVqJMND2PA">Kunjungi</a>
</div>
</div>
<div class="col-lg-3 col-md-6 text-center">
<div class="mt-5">
<div class="mb-2"><div class="mb-2"><img src="file_sumber/fb.png" height="100px" width="auto"></div></div>
<h3 class="h4 mb-2">Facebook Kami</h3>
<a href="https://www.facebook.com/groups/258673266476611/permalink/426599326350670/?mibextid=Nif5oz">Kunjungi</a>
</div>
</div>
</div>
</div>
</section>
<!-- Mitra UMKM-->
<section class="page-section" id="mitra">
<div class="container px-4 px-lg-5">
<h2 class="text-center mt-0"><img src="file_sumber/logo_hipwin.jpg" height="200px" width="auto"><br>Mitra UMKM</h2>
<hr class="divider" />
<div class="row gx-4 gx-lg-5">
<div class="col-lg-3 col-md-6 text-center">
<div class="mt-5">
<div class="mb-2"><i class="bi-gem fs-1 text-primary"></i></div>
<h3 class="h4 mb-2">Mitra UMKM</h3>
<p class="text-muted mb-0">Mitra UMKM</p>
</div>
</div>
<div class="col-lg-3 col-md-6 text-center">
<div class="mt-5">
<div class="mb-2"><i class="bi-laptop fs-1 text-primary"></i></div>
<h3 class="h4 mb-2">Mitra UMKM</h3>
<p class="text-muted mb-0">Mitra UMKM</p>
</div>
</div>
<div class="col-lg-3 col-md-6 text-center">
<div class="mt-5">
<div class="mb-2"><i class="bi-globe fs-1 text-primary"></i></div>
<h3 class="h4 mb-2">Mitra UMKM</h3>
<p class="text-muted mb-0">Mitra UMKM</p>
</div>
</div>
<div class="col-lg-3 col-md-6 text-center">
<div class="mt-5">
<div class="mb-2"><i class="bi-heart fs-1 text-primary"></i></div>
<h3 class="h4 mb-2">Mitra UMKM</h3>
<p class="text-muted mb-0">Mitra UMKM</p>
</div>
</div>
</div>
</div>
</section>
<!-- Arsip-->
<div id="arsip">
<div class="container-fluid p-0"><h2 class="text-center mt-0"><img src="file_sumber/logo_hipwin.jpg" height="200px" width="auto"><br>Arsip</h2>
<hr class="divider" />
<div class="row g-0">
<div class="col-lg-4 col-sm-6">
<a class="portfolio-box" href="file_sumber/cetak_sk_6022090136100079.pdf" title="Project Name">
<img class="img-fluid" src="file_sumber/SK_warteg.jpg" height="421px" width="auto" alt="..." />
<div class="portfolio-box-caption">
<div class="project-name">cetak_sk_6022090136100079.pdf</div>
</div>
</a>
</div>
</div>
</div>
</div>
<!-- Contact-->
<section class="page-section" id="contact">
<div class="container px-4 px-lg-5">
<div class="row gx-4 gx-lg-5 justify-content-center">
<div class="col-lg-8 col-xl-6 text-center">
<h2 class="mt-0">Daftar Menjadi Anggota</h2>
<hr class="divider" />
<!--<p class="text-muted mb-5">Ready to start your next project with us? Send us a messages and we will get back to you as soon as possible!</p>-->
</div>
</div>
<div class="row gx-4 gx-lg-5 justify-content-center mb-5">
<div class="col-lg-6">
<!-- * * * * * * * * * * * * * * *-->
<!-- * * SB Forms Contact Form * *-->
<!-- * * * * * * * * * * * * * * *-->
<!-- This form is pre-integrated with SB Forms.-->
<!-- To make this form functional, sign up at-->
<!-- https://startbootstrap.com/solution/contact-forms-->
<!-- to get an API token!-->
<form id="contactForm" data-sb-form-api-token="API_TOKEN">
<div class="form-floating mb-3">
<input class="form-control" id="name" type="text" placeholder="Enter your name..." data-sb-validations="required" />
<label for="name">NAMA</label>
<div class="invalid-feedback" data-sb-feedback="name:required">NAMA DIBUTUHKAN</div>
</div>
<div class="form-floating mb-3">
<input class="form-control" id="name" type="text" placeholder="Enter your NO HP..." data-sb-validations="required" />
<label for="name">NO HP</label>
<div class="invalid-feedback" data-sb-feedback="name:required">NO HP DIBUTUHKAN</div>
</div>
<div class="form-floating mb-3">
<input class="form-control" id="phone" type="tel" placeholder="(123) 456-7890" data-sb-validations="required" />
<label for="phone">NO KTP</label>
<div class="invalid-feedback" data-sb-feedback="phone:required">NO KTP DIBUTUHKAN</div>
</div>
<div class="form-floating mb-3">
<input class="form-control" id="phone" type="tel" placeholder="(123) 456-7890" data-sb-validations="required" />
<label for="phone">EMAIL</label>
<div class="invalid-feedback" data-sb-feedback="phone:required">EMAIL DIBUTUHKAN</div>
</div>
<div class="form-floating mb-3">
<input class="form-control" id="phone" type="tel" placeholder="(123) 456-7890" data-sb-validations="required" />
<label for="phone">NAMA USAHA</label>
<div class="invalid-feedback" data-sb-feedback="phone:required">NAMA USAHA DIBUTUHKAN</div>
</div>
<div class="form-floating mb-3">
<input class="form-control" id="phone" type="tel" placeholder="(123) 456-7890" data-sb-validations="required" />
<label for="phone">ALAMAT USAHA</label>
<div class="invalid-feedback" data-sb-feedback="phone:required">ALAMAT USAHA DIBUTUHKAN</div>
</div>
<!-- Message input-->
<div class="form-floating mb-3">
SELECT FOTO KTP:<input type="file" id="myfile" name="myfile">
</div>
<!-- Submit success message-->
<!---->
<!-- This is what your users will see when the form-->
<!-- has successfully submitted-->
<div class="d-none" id="submitSuccessMessage">
<div class="text-center mb-3">
<div class="fw-bolder">Form submission successful!</div>
<!-- To activate this form, sign up at-->
<br />
<a href="https://startbootstrap.com/solution/contact-forms">https://startbootstrap.com/solution/contact-forms</a>
</div>
</div>
<!-- Submit error message-->
<!---->
<!-- This is what your users will see when there is-->
<!-- an error submitting the form-->
<div class="d-none" id="submitErrorMessage"><div class="text-center text-danger mb-3">Error sending message!</div></div>
<!-- --><!-- Submit Button--><!-- -->
<div class="d-grid"><button class="btn btn-primary btn-xl disabled" id="submitButton" type="submit">Submit</button></div>
</form>
</div>
</div>
<div class="row gx-4 gx-lg-5 justify-content-center">
<div class="col-lg-4 text-center mb-5 mb-lg-0">
<i class="bi-phone fs-2 mb-3 text-muted"></i>
<div>12345678</div>
</div>
</div>
</div>
</section>
<!-- Call to action-->
<section class="page-section bg-dark text-white">
<div class="container px-4 px-lg-5 text-center">
<h2 class="mb-4">Himpunan Pedagang Warteg Indonesia</h2>
</div>
</section>
<!-- Footer-->
<footer class="bg-light py-5">
<div class="container px-4 px-lg-5"><div class="small text-center text-muted">Copyright © 2022 - HIPWIN</div></div>
</footer>
<!-- Bootstrap core JS-->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
<!-- SimpleLightbox plugin JS-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/SimpleLightbox/2.1.0/simpleLightbox.min.js"></script>
<!-- Core theme JS-->
<script src="js/scripts.js"></script>
<!-- * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *-->
<!-- * * SB Forms JS * *-->
<!-- * * Activate your form at https://startbootstrap.com/solution/contact-forms * *-->
<!-- * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *-->
<script src="https://cdn.startbootstrap.com/sb-forms-latest.js"></script>
</body>
</html>
|