-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
238 lines (203 loc) · 7.75 KB
/
index.html
File metadata and controls
238 lines (203 loc) · 7.75 KB
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>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Arunkumar N | Portfolio</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<!-- NAVBAR -->
<header>
<nav class="navbar">
<div class="nav-left">
<h2>Portfolio<span>...</span></h2>
</div>
<ul class="nav-links">
<li><a href="#home">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#skills">Skills</a></li>
<li><a href="#education">Education</a></li>
<li><a href="#projects">projects</a></li>
<li><a href="#certificates">Certificates</a></li>
<li><a href="#connect">Connect</a></li>
</ul>
</nav>
</header>
<!-- HERO -->
<section id="home" class="hero">
<div class="hero-grid">
<div class="hero-text">
<h1>Hi, I'm <span>Arunkumar N</span></h1>
<p>Python Full Stack Developer | Django</p>
<div class="hero-buttons">
<a href="#projects" class="btn btn-primary">View My Work</a>
<a href="#connect" class="btn btn-secondary">Get In Touch</a>
</div>
</div>
<div class="hero-card">
<img src="./assests/WhatsApp Image 2025-12-22 at 2.10.44 PM.jpeg">
<h3>Arunkumar N</h3>
<h2>Python Full Stack Developer</h2>
</div>
</section>
<!-- ABOUT -->
<section id="about" class="section">
<h2 class="section-title">About Me</h2>
<div class="about-grid">
<div class="about-card " style="width:300px; padding: 0px ; margin: 0px;">
<img style="width:300px;margin-left:0px;padding:20px;"
src="./assests/WhatsApp Image 2025-12-22 at 2.10.44 PM.jpeg ">
</div>
<div class="about-card" style="font-weight:bolder; font-size:medium;">
<h1>Aspiring Full Stack Python Developer | Django </h1> <br>
<p>I am a passionate and dedicated Full Stack Python Developer, focused on building real-world web applications
using Django.
I have hands-on experience in developing dynamic and responsive web applications with strong backend logic and
user-friendly interfaces
</p>
<br>
<ul class="about-card">
<li>Build robust and scalable web applications using Django</li>
<li>Create forms, authentication systems, and CRUD operations</li>
<li>Work with databases and implement backend logic</li>
<li>Design responsive interactive and visually appealing frontend pages</li>
<li> I love creating technology that is fast, scalable, and truly impactful</li>
<li>My passion is solving complex problems through clean, maintainable code and innovative solutions
</li>
</ul>
<br>
<h4><span>Currently looking For :</span></h4><br>
<ul class="about-card">
<li>Entry-level Full Stack Python Developer roles Opportunities </li>
<li>Open To learn, grow, and contribute in innovative projects</li>
<li>....To know more about me, connect on LinkedIn!</li>
</ul>
</div>
</div>
</section>
<!-- SKILLS -->
<section id="skills" class="section">
<h2 class="section-title">Skills</h2>
<div class="skills-grid">
<div class="skill-card">
<h3>Development</h3>
<ul>
<li>Python</li>
<li>HTML</li>
<li>CSS</li>
<li> JavaScript</li>
</ul>
</div>
<div class="skill-card">
<h3>Tools</h3>
<ul>
<li>Django</li>
<li>Bootstrap</li>
<li>Git</li>
<li>GitHub</li>
</ul>
</div>
<div class="skill-card">
<h3>Data</h3>
<ul>
<li>MySQL</li>
<li>SQLite</li>
</ul>
</div>
<div class="skill-card">
<h3>Personal</h3>
<ul>
<li>👑 Leadership</li>
<li>🗣 Communication</li>
<li>📈 Growth Mindset</li>
<li>👥Team Work</li>
<li>💡 Problem Solving</li>
</ul>
</div>
</div>
</section>
<!-- EDUCATION -->
<section id="education" class="section">
<h2 class="section-title">Education</h2>
<div class="edu-grid">
<div class="edu-card">
<div class="edu-left">
<h3>B.Sc Computer Science</h3>
<p class="degree">Bachelor of Science in Computer Science</p>
<p class="college">Bharath Institute of Higher Education and Research(BIHER)</p>
<p class="cgpa">CGPA: <span>8.5 / 10</span></p>
</div>
<div class="edu-right">
<span class="year">2022 – 2025</span>
</div>
</div>
</div>
</section>
<!-- PROJECTS -->
<section id="projects" class="section">
<h2 class="section-title">Projects</h2>
<div class="project-grid">
<div class="project-card">
<h3>Employee Management System -- Django</h3>
<p>> Developed a Django-based Employee Management System with CRUD functionality and user authentication.
The project uses Django ORM for database operations, follows the MVT architecture, and integrates SQLite for data management.
Source code is maintained using Git and hosted on GitHub.</p>
<p>To more Details visit the Website...</p>
<a href="https://github.com/addyarun123/employee-management-system--django.git" class="project-btn">View Project</a>
</div>
<div class="project-card">
<h3>Blog Management System – Django</h3>
<p>
Django-based Blog System with user authentication,
role-based dashboards, and full CRUD operations for posts.
</p>
<p>The backend uses Django ORM for database operations, and HTML/CSS are used for responsive frontend design.
Django Admin panel is utilized for overall user and content management
</p>
<p>To more Details visit the Website...</p>
<a href="#" class="project-btn">View Project</a>
</div>
<div class="project-card">
<h3>E-Commerce UI</h3>
<p>
Shopping website frontend with loginForms,product cards, cart logic
and hover animations and use dashboard, Add to card,wishlistCount and Dynamic interaction
Design layout are flexbox and grid with colors spacing. To more Details visit the Website...
</p>
<p>To more Details visit the Website...</p>
<a href="https://e-commerce-website-six-mocha.vercel.app/" class="project-btn">View Project</a>
</div>
<div style="margin-top: 20px;">
<a href="https://github.com/addyarun123" class="project-btn">View More Project</a>
</div>
</div>
</section>
<!-- CERTIFICATES -->
<section id="certificates" class="section">
<h2 class="section-title">Certifications</h2>
<div class="cert-grid">
<div class="cert-card">
<img src="./assests/WhatsApp Image 2025-12-22 at 10.42.09 PM.jpeg" alt="IBM JavaScript Certificate">
<h3>IBM JavaScript</h3>
<p>IBM Developer Skills Network</p>
</div>
</div>
</section>
<!-- CONNECT -->
<section id="connect" class="section">
<h2 class="section-title">Let’s Connect</h2>
<div class="connect-grid">
<a href="https://www.linkedin.com/in/arun-kumar-n-6a0147365/" target="_blank" class="connect-card">LinkedIn</a>
<a href="https://github.com/arun-python-dev" target="_blank" class="connect-card">GitHub</a>
<a href="https://vercel.com/arunkumar-ns-projects" class="connect-card">VercelApp</a>
<a href="addyarun699@gmail.com" class="connect-card">Email</a>
</div>
</section>
<script src="script.js"></script>
<!-- FOOTER -->
<footer class="footer">
<p>© 2026 Arunkumar N. All rights reserved.</p>
</footer>
</body>
</html>