farid-ria-wedding/section-bonus.php at master · frdteknikelektro/farid-ria-wedding · GitHub

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
<section id="id_section_bonus">
	<div class="container">
		<div id="id_div_section_bonus_title" class="row">
			<div class="col-xs-12">
				<h3 class="text-light-grey text-center">Jogja: Never Ending Asia</h3>
				<p class="text-light-grey text-center">Sebelum memulai kembali aktivitas sehari-hari, monggo menikmati jogja terlebih dahulu</p>
			</div>
		</div>
	</div>
	<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
		<!-- Indicators -->
		<ol class="carousel-indicators">
			<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
			<li data-target="#carousel-example-generic" data-slide-to="1"></li>
			<li data-target="#carousel-example-generic" data-slide-to="2"></li>
			<li data-target="#carousel-example-generic" data-slide-to="3"></li>
		</ol>

		<!-- Wrapper for slides -->
		<div class="carousel-inner" role="listbox">
			<div class="item text-center active">
				<img src="res/wisata_0.jpg" alt="Malioboro" width="100%">
				<div class="carousel-caption text-light-grey">
					<strong>Jl. Malioboro</strong>
				</div>
			</div>
			<div class="item text-center">
				<img src="res/wisata_1.jpg" alt="Vredeburg" width="100%">
				<div class="carousel-caption text-light-grey">
					<strong>Benteng Vredeburg</strong>
				</div>
			</div>
			<div class="item text-center">
				<img src="res/wisata_2.jpg" alt="Taman Sari" width="100%">
				<div class="carousel-caption text-light-grey">
					<strong>Istana Air Taman Sari</strong>
				</div>
			</div>
			<div class="item text-center">
				<img src="res/wisata_3.jpg" alt="Edupark" width="100%">
				<div class="carousel-caption text-light-grey">
					<strong>Sindu Kusuma Edupark</strong>
				</div>
			</div>
		</div>

		<!-- Controls -->
		<a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
			<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
			<span class="sr-only">Previous</span>
		</a>
		<a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
			<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
			<span class="sr-only">Next</span>
		</a>
	</div>
</section>