-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathasabri.html
More file actions
156 lines (143 loc) · 7.15 KB
/
Copy pathasabri.html
File metadata and controls
156 lines (143 loc) · 7.15 KB
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
147
148
149
150
151
152
153
154
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Asabri</title>
<link rel="stylesheet" href="style.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
</head>
<body>
<section class="header">
<nav>
<a href="asabri.html"><img src="Picture1.png" alt="Logo"></a>
<div class="nav-links" id="navLinks">
<i class="fa fa-times" onclick="hideMenu()" ></i>
<ul>
<li><a href="asabri.html">Asabri</a></li>
<li class="dropdown">
<a href="#" class="dropbtn">Materi Sosialisasi</a>
<div class="dropdown-content">
<a href="Lengkap.html">Lengkap</a>
<a href="DenganAI.html">Dengan AI</a>
</div>
</li>
<li><a href="Buku_Saku.html">Buku Informasi ASABRI</a></li>
<li><a href="Sosialisasi_program.html">Sosialisasi Program ASABRI</a></li>
<li><a href="chatbot.html">Quesioner Asabri</a></li>
</ul>
</div>
<i class="fa fa-bars" onclick="showMenu()" style="background: black;"></i>
</nav>
<div class="tex-box">
<h1>PT. ASABRI (Persero)</h1>
<p><i>Sahabat Perjuangan Anda Sepanjang Masa</i></p>
<a href="https://id.wikipedia.org/wiki/Asabri" class="hero-btn">Informasi lanjut tentang PT ASABRI (Persero)</a>
</div>
<img src="" alt="">
</section>
<section class="asabri">
<h1>Card Asabri</h1>
<p>Klik Di Salah Satu Konten Yang Anda Inginkan</p>
<div class="row">
<div class="asabri-col">
<a href="Paparan Penyelenggaraan Program PT ASABRI (Persero) Tahun 2023_edit 18082023.pptx.pptx"><img src="images/Screenshot 2024-03-07 164822.png" alt="">
<div class="layer"></div>
<a href="Paparan Penyelenggaraan Program PT ASABRI (Persero) Tahun 2023_edit 18082023.pptx.pptx" style="text-decoration: none; color: black;" ><h3>Sosialisasi Lengkap</h3></a>
</div>
<div class="asabri-col">
<a href="PAPARAN MATERI PROGRAM ASABRI AI-NEW.pptx"><img src="images/AI(2).png" alt="">
<div class="layer"></div>
<a href="PAPARAN MATERI PROGRAM ASABRI AI-NEW.pptx" style="text-decoration: none; color: black;"> <h3>Sosialisasi dengan AI</h3> </a>
</div>
<div class="asabri-col">
<a href="Buku Informasi Program Layanan ASABRI 2024.pdf"><img src="images/Buku.png" alt="">
<div class="layer"></div>
<a href="Buku Informasi Program Layanan ASABRI 2024.pdf" style="text-decoration: none; color: black;"><h3>Buku saku informasi</h3></a>
</div>
</div>
</section>
<section class="asabri">
<h1>Location</h1>
<p>Lokasi PT.ASABRI (PERSERO)</p>
</section>
<section class="map">
<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d15864.196448943372!2d106.870099!3d-6.257261!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x2e69f303e9cd081f%3A0xa2f3ad8a9046a2c1!2sPT%20ASABRI%20(Persero)!5e0!3m2!1sid!2sid!4v1710571945573!5m2!1sid!2sid" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</section>
<section class="contact-us">
<div class="row">
<div class="contact-col">
<div>
<i class="fa fa-home"></i>
<span>
<h5>Kantor PT.ASABRI (PERSERO)</h5>
<p>Jl. Mayjen Sutoyo No.11, RT.3/RW.9, Cawang, Kec. Kramat jati, Kota Jakarta Timur, Daerah Khusus Ibukota Jakarta 13630</p>
</span>
</div>
<div>
<i class="fa fa-user"></i>
<span>
<h5>CALL CENTER</h5>
<p>Monday to Friday, 08:00 AM to 17:00 PM</p>
</span>
</div>
<div>
<i class="fa fa-phone"></i>
<span>
<h5>CALL</h5>
<p>1500043</p>
</span>
</div>
</div>
<div class="contact-col">
<form id="contactForm" method="post" action="process_form.php">
<input type="text" name="nama" id="nama" placeholder="Masukkan nama anda" required>
<input type="number" name="nomor" id="nomor" placeholder="Masukkan nomor HP anda" required>
<!-- tambahkan nrp/nip pensiun -->
<!-- -->
<input type="text" name="subject" id="subject" placeholder="Masukkan subject" required>
<textarea name="message" id="message" rows="10" placeholder="Message" required></textarea>
<button type="submit" class="btn btn-primary">Send Message</button>
</form>
</div>
</div>
</section>
<footer class="footer">
<div class="con">
<div class="row">
<div class="footer-col">
<h4>Call Center</h4>
<ul>
<li><a href="#">1500043</a></li>
</ul>
</div>
<div class="footer-col">
<h4>HP Call Center</h4>
<ul>
<li><a href="#">- 081282371518</a></li>
<li><a href="#">- 081282371519</a></li>
</ul>
</div>
<div class="footer-col">
<h4>Email</h4>
<ul>
<li><a href="#">asabri@asabri.co.id</a></li>
</ul>
</div>
<div class="footer-col">
<h4>follow us</h4>
<div class="social-links">
<a href="https://www.facebook.com/search/top?q=pt%20asabri%20-%20persero"><i class="fab fa-facebook-f"></i></a>
<a href="https://twitter.com/asabri_official"><i class="fab fa-twitter"></i></a>
<a href="https://www.instagram.com/asabri_official/"><i class="fab fa-instagram"></i></a>
<a href="https://www.youtube.com/@asabriofficial5386"><i class="fab fa-youtube"></i></a>
</div>
</div>
</div>
</div>
</footer>
</body>
</html>