-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
127 lines (111 loc) · 5.55 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
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Metadata of the Webpage -->
<!-- Character-set Metadata -->
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<!-- Viewport Metadata -->
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!-- Description Metadata-->
<meta name="description" content="Portfolio Website" />
<!-- Author Metadata -->
<meta name="author" content="Nitin Nagar" />
<!-- Keyword Metadata -->
<meta name="keywords" content="Aditya Singh, Nitin Nagar, Nitin Nagar DPS,
Nitin Nagar DPSRKP, Nitin Nagar UMass, Aditya Vikram
Singh UMass Amherst, Nitin Nagar New Delhi, Aditya Vikram
Singh Amherst, Nitin Nagar ISSDC, Nitin Nagar NASA,
Nitin Nagar, Nitin Nagar Website, Aditya V Singh" />
<!-- Webpage Logo -->
<link rel="shortcut icon" href="./assets/img/favicon.ico" />
<!-- Webpage Title -->
<title>Nitin Nagar</title>
<!-- Import CSS: Main Stylesheet -->
<link rel="stylesheet" href="style.css" />
</head>
<body>
<div id="particles-js">
<div class="header">
<h1>
<span class="site-title">Nitin Nagar</span>
<span class="site-description">Programmer | Web Developer | Graphic Designer | Corporate</span>
</h1>
<div class="header-icons">
<a aria-label="My LinkedIn Profile" target="_blank" href="https://www.linkedin.com/in/nitin-nagar-5b5235111/">
<i class="icon fa fa-linkedin" aria-hidden="true"></i>
</a>
<a aria-label="My Github Profile" target="_blank" href="https://github.com/nitinn-nagar">
<i class="icon fa fa-github-alt" aria-hidden="true"></i>
</a>
<a aria-label="My Résumé" target="_blank" href="assets/Nitin_Resume (1).pdf">
<i class="icon fa fa fa-file-pdf-o" aria-hidden="true"></i>
</a>
<a aria-label="Send Email" href="mailto:[email protected]" target="_blank"><i class="icon fa fa-envelope"></i
></a>
</div>
<div class="header-links">
<a class="link" href="#about" data-scroll>About Me</a>
</div>
</div>
<a class="down" href="#about" data-scroll><i class="icon fa fa-chevron-down" aria-hidden="true"></i></a>
</div>
<!-- About Section -->
<section id="about">
<!-- User Introduction-->
<div class="user-details">
<h1>My Story</h1>
<picture>
<source type="image/webp" srcset="./assets/img/webp/Professional-Picture-Me.webp" alt="Professional Me" width="20%" style="border-radius: 50%" />
<img src="./assets/img/jpg/Professional-Picture-Me.jpg" alt="Professional Me" width="20%" style="border-radius: 50%" />
</picture>
<p>
I am pursuing an undergraduate degree in SRM Institute of Science and Technology, Chennai, India. I am majoring in Computer Science. I'm involved as a Website Developer and Designer, where I use my engineering skills. I also serve as a Corporate Member
for the Team RUDRA, the official Mars Rover Team of SRMIST, and also of SRMKZILLA, a campus club. I am interested in exploring the fields of Software Engineering, Data Science, and Machine Learning, Robotics and I am open to opportunities
for the same.
</p>
</div>
<!-- User Specifics -->
<div class="user">
<!-- Technology Stack #1: Languages -->
<div class="tech">
<h2>Languages</h2>
<i class="devicon-python-plain colored"></i>
<i class="devicon-java-plain-wordmark colored"></i>
<i class="devicon-cplusplus-plain colored"></i>
<i class="devicon-javascript-plain colored"></i>
<p>My favorite languages for systems programming, software engineering, and data analysis.</p>
</div>
<!-- Technology Stack #2: Front-End -->
<div class="tech">
<h2>Front-End</h2>
<i class="devicon-react-original colored"></i>
<i class="devicon-bootstrap-plain-wordmark colored"></i>
<i class="devicon-html5-plain-wordmark colored"></i>
<i class="devicon-css3-plain-wordmark colored"></i>
<p>My preferred technologies for front-end web development and component design.</p>
</div>
<!-- Technology Stack #4: Tools -->
<div class="tech">
<h2>Tools</h2>
<i class="devicon-git-plain-wordmark colored"></i>
<i class="devicon-visualstudio-plain colored"></i>
<i class="devicon-github-plain-wordmark colored"></i>
<i class="devicon-docker-plain-wordmark colored"></i>
<p>My favorite tools for version control, code editing, and container orchestration.</p>
</div>
</div>
</section>
<footer class="footer">
<p>© Nitin Nagar, 2020</p>
</footer>
<!-- Import JS: Particles Theme -->
<script src="https://cdn.jsdelivr.net/particles.js/2.0.0/particles.min.js"></script>
<!-- Import JS: Sweet Scroll -->
<script src="./assets/js/sweet-scroll.min.js"></script>
<!-- Import JS: Google Analytics -->
<script src="./assets/js/google-analytics.js"></script>
<!-- Import JS: Main Script -->
<script src="./assets/js/main.js"></script>
</body>
</html>