-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
227 lines (226 loc) · 13.7 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
<!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>Sahitya Nijhawan</title>
<link rel="stylesheet" href="<link href="https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&family=Poppins&display=swap" rel="stylesheet">
<link rel="stylesheet" href="./css/style.css">
</head>
<body>
<div class="site-main-wraper">
<button class="hamberger">
<img src="/images/hamberger.svg" alt="">
</button>
<div class="mobile-nav">
<button class="times"><img src="/images/cross.svg" alt=""></button>
<ul>
<li><a href="">Home</a></li>
<li><a href="#about">About Me</a></li>
<li><a href="#skills">Skills</a></li>
<li><a href="#works">Works</a></li>
<li><a href="#academics">Academics</a></li>
<li><a href="#contact">Contact Me</a></li>
</ul>
</div>
<header>
<div class="container">
<nav id="main-nav" class="flex items-center justify-between">
<div class="left flex items-center">
<div class="brand">
<img src="/images/logo.svg" alt="">
</div>
<div>
<a href="">Home</a>
<a href="#about">About Me</a>
<a href="#skills">Skills</a>
<a href="#works">Works</a>
<a href="#academics">Academics</a>
<a href="#contact">Contact Me</a>
</div>
</div>
</nav>
<div class="hero flex items-center justify-between">
<div class="left flex-1 flex justify-center">
<img src="/images/20200208102113_IMG_3255-removebg.png" alt="">
</div>
<div class="right flex-1">
<h6>Sahitya Nijhawan</h6>
<h1>I'm a <span>Developer</span> </h1>
<p>Hello there hope you are doing well! <br>
<br>
Here's everything you want to know about me.</p>
</div>
</div>
</div>
</header>
<section id="about" class="about">
<div class="container flex items-center about-inner-wrap">
<div class="flex-1">
<img class="about-me-img" src="images/sahi.png" alt="">
</div>
<div class="flex-1 right">
<h1>About <span>Me</span></h1>
<h3>Hello I'm Sahitya Nijhawan</h3>
<p>I'm currently pursuing B-Tech in computer sciences at Bennett University, Greater Noida. For as long as I can remember, I have loved to code. It’s always been very instinctual, and a form of meditation in a way, even from a very young age. Feel free to snoop around on my <a href="#foot">SOCIAL MEDIA.</a>
For inquiries or a how you doing <a href="#contact">CONTACT ME</a>,
I will be happy to hear from you. </p>
<div class="social">
<a href="https://www.instagram.com/_sahi_2104/" target="_blank"><img src="images/icons8-instagram.svg" alt=""></a>
<a href="https://twitter.com/Sahi02255221" target="_blank"><img src="images/icons8-twitter (1).svg" alt=""></a>
<a href="https://www.linkedin.com/in/sahitya-nijhawan-704027213/" target="_blank"><img src="/images/icons8-linkedin.svg" alt=""></a>
<a href="https://github.com/Sahitya777" target="_blank"><img src="/images/icons8-github (1).svg" alt=""></a>
</div>
</div>
</div>
</section>
<section id="skills" class="services">
<div class="container">
<h1 class="section-heading"><span>My Skills</span></h1>
<p>These are the few Skills that I have learnt over time.</p>
<div class="card-wraper">
<div class="crad">
<img src="/images/icons8-java.svg" alt="">
<h2>Java</h2>
<p>Java is a high-level, class-based, object-oriented programming language that is designed to have as few implementation dependencies as possible.
It is a general-purpose programming language intended to let programmers write once, run anywhere ,meaning that compiled Java code can run on all platforms that support Java without the need for recompilation.
</p>
</div>
<div class="crad">
<img src="/images/icons8-android-os.svg" alt="">
<h2>Android Development</h2>
<p>Android software development is the process by which applications are created for devices running the Android operating system.Google states that "Android apps can be written using Kotlin, Java, and C++ languages" using the Android software development kit (SDK), while using other languages is also possible.</p>
</div>
<div class="crad">
<img src="/images/icons8-python.svg" alt="">
<h2>Python</h2>
<p>Python is an interpreted high-level general-purpose programming language. Its design philosophy emphasizes code readability with its use of significant indentation. Its language constructs as well as its object-oriented approach aim to help programmers write clear, logical code for small and large-scale projects.</p>
</div>
<div class="crad">
<img src="/images/icons8-c++.svg" alt="">
<h2>C++</h2>
<p>C++ is a general-purpose programming language created by Bjarne Stroustrup as an extension of the C programming language, or "C with Classes".C++ is a powerful general-purpose programming language. It can be used to develop operating systems, browsers, games, and so on.</p>
</div>
<div class="crad">
<img src="/images/web.svg" alt="">
<h2>Web Development</h2>
<p>Web development is the work involved in developing a website for the Internet (World Wide Web) or an intranet (a private network). Web development can range from developing a simple single static page of plain text to complex web applications, electronic businesses, and social network services.</p>
</div>
<div class="crad">
<img src="/images/sql-server-icon-png-11371.png" alt="">
<h2>SQL</h2>
<p>SQL (structured query language) is a computer
language aimed to store, manipulate, and
retrieve data stored in relational databases.MySQL is one of the most popular open
source SQL database management system. It is developed, distributed and supported by
Oracle corporation.
</p>
</div>
</div>
</div>
</div>
</section>
<section id="works" class="work">
<div class="container">
<h1 class="section-heading"><span>My</span> Achievements</h1>
<p>Here are few of my learnings</p>
<div class="card-wraper">
<div class="card">
<div class="overlay">
<span>AI ML course</span>
<a href="https://courses.analyticsvidhya.com/courses/take/Machine-Learning-Certification-Course-for-Beginners/lessons/26302933-overview-of-machine-learning-data-science#" target="_blank">Machine learning</a>
</div>
<img src="/images/Screenshot 2021-12-29 135628.png" alt="">
</div>
<div class="card">
<div class="overlay">
<span>Problem Solving</span>
<a href="https://www.mygreatlearning.com/academy/learn-for-free/courses/data-structures-in-c" target="_blank">Data Structures and Alogrithms</a>
</div>
<img src="/images/Screenshot 2021-12-29 173914.png" alt="">
</div>
<div class="card">
<div class="overlay">
<span>OOPS Programming</span>
<a href="https://www.udemy.com/course/oop-learnit/" target="_blank">Java</a>
</div>
<img src="/images/Screenshot 2021-12-29 181901.png" alt="">
</div>
<div class="card">
<div class="overlay">
<span>Python</span>
<a href="https://olympus.mygreatlearning.com/courses/10899" target="_blank">Python for machine learning</a>
</div>
<img src="/images/certificate.png" alt="">
</div>
</div>
</div>
</section>
<section id="academics" class="academics">
<div class="container">
<h1 class="section-heading"><span>My Academics</span></h1>
<p>Here is my Academic Journey</p>
<div class="card-wraper">
<div class="card">
<div class="img-wraper">
<img src="images/school.png" alt="">
</div>
<div class="card-content">
<a href="">
<h1>My School</h1>
</a>
<span>ST MARY'S SCHOOL</span>
<P>St Mary’s High School, Sunder Nagar, is an English Medium, Co-educational Institution, established in the year 1976, by Simla-Chandigarh Education Society, with the aim of all round development of its students with a balanced training that will lead to a proper appreciation of academic, athletic, physical, ethical and moral excellence which goes into the making of a mature, useful and complete human being. Initially it was just a primary school. Slowly and gradually, it progressed and got affiliated to the CBSE, New Delhi. The School was upgraded to Senior Secondary in the year 2011.</P>
<a href="https://smaryssundernagar.com/about-us.aspx" class="read-more" target="_blank">Read More</a>
</div>
</div>
<div class="card">
<div class="img-wraper">
<img src="images/Bennett-university.png" alt="">
</div>
<div class="card-content">
<a href="">
<h1>My College</h1>
</a>
<span>BENNETT UNIVERSITY</span>
<P>Bennett University is a private university located in Greater Noida, Uttar Pradesh in the National Capital Region, India. Founded in 2016 by Times of India Group and established under Uttar Pradesh Act No. 24 of 2016, the university has a fully residential 80-acre campus, near the proposed metro station on the Noida-Greater Noida metro railway line.Bennett University has tied up with following international institutions for curriculum design, guest lectures by visiting faculty, immersion programs, and other academic support.</P>
<a href="https://www.bennett.edu.in/" target="_blank" class="read-more">Read More</a>
</div>
</div>
</div>
</div>
</section>
<section id="contact" class="contact">
<div class="container">
<h1 class="section-heading">Contact <span>Me</span></h1>
<div class="card-wraper">
<div class="card">
<img src="/images//phone.svg" alt="">
<h2>Call me on</h2>
<h6>8544780700</h6>
</div>
<div class="card">
<img src="/images/email.svg" alt="">
<h2>Email me at</h2>
<h6>[email protected]</h6>
</div>
</div>
</div>
</section>
<footer id="foot">
<img class="footer-logo" src="/images/logo.svg" alt="">
<div class="footer-social">
<a href="https://github.com/Sahitya777" target="_blank"><img src="/images/icons8-github (1).svg" alt=""></a>
<a href="https://www.instagram.com/_sahi_2104/" target="_blank"><img src="/images/icons8-instagram.svg" alt=""></a>
<a href="https://www.linkedin.com/in/sahitya-nijhawan-704027213/" target="_blank"><img src="/images/icons8-linkedin.svg" alt=""></a>
<a href="https://twitter.com/Sahi02255221" target="_blank"><img src="/images/icons8-twitter (1).svg" alt=""></a>
</div>
<div class="copyright">
Copyright 2022 @Sahitya Nijhawan
</div>
</footer>
</div>
<script src="/js/app.js"></script>
</body>
</html>