-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathtestimoni.html
219 lines (216 loc) · 16.3 KB
/
testimoni.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
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Connecting Generations</title>
<meta name="description" content="Situs ini adalah situs resmi Kampanye Andy-Refi untuk ILUNI FT UI 2021-2024. Anda dapat mendapatkan informasi terkait kedua calon di dalam situs ini.">
<link rel="icon" type="image/png" sizes="921x921" href="assets/img/Favicon.png">
<link rel="icon" type="image/png" sizes="921x921" href="assets/img/Favicon.png">
<link rel="icon" type="image/png" sizes="921x921" href="assets/img/Favicon.png">
<link rel="icon" type="image/png" sizes="921x921" href="assets/img/Favicon.png">
<link rel="icon" type="image/png" sizes="921x921" href="assets/img/Favicon.png">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:400,500,700&display=swap">
<link rel="stylesheet" href="assets/fonts/font-awesome.min.css">
<link rel="stylesheet" href="assets/css/cara-vote.css">
<link rel="stylesheet" href="assets/css/home-lg.css">
<link rel="stylesheet" href="assets/css/home-xl.css">
<link rel="stylesheet" href="assets/css/home.compiled.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.css">
<link rel="stylesheet" href="assets/css/profil-lg.css">
<link rel="stylesheet" href="assets/css/testimoni.css">
<link rel="stylesheet" href="assets/css/under-construction-lg.css">
<link rel="stylesheet" href="assets/css/under-construction.compiled.css">
<link rel="stylesheet" href="assets/css/visi-misi-lg.css">
</head>
<body>
<nav class="navbar navbar-dark navbar-expand-md sticky-top" id="navbar" style="box-shadow: 0px 4px 4px #0000001a;">
<div class="container-fluid">
<div class="ms-3"><a href="index.html"><img class="img-fluid" id="logo" src="assets/img/LOGO%20CONNECTING%20ANDY%20REFI.png"></a></div><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navcol-1"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="navcol-1">
<ul class="navbar-nav ms-auto">
<li class="nav-item"><a class="nav-link" href="index.html">BERANDA</a></li>
<li class="nav-item"><a class="nav-link" href="profil.html">PROFIL</a></li>
<li class="nav-item"><a class="nav-link active" href="testimoni.html">TESTIMONI</a></li>
<li class="nav-item nav-margin-right"><a class="nav-link" href="visi-misi.html">VISI, MISI, PROGRAM</a></li>
<li class="nav-item"><a class="btn nav-button" role="button" id="cara-vote" href="cara-vote.html">CARA VOTE</a></li>
</ul>
</div>
</div>
</nav>
<section id="masthead">
<div class="container">
<div class="row">
<div class="col-lg-6" id="masthead-geser">
<div class="small-only"><img id="logo-masthead" src="assets/img/LOGO%20ANDY%20REFI%20PUTIH.png"><a class="btn small-none" role="button" id="cara-vote" href="cara-vote.html">CARA VOTE</a></div>
<div id="masthead-geser-div" class="small-none"><img id="logo-masthead" src="assets/img/LOGO%20ANDY%20REFI%20PUTIH.png"><a class="btn small-none" role="button" id="cara-vote" href="cara-vote.html">CARA VOTE</a></div>
</div>
<div class="col-lg-6">
<div class="div-relative"><img class="small-none" src="assets/img/Andy%20Nametag%202.png"><img id="img-2" class="small-none" src="assets/img/Refi%20Nametag%202.png"></div>
</div>
<div class="col"><a class="btn small-only" role="button" id="cara-vote" href="cara-vote.html">CARA VOTE</a></div>
</div>
</div>
</section>
<section id="testimoni">
<div class="container">
<div class="row justify-content-center people">
<div class="col-md-6 col-lg-4 item" data-aos="fade-up">
<div class="box">
<p class="description">Saatnya ILUNI FTUI menuju era baru yang inovatif dan adaptif dengan perkembangan zaman. Tidak hanya seputar militansi tekniknya, namun juga efektif, efisien, bermanfaat, dan berkelanjutan. Insya Allah <strong>Andy</strong> adalah pilihan yang tepat!</p>
</div>
<div class="author"><img class="rounded-circle" src="assets/img/Testi%20Afdhal%20Aliasar.jpeg">
<h5 class="name">Afdhal Aliasar (TI93)<br></h5>
<p class="title">Direktur Komite Nasional Ekonomi dan Keuangan Syariah (KNEKS), Founder Minang Kakao, Pendiri dan Ketua Yayasan Wakaf Produktif Indonesia</p>
</div>
</div>
<div class="col-md-6 col-lg-4 item" data-aos="fade-up">
<div class="box">
<p class="description"><strong>Bang Andy</strong> memiliki network yang luas, selalu membantu network alumni lain, dan terbukti mampu mewujudkan program secara nyata. Misalnya 1000 tabung oksigen untuk RS, dalam sekejap beliau mendapatkan donasi dari berbagai perusahaan besar dan membagikannya kepada yang membutuhkan. Hal ini tidak mudah, apalagi tanpa network dan skill eksekusi. </p>
</div>
<div class="author"><img class="rounded-circle" src="assets/img/Testi%20Jennifer.jpg">
<h5 class="name">Jennifer Heryanto (TI06)<br></h5>
<p class="title">Founder & CEO SKK Jewels<br>(Hala Gold, Sandra Dewi Gold, ILY Gold)<br>Forbes 30 Under 30 Asia 2021</p>
</div>
</div>
<div class="col-md-6 col-lg-4 item" data-aos="fade-up">
<div class="box">
<p class="description"><strong>Refi Kunaefi</strong>, salah satu sosok inspirasi saya. Jika ingin melihat perilaku asli seseorang, setidaknya sudah berurusan terkait keuangan, sudah pernah melakukan perjalanan bersama, dan mabit (menginap) bersama. Saya mengalami itu semua dengan sahabat saya yang satu ini.</p>
</div>
<div class="author"><img class="rounded-circle" src="assets/img/Testi%20Kamiluddin.jpg">
<h5 class="name">Mohammad Kamiludin (MT04)</h5>
<p class="title">Ketua Ikatan Alumni Rumah Kepemimpinan (IARK), Wakil Ketua Almamater Center ILUNI UI 2019-2022</p>
</div>
</div>
</div>
<div class="row justify-content-center people">
<div class="col-md-6 col-lg-4 item" data-aos="fade-up">
<div class="box">
<p class="description">Bila mengikuti perubahan zaman digital sekarang ini, sudah waktunya ILUNI FTUI turut berbenah diri. Anak milenial yg berwawasan global sudah saatnya memimpin.</p>
</div>
<div class="author"><img class="rounded-circle" src="assets/img/Testi%20Budi%20Setiawan.jpeg">
<h5 class="name">Budi Setiawan (S85)<br></h5>
<p class="title">Co-Founder BMT Ash-Shiddiq Indonesia, Former Project Manager Industrial and Power Plant</p>
</div>
</div>
<div class="col-md-6 col-lg-4 item" data-aos="fade-up">
<div class="box">
<p class="description">Yang saya tau, <strong>Andy</strong> always get things done. Bukan tipe yang sibuk berpendapat dan berkata-kata cantik dalam tulisan, tapi langsung mengerjakan dan menyelesaikan.</p>
</div>
<div class="author"><img class="rounded-circle" src="assets/img/Testi%20Naya%20Pandya.jpeg">
<h5 class="name">Naya Pandya (TI03)</h5>
<p class="title">Ketua IMTI 2005-2006, Presidium ILUNI TIUI 2015-2018, VP Business Planning OK! Bank Indonesia</p>
</div>
</div>
<div class="col-md-6 col-lg-4 item" data-aos="fade-up">
<div class="box">
<p class="description">Gue kaget dan seneng juga <strong>mas Refi</strong> maju jadi Calon Sekjen ILUNI FTUI. Kenapa? karena gue rasa beliau salah satu alumni yang bisa dijadiin role model.</p>
</div>
<div class="author"><img class="rounded-circle" src="assets/img/Testi%20Nadif.jpg">
<h5 class="name">M Hanif Nadif (M09)</h5>
<p class="title">Ketua IMM FTUI 2011, Lecturer / Researcher MedTech IMERI, Fakultas Kedokteran UI</p>
</div>
</div>
</div>
</div>
</section>
<section id="youtube" class="testimoni">
<div class="carousel slide carousel-dark carousel-fade" data-bs-ride="carousel" data-bs-interval="false" data-bs-wrap="false" id="carousel-1">
<div class="carousel-inner">
<div class="carousel-item active pulse animated">
<div class="container">
<div class="row justify-content-around">
<div class="col-12 col-lg-3">
<div class="card"><iframe allowfullscreen="" frameborder="0" src="https://www.youtube.com/embed/l_RaqzF_fEY"></iframe></div>
<p class="small">[TALKSHOW #1] Kolaborasi dan Partnership di Kala Situasi Pandemi</p>
</div>
<div class="col-12 col-lg-3">
<div class="card"><iframe allowfullscreen="" frameborder="0" src="https://www.youtube.com/embed/sMCEIvxw6Oc"></iframe></div>
<p class="small">[IG LIVE #1] Andy-Refi - Komitmen dan Pengabdian</p>
</div>
<div class="col-12 col-lg-3">
<div class="card"><iframe allowfullscreen="" frameborder="0" src="https://www.youtube.com/embed/JUqP9cMFY0s"></iframe></div>
<p class="small">[TALKSHOW #2] Membangun Positive Vibes melalui Komunitas Teknik</p>
</div>
</div>
</div>
</div>
<div class="carousel-item pulse animated">
<div class="container">
<div class="row justify-content-around">
<div class="col-12 col-lg-3">
<div class="card"><iframe allowfullscreen="" frameborder="0" src="https://www.youtube.com/embed/MaCAsxY072g"></iframe></div>
<p class="small">Call Centre ILUNI FTUI - DAYA Proposed Program by Andy - Refi</p>
</div>
<div class="col-12 col-lg-3">
<div class="card"><iframe allowfullscreen="" frameborder="0" src="https://www.youtube.com/embed/T0ONyFUqpFM"></iframe></div>
<p class="small">Terima Kasih Para Dermawan Teknik - Connecting Generation</p>
</div>
<div class="col-12 col-lg-3">
<div class="card"><iframe allowfullscreen="" frameborder="0" src="https://www.youtube.com/embed/8SZFc18n3ns"></iframe></div>
<p class="small">Presentasi Materi "Connecting Generations" - FGB ILUNI FTUI</p>
</div>
</div>
</div>
</div>
<div class="carousel-item pulse animated">
<div class="container">
<div class="row justify-content-around">
<div class="col-12 col-lg-3">
<div class="card"><iframe allowfullscreen="" frameborder="0" src="https://www.youtube.com/embed/XAdDyztHito"></iframe></div>
<p class="small">[IG LIVE #2] Andy - Refi - Program Kerja 5D</p>
</div>
<div class="col-12 col-lg-3">
<div class="card"><iframe allowfullscreen="" frameborder="0" src="https://www.youtube.com/embed/Bw8wo4pq3lQ"></iframe></div>
<p class="small">[Webinar Andy-Refi] Your Complete Guide to Boost Your Early Career Amidst the Pandemic</p>
</div>
<div class="col-12 col-lg-3">
<div class="card"><iframe allowfullscreen="" frameborder="0" src="https://www.youtube.com/embed/8fGl_FvF4Pc"></iframe></div>
<p class="small">Fortek 2021 - Andy & Refi #1 - Why, How, and What is #ConnectingGenerations? </p>
</div>
</div>
</div>
</div>
<div class="carousel-item pulse animated">
<div class="container">
<div class="row justify-content-around">
<div class="col-12 col-lg-3">
<div class="card"><iframe allowfullscreen="" frameborder="0" src="https://www.youtube.com/embed/k8GnPROcIi8"></iframe></div>
<p class="small">Connecting Generations From A to Z - Muliandy Nasution & Refi Kunaefi | Episode 1</p>
</div>
<div class="col-12 col-lg-3">
<div class="card"><iframe allowfullscreen="" frameborder="0" src="https://www.youtube.com/embed/-8f0wtfUTrk"></iframe></div>
<p class="small">Andy-Refi Super Team Proudly Presents : Connecting Generations Charity Concert</p>
</div>
<div class="col-12 col-lg-3">
<div class="card"><iframe allowfullscreen="" frameborder="0" src="https://www.youtube.com/embed/1q8feQOgrhs"></iframe></div>
<p class="small">Connecting The Dots - Cindar Hari & Chairul Hudaya | Episode 2</p>
</div>
</div>
</div>
</div>
</div>
<div><a class="carousel-control-prev" href="#carousel-1" role="button" data-bs-slide="prev"><span class="carousel-control-prev-icon"></span><span class="visually-hidden">Previous</span></a><a class="carousel-control-next" href="#carousel-1" role="button" data-bs-slide="next"><span class="carousel-control-next-icon"></span><span class="visually-hidden">Next</span></a></div>
</div>
</section>
<section id="footer">
<div class="container">
<div class="row justify-content-center justify-content-lg-between">
<div class="col-auto align-self-center small-none">
<p class="text-light small">Copyright © 2021 Vismaya, All Rights Reserved.</p>
</div>
<div class="col-auto">
<div id="social-icons"><a href="https://www.instagram.com/connecting.gens/"><i class="fa fa-instagram"></i></a><a href="https://www.facebook.com/Connecting-Generations-103638245350625"><i class="fa fa-facebook-square"></i></a><a href="https://twitter.com/connecting_gens?s=09"><i class="fa fa-twitter"></i></a><a href="https://www.linkedin.com/company/connecting-gens/"><i class="fa fa-linkedin-square"></i></a><a href="https://www.youtube.com/channel/UChwYBofji1_3Yk_7NKK1RGA"><i class="fa fa-youtube-play"></i></a></div>
</div>
</div>
</div>
</section>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/js/bs-init.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="assets/js/profil.js"></script>
</body>
</html>