forked from fajar-dev/frontend-himatif
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathsejarah.html
203 lines (171 loc) · 9.76 KB
/
sejarah.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
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>HIMATIF | Sejarah</title>
<meta name="description" content="">
<meta property="og:url" content="" />
<meta property="og:type" content="article">
<meta property="og:title" content="HIMATIF | Sejarah" />
<meta property="og:image" content="assets/img/logo.png" />
<meta property="og:description" content="" />
<link rel="icon" type="image/x-icon" href="assets/img/logo.png">
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Roboto:300,300i,400,400i,500,500i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i" rel="stylesheet">
<link href="assets/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/css/bootstrap-icons.css" rel="stylesheet">
<link href="assets/css/style.css" rel="stylesheet">
<!-- =======================================================
* Developed By: IPTEK HIMATIF UNIMAL 2022
* Frontend Develop By: Fajar Rivaldi Chan
* Backend Develop By: Muhammad Bayu Juhri, M. Akbar Husain, Kairul Akram, Gilang Ramadhan Purba
======================================================== -->
</head>
<body>
<!-- ======= Header ======= -->
<header id="header" class="d-flex align-items-center">
<div class="container d-flex align-items-center justify-content-between">
<a href="index.html" class="logo"><img src="assets/img/logo4.png" alt="Logo"></a>
<nav id="navbar" class="navbar">
<ul>
<li><a class="nav-link" href="index.html">Home</a></li>
<li class="dropdown"><a href="#"><span>Profil</span> <i class="bi bi-chevron-down"></i></a>
<ul>
<li><a href="sejarah.html">Sejarah</a></li>
<li class="dropdown active"><a href="#"><span>Kepengurusan</span> <i class="bi bi-chevron-right"></i></a>
<ul>
<li><a href="divisi.html">Teras</a></li>
<li><a href="divisi.html">Administrasi</a></li>
<li><a href="divisi.html">Agama</a></li>
<li><a href="divisi.html">Kaderisasi</a></li>
<li><a href="divisi.html">Humas</a></li>
<li><a href="divisi.html">Kewirausahaan</a></li>
<li><a href="divisi.html">Iptek</a></li>
<li><a href="divisi.html">Jurnalistik</a></li>
<li><a href="divisi.html">Medikom</a></li>
<li><a href="divisi.html">Minat Bakat</a></li>
</ul>
</li>
</ul>
</li>
<li><a class="nav-link" href="blog.html">Blog</a></li>
<li><a class="nav-link" href="toko.html">Shop</a></li>
<li><a class="nav-link" href="event.html">Event</a></li>
<li><a class="nav-link " href="prestasi.html">Prestasi</a></li>
<li><a class="nav-link" href="galeri.html">Galeri</a></li>
</ul>
<i class="bi bi-list mobile-nav-toggle"></i>
</nav><!-- .navbar -->
</div>
</header><!-- End Header -->
<main>
<!-- ======= Breadcrumbs ======= -->
<section class="breadcrumbs">
<div class="container">
<div class="d-flex justify-content-between align-items-center">
<h2>Sejarah</h2>
<ol>
<li>Home</li>
<li>Sejarah</li>
</ol>
</div>
</div>
</section><!-- End Breadcrumbs -->
<!-- ======= Sejarah Section ======= -->
<section id="Sejarah" class="blog">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-9 accordion-body">
<article class="entry">
<div class="entry-img text-center">
<img src="assets/img/logo.png" width="300" alt="" class="img-fluid py-5 my-5">
</div>
<div class="px-lg-5">
<h2 class="judul">
Sejarah HIMATIF
</h2>
</div>
<div class="entry-content pb-5 px-lg-5">
<p>Himpunan Mahasiswa Teknik Informatika (HIMATIF) merupakan sebuah organisai kampus di tingkat Program Studi Teknik Informatika. HIMATIF didirikan pada hari selasa tanggal 2 Mei 2005. HIMATIF berkedudukan di Jurusan Teknik Informatika Universitas Malikussaleh, Lhokseumawe.</p>
<p>HIMATIF didirikan dengan prinsip Disiplin, Keujangan, Kreatifitas, Keadilan, Kebersamaan, Kekeluargaan, Kerakyatan, Keilmuan dan Tolenransi.</p>
<p><strong>Tujuan HIMATIF</strong> adalah menampung seluruh element mahasiswa Jurusan Teknik Informatika Fakultas Teknik Universitas Malikussaleh, Lhokseumawe menuju kehidupan kampus kritis yang bertanggung jawab, dinamin, demokratis dan harmonis.</p>
<h2 class="judul pt-4">
Fungsi HIMATIF
</h2>
<ol>
<li>Sebagai wdah dan sarana untuk menampung dan memperjuangkan aspirasi seluruh elemen mahasiswa Jurusan Teknik Informatika Fakultas Teknik Universitas Malikussaleh, Lhokseumawe.</li>
<li>Meningkatkan koordinasi dan kerjasama antara Organisasi Kemahasiswaan di lingkungan Universitas Malikussaleh, Lhokseumawe dan di luar Universitas Malikussaleh, Lhokseumawe.</li>
<li>Sebagai wahana dalam melaksanakan kegiatan ekstrakurikuler yang bersifat penalaran dan keilmuan, pengembangan minat dan bakat, pengabdian kepada masyarakat serta berupaya untuk meningkatkan kesejahteraan mahasiswa dalam lingkup kegidupan kampus.</li>
<li>Mejalin hubungan dengan Organisasi Sosial/Kemasyarakatan, Profesi/Fungsional, dan Perhimpunan untuk mengembangkan organisasi di dalam maupun di luar lingkungan Universitas Malikussaleh.</li>
<li>Sebagai wadah untuk menumbuhkan dan meningkatkan profesionaisme mahasiswa Jurusan Teknik Informatika Fakultas Teknik Universitas Malikussaleh, Lhokseumawe dalam kehidupan ilmiah dan bermasyarakat.</li>
<li>Sebagai wadah pengembangan pola pikir dan pola tindak terorganisir.</li><li>Turut mengangkat harkat dan mertabat almamater Universitas Malikussaleh, Lhokseumawe pada umumnya dan Jurusan Teknik Informatika pada khususnya.</li>
</ol>
</div>
</article><!-- End Sejarah entry -->
</div>
</div><!-- End Sejarah entries list -->
</div>
</section><!-- End Sejarah Section -->
</main>
<!-- ======= Footer ======= -->
<footer id="footer">
<div class="footer-top">
<div class="container">
<div class="row">
<div class="col-lg-4 col-md-12 col-12 footer-contact mt-auto mb-auto">
<img src="assets/img/logo4.png" width="200" alt="Logo">
<p class="pt-4">HIMATIF adalah sebuah organisasi mahasiswa Teknik Informatika, Fakultas Teknik, Universitas Malikussaleh.</p>
</div>
<div class="col-lg-2 col-md-6 col-6 footer-links">
<h4>Main Menu</h4>
<ul>
<li><i class="bx bx-chevron-right"></i> <a href="index.html">Home</a></li>
<li><i class="bx bx-chevron-right"></i> <a href="sejarah.html">Sejarah</a></li>
<li><i class="bx bx-chevron-right"></i> <a href="blog.html">Blog</a></li>
<li><i class="bx bx-chevron-right"></i> <a href="event.html">Event</a></li>
<li><i class="bx bx-chevron-right"></i> <a href="prestasi.html">Prestasi</a></li>
<li><i class="bx bx-chevron-right"></i> <a href="galeri.html">Galeri</a></li>
</ul>
</div>
<div class="col-lg-3 col-md-6 col-6 footer-links">
<h4>Services</h4>
<ul>
<li><i class="bx bx-chevron-right"></i> <a href="toko.html">Himatif Shop</a></li>
<li><i class="bx bx-chevron-right"></i> <a href="#">LMS Himatif</a></li>
<li><i class="bx bx-chevron-right"></i> <a href="http://ikatif.unimal.ac.id">Ikatif</a></li>
<li><i class="bx bx-chevron-right"></i> <a href="http://permikomnas.or.id">Permikomnas</a></li>
<li><i class="bx bx-chevron-right"></i> <a href="http://informatika.unimal.ac.id">Teknik Informatika</a></li>
<li><i class="bx bx-chevron-right"></i> <a href="http://unimal.ac.id">Universitas Malikussaleh</a></li>
</ul>
</div>
<div class="col-lg-3 col-md-12 col-12 footer-links">
<h4>Sekretariat</h4>
<p>Jalan Batam, Kampus Bukit Indah
Lantai II Gedung Teknik Informatika
Lhokseumawe, Indonesia </p>
<div class="sosmed pt-3">
<a href="" class="p-2"><i class="bi bi-facebook"></i></a>
<a href="" class="p-2"><i class="bi bi-instagram"></i></a>
<a href="" class="p-2"><i class="bi bi-youtube"></i></a>
<a href="" class="p-2"><i class="bi bi-tiktok"></i></a>
</div>
</div>
</div>
</div>
</div>
<div class="container py-4">
<div class="copyright text-white">
<script type="text/javascript">
document.write(new Date().getFullYear());
</script>
© Copyright <strong><span>HIMATIF</span></strong>. Created With <i class="bi bi-heart-fill text-danger"></i> By <strong><span>IPTEK 2022</span></strong>.
</div>
</div>
</footer><!-- End Footer -->
<a href="#" class="back-to-top btn btn-success d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>
<!-- Vendor JS Files -->
<script src="assets/js/bootstrap.bundle.min.js"></script>
<!-- Template Main JS File -->
<script src="assets/js/main.js"></script>
</body>
</html>