-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
258 lines (249 loc) · 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
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
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<link rel="icon" type="image/png" href="./img/just_logo_meta.png">
<title>Meta Learning</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content="" />
<meta name="author" content="http://webthemez.com" />
<!-- css -->
<link href="css/bootstrap.min.css" rel="stylesheet" />
<link href="css/fancybox/jquery.fancybox.css" rel="stylesheet">
<link href="css/jcarousel.css" rel="stylesheet" />
<link href="css/flexslider.css" rel="stylesheet" />
<link href="js/owl-carousel/owl.carousel.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet" />
<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
<div id="wrapper">
<!-- start header -->
<header>
<div class="navbar navbar-default navbar-static-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand mr-auto" href="index.html"><img src="img/logo_meta.png" height="40" width="200" alt="logo"/></a>
</div>
<div class="navbar-collapse collapse ">
<ul class="nav navbar-nav">
<li class="active"><a href="index.html">Home</a></li>
<li><a href="about.html">Tentang Kami</a></li>
<li><a href="courses.html">Program Les</a></li>
<li><a href="portfolio.html">Portofolio</a></li>
<li><a href="contact.html">Kontak</a></li>
</ul>
</div>
</div>
</div>
</header>
<!-- end header -->
<section id="featured">
<!-- Slider -->
<div id="main-slider" class="flexslider">
<ul class="slides">
<li>
<img src="img/slides/1.jpg" alt="" />
<div class="flex-caption">
<div class="item_introtext">
<strong>Selamat Datang di Meta Learning</strong>
<p>Mari Bersama Meraih Metode Belajar Efektif dan Efisien</p> </div>
</div>
</li>
<li>
<img src="img/slides/2.jpg" alt="" />
<div class="flex-caption">
<div class="item_introtext">
<strong>Selamat Datang di Meta Learning</strong>
<p>Mari Bersama Meraih Metode Belajar Efektif dan Efisien</p> </div>
</div>
</li>
<li>
<img src="img/slides/3.jpg" alt="" />
<div class="flex-caption">
<div class="item_introtext">
<strong>Selamat Datang di Meta Learning</strong>
<p>Mari Bersama Meraih Metode Belajar Efektif dan Efisien</p> </div>
</div>
</li>
</ul>
</div>
<!-- end slider -->
</section>
<section class="callaction">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="aligncenter"><h1 class="aligncenter">Mengapa Meta Learning?</h1></div>
</div>
</div>
</div>
</section>
<section id="content">
<div class="container">
<div class="row">
<div class="skill-home"> <div class="skill-home-solid clearfix">
<div class="col-md-3 text-center">
<span class="icons c1"><i class="fa fa-globe"></i></span> <div class="box-area">
<h3>Lengkap</h3> <p>Kami menawarkan les privat reguler dengan metode Online dan Tatap Muka untuk banyak jenjang, mulai SD, SMP, SMA dan Alumni, hingga Mahasiswa TPB ITB</p></div>
</div>
<div class="col-md-3 text-center">
<span class="icons c3"><i class="fa fa-desktop"></i></span> <div class="box-area">
<h3>Program Khusus</h3> <p>Kami menawarkan les privat program khusus meliputi les Privat Program UN, UTBK, UM masuk perguruan tinggi Negri atau Swasta, Olimpiade (OSN), TOEFL, dan Bahasa Asing.</p></div>
</div>
<div class="col-md-3 text-center">
<span class="icons c4"><i class="fa fa-trophy"></i></span> <div class="box-area">
<h3>Terpercaya</h3> <p>Kami menawarkan kualitas les privat terbaik dengan pengajar dari mahasiswa dan lulusan dari ITB sehingga metode pembelajaran akan efektif dan efisien</p>
</div></div>
<div class="col-md-3 text-center">
<span class="icons c2"><i class="fa fa-money"></i></span> <div class="box-area">
<h3>Harga Bersahabat</h3> <p>Kami menawarkan les privat dengan harga terjangkau.</p></div>
</div>
</div></div>
</div>
</div>
</section>
<div class="testimonial-area">
<div class="testimonial-solid">
<div class="container">
<div class="testi-icon-area">
<div class="quote">
<i class="fa fa-microphone"></i>
</div>
</div>
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#carousel-example-generic" data-slide-to="0" class="">
<a href="#"></a>
</li>
<li data-target="#carousel-example-generic" data-slide-to="1" class="">
<a href="#"></a>
</li>
<li data-target="#carousel-example-generic" data-slide-to="2" class="active">
<a href="#"></a>
</li>
<li data-target="#carousel-example-generic" data-slide-to="3" class="">
<a href="#"></a>
</li>
</ol>
<div class="carousel-inner">
<div class="item">
<p>Pembelajaran tidak dicapai secara kebetulan, tapi harus dicari dengan semangat ketekunan.</p>
<p>
<b>- Abigail Adams -</b>
</p>
</div>
<div class="item">
<p>Jangan menyerah. Menderitalah sekarang dan hiduplah sebagai juara nantinya.</p>
<p>
<b>- Muhammad Ali -</b>
</p>
</div>
<div class="item active">
<p>Pendidikan adalah satu-satunya kunci untuk membuka dunia ini, serta paspor untuk menuju kebebasan.</p>
<p>
<b>- Oprah Winfrey -</b>
</p>
</div>
<div class="item">
<p>Pendidikan adalah senjata yang sangat mematikan, karena lewat pendidikan maka kamu bisa mengubah dunia.</p>
<p>
<b>- Nelson Mandela -</b>
</p>
</div>
</div>
</div>
</div>
</div>
</div>
<section id="content">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="aligncenter"><h1 class="aligncenter">Jangkauan Les Privat Meta Belajar</h1></div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-12">
<p class="aligncenter">Andir Campaka Ciroyom Dunguscariang Garuda Kebonjeruk Maleber Antapani Antapani Kidul Antapani Kulon Antapani Tengah Antapani Wetan Arcamanik Cisaranten Endah Cisaranten Kulon Cisaranten Bina Harapan Sukamiskin Astanaanyar Cibadak Karanganyar Karasak Nyengseret Panjunan Pelindunghewan Babakanciparay Babakan Babakanciparay Cirangrang Margahayu Utara Margasuka Sukahaji Bandung Kidul Batununggal Kujangsari Mengger Wates Bandung Kulon Caringin Cibuntu Cigondewah Cigondewah Kidul Cigondewah Rahayu Cijerah Bandung Wetan Cihapit Citarum Tamansari Batununggal Binong Cibangkong Gumuruh Kacapiring Kebongedang Kebonwaru Bojongloa Kaler Babakan Asih Babakan Tarogong Jamika Kopo Suka Asih Bojongloa Kidul Cibaduyut Cibaduyut Kidul Cibaduyut Wetan Kebon Lega Mekarwangi Situsaeur Buahbatu Cijawura Jatisari Margasari Sekejati Cibeunying Kaler Cigadung Cihaurgeulis Neglasari Sukaluyu Cibeunying Kidul Cicadas Cikutra Padasuka Pasirlayung Sukamaju Sukapada Cibiru Cipadung Cisurupan Palasari Pasirbiru Cicendo Arjuna Husen Sastranegara Pajajaran Pamoyanan Pasirkaliki Sukaraja Cidadap Ciumbuleuit Hegarmanah Ledeng Cinambo Babakan Penghulu Cisaranten Wetan Pakemitan Sukamulya Coblong Cipaganti Dago Lebakgede Lebaksiliwangi Sadangserang Sekeloa Gedebage Cimincrang Cisaranten Rancabolang Rancanumpang Kiaracondong Babakansari Babakansurabaya Cicaheum Kebonkangkung Kebunjayanti Sukapura Lengkong Burangrang Cijagra Cikawao Lingkar Selatan Malabar Paledang Mandalajati Jatihandap Karangpamulang Jatihandap Sindangjaya Panyileukan Cipadung Kidul Cipadung Kulon Cipadung Wetan Mekarmulya Rancasari Cipamokolan Darwati Manjahlega Mekarmulya Regol Ancol Balonggede Ciateul Cigereleng Ciseureuh Pasirluyu Sukajadi Cipedes Pasteur Sukabungah Sukagalih Sukawarna Sukasari Gegerkalong Isola Sarijadi Sukarasa Sumurbandung Babakanciamis Braga Kebonpisang Merdeka Ujungberung Cigending Pasanggrahan Pasirendah Pasirjati Pasirwangi Ujungberung Cimahi Selatan Cibeber Cibeureum Leuwigajah Melong Utama Cimahi Tengah Baros Cigugur Tengah Cimahi Karangmekar Padasuka Setiamanah Cimahi Utara Cibabat Cipageran Citeureup Pasirkaliki Kota Baru Parahyangan, Tanimulya, Permata, Puri Cipageran, dan daerah-daerah lainnya di sekitar Kota Bandung</p>
</div>
</div>
</div>
</section>
<footer>
<div class="container">
<div class="row">
<div class="col-lg-6">
<div class="widget">
<h5 class="widgetheading">Info dan Pendaftaran Privat</h5>
<address>
<strong>Meta Belajar</strong><br>
Jalan Penyu No. 10A, Lengkong<br>
Kota Bandung, 40264</address>
<p>
<i class="icon-whatsapp"></i> <a href="http://wa.me/6281224000997"> Telpon/WA: 081224000997 </a><br>
<i class="icon-envelope-alt"></i> <a href="mailto:[email protected]"> [email protected] </a>
</p>
</div>
</div>
<div class="col-lg-6">
<div class="widget">
<h5 class="widgetheading">Menu</h5>
<ul class="link-list">
<li><a href="./tutor_regist.html">Karir</a></li>
<li><a href="#">Terms and conditions</a></li>
<li><a href="#">Privacy policy</a></li>
</ul>
</div>
</div>
</div>
</div>
<div id="sub-footer">
<div class="container">
<div class="row">
<div class="col-lg-6">
<div class="copyright">
<p>
<span>© Above Site All right reserved. Template By </span><a href="http://webthemez.com" target="_blank">WebThemez, distributed by Meta Belajar</a>
</p>
</div>
</div>
<div class="col-lg-6">
<ul class="social-network">
<li><a href="#" data-placement="top" title="Facebook"><i class="fa fa-facebook"></i></a></li>
<li><a href="#" data-placement="top" title="Instagram"><i class="fa fa-instagram"></i></a></li>
<li><a href="#" data-placement="top" title="Linkedin"><i class="fa fa-linkedin"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
</footer>
</div>
<a href="#" class="scrollup"><i class="fa fa-angle-up active"></i></a>
<!-- javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="js/jquery.js"></script>
<script src="js/jquery.easing.1.3.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.fancybox.pack.js"></script>
<script src="js/jquery.fancybox-media.js"></script>
<script src="js/portfolio/jquery.quicksand.js"></script>
<script src="js/portfolio/setting.js"></script>
<script src="js/jquery.flexslider.js"></script>
<script src="js/animate.js"></script>
<script src="js/custom.js"></script>
<script src="js/owl-carousel/owl.carousel.js"></script>
</body>
</html>