-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathPersonal_Growth.html
83 lines (74 loc) · 3.43 KB
/
Personal_Growth.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Personal Growth</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
background-image: url("images/back2.jpeg"); /* Background image */
background-color: #f3f3f3;
background-size: cover;
background-repeat: no-repeat;
}
.container {
max-width: 800px;
margin: 0 auto;
padding: 20px;
background-color: #fff;
border-radius: 8px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.description {
font-size: 18px;
color: #333;
line-height: 1.6;
position: relative; /* Position relative for image positioning */
text-align: center; /* Center text */
opacity: 0; /* Initially hide the image */
animation: fadeIn 0.5s ease forwards; /* Animation to fade in the image */
}
@keyframes fadeIn {
to {
opacity: 1; /* Fade in the image */
}
}
.cozy-image {
max-width: 100%;
display: block;
margin: 20px auto; /* Center the image */
}
.return-button {
display: block;
margin-top: 20px;
text-align: center;
}
.return-button a {
text-decoration: none;
background-color: black;
color: #fff;
padding: 10px 20px;
border-radius: 6px;
transition: background-color 0.3s ease, color 0.3s ease; /* Added color transition */
}
.return-button a:hover {
background-color: purple;
}
</style>
</head>
<body>
<div class="container">
<h2>Personal Growth</h2>
<div class="description">
<img class="cozy-image" src="images/Personal Growth.jpg" alt="Cozy Atmosphere Image">
<p>Trekking isn't just about traversing landscapes; it's a transformative journey of personal growth. As adventurers navigate rugged trails and conquer challenging terrain, they undergo profound changes, both physically and mentally. The physical demands of trekking build resilience, strength, and endurance, pushing trekkers beyond their limits and empowering them to overcome obstacles. With each step forward, trekkers gain confidence in their abilities, fostering a sense of self-belief that extends far beyond the trail. Moreover, trekking fosters mindfulness and presence as trekkers immerse themselves in the natural world, finding solace in the rhythm of their footsteps and the beauty of their surroundings. Away from the distractions of modern life, trekkers learn to be present in the moment, cultivating a deeper connection with themselves and the world around them. Ultimately, trekking is a journey of self-discovery, offering trekkers the opportunity to unlock their full potential, embrace new experiences, and emerge stronger, wiser, and more resilient than before.</p>
</div>
<div class="return-button">
<a href="trekking.html">Return to Trekking Page</a>
</div>
</div>
</body>
</html>