-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
238 lines (216 loc) · 11.8 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
228
229
230
231
232
233
234
235
236
237
238
<!DOCTYPE html>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<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>Aryan Chaudhary</title>
<link rel="icon" href="https://i.ibb.co/zRsTj3p/Frame-1-37.png">
<link rel="stylesheet" href="styles.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" class="stylesheet">
</head>
<body>
<!-------------------------- Header Area -------------------------->
<header class="header-area">
<div class="container">
<div class="header">
<a href="" class="logo">
<img src="files/signaturecropped.png" alt="" class="signature">
<i class="fa fa-bolt"></i>
</a>
<ul class="navbar">
<li><a href="#home">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#education">Education</a></li>
<li><a href="#projects">Projects</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
<div class="menu_icon">
<i class="fa fa-bars"></i>
</div>
</div>
</div>
</header>
<!-------------------------- Home Page -------------------------->
<div class="FirstElement" id="home">
<div class="profile-photo">
<img src="files/photo!!.png" alt="profile picture">
</div>
<div class="profile-text">
<h5>Hi I'm </h5><br>
<h1>Aryan Chaudhary</h1><br>
<p>Welcome to my portfolio website! I'm a passionate and aspiring software engineer with a strong desire to create innovative solutions and push the boundaries of technology. With a deep love for coding and problem-solving, I am constantly seeking opportunities to learn and grow in this ever-evolving field.</p>
<div class="btn-group">
<a href="files/AryanResume.pdf" class="btn active">Download CV</a>
<a href="mailto:[email protected]" class="btn">Contact</a>
</div>
<div class="social">
<a href="mailto:[email protected]"><i class="fa fa-envelope"></i></a>
<a href="https://github.com/thegurjararyan"><i class="fa-brands fa-github"></i></a>
<a href="https://leetcode.com/thegurjararyan/"><i class="fa fa-code"></i></a>
<a href="https://www.linkedin.com/in/thegurjararyan/"><i class="fa-brands fa-linkedin"></i></a>
</div>
</div>
</div>
<!-------------------------- About Section -------------------------->
<section class="about-area" id="about">
<div class="container">
<div class="about">
<div class="about-content">
<h4>About Me</h4>
<ul>
<li>I am currently pursuing my Bachelor's Degree in Computer Applications from GEU, Dehradun, with an expected graduation in 2025.</li>
<li>I have built a solid foundation in software development, with expertise in programming languages like C, C++, Python, and web development with HTML and CSS. I also have knowledge in cloud technologies such as AWS and GCP.</li>
<li>I am passionate about blockchain and Web3 technologies, and I enjoy working on smart contracts and decentralized applications.</li>
</ul>
</div>
<div class="about-skills">
<ul>
<li>Name: Aryan Chaudhary</li>
<li>Age: 20</li>
<li>From: Sadholi Bhood, Behat, Saharanpur, U.P, India</li>
<li>Email: [email protected]</li>
<li>Availability: Full-time</li>
<li>Experience: <1 year</li>
</ul>
</div>
</div>
</div>
</section>
<!-------------- Education & Internship -------------->
<section class="education-content" id="education">
<div class="container">
<div class="row">
<div class="education">
<h3 class="title">Education</h3>
<div class="row">
<div class="timeline-box">
<div class="timeline">
<!-- Timeline-item -->
<div class="timeline-item">
<div class="circle-dot"></div>
<h3 class="timeline-title">BCA - 8.2 CGPA</h3>
<h4 class="timeline-title">GEU, Dehradun</h4>
<h4 class="timeline-title">
<i class="fa fa-calendar"></i> Aug 2022 - July 2025
</h4>
</div>
<!-- Timeline-item -->
<div class="timeline-item">
<div class="circle-dot"></div>
<h3 class="timeline-title">Grade 12 - 65%</h3>
<h4 class="timeline-title">Nishi Mem. Sr Sec School, Badshaibagh, UP</h4>
<h4 class="timeline-title">
<i class="fa fa-calendar"></i> 2022
</h4>
</div>
<!-- Timeline-item -->
<div class="timeline-item">
<div class="circle-dot"></div>
<h3 class="timeline-title">Grade 10 - 80%</h3>
<h4 class="timeline-title">Glocal School, Mirzapur, UP</h4>
<h4 class="timeline-title">
<i class="fa fa-calendar"></i> 2020
</h4>
</div>
</div>
</div>
</div>
</div>
<div class="internship">
<h3 class="title">Certifications</h3>
<div class="row">
<div class="timeline-box">
<div class="timeline">
<!-- Timeline-item -->
<div class="timeline-item">
<div class="circle-dot"></div>
<h3 class="timeline-title">Introduction to Generative AI</h3>
<h4 class="timeline-title">Google</h4>
<h4 class="timeline-title">
<i class="fa fa-calendar"></i> Sep 2022 - Present
</h4>
</div>
<!-- Timeline-item -->
<div class="timeline-item">
<div class="circle-dot"></div>
<h3 class="timeline-title">Prompt Design in Vertex AI Skill Badge</h3>
<h4 class="timeline-title">Google</h4>
<h4 class="timeline-title">
<i class="fa fa-calendar"></i> Sep 2022 - Present
</h4>
</div>
<!-- Timeline-item -->
<div class="timeline-item">
<div class="circle-dot"></div>
<h3 class="timeline-title">Blockchain Basics</h3>
<h4 class="timeline-title">My GreatLearning</h4>
<h4 class="timeline-title">
<i class="fa fa-calendar"></i> 2023
</h4>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="project-content" id="projects">
<div class="container">
<div class="project-title">
<h4>My Projects</h4>
<p>Discover my projects, where creativity meets innovation</p>
</div>
<div class="projects">
<!-- Mango Leaf Disease Detector Project -->
<div class="project">
<i class="fa fa-leaf"></i>
<h4>Mango Leaf Disease Detector</h4>
<p>
This web application identifies diseases affecting mango leaves by analyzing uploaded images using advanced machine learning algorithms. The entire application is containerized using Docker and hosted on an AWS EC2 instance. The project is accessible via the custom domain <a href="http://www.mangodiseasedetector.work.gd" target="_blank">www.mangodiseasedetector.work.gd</a>, providing users with a seamless experience. Key features include real-time analysis and precise predictions displayed through an intuitive interface, making it easy for users to diagnose and address mango leaf diseases. The project utilizes technologies like TensorFlow, PyTorch, Docker, and AWS EC2.
</p>
<p>
<a href="https://github.com/thegurjararyan/-Mango-Leaf-Disease-Detector" target="_blank">GitHub: Mango Leaf Disease Detector</a>
</p>
</div>
<!-- My First Smart Contract Project -->
<div class="project">
<i class="fa fa-code"></i>
<h4>My First Smart Contract</h4>
<p>
Created and deployed first Ethereum smart contract using Web3 University guide. Utilized Alchemy and Metamask for Ethereum network interaction. Successfully deployed contract on Goerli testnet, verified on Etherscan. Implemented in Solidity, enabling message storage and updates.
</p>
<p>
<a href="https://github.com/thegurjararyan/my-first-smart-contract">GitHub: My First Smart Contract</a>
</p>
</div>
</div>
</div>
</section>
<!-------------------------- Contact -------------------------->
<section class="contact-content" id="contact">
<div class="container">
<div class="contact-title">
<h4>Contact Me</h4>
<p>Get In Touch</p>
</div>
<div class="contact">
<form id="contact-form">
<input type="text" id="name" placeholder="Your Name" required>
<input type="email" id="email" placeholder="Your Email" required>
<textarea id="message" placeholder="Your Message" required></textarea>
<button type="submit" class="submit">Send Message</button>
</form>
<span id="msg"></span>
</div>
</div>
</section>
<script src="contact-form.js"></script>
--
<footer class="footer">
<p>© 2024 Aryan Chaudhary. All rights reserved.</p>
</footer>
</body>
</html>