-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
157 lines (148 loc) · 4.49 KB
/
index.html
File metadata and controls
157 lines (148 loc) · 4.49 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
155
156
157
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Submission Task</title>
<link rel="stylesheet" href="assets/css/style.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<header id="beranda">
<nav>
<ul>
<li><a href="#beranda">Beranda</a></li>
<li><a href="#artikel" ">Artikel</a></li>
<li><a href="#galeri" ">Galeri</a></li>
<li><a href="#kontak">Kontak</a></li>
</ul>
</nav>
<span>
<p>SELAMAT DATANG <br> DI WEBSITE TEKNIK INFORMATIKA <br> Angkatan 2016 <br> UNIVERSITAS KRISTEN INDONESIA TORAJA</p>
</span>
</header>
<main>
<div class="content" id="artikel">
<h2>ARTIKEL</h2>
<!-- artikel 1 -->
<article>
<img src="assets/img/a.jpg" alt="">
<div class="konten">
<h3>Seminar IT tentang Implementasi IoT</h3>
<p>Salah satu matakuliah semester 6 program studi Teknik Informatika, mewajibkan mahasiswa untuk menyelenggrakan suatu seminar. Di sini seminar yang dilakukan berfokus pada bidang <i>Internet of Things</i>.</p>
<button class="submit">Selengkapnya..</button>
</div>
</article>
<!-- artikel 2 -->
<article>
<img src="assets/img/b.jpg" alt="">
<div class="konten">
<h3>KKN UKI Toraja Angkatan XXXIV Teknik Informatika</h3>
<p>Selain pembelajaran dan penelitian, salah satu tugas wajib mahasiswa yaitu melakukan pengabdian masyarakat dengan Kuliah kerja Nyata (KKN), tak terkecuali mahasiswa Teknik Informatika.</p>
<button class="submit">Selengkapnya..</button>
</div>
</article>
<!-- artikel 3 -->
<article>
<img src="assets/img/c.jpg" alt="">
<div class="konten">
<h3>Seminar Proposal Gelombang 1 Teknik Informatika</h3>
<p>Mahasiswa tingkat akhir biasanya akan berhadapan dengan tugas akhir berupa penelitian dan penyusunan skripsi. Namun, sebelum melakukan semua itu terlebih dahulu rencana penelitian disusun dalam bentuk proposal penelitian, yang selanjutnya akan diseminarkan di hadapan beberapa dosen.</p>
<button class="submit">Selengkapnya..</button>
</div>
</article>
</div>
<div class="content" id="galeri">
<h2>Gallery</h2>
<div class="galeri">
<div class="gambar">
<img src="assets/img/a.jpg">
</div>
<div class="gambar">
<img src="assets/img/b.jpg">
</div>
<div class="gambar">
<img src="assets/img/c.jpg">
</div>
<div class="gambar">
<img src="assets/img/d.jpg">
</div>
<div class="gambar">
<img src="assets/img/e.jpg">
</div>
<div class="gambar">
<img src="assets/img/f.jpg">
</div>
</div>
</div>
<div class="content" id="kontak">
<h2>Contact</h2>
<div class="kontak">
<aside>
<h3>Admin</h3>
<img src="assets/img/pas-foto.jpg" alt="pas-foto">
<table class="table">
<tr>
<th>Nama</th>
<td>Robertus</td>
</tr>
<tr>
<th>TTL</th>
<td>Lamunan, 5 Oktober 1998</td>
</tr>
<tr>
<th>Alamat</th>
<td>Makale, Tana Toraja</td>
</tr>
<tr>
<th>No Telepon/WA</th>
<td>082290009830</td>
</tr>
<tr>
<th>E-Mail</th>
<td>robertus988@gmail.com</td>
</tr>
</table>
</aside>
<div class="hubungi">
<form action="" class="form-kontak" name="form-kontak">
<ul>
<li>
<label for="nama">Nama</label>
<input type="text" name="nama" placeholder="Masukkan Nama"><br>
</li>
<li>
<label for="email">Email</label>
<input type="email" name="email" placeholder="masukkan alamat email"><br>
</li>
<li>
<label for="subjek">Subjek</label>
<input type="text" name="subjek" placeholder="masukkan subjek"><br>
</li>
<li>
<label for="">Pesan</label>
<textarea name="" id="" cols="50" rows="10"></textarea>
</li>
<li>
<button class="submit" type="submit">Submit</button>
</li>
</ul>
</form>
</div>
<div class="medsos">
<h3>Media Sosial</h3>
<ul class="icon">
<li><a href="#"><img src="assets/img/icon-fb.png" alt="facebook"></a></li>
<li><a href="#"><img src="assets/img/icon-ig.png" alt="instagram"></a></li>
<li><a href="#"><img src="assets/img/icon-tw.png" alt="twitter"></a></li>
<li><a href="#"><img src="assets/img/icon-wa.png" alt="whatsapp"></a></li>
</ul>
</div>
</div>
</div>
</main>
<footer>
<p>Robertus © 2020 Dicoding</p>
</footer>
<script src="assets/js/main.js"></script>
</body>
</html>