133 lines
4.8 KiB
HTML
133 lines
4.8 KiB
HTML
<!doctype html>
|
|
<html lang="id">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>DPTb Online</title>
|
|
<link rel="icon" href="favicon.png" type="image/png">
|
|
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css">
|
|
<link href="css/style.css" rel="stylesheet" type="text/css">
|
|
<link href="css/font-awesome.css" rel="stylesheet" type="text/css">
|
|
<link href="css/animate.css" rel="stylesheet" type="text/css">
|
|
</head>
|
|
<body>
|
|
|
|
<!-- Header Section -->
|
|
<header id="header_wrapper">
|
|
<div class="container">
|
|
<div class="header_box">
|
|
<nav class="navbar navbar-inverse" role="navigation">
|
|
<div class="navbar-header">
|
|
<button type="button" id="nav-toggle" class="navbar-toggle" data-toggle="collapse" data-target="#main-nav">
|
|
<span class="sr-only">Toggle navigation</span>
|
|
<span class="icon-bar"></span>
|
|
<span class="icon-bar"></span>
|
|
<span class="icon-bar"></span>
|
|
</button>
|
|
</div>
|
|
<div id="main-nav" class="collapse navbar-collapse navStyle">
|
|
<ul class="nav navbar-nav" id="mainNav">
|
|
<li class="active"><a href="#hero_section" class="scroll-link">Home</a></li>
|
|
<li><a href="#contact" class="scroll-link">Hubungi Kami</a></li>
|
|
</ul>
|
|
</div>
|
|
</nav>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
<!-- Hero Section -->
|
|
<section id="hero_section" class="top_cont_outer">
|
|
<div class="hero_wrapper">
|
|
<div class="container">
|
|
<div class="hero_section">
|
|
<div class="row">
|
|
<div class="col-lg-5 col-md-5 col-sm-7 col-xs-12">
|
|
<div class="top_left_cont zoomIn wow animated">
|
|
<h2><strong>Apa itu DPTb?</strong></h2>
|
|
<p>DPTb (Daftar Pemilih Tambahan) adalah daftar pemilih yang telah terdaftar dalam Daftar Pemilih Tetap (DPT) di suatu TPS, namun karena keadaan tertentu tidak dapat menggunakan hak pilihnya di TPS tersebut dan memilih di TPS lain.</p>
|
|
<a href="#aboutUs" class="read_more2">Selengkapnya</a>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-4 col-md-4 col-sm-5 col-xs-12">
|
|
<img src="img/logo.png" class="zoomIn wow animated img-fluid" alt="Logo"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- About Us Section -->
|
|
<section id="aboutUs">
|
|
<div class="inner_wrapper">
|
|
<div class="container">
|
|
<h2>DPTb</h2>
|
|
<div class="inner_section">
|
|
<div class="row">
|
|
<!-- <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
|
|
<img src="img/logo.png" class="img-fluid">
|
|
</div> -->
|
|
<div class="col-lg-7 col-md-7 col-sm-7 col-xs-12">
|
|
<div class="delay-01s animated fadeInDown wow animated">
|
|
<h3>Bagaimana caranya?</h3><br/>
|
|
<p>Anda harus mengurus surat pindah memilih atau disebut form A5 paling lama 30 hari sebelum dilaksanakannya pemungutan suara. Silahkan mendaftar akun terlebih dahulu dengan mengisi data yang ada pada formulir.</p>
|
|
</div>
|
|
<div class="work_bottom">
|
|
<span>Lanjutkan !</span>
|
|
<a href="login.html" class="contact_btn">Login</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Footer Section -->
|
|
<footer class="footer_wrapper" id="contact">
|
|
<div class="container">
|
|
<section class="page_section contact" id="contact">
|
|
<div class="contact_section">
|
|
<h2>Contact Us</h2>
|
|
<div class="row">
|
|
<div class="col-lg-4 col-md-4 col-sm-12">
|
|
<div class="contact_info">
|
|
<h4>KPU Republik Indonesia</h4>
|
|
<p>Jl. Imam Bonjol No. 29 Jakarta, 1030</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-4 col-md-4 col-sm-12">
|
|
<div class="contact_info">
|
|
<h4>Telp</h4>
|
|
<p>021-31937223</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-4 col-md-4 col-sm-12">
|
|
<div class="contact_info">
|
|
<h4>Fax</h4>
|
|
<p>021-3157759</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
<div class="container">
|
|
<div class="footer_bottom"><span>Copyright © 2025 Frontend DPTb</span></div>
|
|
</div>
|
|
</footer>
|
|
|
|
<!-- Scripts -->
|
|
<script type="text/javascript" src="js/jquery-1.11.0.min.js"></script>
|
|
<script type="text/javascript" src="js/bootstrap.min.js"></script>
|
|
<script type="text/javascript" src="js/jquery-scrolltofixed.js"></script>
|
|
<script type="text/javascript" src="js/jquery.nav.js"></script>
|
|
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
|
|
<script type="text/javascript" src="js/jquery.isotope.js"></script>
|
|
<script type="text/javascript" src="js/wow.js"></script>
|
|
<script type="text/javascript" src="js/custom.js"></script>
|
|
|
|
</body>
|
|
</html>
|