-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
262 lines (227 loc) · 13.3 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
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
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Ram G Pal</title>
<link rel="icon" href="https://i.ibb.co/zRsTj3p/Frame-1-37.png">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" class="stylesheet">
</head>
<body>
<!-------------------------- Header Area -------------------------->
<header class="header-area">
<div class="container">
<div class="header">
<a href="" class="logo">
<img src="./Assets/Sign.png" alt="" class="signature">
<i class="fa fa-bolt"></i>
</a>
<ul class="navbar">
<li><a href="#home">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#education">Education</a></li>
<li><a href="#projects">Projects</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
<div class="menu_icon">
<i class="fa fa-bars"></i>
</div>
</div>
</div>
</header>
<!-------------------------- Home Page -------------------------->
<div class="FirstElement" id="home">
<div class="profile-photo">
<img src="Assets/Photo.jpg" alt="profile picture">
</div>
<div class="profile-text">
<h5>Hi I'm </h5><br>
<h1>Ram Jee Pal</h1><br>
<p>Welcome to my portfolio website! I am an undergraduate student pursuing Bachelor of Technology in Computer Science, graduating in 2025. I am a programmer and a full-stack web developer (MERN) with a solid understanding of Data Structures and Algorithms, along with core computer science subjects.
I am passionate about transforming innovative ideas into user-friendly solutions. Let's connect and collaborate to create exceptional software together!</p>
<div class="btn-group">
<a href="" class="btn active">Download Resume</a>
<a href="mailto:[email protected]" class="btn">Contact</a>
</div>
<div class="social">
<a href="mailto:[email protected]"><i class="fa fa-envelope"></i></a>
<a href="https://github.com/ramgpal"><i class="fa-brands fa-github"></i></a>
<a href="https://leetcode.com/ramgpal/"><i class="fa fa-code"></i></a>
<a href="https://www.linkedin.com/in/ramgpal/"><i class="fa-brands fa-linkedin"></i></a>
</div>
</div>
</div>
<!-------------------------- About Section -------------------------->
<section class="about-area" id="about">
<div class="container">
<div class="about">
<div class="about-content">
<h4>About Me</h4>
<ul>
<li> Equipped with strong knowledge in operating systems, database management systems, computer networks, and object-oriented programming, providing a solid foundation for tackling complex technical challenges.</li>
<li> Actively engaged in honing problem-solving abilities through participation in coding contests and solving problems on platforms like LeetCode, GeeksforGeeks, Coding Ninjas, and HackerRank. Continuously striving to enhance skills and tackle diverse algorithmic and data structure challenges.</li>
<li> Currently focused on developing web applications using the MERN stack, with hands-on experience crafting both mini and major projects. Proficient in leveraging modern technologies to create efficient and user-friendly solutions for real-world problems. </li>
</ul>
</div>
<div class="about-skills">
<ul>
<li>Name: Ram Jee Pal</li>
<li>Age: 20</li>
<li>From: India 🇮🇳</li>
<li>Email: [email protected]</li>
<li>Availabiltiy: Fulltime</li>
</ul>
</div>
</div>
</div>
</section>
<!-------------- Education & Internship -------------->
<section class="education-content" id="education">
<div class="container">
<div class="row">
<div class="education ">
<h3 class="title">Education</h3>
<div class="row">
<div class="timeline-box">
<div class="timeline">
<!-- Timeline-item -->
<div class="timeline-item">
<div class="circle-dot"></div>
<h3 class="timeline-title">
B.Tech CSE'AI - CGPA: 8.06
</h3>
<h4 class="timeline-title">G.L. Bajaj Institute of Technology and Management, Greater Noida</h4>
<h4 class="timeline-title">
<i class="fa fa-calendar"></i> - June 2025 (Expected)
</h4>
</div>
<!-- Timeline-item -->
<div class="timeline-item">
<div class="circle-dot"></div>
<h3 class="timeline-title">Intermediate - 79.6%</h3>
<h4 class="timeline-title">Jay Jageshwar I C Shivli, Kanpur</h4>
<h4 class="timeline-title">
<!-- <i class="fa fa-calendar"></i> 2019-2020 -->
</h4>
</div>
<!-- Timeline-item -->
<div class="timeline-item">
<div class="circle-dot"></div>
<h3 class="timeline-title">
Highschool - 79.6%
</h3>
<h4 class="timeline-title"> K L Pal HSS Devipur, Kanpur</h4>
<h4 class="timeline-title">
<!-- <i class="fa fa-calendar"></i> 2017-2018 -->
</h4>
</div>
</div>
</div>
</div>
</div>
<div class="internship">
<h3 class="title">Work Experience</h3>
<div class="row">
<div class="timeline-box">
<div class="timeline">
<!-- Timeline-item -->
<div class="timeline-item">
<div class="circle-dot"></div>
<h3 class="timeline-title">Redcone</h3>
<h4 class="timeline-title">Full Stack Developer Intern</h4>
<h4 class="timeline-title">
<i class="fa fa-calendar"></i> May 2024 - Present
</h4>
<li class="timeline-text">Developed an Android app that displays details of suspicious activities detected by a broad automated system and sends alerts to all its users.</li>
<li class="timeline-text">Developing a web app called Climate Coach using MERN, connecting climate coaches with industries to solve
climate issues.</li>
</div>
<!-- Timeline-item -->
<div class="timeline-item">
<div class="circle-dot"></div>
<h3 class="timeline-title">
Shakuntlam Hostels, Greater Noida
</h3>
<h4 class="timeline-title">Freelancing</h4>
<h4 class="timeline-title">
<i class="fa fa-calendar"></i> Feb 2024 - March 2024
</h4>
<li class="timeline-text">Designed and developed a robust portfolio website for Shakuntlam Hostels using HTML, CSS, JS, Bootstrap, and SMTP technologies.
Deployed through namecheap resulting 60% user engagement.</li>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-------------------------- Projects -------------------------->
<section class="project-content" id="projects">
<div class="container">
<div class="project-title">
<h4>My Projects</h4>
<p>Discover my projects, where creativity meets innovation</p>
</div>
<div class="projects">
<!-- 1st Project -->
<div class="project">
<a href="https://tubular-elf-4165f3.netlify.app/">
<i class="fa fa-cloud"></i>
<h4>Weather App</h4>
<p>The Weather App is a web application that provides users with up-to-date weather information for their location or any other city in the world. It allows users to search for weather information by city name or zip code, and displays the current temperature, humidity, wind speed, and other relevant weather data.</p>
</a>
</div>
<!-- 2nd Project -->
<div class="project">
<a href="https://www.shakuntlamhostels.in/">
<i class="fa fa-home"></i>
<h4>Shakuntlam Hostels</h4>
<p>A real-time project: Developed a website for Shakuntlam Hostels in Greater Noida using HTML, CSS, JavaScript, Bootstrap, and SMTP technologies. The website has been visited by over 1000 people till now, with a daily average of 30 to 50 visitors.</p>
</a>
</div>
<!-- 3rd Project -->
<div class="project">
<a href="https://getskilledonline-frontend.vercel.app/">
<i class="fa fa-desktop"></i>
<h4>getSkilledOnline</h4>
<p>GetSkilledOnline is a fully functional ed-tech platform that enables users to create, consume, and rate educational content. The platform is built using the MERN stack, which includes ReactJS, NodeJS, MongoDB, and ExpressJS. </p>
</a>
</div>
</div>
</div>
</section>
<!-------------------------- Contact Me -------------------------->
<section class="contact-content" id="contact">
<div class="container">
<div class="contact-title">
<h4>Contact Me</h4>
<p>Get In Touch</p>
</div>
<div class="contact">
<form name="submitToGoogleSheet" onsubmit="sendMail()">
<input type="text" id="Name" name="NAME" placeholder="Name" required>
<input type="email" id="Email" name="EMAIL" placeholder="Email" required>
<input type="text" id="Subject" name="SUBJECT" placeholder="Subject">
<textarea id="Message" name="MESSAGE" placeholder="Message"></textarea>
<input type="submit" value="Send Message" class="submit">
</form>
<span id="msg"></span>
</div>
</div>
</section>
<!-------------------------- JS -------------------------->
<script src="https://code.jquery.com/jquery-3.7.0.min.js" integrity="sha256-2Pmvv0kuTBOenSvLm6bvfBSSHrUJ+3A7x6P5Ebd07/g=" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]"></script>
<script src="https://unpkg.com/scrollreveal"></script>
<script src="index.js"></script>
<script src="secrets.js"></script>
<!-------------------------- Footer section -------------------------->
<footer class="footer">
<small class="message">Thanks for visiting and happy coding!</small>
<small class="copyright">© Copyright 2023. All rights reserved.</small>
</footer>
</body>
</html>