-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathpage2.html
146 lines (138 loc) · 5.95 KB
/
page2.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>AMCROSS</title>
<style>
.hero-image {
/* Use "linear-gradient" to add a darken background effect to the image (photographer.jpg). This will make the text easier to read */
background-image: linear-gradient(rgba(0, 0, 0, 0.5),
rgba(0, 0, 0, 0.5)),
url("./images/header.jpg");
/* Set a specific height */
height: 50%;
/* Position and center the image to scale nicely on all screens */
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
}
#scrolly {
margin-top: 100px;
background-image: url("./images/10.jpg");
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
padding: 100px;
align-items: stretch;
}
</style>
<link rel="stylesheet" href="./css/page2.css">
</head>
<body>
<nav>
<div class="topnav">
<div class="topnav-right">
<a href="index.html">Latar Belakang</a>
<a class="active" href="page2.html">Peningkatan Kapasitas</a>
<a href="page3.html">Harapan Kedepan</a>
</div>
</div>
</nav>
<div class="hero-image">
<div class="hero-text">
<h1>HERO IMAGE</h1>
</div>
</div>
<div class="light-box">
<h5>Peningkatan kapasitas komunitas </br>dan sekolah</h5>
</div>
<div class="light-box">
<p class="paragraf-top">
Kegiatan yang dilakukan untuk peningkatan kapasitas tidak berjalan sesuai dengan perencanaan awal. Di tahun 2020
Covid-19 masuk ke Indonesia dan peningkatan kasus terjadi siginifikan diantara akhir 2020 dan pertengahan 2021.
PMI harus beberapa kali melakukan lock down kantor, sehingga proses pengerjaan menjadi terganggu. Keputusan
gubernur dari masing-masing provinsi yang mengeluarkan aturan ketat untuk penyelenggaraan proses pelatihan juga
turut menunda pelaksanaan kegiatan dilapangan.</p>
</div>
<!-- start paralax -->
<section id="scrolly">
<div class="step">
<p id="text-paralax">Peningkatan kapasitas di masyarakat sedikit berjalan dengan dibentuknya sibat di beberapa
komunitas sasaran</p>
</div>
<div class="step">
<p id="text-paralax">Tantangan yang cukup sigifikan dirasakan adalaha adanya pandemi ini. Antisipasi yang
dilakukan dengan melakuan
realokasi budget dan perubahan aktivitas.
Aktivitas yang nyata terlihat adalah dengan perubahan kegiatan yang berfokus pada respon Covid-19.</p>
</div>
<div class="step">
<p id="text-paralax">
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Dolorum recusandae nulla quidem voluptatum accusantium
voluptates sed atque et animi illo, pariatur mollitia quod facere expedita dolor harum, dolorem odit repellat.
</p>
</div>
</section>
<!-- <div id="test">
<div class="paralax-text">
<p> Peningkatan kapasitas di masyarakat sedikit berjalan dengan dibentuknya sibat di beberapa komunitas sasaran.</p>
</div>
<div class="paralax-text">
Tantangan yang cukup sigifikan dirasakan adalaha adanya pandemi ini. Antisipasi yang dilakukan dengan melakuan
realokasi budget dan perubahan aktivitas.
Aktivitas yang nyata terlihat adalah dengan perubahan kegiatan yang berfokus pada respon Covid-19.
</div>
</div> -->
<!-- stop paralax -->
<div class="light-box">
<h5>Peningkatan kapasitas Institusi (PMI)</h5>
</div>
<div class="light-box">
<p class="paragraf">
</br></br>
Seperti kegiatan di masyarakat dan sekolah peningkatan kapasitas di PMI lokal juga sempat tidak berjalan dengan
baik. Namun pendampingan masih dilakukan dari PMI pusat terkait kegiatan project dan respon covid.
PMI Tanggamus berhasil membuat Business continuities plan (BCP) terkait layanan yang diberikan selama masa
pandemi Covid-19.
Rekruitmen juga dilakukan untuk relawan PMI dan diberikan pelatihan terkait ICBRR.
</p>
</div>
<div class="video">
<iframe width="100%" height="800px" src="https://www.youtube.com/embed/Yf3idRC2xpA" title="YouTube video player"
frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope;"
allowfullscreen></iframe>
</div>
<div>
<p class="paragraf-single">
</br>Tantangan yang cukup sigifikan dirasakan adalaha adanya pandemi ini. Antisipasi yang dilakukan dengan
melakuan realokasi budget dan perubahan aktivitas.
Aktivitas yang nyata terlihat adalah dengan perubahan kegiatan yang berfokus pada respon Covid-19.</br></br>
Pengembangan materi KIE dilakukan sebagai bentuk edukasi yang lebih mudah untuk dipahami bagi masyarakat, selain
itu hotline covid-19 dibentuk dan dimotori oleh para relawan PMI. Siaran Radio menjadi salah satu yang merupakan
kampanye perilaku hidup dan sehat selama covid-19.
</br></br>
Berikut ini rangkuman kegiatan yang sudah dilakukan oleh PMI dilapangan.
</p>
</div>
<div class="timeline-js">
<iframe
src="https://cdn.knightlab.com/libs/timeline3/latest/embed/index.html?source=1EVw_I-F-m3Zq0qNYeGO9Kij_-G6C6iv2ZDdAz2lsS1I&font=Default&lang=en&initial_zoom=2&height=800"
height="800px" width="100%" frameborder="0"></iframe>
</div>
<footer id="footer">
<a class="next-page" href="page3.html">
<p>Next Page</p>
</a>
</footer>
<link
href="https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;1,400&family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,400&display=swap"
rel="stylesheet" />
<script src="https://unpkg.com/d3@5.9.1/dist/d3.min.js"></script>
<script src="https://unpkg.com/intersection-observer"></script>
<script src="./js/scrollama.min.js"></script>
<script src="./js/sideScrolama.js"></script>
</body>
</html>