-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
217 lines (217 loc) · 11.1 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
<!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>Nishant Nayan</title>
<link rel="shortcut icon" href="./Assets/N_Logo.ico" type="image/x-icon">
<link rel="stylesheet" href="style.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans:wght@100&family=Roboto:wght@100&family=Sigmar&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Noto+Sans:wght@100&family=Roboto:wght@100&family=Sigmar&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Space+Mono&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Bruno+Ace+SC&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" integrity="sha512-iecdLmaskl7CVkqkXNQ/ZH/XLlvWZOJyj7Yy7tcenmpD1ypASozpmT/E0iPtmFIB46ZmdtAc9eNBvH0H/ZpiBw==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.3/jquery.min.js"></script>
<script src="https://unpkg.com/@popperjs/core@2/dist/umd/popper.min.js"></script>
<script src="https://unpkg.com/tippy.js@6/dist/tippy-bundle.umd.js"></script>
<script src="script.js"></script>
</head>
<body>
<aside class="forMobile">
<nav>
<ul>
<li>
<a href="#tab1">Home</a>
</li>
<li>
<a href="#tab2">Projects</a>
</li>
<li>
<a href="#tab3">Experience</a>
</li>
</li>
<li>
<a href="#tab4">Contact Me</a>
</li>
</ul>
<div class="name">
<span>Nishant</span>
<span>Nayan</span>
</div>
</nav>
</aside>
<div class="aside-line c-pointer" id="line">
<span class="bar"></span>
<span class="bar"></span>
<span class="bar"></span>
</div>
<div class="toggle-container">
<button class="theme-btn light" onclick="setTheme('light')" title="Light mode">
<i class="fa-solid fa-sun" style="color: #FBF7F0;"></i>
</button>
<button class="theme-btn dark" onclick="setTheme('dark')" title="Dark mode">
<i class="fa-solid fa-moon" style="color: #414141;"></i>
</button>
</div>
<div class="toTop" onclick="moveToTop()">
<i class="fa-solid fa-arrow-up fa-flip c-pointer"></i>
</div>
<main>
<div class="about" id="tab1">
<p>Nishant Nayan</p>
<p>I am a student pursuing Bachelor of Engineering with Information Science specialization in final year of college. My main interests is front-end, UI designing an development. I like to work in small to medium teams. I am a quick learner and specially good at risk management as well as problem solving.</p>
</div>
<div class="project" id="tab2">
<section>
<p class="project-title">
<span>PRO</span>
<span>JECT</span>
</p>
<div>
<img src="./Assets/Hack Club.png" alt="">
<p>Hack Club (Club's Website)</p>
<span class="project-links">
<a href="https://github.com/nayanishant/Hack-Club" target="_blank">
<i class="fa-solid fa-code"></i>
</a>
<a href="" target="_blank">
<i class="fa-solid fa-arrow-up-right-from-square fa-disabled"></i>
</a>
</span>
</div>
<div>
<img src="./Assets/pesce.png" alt="">
<p>Campus Connect</p>
<span class="project-links">
<a href="https://github.com/nayanishant/peace-hub" target="_blank">
<i class="fa-solid fa-code"></i>
</a>
<a href="https://campus-connect-phi.vercel.app/" target="_blank">
<i class="fa-solid fa-arrow-up-right-from-square"></i>
</a>
</span>
</div>
<div>
<img src="./Assets/SheepyShops.png" alt="">
<p>SheepyShops</p>
<span class="project-links">
<a href="https://github.com/nayanishant/SheepyShops" target="_blank">
<i class="fa-solid fa-code"></i>
</a>
<a href="https://nayanishant.github.io/SheepyShops/index.html" target="_blank">
<i class="fa-solid fa-arrow-up-right-from-square"></i>
</a>
</span>
</div>
<div>
<img src="./Assets/Portfolio.png" alt="">
<p>Portfolio(Old)</p>
<span class="project-links">
<a href="https://github.com/nayanishant/Portfolio" target="_blank">
<i class="fa-solid fa-code"></i>
</a>
<a href="https://portfolio-six-steel.vercel.app/" target="_blank">
<i class="fa-solid fa-arrow-up-right-from-square"></i>
</a>
</span>
</div>
</section>
</div>
<div class="portfolio">
<div class="portfolio_body_wrapper">
<section id="tab3">
<h3>Experience</h3>
<div class="exp-title-wrapper">
<div>
<p>UI Developer Intern:</p>
<p>Samsung Electro-Mechanics</p>
</div>
<div>
<p>Feb-2023 to Dec-2023 (Bengaluru)</p>
</div>
</div>
<div class="exp_body">
<div>
<p>Automated Welcome Newsletter Project</p>
<ul>
<li>Revitalized HR onboarding with automation, saving up to 2.5 hours per onboarding, minimizing errors,and enhancing overall effectiveness.</li>
<li>Used HTML, CSS, and jQuery to capture new employee data via a form, automating the welcome emailprocess for enhanced onboarding efficiency.</li>
<li>Demonstrated skills in requirement analysis, solution feasibility, and front-end development.</li>
</ul>
</div>
<div>
<p>Safety Dx</p>
<ul>
<li>Developed a web app with a complex theme-switching design, featuring two distinct themes withinthe same application. Completed within a tight 25-day deadline.Implemented distinct designs foreach mode, enhancing user experience and aesthetic appeal.</li>
<li>Utilized HTML5, CSS3, and jQuery to fulfill a specified requirement.</li>
</ul>
</div>
<div>
<p>Semphil AI</p>
<ul>
<li>Collaborated within a 10-member team to address UI bugs identified by the QC team post-testing.</li>
<li>Specialized in bug fixing to enhance overall user interface functionality.</li>
<li>Improved toggle button action speed from 1000ms to 200ms.</li>
</ul>
</div>
<div>
<p>Truck Scaling Service</p>
<ul>
<li>Integral team member in a group of 4, contributing to a collaborative work environment.</li>
<li>Proficiently addressed and resolved bugs within the assigned tasks.</li>
<li>Implemented dynamic data integration from forms, enhancing system functionality.</li>
<li>Developed personalized data display functionality, ensuring targeted information delivery.</li>
</ul>
</div>
</div>
</section>
<section class="tools">
<h3>Tools</h3>
<div>
<img id="html" src="./Assets/icons8-html.svg" alt="HTML5">
<img id="css" src="./Assets/icons8-css.svg" alt="CSS3">
<img id="bootstrap" src="./Assets/icons8-bootstrap.svg" alt="Bootstap">
<img id="js" src="./Assets/icons8-js.svg" alt="JavaScript">
<img id="react" src="./Assets/icons8-react-native.svg" alt="React">
<img id="figma" src="./Assets/icons8-figma.svg" alt="Figma">
<img id="github" src="./Assets/icons8-github-48.svg" alt="GitHub">
<img id="git" src="./Assets/icons8-git.svg" alt="Git">
<img id="jq" src="./Assets/jquery-icon.svg" alt="jQuery">
<img id="vsc" src="./Assets/visual-studio-code-icon.svg" alt="VS Code">
</div>
</section>
</div>
</div>
<div class="social-tab" id="tab4">
<div class="title">
<h3>Let's Get In Touch!</h3>
</div>
<div class="social">
<a href="https://twitter.com/Nishant_404" target="_blank" rel="noopener noreferrer">
<i class="fa-brands fa-twitter"></i>
</a>
<a href="https://www.linkedin.com/in/nishant-nayan-773480193/" target="_blank" rel="noopener noreferrer">
<i class="fa-brands fa-linkedin-in"></i>
</a>
<a href="mailto:nayanishant.info@gmail.com" target="_blank" rel="noopener noreferrer">
<i class="fa-solid fa-envelope"></i>
</a>
<a href="https://github.com/nayanishant" target="_blank" rel="noopener noreferrer">
<i class="fa-brands fa-github"></i>
</a>
</div>
</div>
</main>
<footer>
<div>
<p>Copyright © <span id="currentYear"></span> Nishant Nayan</p>
</div>
</footer>
<div class="loaderWrapper">
<p>N<span class="dot" style="display: none;">.</span></p>
</div>
</body>
</html>