-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
210 lines (210 loc) · 11.8 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
<!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="styles.css">
<title>Sandip Katel</title>
<link rel="icon" href="./Dependencies/blue_sandip.png">
<script src="https://kit.fontawesome.com/13d5e95ab5.js" crossorigin="anonymous"></script>
</head>
<body>
<header id = "navbar">
<nav id = "nav1">
<ul>
<li class = "links"><a href = "#welcome-section"><i class="fas fa-house"></i><br>Home</a></li>
<li class = "links"><a href = "#about-me"><i class="fas fa-user"></i><br>About</a></li>
<li class = "links"><a href = "#projects"><i class="fas fa-terminal"></i><br>Projects</a></li>
<li class = "links"><a href = "#contact"><i class="fas fa-envelope"></i><br>Contact</a></li>
</ul>
</nav>
<nav id = "nav2">
<ul>
<li class = "links"><a href = "#welcome-section">Home</a></li>
<li class = "links"><a href = "#about-me">About</a></li>
<li class = "links"><a href = "#projects">Projects</a></li>
<li class = "links"><a href = "#contact">Contact</a></li>
</ul>
</nav>
</header>
<main>
<div id = "welcome-section">
<div id = "welcome">
<h1>Hey there! Welcome to my webpage</h1>
<h1>I'm Sandip Katel,</h1>
<p><i>a undergraduate student pursuing Computer Engineering</i></p>
<p><i>at Pulchowk Engineering Campus, Tribhuvan University</i></p>
</div>
<div id = "profile-pic">
<img src="./Dependencies/Sandip.png" alt = "Profile Picture" />
</div>
</div>
<div id = "about-me">
<header>
<h1><u>About Me</u></h1>
</header>
<section id = "story">
<p>Thanks for your interest, here is a quick story of me.</p>
<p>Sandip Katel as an aspiring Computer Engineering AI enthusiast, he is deeply fascinated by the intersection of technology, artificial
intelligence, and innovation. His insatiable curiosity drives him to explore new horizons, continuously learn, and contribute
meaningfully to the field. With a solid foundation in computer engineering principles and a hunger for knowledge, he
is committed to making a positive impact through cutting-edge solutions
</p>
<p>
I do my work mainly in C, C++ and Python. Python and Data Science are my stronger section. Besides these I know
Web Development, Graphic Design and ML as well. I aim to delve deeper into AI engineering with all the resources available.
</p>
</section>
<section id = "personal-intro">
<table>
<thead></thead>
<tbody>
<tr>
<th>Name: </th>
<td>Sandip Katel</td>
</tr>
<!-- <tr>
<th>Date of Birth: </th>
<td>21<sup>st</sup> November, 2002</td>
</tr> -->
<tr>
<th>Profession: </th>
<td>Student</td>
</tr>
<!-- <tr>
<th>Address: </th>
<td>Bagbazar, Kathmandu</td>
</tr> -->
<tr>
<th>College: </th>
<td>Pulchowk Engineering Campus, IOE</td>
</tr>
<tr>
<th>Degree of Major: </th>
<td>Computer Engineering</td>
</tr>
<tr>
<th>Skills: </th>
<td>Web Development, Graphic Design, Data Science, Machine Learning</td>
</tr>
<tr>
<th>Interest: </th>
<td>Learning new and valuable skills</td>
</tr>
<tr>
<th>Hobbies: </th>
<td>Listening Music, Travelling, Watching TV Shows</td>
</tr>
</tbody>
</table>
</section>
<!-- <section class = "resume button">
<a href = "./Dependencies/My_resume.pdf" download="Sandip-Resume" target="_blank"><button type="button"><i class="fa-solid fa-download"></i> Download Resume</button></a>
</section> -->
<section class = "resume button">
<a href = "./" download="Sandip-Resume" target="_blank"><button type="button"><i class="fa-solid fa-download"></i> Download Resume</button></a>
</section>
</div>
<div id = "projects">
<header>
<h1><u>Projects</u></h1>
</header>
<div id = "project-samples">
<div class = "project-tile" id = "tribute-page">
<a href = "https://github.com/sandipkatel/Tribute-Page" target = "_blank"><img src = "./Dependencies/Projects/tribute_page.png" alt = "Free code camp's project Tribute Page"/>
<h4>Tribute Page</h4></a>
</div>
<div class = "project-tile" id = "portfolio">
<a href = "https://github.com/sandipkatel/My-Portfolio" target = "_blank"><img src = "./Dependencies/Projects/portfolio.png" alt = "The website you are currently using" />
<h4>My Portfolio Website</h4></a>
</div>
<div class = "project-tile" id = "sudoku">
<a href = "https://github.com/sandipkatel/Sudoku.git" alt = "_blank">
<img src = "./Dependencies/Projects/sudoku.png" alt = "Sample Project4" />
<h4>Sudoku</h4>
</a>
</div>
<div class = "project-tile" id = "phm">
<a href = "https://github.com/sandipkatel/Nirogya" target = "_blank">
<img src = "./Dependencies/Projects/phm.png" alt = "Sample Project4" />
<h4>Personal Health Monitor</h4>
</a>
</div>
<div class = "project-tile" id = "calculator">
<a href = "" target = "_blank">
<img src = "https://cdn.freecodecamp.org/testable-projects-fcc/images/calc.png" alt = "Sample Project3" />
<h4>Calculator</h4>
</a>
</div>
<div class = "project-tile" id = "ttt">
<a href = "" target = "_blank">
<img src = "https://cdn.freecodecamp.org/testable-projects-fcc/images/tic-tac-toe.png" alt = "Sample Project4" />
<h4>Tic Tac Toe</h4>
</a>
</div>
</div>
<div class = "button">
<button type="buttom">Show More ></button>
</div>
</div>
<div id = "contact">
<header>
<h1><u>Contact Me</u></h1>
<p>I am open for any suggestion or to have a chat.</p>
</header>
<div class = "contact-info">
<table>
<thead></thead>
<tbody>
<tr>
<th>Address: </th>
<td><a href = "https://maps.app.goo.gl/HThBFPXbdDCoJzjk9" target = "_blank">
Bagbazar, Kathmandu, Nepal
</a></td>
</tr>
<tr>
<th>Email: </th>
<td><a href = "mailto:babusandipkatel@gmail.com" target = "_blank">babusandipkatel@gmail.com</a></td>
</tr>
<tr>
<th>Phone: </th>
<td><a href = "tel:+9779827759158" target = "_blank">+977 9827759158</a></td>
</tr>
</tbody>
</table>
</div>
<div id = "message">
<!--<form action="mailto:babusandipkatel@gmail.com" method="post" enctype="text/plain" autocomplete="on">
<input id="name" name="name" type="text" placeholder="Name" required>
<input id="email" name="email" type="email" placeholder="Email" required>
<input id="subject" name="subject" type="text" placeholder="Subject">
<textarea id="message" name="message" rows="4" cols="60" placeholder="Message..." required></textarea>
<button id="submit" type="submit"><i class="fa-solid fa-paper-plane"></i> Send Message</button>
</form>-->
<form action="https://getform.io/f/ebpdyplb" method="POST" autocomplete="on">
<input id="name" name="name" type="text" placeholder="Name" required>
<input id="email" name="email" type="email" placeholder="Email" required>
<input id="subject" name="subject" type="text" placeholder="Subject">
<textarea id="message" name="message" rows="4" cols="60" placeholder="Message..." required></textarea>
<!-- add hidden Honeypot input to prevent spams -->
<input type="hidden" name="_gotcha" style="display:none !important">
<button id="submit" type="submit"><i class="fa-solid fa-paper-plane"></i> Send Message</button>
</form>
</div>
<div class = "contact-link">
<h2>Find me also on </h2>
<ul>
<li class = "social-link"><a href = "https://www.linkedin.com/in/sandip-katel-7904b9198/" target = "_blank"><i class="fa-brands fa-linkedin"></i><u> LinkedIn</u></a></li>
<li class = "social-link"><a href = "https://www.facebook.com/sandip.katel.9" target = "_blank"><i class="fa-brands fa-facebook"></i><u> Facebook</u></a></li>
<li class = "social-link"><a href = "https://github.com/sandipkatel" target = "_blank"><i class="fa-brands fa-github"></i><u> Github</u></a></li>
<li class = "social-link"><a href = "https://twitter.com/KatelSandip" target = "_blank"><i class="fa-brands fa-x-twitter"></i><u> Twitter</u></a></li>
</ul>
</div>
</div>
</main>
<footer>
<p><b>**I am just igniting one day I will burn all down.</b></p>
<p> Copyright © 2024 All rights reserved</p>
</footer>
</body>
</html>