-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
68 lines (61 loc) · 2.27 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
<!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" />
<link rel = "icon" href ="img/monument-removebg.png" type = "image/x-icon" style="border-radius: 1rem;">
<title>Kota Bogor</title>
<!-- CSS Utama -->
<link rel="stylesheet" href="css/app.css" />
<!-- Icon Scout -->
<link
rel="stylesheet"
href="https://unicons.iconscout.com/release/v4.0.0/css/line.css"
/>
<!-- Font Awesome 5.15.4 -->
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css"
integrity="sha512-1ycn6IcaQQ40/MKBW2W4Rhis/DbILU74C1vSrLJxCq57o941Ym01SwNsOMqvEBFlcgUa6xLiPY/NS5R+E6ztJQ=="
crossorigin="anonymous"
referrerpolicy="no-referrer"
/>
</head>
<body>
<header class="navbar-container">
<div class="time">
<p id="time"></p>
<p id="date"></p>
</div>
</header>
<main>
<div class="content">
<div class="content-description">
<h1 class="title">Kota Bogor</h1>
<p>
Bogor adalah sebuah kota yang terletak di Provinsi Jawa Barat,
Indonesia. Kota ini terkenal dengan keindahan alamnya yang hijau dan
segar karena memiliki banyak taman, kebun, dan hutan. Selain itu,
Bogor juga memiliki sejarah yang kaya dan menjadi tempat tinggal
bagi berbagai suku dan agama. Selain itu, Bogor juga dikenal dengan
kuliner tradisionalnya yang lezat, seperti soto Bogor, asinan Bogor,
dan laksa Bogor.
</p>
<a href="explore.html" class="button-explore">Yuk Jelajahi ✨ </a>
</div>
<div class="content-image">
<img src="img/travelling.png" alt="breakfast" />
</div>
</div>
</main>
<div class="quote-container">
<p class="quote"></p>
<p class="author"></p>
<button class="new-quote-btn">New Quote🌠</button>
</div>
<div class="loader"></div>
<!--==================== MAIN JS ====================-->
<script src="js/main.js"></script>
</body>
</html>