-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
168 lines (159 loc) · 8.5 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="Start your development with Pigga landing page.">
<meta name="author" content="Devcrud">
<title>es dawet</title>
<!-- font icons -->
<link rel="stylesheet" href="assets/vendors/themify-icons/css/themify-icons.css">
<!-- Bootstrap + Pigga main styles -->
<link rel="stylesheet" href="assets/css/pigga.css">
</head>
<body data-spy="scroll" data-target=".navbar" data-offset="40" id="home">
<!-- First Navigation -->
<nav class="navbar nav-first navbar-dark bg-dark">
<div class="container">
<a class="navbar-brand" href="#">
<img src="assets/imgs/navbar-brand.svg" alt="Download free bootstrap 4 landing page, free boootstrap 4 templates, Download free bootstrap 4.1 landing page, free boootstrap 4.1.1 templates, Pigga Landing page">
</a>
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link text-primary" href="https://wa.wizard.id/435a68">Hubungi Kami: <span class="pl-2 text-muted">(+62)852 5779 4373</span></a>
</li>
</ul>
</div>
</nav>
<!-- End of First Navigation -->
<!-- Second Navigation -->
<nav class="nav-second navbar custom-navbar navbar-expand-sm navbar-dark bg-dark sticky-top">
<div class="container">
<button class="navbar-toggler ml-auto" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item">
<a class="nav-link" href="#time">time</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#service">Our Service</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#cook">our cook</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- End Of Second Navigation -->
<!-- Page Header -->
<header class="header">
<div class="overlay">
<img src="assets/imgs/navbar-brand.svg" alt="Download free bootstrap 4 landing page, free boootstrap 4 templates, Download free bootstrap 4.1 landing page, free boootstrap 4.1.1 templates, Pigga Landing page" class="logo">
<h1 class="subtitle">Selamat Datang di Warung Kami</h1>
<h1 class="title">Minuman Segar & Murah Meriah</h1>
<a class="btn btn-primary mt-3" href="#time">Informasi Selanjutnya</a>
</div>
</header>
<!-- End Of Page Header -->
<!-- About Section -->
<section id="time">
<div class="container">
<div class="row align-items-center">
<div class="col-md-6">
<h3 class="section-title">Waktu Pembukaan</h3>
<p class="mb-1 font-weight-bold">Setiap Hari: <span class="font-weight-normal pl-2 text-muted">7:00 am - 15:00 pm</span></p>
<a href="#service" class="btn btn-primary btn-sm w-md mt-4">Informasi Selanjutnya</a>
</div>
<div class="col-md-6">
<div class="row">
<div class="col">
<img alt="Download free bootstrap 4 landing page, free boootstrap 4 templates, Download free bootstrap 4.1 landing page, free boootstrap 4.1.1 templates, Pigga Landing page" src="assets/imgs/about-1.jpg" class="w-100 rounded shadow">
</div>
<div class="col">
<img alt="Download free bootstrap 4 landing page, free boootstrap 4 templates, Download free bootstrap 4.1 landing page, free boootstrap 4.1.1 templates, Pigga Landing page" src="assets/imgs/about-2.jpg" class="w-100 rounded shadow">
</div>
</div>
</div>
</div>
</div>
</section>
<!-- End OF About Section -->
<!-- Service Section -->
<section id="service" class="pattern-style-4 has-overlay">
<div class="container raise-2">
<h3 class="section-title mb-6 pb-3 text-center">Minuman Unggulan</h3>
<div class="row">
<div class="col-md-6 mb-4">
<a href="javascrip:void(0)" class="custom-list">
<div class="img-holder">
<img src="assets/imgs/dawet.jpg" alt="Download free bootstrap 4 landing page, free boootstrap 4 templates, Download free bootstrap 4.1 landing page, free boootstrap 4.1.1 templates, Pigga Landing page">
</div>
<div class="info">
<div class="head clearfix">
<h5 class="title float-left md-5">Es Dawet</h5>
<p class="float-right text-primary">5k</p>
</div>
<div class="body">
<p>dengan perpaduan gula aren dan kepala muda </p>
</div>
</div>
</a>
</div>
<section id="cook" class="bg-white">
<div class="container">
<div class="row align-items-center">
<div class="col-md-6 d-none d-md-block">
<img src="assets/imgs/Mak.jpg" alt="Download free bootstrap 4 landing page, free boootstrap 4 templates, Download free bootstrap 4.1 landing page, free boootstrap 4.1.1 templates, Pigga Landing page" class="w-100 rounded shadow">
</div>
<div class="col-md-6">
</div>
</div>
</div>
</section>
<!-- End OF Book Table Section -->
<!-- Prefooter Section -->
<div class="py-4 border border-lighter border-bottom-0 border-left-0 border-right-0 bg-dark">
<div class="container">
<div class="row justify-content-between align-items-center text-center">
<div class="col-md-3 text-md-left mb-3 mb-md-0">
<img src="assets/imgs/navbar-brand.svg" width="100" alt="Download free bootstrap 4 landing page, free boootstrap 4 templates, Download free bootstrap 4.1 landing page, free boootstrap 4.1.1 templates, Pigga Landing page" class="mb-0">
</div>
<div class="col-md-9 text-md-right">
<a href="#" class="px-3"><small class="font-weight-bold">Our Company</small></a>
<a href="#" class="px-3"><small class="font-weight-bold">Our Location</small></a>
<a href="#" class="px-3"><small class="font-weight-bold">Help Center</small></a>
</div>
</div>
</div>
</div>
<!-- End of PreFooter Section -->
<!-- Page Footer -->
<footer class="border border-dark border-left-0 border-right-0 border-bottom-0 p-4 bg-dark">
<div class="container">
<div class="row align-items-center text-center text-md-left">
<div class="col">
<p class="mb-0 small">© <script>document.write(new Date().getFullYear())</script>, <a href="https://www.devcrud.com" target="_blank">jelun, licin, banyuwangi</p>
</div>
<h6 class="small mb-0">
<a href="#" class="px-2"><i class="ti-facebook"></i></a>
<a href="#" class="px-2"><i class="ti-twitter"></i></a>
<a href="#" class="px-2"><i class="ti-instagram"></i></a>
<a href="#" class="px-2"><i class="ti-google"></i></a>
</h6>
</div>
</div>
</div>
</footer>
<!-- End of Page Footer -->
<!-- core -->
<script src="assets/vendors/jquery/jquery-3.4.1.js"></script>
<script src="assets/vendors/bootstrap/bootstrap.bundle.js"></script>
<!-- bootstrap affix -->
<script src="assets/vendors/bootstrap/bootstrap.affix.js"></script>
<!-- Pigga js -->
<script src="assets/js/pigga.js"></script>
</body>
</html>