-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathexploring.html
117 lines (93 loc) · 4.8 KB
/
exploring.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<link rel="icon" href="media/favicon.png">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" />
<title>Exploring New Horizons | Ritesh kumar</title>
</head>
<body>
<header>
<div class="container">
<nav>
<a href="index.html"><img src="media/logo.jpg" class="logo"></a>
<ul id="sidemenu">
<li><a href="index.html#introduction">Introduction</a></li>
<li><a href="index.html#hobbies">Hobbies</a></li>
<li><a href="index.html#contact">Contact me</a></li>
<i class="fas fa-times" onclick="closemenu()"></i>
</ul>
<i class="fas fa-bars" onclick="openmenu()"></i>
</nav>
<div class="header-text">
<h1>Exploring <span>New</span> Horizons</h1>
</div>
</div>
</header>
<!-- -----------------------content------------------------ -->
<div id="swimming">
<div class="hobby-page">
<div class="container">
<section>
<h1>Welcome to My World of Exploration</h1>
</section>
<section>
<div class="hobby-image">
<img src="media/new1.jpg" alt="Electronics">
<img src="media/new2.jpg" alt="Research">
<img src="media/new3.jpg" alt="Podcast">
</div>
</section>
<section>
<br>
<p>Hello, adventurers and curious minds! Join me on a journey of discovery as we delve into uncharted territories, embrace new experiences, and find inspiration in the unknown.</p>
<br>
<h2>Embracing Curiosity</h2>
<br>
<p><b>The Curious Explorer</b>
<br>
I'm an eternal explorer fueled by an insatiable curiosity. I thrive on venturing into uncharted fields, be it unraveling the mysteries of science or diving into the vast world of arts. Each day, I seek the thrill of discovering new realms.
<br>
<b>The Thrill of Discovery</b>
<br>
Over the years, I've had the opportunity to swim in some incredible places. From serene lakes surrounded by nature to bustling community pools, each setting offers a unique swimming experience.</p>
<br>
<h2>Unconventional Experiences</h2>
<br>
<p><b>Unique Experiences</b>
<br>
Trying different fields has been a tapestry of unique experiences for me. From delving into the intricacies of coding, unlocking the artistry of painting, to navigating the complexities of scientific research, each endeavor has bestowed upon me a wealth of knowledge and a profound appreciation for the diversity of human expression. These varied experiences have not only broadened my skill set but have also enriched my perspective, affirming the belief that true growth lies in the willingness to explore the unexplored.
<br>
<b>Uncountanble benefits</b>
<br>
Exploring different fields, helps to get knowledge from different perspective and provides you alot of advantage on the main work that you are doing as you will be able to think about it in all ways.</p>
<br>
<h2>Get Involved</h2>
<br>
<p>Challenge yourself to explore something new. I'll periodically share exploration challenges – from trying a new field to visiting a new world. Let's motivate each other to step out of our comfort zones.</p>
<br>
<p><b>Cheers to the joy of exploration!</b></p>
</section>
<a href="index.html#hobbies"><button type="submit" class="btn"><i class="fa fa-arrow-left" aria-hidden="true"></i> Go back</button></a>
</div>
</div>
</div>
<!-- -----------------javascript for mobile menu------------- -->
<script>
var sidemeu=document.getElementById("sidemenu");
function openmenu(){
sidemeu.style.right="0";
}
function closemenu(){
sidemeu.style.right="-200px";
}
</script>
<!-- ------------------------footer------------------------ -->
<footer>
<p>Copyright © Ritesh</p>
<p>Made with <i class="fas fa-heart"></i> by < Developer Ritesh ></p>
</footer>
</body>
</html>