-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathabout.php
More file actions
142 lines (114 loc) · 6.33 KB
/
about.php
File metadata and controls
142 lines (114 loc) · 6.33 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<title>Tetang Kami</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Josefin+Sans:400,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Great+Vibes" rel="stylesheet">
<link rel="stylesheet" href="css/open-iconic-bootstrap.min.css">
<link rel="stylesheet" href="css/animate.css">
<link rel="stylesheet" href="css/owl.carousel.min.css">
<link rel="stylesheet" href="css/owl.theme.default.min.css">
<link rel="stylesheet" href="css/magnific-popup.css">
<link rel="stylesheet" href="css/aos.css">
<link rel="stylesheet" href="css/ionicons.min.css">
<link rel="stylesheet" href="css/bootstrap-datepicker.css">
<link rel="stylesheet" href="css/jquery.timepicker.css">
<link rel="stylesheet" href="css/flaticon.css">
<link rel="stylesheet" href="css/icomoon.css">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<?php include 'header.php'; ?>
<section class="home-slider owl-carousel">
<div class="slider-item" style="background-image: url(images/bg_1.jpg);" data-stellar-background-ratio="0.5">
<div class="overlay"></div>
<div class="container">
<div class="row slider-text justify-content-center align-items-center">
<div class="col-md-7 col-sm-12 text-center ftco-animate">
<h1 class="mb-3 mt-5 bread">About Us</h1>
<p class="breadcrumbs"><span class="mr-2"><a href="index.php">Home</a></span> <span><a href="#">About</a></span></p>
</div>
</div>
</div>
</div>
</section>
<section class="ftco-about d-md-flex">
<div class="one-half img" style="background-image: url(images/Snapinsta.app_332969002_881902539590215_6547545137777194287_n_1080.jpg);"></div>
<div class="one-half ftco-animate">
<div class="overlap">
<div class="heading-section ftco-animate ">
<span class="subheading">Discover</span>
<h2 class="mb-4">CERITA KITA</h2>
</div>
<div>
<p>Kami sangat menghargai pengalaman pelanggan kami dan berusaha untuk menciptakan lingkungan yang ramah, nyaman, dan hangat. Kedai Kita adalah tempat yang sempurna untuk bersantai dengan teman-teman, melakukan rapat bisnis, atau hanya menikmati waktu sendirian dengan buku atau laptop Anda. Dengan wifi gratis dan staf yang ramah serta membantu, kami ingin menjadikan kunjungan Anda sebagai pengalaman yang tak terlupakan.</p>
</div>
</div>
</div>
</section>
<section class="ftco-section">
<div class="container">
<div class="row align-items-center">
<div class="col-md-6 pr-md-5">
<div class="heading-section text-md-right ftco-animate">
<span class="subheading">Discover</span>
<h2 class="mb-4">MENU KAMI</h2>
<p class="mb-4">Selamat datang di Kedai Kita! Nikmati ragam hidangan istimewa yang telah kami siapkan untuk Anda. Mulai dari santapan ringan seperti pastri segar dan roti panggang yang lezat, hingga hidangan utama yang menggugah selera seperti mie, minuman yang menyegarkan, dan makanan yang enak.</p>
<p><a href="menu.php" class="btn btn-primary btn-outline-primary px-4 py-3">View Full Menu</a></p>
</div>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-md-6">
<div class="menu-entry">
<a href="#" class="img" style="background-image: url(images/menu-1.jpg);"></a>
</div>
</div>
<div class="col-md-6">
<div class="menu-entry mt-lg-4">
<a href="#" class="img" style="background-image: url(images/menu-2.jpg);"></a>
</div>
</div>
<div class="col-md-6">
<div class="menu-entry">
<a href="#" class="img" style="background-image: url(images/menu-3.jpg);"></a>
</div>
</div>
<div class="col-md-6">
<div class="menu-entry mt-lg-4">
<a href="#" class="img" style="background-image: url(images/menu-4.jpg);"></a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<?php include 'footer.php'; ?>
<!-- loader -->
<div id="ftco-loader" class="show fullscreen"><svg class="circular" width="48px" height="48px">
<circle class="path-bg" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke="#eeeeee" />
<circle class="path" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke-miterlimit="10" stroke="#F96D00" />
</svg></div>
<script src="js/jquery.min.js"></script>
<script src="js/jquery-migrate-3.0.1.min.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.easing.1.3.js"></script>
<script src="js/jquery.waypoints.min.js"></script>
<script src="js/jquery.stellar.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/jquery.magnific-popup.min.js"></script>
<script src="js/aos.js"></script>
<script src="js/jquery.animateNumber.min.js"></script>
<script src="js/bootstrap-datepicker.js"></script>
<script src="js/jquery.timepicker.min.js"></script>
<script src="js/scrollax.min.js"></script>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBVWaKrjvy3MaE7SQ74_uJiULgl1JY0H2s&sensor=false"></script>
<script src="js/google-map.js"></script>
<script src="js/main.js"></script>
</body>
</html>