-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
92 lines (83 loc) · 4.12 KB
/
index.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
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.min.css">
<title>QUANTA 2018</title>
</head>
<body class="animated fadeIn delay-0.5s ">
<div class="container">
<div class="row">
<div class="col-4">
</div>
<div class="col-4 text-center animated zoomIn">
<img src="Assets/fatih.png" alt="" class="img-fluid" style="padding-top:5%">
</div>
<div class="col-4">
</div>
</div>
<div class="row">
<div class="col-1">
</div>
<div class="col-10">
<blockquote class="blockquote text-center">
<p class="mb-0 fatih">Fatih Ismail Alaydrus </p>
<footer class="blockquote-footer">Ketua Angkatan Quanta</footer>
</blockquote>
</div>
<div class="col-1">
</div>
</div>
<!-- <div class="row" style="padding-top: 0%;">
<div class="col-4">
</div>
<div class="col-4">
<p class="text-center ketua"> Ketua Angkatan Quanta</p>
</div>
<div class="col-4">
</div>
</div> -->
<div class="row">
<div class="col-2">
</div>
<div class="col-8">
<p class="text-center lead">Assalamualaikum warahmatullahi wabarakatuh
Salam sejahtera bagi Quanta, angkatan kita tercinta. </p>
<p class="text-center salam">
Mari kita panjatkan syukur kepada Tuhan Yang Maha Kuasa karena berkat rahmat dan ridho-Nya lah kita dapat masuk universitas terbaik di Indonesia, berjas kuning dengan makara Biru-Merah. Kita berkumpul sebagai satu angkatan Quanta 2018.
Selama 4 tahun ke depan bahkan lebih, kita akan mengarungi 'Samudera Laut Ilmu' bersama. Banyak tantangan dan permasalahan yang akan kita hadapi. Banyak pengalaman dan organisasi yang senantiasa menanti dieksplorasi. Banyak sahabat dan saudara yang akan kita temui. Ambil lah manfaat sebanyak-banyaknya dari perkuliahan di Fasilkom ini.
<p class="text-center salam">
Saya percaya Quanta merupakan kumpulan individu-individu yang memiliki hasrat dan ekspektasi tinggi akan visi kehidupan. Individu-individu yang berbeda-beda tujuan hidupnya berkumpul dalam suatu ikatan almamater, mari kita bahu-membahu merealisasikan cita-cita masing-masing, bersama, dan bangsa.
Quanta akan terus berkembang, masih panjang perjalanan yang akan kita lalui bersama. Jadilah kita sebagai angkatan yang bermanfaat bagi lingkungan sekitar, dikenang elemen-elemen Fasilkom, dan berguna bagi masyarakat. </p>
<p class="text-center salam">Lihatlah mereka di halaman website ini. Rangkul lah mereka, genggam erat dengan hati, itu lah keluarga keduamu. Mari kita kuliah bersama, lulus bersama, sukses bersama!
</p>
</div>
<div class="col-2">
</div>
</div>
<br>
<div class="row">
<div class="col-4">
</div>
<div class="col-4 text-center">
<a href="http://quanta2018.com/">
<button type="button" class="btn btn-outline button1">Return Home</button>
</a>
</div>
<div class="col-4">
</div>
</div>
<br>
</div>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
</body>
</html>