-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathtentang.html
198 lines (191 loc) · 8.14 KB
/
tentang.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- font start -->
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Kalam:wght@300;400;700&display=swap"
rel="stylesheet"
/>
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Courgette&display=swap"
rel="stylesheet"
/>
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap"
rel="stylesheet"
/>
<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
<!-- font end -->
<link rel="stylesheet" href="output.css" />
<link rel="stylesheet" href="reset.css" />
<link rel="stylesheet" href="style.css" />
<title>Tentang</title>
</head>
<body>
<nav
class="bg-indigo-200 w-full shadow fixed px-5 z-50 h-10 lg:h-14 lg:py-2 xl:px-10"
>
<div class="flex justify-between sm:justify-around">
<div data-aos="zoom-in" data-aos-delay="500">
<h1
class="text-2xl sm:text-3xl lg:text-4xl xl:text-5xl font-extrabold tracking-wider text-indigo-400 bayang self-center font-courgette sm:self-start"
>
Depot <span class="text-bbiru">citra</span>
</h1>
</div>
<div class="self-center sm:self-start" id="tombolmenu">
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 24 24"
stroke-width="1.5"
stroke="currentColor"
class="size-6 sm:stroke-none text-tungu"
>
<path
stroke-linecap="round"
stroke-linejoin="round"
d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5"
/>
</svg>
</div>
<div
class="nav-a absolute w-52 text-center text-tungu text-xl sm:flex sm:justify-evenly sm:items-center sm:flex-1 sm:w-1 sm:text-2xl duration-150" id="burgermenu"
>
<a
href="../index.html"
class="block mb-8 mt-12 sm:inline sm:mb-0 sm:mt-0 sm:mx-2 gerakan"
>beranda</a
>
<a
href="menu.html"
class="block mb-8 sm:inline sm:mb-0 sm:mt-0 sm:mx-2 gerakan"
>Menu</a
>
<a href="#" class="block mb-44 sm:inline sm:mb-0 sm:mt-0 gerakan"
>Tentangkami</a
>
<h1
class="text-6xl rotate-90 bottom-0 bayang2 font-bold tracking-widest"
>
Tentangkami
</h1>
</div>
</div>
</nav>
<section class="gambartentangbox lg:h-101">
<div class="lg:flex lg:items-center lg:justify-center py-36 2xl:py-64">
<div data-aos="zoom-in" data-aos-delay="200">
<h1
class="menujudul text-6xl text-center text-bungu font-extrabold tracking-widest bayang3 font-kalam sm:text-8xl lg:text-9xl"
>
Depot citra
</h1>
</div>
</div>
</section>
<section class="bg-bbiru">
<div class=" px-8">
<div class=" text-xl leading-loose text-white lg:py-3 lg:px-20 2xl:px-32 2xl:h-100 2xl:flex 2xl:flex-col justify-center">
<div data-aos="fade-up" data-aos-delay="250">
<h1 class="text-white text-3xl py-5 text-center font-bold bayang sm:text-4xl 2xl:text-7xl">
Kenapa harus mampir ke depot citra?
</h1>
</div>
<div data-aos="fade-up" data-aos-delay="300">
<p class="text-justify sm:text-xl sm:leading-loose 2xl:text-3xl 2xl:leading-[5rem] ">
karena kami menyediakan berbagai hidangan spesial untuk anda nikmati
dengan nyaman, aman dan tak lupa suasana sederhana dan tempo doeloe
akan membuat anda serasa bernostalgia pada tahun awal dimasa
berdirinya kami, yaitu pada tahun 2001.
</p>
</div>
<div data-aos="fade-up" data-aos-delay="350">
<p class="text-justify sm:text-xl sm:leading-loose 2xl:text-3xl 2xl:leading-[5rem]">
tapi jangan salah sangka, meskipun kami menganut konsep kesederhanaan
tapi kalau soal rasa kami tentu kami juaranya. dan yang paling
penting, ramah di kantong lho...
</p>
</div>
<div data-aos="fade-up" data-aos-delay="400">
<p class="text-justify sm:text-xl sm:leading-loose 2xl:text-3xl 2xl:leading-[5rem]">
ennga percaya? buruan datang dan rasakan sendiri kelezatannya di rumah
makan kami.
</p>
</div>
<div data-aos="fade-up" data-aos-delay="450">
<h5 class="my-5 text-sm text-center bayang font-semibold sm:text-xl">
<span>buka:</span> 06:00WIB | <span>tutup:</span> 23:00WIB
</h5>
</div>
</div>
</div>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320">
<path
fill="#c7d2fe"
fill-opacity="1"
d="M0,128L30,128C60,128,120,128,180,117.3C240,107,300,85,360,112C420,139,480,213,540,224C600,235,660,181,720,144C780,107,840,85,900,74.7C960,64,1020,64,1080,69.3C1140,75,1200,85,1260,101.3C1320,117,1380,139,1410,149.3L1440,160L1440,320L1410,320C1380,320,1320,320,1260,320C1200,320,1140,320,1080,320C1020,320,960,320,900,320C840,320,780,320,720,320C660,320,600,320,540,320C480,320,420,320,360,320C300,320,240,320,180,320C120,320,60,320,30,320L0,320Z"
></path>
</svg>
</section>
<section class="bg-bungu">
<div class="">
<div class="row text-center pb-7">
<div data-aos="zoom-in" data-aos-delay="300">
<h1
class="text-tungu text-6xl font-courgette bayang2 tracking-wide lg:text-8xl 2xl:text-[10rem]"
"
>
Memories
</h1>
</div>
</div>
<div class="row scroll-px-1 flex flex-col justify-evenly px-4 sm:px-14 sm:justify-center sm:items-center lg:px-28" data-aos="zoom-in" data-aos-delay="100">
<div class="menu-box w-full mb-9 overflow-hidden rounded-2xl ">
<img src="img/lobidalam.jpg" alt="" class="w-full object-cover h-72 border-8 border-white sm:h-96 lg:h-full" />
</div>
<div class="menu-box w-full mb-9 overflow-hidden rounded-2xl " data-aos="zoom-in" data-aos-delay="150">
<img src="img/gambarlobi2.jpg" alt="" class="w-full object-cover h-72 border-8 border-white sm:h-96 lg:h-full" />
</div>
<div class="menu-box w-full mb-9 overflow-hidden rounded-2xl " data-aos="zoom-in" data-aos-delay="200">
<img src="img/jajanfinal.jpg" alt="" class="w-full object-cover h-72 border-8 border-white sm:h-96 lg:h-full" />
</div>
</div>
</div>
</section>
<footer class="bg-bbiru">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320">
<path
fill="#c7d2fe"
fill-opacity="1"
d="M0,192L30,165.3C60,139,120,85,180,96C240,107,300,181,360,192C420,203,480,149,540,138.7C600,128,660,160,720,176C780,192,840,192,900,197.3C960,203,1020,213,1080,213.3C1140,213,1200,203,1260,186.7C1320,171,1380,149,1410,138.7L1440,128L1440,0L1410,0C1380,0,1320,0,1260,0C1200,0,1140,0,1080,0C1020,0,960,0,900,0C840,0,780,0,720,0C660,0,600,0,540,0C480,0,420,0,360,0C300,0,240,0,180,0C120,0,60,0,30,0L0,0Z"
></path>
</svg>
<div class="px-3 py-5">
<p class="text-tungu text-center text-sm sm:text-lg">
created by
<a href="https://www.instagram.com/fauzi_iilyas" class="font-bold"
>fauzi ilyas</a
>. & supported by
<a href="https://www.instagram.com/cobrax_06" class="font-bold"
>ahmad jihad.</a
>
| © 2024.
</p>
</div>
</footer>
<script src="script.js"></script>
<script src="https://unpkg.com/aos@next/dist/aos.js"></script>
<script>
AOS.init();
</script>
</body>
</html>