-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
202 lines (179 loc) · 9.71 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>My Portfolio Website :: Subhajyoti Dey</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
</head>
<body>
<div class="header">
<div class="container">
<nav>
<img src="logo.jpg" alt="" class="logo">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#achievements">Achievements</a></li>
<li><a href="#portfolio">Portfolio</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
<div class="header-text">
<p>Full Stack Web Developer</p>
<h1>Hi I'm <span>Subhajyoti</span> <br> Dey From India</h1>
</div>
</div>
</div>
<div id="about">
<div class="container">
<div class="row">
<div class="about-col-1">
<img src="abtimg.webp" alt="">
</div>
<div class="about-col-2">
<h1 class="subtitle">About Me</h1>
<p class="unique">Myself Subhajyoti Dey, emerging out from the quiet streets of Silchar, never aspired for Engineering until I made my aim to work for DRDO, the prestigious defence research organisation of India. In my journey, I give my whole credit to almighty and my Parents, who always supported me in this beautiful journey. From the last three years, I destroyed my passion for being here and since I am here now, I am looking for exciting oppurtunities and ofcourse some enjoyments too...</p>
<div class="tab-title">
<p class="tablinks active-links" onclick="opentab('skills')">Skills</p>
<p class="tablinks" onclick="opentab('experience')">Experience</p>
<p class="tablinks"onclick="opentab('education')">Education</p>
</div>
<div class="tab-contents active-tab" id="skills">
<ul>
<li><span>C Language</span><br>Basic Programming</li>
<li><span>HTML, CSS and JS</span><br>Designing Wesbites</li>
<li><span>C++</span><br>Advanced Programming Language</li>
<li><span>AutoCAD</span><br>Building Blueprints</li>
</ul>
</div>
<div class="tab-contents" id="experience">
<ul>
<li><span>2019-2020</span><br>Prepared for 10th Boards</li>
<li><span>2020</span><br>Prepared for NDA Exams</li>
<li><span>2020-22</span><br>Prepared for JEE Mains and Advanced</li>
<li><span>2023-Present</span><br>Learning Web Development</li>
</ul>
</div>
<div class="tab-contents" id="education">
<ul>
<li><span>2019-20</span><br>10th Boards at KV NIT Silchar</li>
<li><span>2020-22</span><br>12th Boards at KV NIT Silchar</li>
<li><span>2022-23</span><br>Data Structures Algorithms at Coding Ninjas</li>
<li><span>2023-Present</span><br>Computer Science Engineering at NIT Silchar</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- --------------------------------------------Achievements---------------------------------------------------------------- -->
<div id="services">
<div class="container">
<h1 class="sub-title">My Achievements</h1>
<div class="services-list">
<div>
<i class="fa-solid fa-star"></i>
<h2>JEE Mains </h2>
<p>Achieved JEE Mains Rank of 20437 with a score of 168 on the year of 2023 after spending
3 years of hardwork and patience.</p>
<a href="###">Learn more </a>
</div>
<div>
<i class="fa-solid fa-trophy"></i>
<h2>JEE Advanced </h2>
<p>Achieved JEE Advanced Rank of 19000 with a score of 102 on the year of 2023.</p>
<a href="###">Learn more</a>
</div>
<div>
<i class="fa-solid fa-shield-halved"></i>
<h2>NDA </h2>
<p>Selected for SSB interview for the first time and appeared for it
at 01 AFSB, Clement Town, Dehradun, Uttarakhand on September 2022.
</p>
<a href="###">Learn more</a>
</div>
</div>
</div>
</div>
<!-- ---------------------------------------------------------Portfolio------------------------------------------ -->
<div id="portfolio">
<div class="container">
<h1 class="sub-title">My Work</h1>
<div class="work-list">
<div class="work">
<img src="work1.png" alt="">
<div class="layer">
<h3>Simple Login Form - Only HTML & CSS</h3>
<p>This was my first project after learning HTML and CSS.</p>
<a href="##">See here</a>
</div>
</div>
<div class="work">
<img src="work2.png" alt="">
<div class="layer">
<h3>Basic AutoCAD Project</h3>
<p>This was my first project after learning AutoCAD.</p>
<a href="##">See here</a>
</div>
</div>
<div class="work">
<img src="work3.png" alt="">
<div class="layer">
<h3>Competitive Programming</h3>
<p>I have solved 20+ Leetcode basic problems till date.</p>
<a href="##">See here</a>
</div>
</div>
</div>
</div>
</div>
<!-- ----------------------------------------------------------Contact------------------------------------------------ -->
<div id="contact">
<div class="container">
<div class="row">
<div class="contact-left">
<h1 class="sub-title">Contact Me</h1>
<p><i class="fa-regular fa-paper-plane"></i>[email protected]</p>
<p><i class="fa-solid fa-phone"></i>8812088839</p>
<div class="social-icons">
<a href="https://www.facebook.com/profile.php?id=61550582227242&mibextid=ZbWKwL"><i class="fa-brands fa-facebook"></i></a>
<a href="https://twitter.com/SubhajyotiDey38"><i class="fa-brands fa-square-twitter"></i></a>
<a href="https://www.instagram.com/subhajyoti_dey2910?igsh=MW8yZ2RxNDA1a2lk"><i class="fa-brands fa-instagram"></i></a>
<a href="https://www.linkedin.com/in/subhajyoti-dey-635922235?utm_source=share&utm_campaign=share_via&utm_content=profile&utm_medium=android_app"><i class="fa-brands fa-linkedin"></i></a>
</div>
</div>
<div class="contact-right">
<form action="">
<input type="text" name="Name" placeholder="Type your name" required>
<input type="text" name="email" placeholder="Type your email" required>
<textarea name="Message" rows="5" placeholder="Type your Message"></textarea>
<button type="submit" class="btn2">Submit</button>
</form>
</div>
</div>
</div>
</div>
<!-- -----------------------------------------final------------------------------------------------- -->
<div class="thanks">
<p>Made with <i class="fa-solid fa-heart"></i> by Subhajyoti Dey <br> Studying B. Tech in Computer Science Engineering , Scholar ID :- 2312150, at National Institute of Technology, Silchar one of the most Prestigious Engineering Insitutes of India</p>
<p>My Address:- House No. 52, Itkhola, Sukhadapally, Silchar, Cachar, Assam - 788001</p>
</div>
<!-- -------------------------------------------Javascript------------------------------------------ -->
<script>
var tablinks = document.getElementsByClassName("tab-links");
var tabcontents = document.getElementsByClassName("tab-contents");
function opentab(tabname){
for(tablink of tablinks){
tablink.classList.remove("active-links");
}
for(tabcontent of tabcontents){
tabcontent.classList.remove("active-tab");
}
event.currentTarget.classList.add("active-links");
document.getElementById(tabname).classList.add("active-tab");
}
</script>
</body>
</html>