-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathpage3.html
94 lines (89 loc) · 3.95 KB
/
page3.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
<!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>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/css/bootstrap.min.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/css/ionicons.min.css" />
<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;
}
</style>
<link rel="stylesheet" href="./css/page3.css">
</head>
<body>
<nav>
<div class="topnav">
<div class="topnav-right">
<a href="index.html">Latar Belakang</a>
<a href="page2.html">Peningkatan Kapasitas</a>
<a class="active" 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">
<h1>Harapan Kedepan</h1>
</div>
<div class="paragraf">
<p>
Program yang masih berjalan ini masih bisa terus berjalan dengan segala
kendala dan antisipasi yang dilakukan berdasarkan kondisi lapangan. Dari
sisi program tentu bisa memberikan dampak yang signifikan kepada upaya
kesiapsiagaan yang dibangun di tingkat desa dan sekolah sehingga program
ini bisa membentuk komunitas yang saling berkaitan dan tentunya dalam
segala kegiatan memiliki pronsip inklusifitas. Proses monitoring perlu
dilakukan secara berkala sehingga bisa memberikan masukan berarti untuk
strategi implementasi yang lebih tepat sesuai kondisi lapangan. Project
ini masih berada pada pertengahan fase, semoga kedepannya project bisa
berjalan dengan segala tantangan yang bisa kita atasi bersama, karna
kami tidak bisa sendiri, bersama-sama kami menjadi kuat dengan nilai
kemanusiaan yang selalu kami junjung.
</p>
</div>
<div class="storymap-js">
<iframe src="https://uploads.knightlab.com/storymapjs/eb19f568b30bbcabf219d8fdbc3713e6/testimoni-pmi/index.html"
frameborder="0" width="100%" height="800"></iframe>
</div>
<div class="footer-basic">
<footer>
<div class="social">
<a href="https://www.instagram.com/digitalanalogboy/"><i class="icon ion-social-instagram"></i></a><a
href="https://www.instagram.com/digitalanalogboy/"><i class="icon ion-social-snapchat"></i></a><a
href="https://twitter.com/hilmanarioaji"><i class="icon ion-social-twitter"></i></a><a
href="https://twitter.com/hilmanarioaji"><i class="icon ion-social-facebook"></i></a>
</div>
<ul class="list-inline">
<li class="list-inline-item"><a href="#">Home</a></li>
<li class="list-inline-item"><a href="#">Services</a></li>
<li class="list-inline-item"><a href="#">About</a></li>
<li class="list-inline-item"><a href="#">Terms</a></li>
<li class="list-inline-item"><a href="#">Privacy Policy</a></li>
</ul>
<p class="copyright">MOHONIZIN © 2021</p>
</footer>
</div>
<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://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/js/bootstrap.bundle.min.js"></script>
</body>
</html>