-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindividualcamploggedout.html
151 lines (120 loc) · 6.53 KB
/
individualcamploggedout.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
<!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 http-equiv="x-ua-compatible" content="ie=edge"/>
<title>Individual Campground Page</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css"/>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap"/>
<link rel="stylesheet" href="css/mdb.min.css"/>
<link rel="stylesheet" href="/css/individualcamp.css">
<script defer src="/js/app.js"></script>
</head>
<body>
<div class="wrapper">
<div class="content">
<div class="navigation">
<nav class="navbar navbar-expand-xxl">
<div class="container">
<a class="navbar-brand me-2" href="index.html"><img src="/img/Assets/Logo.svg"
alt="Logo"/>
</a>
<button class="navbar-toggler" type="button" data-mdb-toggle="collapse"
data-mdb-target="#navbarButtonsExample" aria-controls="navbarButtonsExample"
aria-expanded="false" aria-label="Toggle navigation">
<i class="fas fa-bars"></i>
</button>
<div class="collapse navbar-collapse" id="navbarButtonsExample">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link" href="index.html">Home</a>
</li>
</ul>
<div class="d-flex align-items-center">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link" href="signinpage.html"><strong>Login</strong></a>
</li>
</ul>
<div class="form-link">
<a href="signup.html"><button type="button" class="btn btn-dark" data-mdb-ripple-color="dark">Create an account </button></a>
</div>
</div>
</div>
</div>
</nav>
</div>
<div class="flex">
<div class="flex-left">
<div class="container-fluid">
<div class="container-content">
<div class="camp">
<div class="ulap">
<img src="/img/Assets/Camp Images/High Quality Images/Mount Ulap.png" alt="Mount Ulap">
</div>
<div class="title">
<strong>Mount Ulap</strong>
<span>$104.99/night</span>
</div>
<div class="camp-desc">
<p>Mount Ulap is a 7.7 kilometer moderately trafficked point-to-point trail lovated near
Tuba, Benguet, Philippines that offers the chance to see wildlife and is rated as moderate.
The trail is primarily used for hiking.
</p>
<span><i>Submitted by Andrew Mike</i></span>
</div>
</div>
</div>
</div>
<div class="testimonial">
<div class="testimonial-content">
<div class="user">
<strong>Adam Jones</strong>
<span>13h ago</span>
</div>
<div class="user-quote">
<p>Honestly one of the best experiences ever, took us a while to figure out how to get there but it was amazing!</p>
</div>
<hr>
<div class="user">
<strong>Issac Dylan</strong>
<span>1 day ago</span>
</div>
<div class="user-quote">
<p>Traveling changes you as a person, you gain more perspective, this is the perfect spot to do that.</p>
</div>
<hr>
<div class="user">
<strong>Hudson Luca</strong>
<span>3 days ago</span>
</div>
<div class="user-quote">
<p>Definitely recommend going there, not too far and not a lot of eople to ruin the experience.</p>
</div>
<hr>
<div class="review-btn">
<a href="signinpage.html"><button type="button" class="btn btn-dark" data-mdb-ripple-color="dark"><img src="/img/Assets/Chat Bubble.svg" alt="Chat Bubble"> Leave a Review</button></a>
</div>
</div>
</div>
</div>
<div class="flex-right">
<div class="map">
<div class="map-content">
<img src="/img/Assets/Map.png" alt="Map" title="Map">
</div>
</div>
</div>
</div>
</div>
<div class="footer">
<img src="/img/Assets/Logo.svg" alt="">
</div>
</div>
</div>
<script type="text/javascript" src="js/mdb.min.js"></script>
<!-- Custom scripts -->
<script type="text/javascript"></script>
</body>
</html>