-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
225 lines (214 loc) · 12.3 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
<!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>Aditya's Portfolio </title>
<link rel="stylesheet" href="style.css">
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap" rel="stylesheet">
<script src="https://kit.fontawesome.com/4e56b22f11.js" crossorigin="anonymous"></script>
</head>
<body>
<div id="header">
<div class="container">
<nav>
<img src="images/Pic-7.jpg" class="logo">
<ul id="sidemenu">
<li><a href="#header">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#services">Services</a></li>
<li><a href="#portfolio">Portfolio</a></li>
<li><a href="#contact">Contact</a></li>
<!-- cross icon -->
<i class="fa-sharp fa-solid fa-xmark" onclick="closemenu()"></i>
</ul>
<!-- menu icon -->
<i class="fa-solid fa-bars" onclick="openmenu()"></i>
</nav>
<img src="images/Pic2.jpg" alt="error" height="425" align="right">
<div class="header-text">
<p>WEB DEVELOPER</p>
<h1 classs="typing-1 ">Hi, I'm <span>Aditya Nath Gound</span><br> From Uttar Pardesh,India</h1>
</div>
</div>
</div>
<!-- ------------------about---------------- -->
<div id="about">
<div class="container">
<div class="row">
<div class="about-col-1">
<img src="images/Pic1.jpg" alt="error" height="470">
</div>
<div class="about-col-2">
<h1 class="subtitle">About Me</h1>
<p>Hey👋I appreciating you to looking at my profile.
I am Aditya Nath pursing a degree in Computer Science
and Engineering. I am very passionate about my works,
especially in the field of Computer Science. I like to
learn different tools and technology and try to integrate
them with other technology. I am interested in Web and Application
development, Software development, Cloud Computing, Programming,
and Data Structure and Algorithms. I want to mention that I am a
very hardworking guy and whenever I do any kind of work ,I do it with
perfection. I am someone who likes to take up
challenges because challenges drives a person
towards perfection. And I always tries to learn new
things because what I feel is that no one knows
everything, everyone has to learn day-by-day to
enhance their knowledge.And I am someone who
always things twice or even thrice before making any
kind of decision.</p>
<div class="tab-titles">
<p class="tab-links active-link" onclick="opentab('skills')">Skills</p>
<p class="tab-links" onclick="opentab('achievements')">Achievements</p>
<p class="tab-links" onclick="opentab('education')">Education</p>
</div>
<div class="tab-contents active-tab" id="skills">
<ul>
<li><span>JAVA</span><br>Core Java and advanced Java.</li>
<li><span>WEB-DEVELOPMENT</span><br>Web app Development.</li>
<li><span>DSA</span><br>Designing Algorithms.</li>
</ul>
</div>
<div class="tab-contents" id="achievements">
<ul>
<li><span>2023</span><br>1st Rank Holder in Hackathon 2023 organized by Engg Tech Synod,
IET DDU University.</li>
<li><span>2023</span><br>Participated Summer coding
challenge organized by CODECHEF.</li>
<li><span>2022</span><br>Participated in Google cloud facilator program in 2022.</li>
<li><span>2021</span><br>Worked as a CA(CampussAmbassador)at E-Summit'21 organized by
E-CELL, Jadavpur University.</li>
<li><span>2022</span><br>Participated in the Hactoberfest 2022.</li>
</ul>
</div>
<div class="tab-contents" id="education">
<ul>
<li><span>2018</span><br>Completed my class 10th Education
from Woodland Academy.</li>
<li><span>2020</span><br>Completed my class 12th Education
from Woodland Academy.</li>
<li><span>2024</span><br>Currently pursuing B.tech in Computer Science and Engineering from
Deen Dayal Upadhaya Gorakhpure University (A++ credited by NAAC).<br></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- -----------------------services---------------------------- -->
<div id="services">
<div class="container">
<h1 class="subtitle">My Services</h1>
<div class="services-list">
<div>
<i class="fa-solid fa-code"></i>
<!-- web-development icon -->
<h2>WEB-DEVELOPMENT</h2><br>
<p>Web development is the building and maintenance of websites, it's the work that happens behind
the scenes to make a website look great, work fast and perform well with a seamless user
experience. Web developers, or 'devs', do this by using a variety of coding languages.</p>
<a href="https://www.geeksforgeeks.org/web-development/">Learn more</a>
</div>
<div>
<i class="fa-brands fa-java"></i>
<!-- Java icon -->
<h2>JAVA</h2><br>
<p>Java is a widely used object-oriented programming language and software platform that runs on
billions of devices, including notebook computers, mobile devices, gaming consoles, medical
devices and many others. The rules and syntax of Java are based on the C and C++ languages.</p>
<a
href="https://www.ibm.com/topics/java#:~:text=Java%20is%20a%20widely%20used,the%20C%20and%20C%2B%2B%20languages.">Learn
more</a>
</div>
<div>
<i class="fa-brands fa-codepen"></i>
<!-- DSA icon -->
<h2>DSA</h2><br>
<p>A data structure is a storage that is used to store and organize data. It is a way of arranging
data on a computer so that it can be accessed and updated efficiently.</p>
<a href="https://www.geeksforgeeks.org/data-structures/">Learn more</a>
</div>
</div>
</div>
</div>
<!-- ----------------------portfolio------------------ -->
<div id="portfolio">
<div class="container">
<h1 class="subtitle">My Work</h1>
<div class="work-list">
<!-- <div class="work">
<img src="http://jaygervais.ca/wp-content/uploads/2019/08/temp-converter.jpg" height="280px">
<div class="layer">
<h3>Temperature Converter Web Application</h3><br />
<p>A temperature converter helps in the conversion of the measurement units of the temperature
recorded in a particular unit.</p>
<a href="https://github.com/AVIKBANERJEE/TEMPERATURE_CONVERTER"><i class="fa-solid fa-arrow-up-right-from-square"></i></a>
</div>
</div> -->
<div class="work">
<img src="images/Linked-List.png"
height="280px">
<div class="layer">
<h3>Various Operation on Linked List</h3><br />
<p>A linked list is a linear data structure, in which the elements are not stored at contiguous memory locations.</p>
<a href="https://github.com/Er-aditya-creater/Linked_List"><i class="fa-solid fa-arrow-up-right-from-square"></i></a>
</div>
</div>
<div class="work">
<img src="images/Pic-8.png" height="280px">
<div class="layer">
<h3>QR Code Generator Web Application</h3><br/>
<p>It is a niche tool that is used to generate different types of QR Codes. Depending on your purpose, you can use our generator to create QR Codes to open a website,listen to music, watch Youtube videos.</p>
<a href="https://github.com/Er-aditya-creater/MY_QR"><i class="fa-solid fa-arrow-up-right-from-square"></i></a>
</div>
</div>
</div>
<a href="https://github.com/Er-aditya-creater?tab=repositories" class="btn">See more</a>
</div>
</div>
<!-- ---------------------------contacts------------------------ -->
<div id="contact">
<div class="container">
<div class="row">
<!-- for left column -->
<div class="contact-left">
<h1 class="sub-titles">Contact Me</h1>
<p><i class="fa-solid fa-paper-plane"></i>eraditya1507@gmail.com</p>
<p><i class="fa-solid fa-phone"></i>9062201738</p>
<div class="social-icons">
<a href="https://www.facebook.com/aditya.nath.14473"><i
class="fa-brands fa-facebook"></i></a>
<a href="https://www.instagram.com/_adi__oo7/?igshid=ZmZhODViOGI="><i
class="fa-brands fa-instagram"></i></a>
<!-- <a href="https://twitter.com/Aditya_Nath"><i class="fa-brands fa-twitter"></i></a> -->
<a href="https://www.linkedin.com/in/aditya-nath-gound"><i
class="fa-brands fa-linkedin"></i></a>
<a href="https://github.com/Er-aditya-creater"><i class="fa-brands fa-github"></i></a>
</div>
<a href="Resume.pdf" download class="btn btn2">Download CV</a>
<!-- whenever we will cick Down...,it will start downloading -->
</div>
<!-- creating form for right column-->
<div class="contact-right">
<form name="submit-to-google-sheet">
<!-- the form name will be same as we have used for in JS (last-part) -->
<input type="text" name="Name" placeholder="Your Name" required>
<input type="email" name="Email" placeholder="Your Email" required>
<textarea name="Message" rows="6" placeholder="Your Message"></textarea>
<button type="submit" class="btn btn2">Submit</button>
</form>
<span id="msg"></span>
</div>
</div>
</div>
<div class="copy-right">
<p>Copyright @ Aditya 2023.</p>
</div>
</div>
<script src="script.js">
</script>
<script src="https://unpkg.com/typed.js@2.0.16/dist/typed.umd.js"></script>
</body>
</html>