-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathsetup.html
More file actions
150 lines (142 loc) · 7.11 KB
/
setup.html
File metadata and controls
150 lines (142 loc) · 7.11 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Camp Setup - Camping Essentials</title>
<link rel="stylesheet" href="style.css">
<style>
body{
background-image: url(https://img.freepik.com/free-vector/circles-background-dark-tones_60389-166.jpg?semt=ais_hybrid);
background-repeat:no-repeat ;
background-size: 100% 100%;
}
</style>
</head>
<body>
<!-- Navbar -->
<header class="navbar">
<div class="logo">Camping Essentials</div>
<nav>
<ul class="nav-links" style="list-style: none; padding: 0; margin: 0; display: flex; gap: 10px;">
<li style="display: inline;">
<a href="index.html"
style="text-decoration: none; padding: 5px 5px; display: inline-block; color: white; transition: background-color 0.3s, color 0.3s, transform 0.3s; background-color: ''; color: '';"
onmouseover="this.style.backgroundColor='lightblue'; this.style.color='white';"
onmouseout="if (!this.clicked) this.style.backgroundColor=''; this.style.color='';"
onclick="this.clicked = true; this.style.backgroundColor='orange'; this.style.color='white';">
Home
</a>
</li>
<li style="display: inline;">
<a href="gearchecklist.html"
style="text-decoration: none; padding: 5px 5px; display: inline-block; color: white; transition: background-color 0.3s, color 0.3s, transform 0.3s; background-color: ''; color: '';"
onmouseover="this.style.backgroundColor='lightblue'; this.style.color='white';"
onmouseout="if (!this.clicked) this.style.backgroundColor=''; this.style.color='';"
onclick="this.clicked = true; this.style.backgroundColor='orange'; this.style.color='white';">
Gear Checklist
</a>
</li>
<li style="display: inline;">
<a href="clothing-tips.html"
style="text-decoration: none; padding: 5px 5px; display: inline-block; color: white; transition: background-color 0.3s, color 0.3s, transform 0.3s; background-color: ''; color: '';"
onmouseover="this.style.backgroundColor='lightblue'; this.style.color='white';"
onmouseout="if (!this.clicked) this.style.backgroundColor=''; this.style.color='';"
onclick="this.clicked = true; this.style.backgroundColor='orange'; this.style.color='white';">
Clothing Tips
</a>
</li>
<li style="display: inline;">
<a href="safety.html"
style="text-decoration: none; padding: 5px 5px; display: inline-block; color: white; transition: background-color 0.3s, color 0.3s, transform 0.3s; background-color: ''; color: '';"
onmouseover="this.style.backgroundColor='lightblue'; this.style.color='white';"
onmouseout="if (!this.clicked) this.style.backgroundColor=''; this.style.color='';"
onclick="this.clicked = true; this.style.backgroundColor='orange'; this.style.color='white';">
Safety & First Aid
</a>
</li>
<li style="display: inline;">
<a href="cooking.html"
style="text-decoration: none; padding: 5px 5px; display: inline-block; color: white; transition: background-color 0.3s, color 0.3s, transform 0.3s; background-color: ''; color: '';"
onmouseover="this.style.backgroundColor='lightblue'; this.style.color='white';"
onmouseout="if (!this.clicked) this.style.backgroundColor=''; this.style.color='';"
onclick="this.clicked = true; this.style.backgroundColor='orange'; this.style.color='white';">
Food & Cooking
</a>
</li>
<li style="display: inline;">
<a href="navigation.html"
style="text-decoration: none; padding: 5px 5px; display: inline-block; color: white; transition: background-color 0.3s, color 0.3s, transform 0.3s; background-color: ''; color: '';"
onmouseover="this.style.backgroundColor='lightblue'; this.style.color='white';"
onmouseout="if (!this.clicked) this.style.backgroundColor=''; this.style.color='';"
onclick="this.clicked = true; this.style.backgroundColor='orange'; this.style.color='white';">
Navigation & Tools
</a>
</li>
<li style="display: inline;">
<a href="setup.html"
style="text-decoration: none; padding: 5px 5px; display: inline-block; color: white; transition: background-color 0.3s, color 0.3s, transform 0.3s; background-color: ''; color: '';"
onmouseover="this.style.backgroundColor='lightblue'; this.style.color='white';"
onmouseout="if (!this.clicked) this.style.backgroundColor=''; this.style.color='';"
onclick="this.clicked = true; this.style.backgroundColor='orange'; this.style.color='white';">
Camp Setup
</a>
</li>
<li style="display: inline;">
<a href="leave-no-trace.html"
style="text-decoration: none; padding: 5px 5px; display: inline-block; color: white; transition: background-color 0.3s, color 0.3s, transform 0.3s; background-color: ''; color: '';"
onmouseover="this.style.backgroundColor='lightblue'; this.style.color='white';"
onmouseout="if (!this.clicked) this.style.backgroundColor=''; this.style.color='';"
onclick="this.clicked = true; this.style.backgroundColor='orange'; this.style.color='white';">
Leave No Trace
</a>
</li>
</ul>
</nav>
</header>
<!-- Main Content -->
<main>
<section class="section">
<h1 style="color:azure">Camp Setup</h1>
<p style="color:azure">Setting up a comfortable and safe camp is a crucial part of any camping adventure. From choosing the right location to arranging your tent and gear, follow these tips to make your camp feel like home in the wilderness.</p>
</section>
<!-- Choosing the Right Campsite -->
<section class="section" style="background-color:lavender">
<h2>Choosing the Right Campsite</h2>
<ul>
<li><strong>Flat Terrain:</strong> Select a flat, dry area free from rocks and roots to pitch your tent.</li>
<li><strong>Distance from Water:</strong> Stay at least 200 feet away from water sources to minimize environmental impact and avoid flooding risks.</li>
<li><strong>Wind Protection:</strong> Look for natural barriers like trees or rocks to shield against strong winds.</li>
<li><strong>Sun Exposure:</strong> Choose a spot with some shade to stay cool during the day.</li>
<li><strong>Check for Hazards:</strong> Avoid areas under dead branches or near unstable terrain.</li>
</ul>
</section>
<!-- Tent Setup Tips -->
<section class="section">
<h2 style="color:azure">Tent Setup Tips</h2>
<ul style="color:azure">
<li>Lay down a ground tarp to protect your tent and keep it dry.</li>
<li>Ensure the tent is tightly secured with stakes and guy lines.</li>
<li>Set up the tent entrance facing away from prevailing winds.</li>
<li>Organize your sleeping area and store gear inside to prevent moisture exposure.</li>
<li>Use a rainfly to keep your tent waterproof in case of sudden rain.</li>
</ul>
</section>
<!-- Organizing Your Camp -->
<section class="section" style="background-color:lavender">
<h2>Organizing Your Camp</h2>
<ul>
<li><strong>Cooking Area:</strong> Set up a designated cooking area away from the tent to avoid attracting wildlife.</li>
<li><strong>Fire Pit:</strong> Build a fire pit in a safe spot and keep it contained with rocks or a fire ring.</li>
<li><strong>Gear Storage:</strong> Keep food and scented items in bear-proof containers or hung from a tree.</li>
<li><strong>Lighting:</strong> Use lanterns or headlamps to illuminate your campsite at night.</li>
<li><strong>Trash Disposal:</strong> Pack out all trash and leave the campsite cleaner than you found it.</li>
</ul>
</section>
</main>
<!-- Footer -->
<footer>
<p>© 2024 Camping Essentials | All Rights Reserved</p>
</footer>
</body>
</html>