-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
99 lines (88 loc) · 3.15 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="css/bootstrap.css">
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/bootstrap.js"></script>
<!--css Sendiri-->
<link rel="stylesheet" type="text/css" href="gaya-utama.css">
<!---->
<title>Selamat Datang</title>
</head>
<body>
<!--Navbar Awal-->
<nav class="navbar navbar-expand-lg navbar-dark bg-success">
<div class="container-fluid">
<img src="logo-kamping.jpg" width="35" class="rounded-circle">
<a class="navbar-brand" href="#">Happy Camping</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse">
<ul class="navbar-nav ms-auto">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="utama.html">Home</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Product
</a>
<ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
<li><a class="dropdown-item" href="produk.html">Tenda</a></li>
<li><a class="dropdown-item" href="produk-peralatan.html">Peralatan</a></li>
<li><a class="dropdown-item" href="produk-perlengkapan.html">Perlengkapan</a></li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link" href="pesanan.html">Checkout</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="kontak.html">Contact</a>
</li>
</ul>
</div>
</div>
</nav>
<!--Navbar akhir -->
<div class="gambar">
</div>
<!--Awal Jumbotro-->
<section class="jumbotron text-center">
<img src="logo-kamping.jpg" width="200" class="rounded-circle">
<h1 class="display-4 tx-center">Welcome</h1>
<p class="lead">A home away from home!</p>
<form>
<input type="submit" class="btn" value="Login" formaction="login.html">
</form>
</section>
<!---akhir jumbotron -->
<!--<section id="about">
<div class="row text-center">
<div class="col">
<h2>About Me</h2>
</div>
</div>
<div class="row">
<div class="col">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim ven
</p>
</div>
<div class="col">
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit ess
</p>
</div>
</div>
</section>
-->
</body>
</html>