-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathfasilitas.html
123 lines (117 loc) · 5.94 KB
/
fasilitas.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Fasilitas</title>
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css">
<style>.border {border-style: solid; width: 150px; height:150px;}</style>
</head>
<body>
<div class="container-fluid">
<div class="row">
<div class="col-md-12">
<h3 class="text-center">
PINJEM-IN Depok
</h3>
<div class="col-md-12">
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="navbar-nav">
<li class="nav-item table-active">
<a class="nav-link" href="home.html">Home</a>
<li class="nav-item ">
<a class="nav-link" href="fasilitas.html">Fasilitas</a>
</li>
<li class="nav-item ">
<a class="nav-link" href="booking.html">Booking</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Testimoni</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Tentang Kami</a>
</li>
</ul>
</form>
<ul class="navbar-nav ml-md-auto">
<form class="form-inline">
<ul class="navbar-nav ml-md-auto">
<form class="form-inline";>
<input class="form-control mr-sm-2" type="text"; placeholder="search"/>
</ul>
<li style="position:relative; right: 5px;"><a href="login2/login2.html">Login</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="row" >
<div class="col-md-10">
<nav>
<ol class="breadcrumb">
<li class="breadcrumb-item">
<a href="home.html">Home</a>
</li>
<li class="breadcrumb-item active">
<a>Fasilitas</a>
</li>
</ol>
</nav>
<div class="row">
<div class="col-md-10">
<h2>
AULA
</h2>
<p>
Aula besar untuk kegiatan acara MUNAS, Pentas seni, Wisuda,
Pernikahan dan kegiatan lainnya didalam ruangan ber-AC yang
nyaman dan berkesan mewah.
</p>
<br>
<br>
<br>
</div>
<div class="col-md-2">
<img alt="Aula" src="https://cintakasihtzuchi.sch.id/wp-content/uploads/2018/12/Aula-Lantai-2-Gedung-C.jpg" width="145px" height="100px"/>
</div>
</div>
<div class="row">
<div class="col-md-10">
<h2>
Ruang Rapat
</h2>
<p>
Nikamti lingkungan kerja yang elegan, termasuk peralatan canggih dan
bantuan staf teknis yang akan membantu anda dengan keadaan
khusus apa pun. kami bahkan akan menjawab panggilan telepon anda
dengan nama bisnis anda.
</p>
</div>
<div class="col-md-2">
<img alt="Ruang Rapat" src="https://arsitagx-master.s3.ap-southeast-1.amazonaws.com/img_medium/2394/4292/29982/photo-meeting-room-office-pt-maya-ad-desain-arsitek-oleh-teddykoo.jpeg" width="145px" height="100px"/>
</div>
</div>
</div>
<div class="border2">
<ul>
<p>Kategori Ruang</p>
<a href="aula.html"><li>Aula</li></a>
<a href=""><li>Ruang Rapat</li></a>
<a href=""><li>Ruang Seminar</li></a>
<a href=""><li>Lab Komputer</li></a>
</ul>
</div>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-Fy6S3B9q64WdZWQUiU+q4/2Lc9npb8tCaSX9FK7E8HnRr0Jz8D6OP9dO5Vg3Q9ct" crossorigin="anonymous"></script>
</body>
</html>