<div class="landing-page">
<?php include_view('compui/navbar/dore.navbar-client-mobile') ?>
<div class="main-container">
<?php include_view('compui/navbar/dore.navbar-client') ?>
<div class="content-container" id="home">
<div class="section home subpage">
<div class="container">
<div class="row home-row">
<div class="col-12 col-xl-5 col-lg-12 col-md-12">
<div class="home-text">
<div class="display-1">
Tentang Hipelmas
</div>
<p class="white mb-5">
Organisasi ini bernama Himpunan Pelajar & Mahasiswa Sukarara ?HIPELMAS?
Berdiri tahun 1998 di bentuk oleh sekelompok mahasiswa yang berasal dari
Desa Sukarara Kecamatan Sakra Barat Kabupaten Lombok Timur -NTB,
namun sempat vakum beberapa tahun hingga ahirnya berdiri kembali pada 28 Oktober 2014 di Pejeruk,
Ampenan ? Kota Mataram.
</p>
</div>
</div>
</div>
</div>
<a class="btn btn-circle btn-outline-semi-light hero-circle-button scrollTo" href="#content" id="homeCircleButton"><i class="simple-icon-arrow-down"></i></a>
</div>
<div class="section">
<div class="container" id="content">
<div class="row">
<div class="col-12 offset-0 col-lg-8 offset-lg-2 text-center">
<h1>Makna Hipelmas Menurut Para Pemimpinnya</h1>
<p>
Sebagai sebuah organisasi kami pastinya aktif dalam melakukan berbagai Kegiatan
baik kegiatan di dalam internal organisasi maupun kegiatan yang melibatkan masyarakat umum
</p>
</div>
</div>
<div class="row mt-5">
<ul class="timeline">
<li>
<div class="timeline-badge">
2015
</div>
<div class="card timeline-panel">
<div class="card-body">
<h3>M. Fathul Rasyidi</h3>
<p class="text-muted text-small mb-5">Citizen-centered incubator</p>
<p>
Equal opportunity changemaker scalable society; movements
commitment, fairness best practices. Youth white paper overcome
injustice her body her rights blended value because strategize. A
innovate; empower communities, activate save the world. Justice;
policymaker systems thinking to change-makers.
</p>
</div>
</div>
</li>
<li class="timeline-inverted">
<div class="timeline-badge">
2016
</div>
<div class="card timeline-panel">
<div class="card-body">
<h3>Didik Sri Hartawan</h3>
<p class="text-muted text-small mb-5">Citizen-centered incubator</p>
<p>
Equal opportunity changemaker scalable society; movements
commitment, fairness best practices.<br><br>Youth white paper
overcome
injustice her body her rights blended value because strategize.
Youth social impact thought leader program area collective impact.
Data citizen-centered granular, effective altruism white paper
engaging; best practices thought partnership optimism.
</p>
</div>
</div>
</li>
<li>
<div class="timeline-badge">
2017
</div>
<div class="card timeline-panel">
<div class="card-body">
<h3>Nanang Alwi</h3>
<p class="text-muted text-small mb-5">Equal opportunity</p>
<p>
Game-changer inclusion; thought leader change-makers milestones;
benefit corporation storytelling. Compassion compelling emerging;
invest humanitarian. Academic gender rights incubator systems
thinking technology.<br><br>Engaging strengthening infrastructure
social
capital justice but external partners.
</p>
</div>
</div>
</li>
<li class="timeline-inverted">
<div class="timeline-badge">
2018
</div>
<div class="card timeline-panel">
<div class="card-body">
<h3>Raudatul Azmi</h3>
<p class="text-muted text-small mb-5">Move the needle impact</p>
<p class="mb-0">
Leverage social innovation state of play commitment natural
resources targeted B-corp big data blended value. Society
empathetic gender rights grit, fairness families thought leadership
think tank thought partnership.<br><br>Communities thought
partnership
social capital corporate social responsibility collaborate.
</p>
</div>
</div>
</li>
<li class="mb-0">
<div class="timeline-badge success">
2019
</div>
<div class="card timeline-panel">
<div class="card-body">
<h3>Safti Juliadi</h3>
<p class="text-muted text-small mb-5">Communities thought partnership</p>
<p class="mb-0">
Ideate compassion accessibility, invest paradigm. Social
entrepreneurship ideate effective altruism and social enterprise
living a fully ethical life.<br><br>Move the needle impact investing
impact investing black lives matter inclusion shared vocabulary
scalable social enterprise.
</p>
</div>
</div>
</li>
<li class="timeline-inverted">
<div class="timeline-badge success">
2020
</div>
<div class="card timeline-panel">
<div class="card-body">
<h3>Ahmad Nasri</h3>
<p class="text-muted text-small mb-5">Communities thought partnership</p>
<p class="mb-0">
Ideate compassion accessibility, invest paradigm. Social
entrepreneurship ideate effective altruism and social enterprise
living a fully ethical life.<br><br>Move the needle impact investing
impact investing black lives matter inclusion shared vocabulary
scalable social enterprise.
</p>
</div>
</div>
</li>
<li class="clearfix no-float" style="margin-bottom:0;"></li>
</ul>
</div>
</div>
</div>
<div class="section background">
<div class="container">
<div class="row">
<div class="col-12 offset-0 col-lg-8 offset-lg-2 text-center mb-4">
<h1>Beberapa Kegiatan Kami</h1>
<p class="section-text">
Mobilize shared vocabulary mobilize problem-solvers synergy, citizen-centered
collective impact low-hanging fruit. Change-makers, empower communities thought
leadership ideate grit incubator data.
</p>
</div>
</div>
<div class="row mt-5">
<div class="col-lg-3">
<div class="card bg-dark text-white mb-5">
<img class="card-img" src="img/landing-page/values-1.jpg" alt="Card image">
<div class="card-img-overlay d-flex justify-content-center">
<p class="card-text white text-center mb-0 align-self-center">
Movements when shine philanthropy
co-creation our work.
</p>
</div>
</div>
</div>
<div class="col-lg-3">
<div class="card bg-dark text-white mb-5">
<img class="card-img" src="img/landing-page/values-2.jpg" alt="Card image">
<div class="card-img-overlay d-flex justify-content-center">
<p class="card-text white text-center mb-0 align-self-center">Program area and
dynamic venture.</p>
</div>
</div>
</div>
<div class="col-lg-3">
<div class="card bg-dark text-white mb-5">
<img class="card-img" src="img/landing-page/values-3.jpg" alt="Card image">
<div class="card-img-overlay d-flex justify-content-center">
<p class="card-text white text-center mb-0 align-self-center">Citizen-centered
collective impact low-hanging fruit.</p>
</div>
</div>
</div>
<div class="col-lg-3">
<div class="card bg-dark text-white mb-5">
<img class="card-img" src="img/landing-page/values-4.jpg" alt="Card image">
<div class="card-img-overlay d-flex justify-content-center">
<p class="card-text white text-center mb-0 align-self-center">Mobilize shared
vocabulary mobilize problem-solvers synergy.</p>
</div>
</div>
</div>
<div class="col-lg-3">
<div class="card bg-dark text-white mb-5">
<img class="card-img" src="img/landing-page/values-5.jpg" alt="Card image">
<div class="card-img-overlay d-flex justify-content-center">
<p class="card-text white text-center mb-0 align-self-center">To grit
indicators, incubator issue outcomes radical. </p>
</div>
</div>
</div>
<div class="col-lg-3">
<div class="card bg-dark text-white mb-5">
<img class="card-img" src="img/landing-page/values-6.jpg" alt="Card image">
<div class="card-img-overlay d-flex justify-content-center">
<p class="card-text white text-center mb-0 align-self-center">Change-makers,
empower communities.</p>
</div>
</div>
</div>
<div class="col-lg-3">
<div class="card bg-dark text-white mb-5">
<img class="card-img" src="img/landing-page/values-7.jpg" alt="Card image">
<div class="card-img-overlay d-flex justify-content-center">
<p class="card-text white text-center mb-0 align-self-center">Social return on
investment.</p>
</div>
</div>
</div>
<div class="col-lg-3">
<div class="card bg-dark text-white mb-5">
<img class="card-img" src="img/landing-page/values-8.jpg" alt="Card image">
<div class="card-img-overlay d-flex justify-content-center">
<p class="card-text white text-center mb-0 align-self-center">Strategy invest
save the world.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section">
<div class="container">
<div class="row">
<div class="col-12 offset-0 col-lg-8 offset-lg-2 text-center">
<h1>Pengurus Hipelmas Saat Ini</h1>
<p>
Social return on investment unprecedented challenge co-creation bandwidth
entrepreneur compassion. Social entrepreneurship external partners;
citizen-centered do-gooder human-centered sustainable radical.
</p>
</div>
</div>
<div class="mt-5">
<div class="col-12 p-0">
<div class="owl-container">
<div class="owl-carousel home-carousel">
<div class="card">
<div class="card-body text-center">
<div>
<i class="iconsmind-Conference large-icon"></i>
<h5 class="mb-3">
15.000 Happy Customers
</h5>
</div>
</div>
</div>
<div class="card">
<div class="card-body text-center">
<div>
<i class="iconsmind-Money-Bag large-icon"></i>
<h5 class="mb-3">
Over 1M Open Source Donation
</h5>
</div>
</div>
</div>
<div class="card">
<div class="card-body text-center">
<div>
<i class="iconsmind-MaleFemale large-icon"></i>
<h5 class="mb-3">
240 Hard Working Employees
</h5>
</div>
</div>
</div>
<div class="card">
<div class="card-body text-center">
<div>
<i class="iconsmind-Dog large-icon"></i>
<h5 class="mb-3">
4 Purrfect Co-workers
</h5>
</div>
</div>
</div>
<div class="card">
<div class="card-body text-center">
<div>
<i class="iconsmind-Post-Office large-icon"></i>
<h5 class="mb-3">
3 Offices in 2 Countries
</h5>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section background background-no-bottom mb-0">
<div class="container">
<div class="row">
<div class="col-12 offset-0 col-lg-8 offset-lg-2 text-center">
<h1>Newsletter</h1>
<p>
To receive our newsletter please complete the form below. We take your privacy
seriously and we will not share your information with others. You can unsubscribe
at any time.
</p>
</div>
<div class="col-12 offset-0 col-lg-6 offset-lg-3 newsletter-input-container">
<div class="input-group mb-3">
<input type="text" class="form-control" placeholder="E-mail address">
<div class="input-group-append">
<button class="btn btn-secondary btn-xl" type="button">JOIN</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section footer mb-0">
<div class="container">
<div class="row footer-row">
<div class="col-12 text-right">
<a class="btn btn-circle btn-outline-semi-light footer-circle-button scrollTo" href="#home" id="footerCircleButton"><i class="simple-icon-arrow-up"></i></a>
</div>
<div class="col-12 text-center footer-content">
<a href="<?php echo BASEURL ?>">
<img class="footer-logo" alt="footer logo" src="<?php echo STATIC_PATH . 'img/logo/hipelmas.png' ?>" />
</a>
</div>
</div>
</div>
<div class="separator mt-5"></div>
<div class="container copyright pt-5 pb-5">
<div class="row">
<div class="col-12"></div>
<div class="col-6">
<p class="mb-0">2020 © <?php echo str_replace('/', '', str_replace('https://', '', BASEURL)) ?></p>
</div>
<div class="col-6 text-right social-icons">
<ul class="list-unstyled list-inline">
<li class="list-inline-item">
<a href="#"><i class="simple-icon-social-facebook"></i></a>
</li>
<li class="list-inline-item">
<a href="#"><i class="simple-icon-social-twitter"></i></a>
</li>
<li class="list-inline-item">
<a href="#"><i class="simple-icon-social-instagram"></i></a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
|
Download
