-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
179 lines (161 loc) · 7.27 KB
/
index.html
File metadata and controls
179 lines (161 loc) · 7.27 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="theme-color" content="#0f172a" />
<meta name="description"
content="Rajath Kiran A's personal portfolio: A premium showcase of projects, skills, and professional journey." />
<meta name="keywords" content="Rajath Kiran A, Portfolio, Full Stack Developer, UI/UX Design, Web Development" />
<!-- Open Graph Meta Tags -->
<meta property="og:title" content="Rajath Kiran A - Premium Portfolio" />
<meta property="og:description"
content="Explore the professional portfolio of Rajath Kiran A, featuring top-tier web projects and designs." />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://rajath2005.github.io/Raj_res.github.io/" />
<meta property="og:image" content="assets/Rajath.jpg" />
<title>Rajath Kiran A | Portfolio</title>
<!-- Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;700&display=swap" rel="stylesheet">
<!-- Icons -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" rel="stylesheet" />
<!-- Styles -->
<link href="assets/style/style.css" rel="stylesheet" />
<link rel="icon" type="image/png" href="assets/Icon.png">
<!-- ScrollReveal -->
<script src="https://unpkg.com/scrollreveal"></script>
</head>
<body>
<div class="background-gradient"></div>
<main class="main-container">
<!-- Hero Section -->
<section class="hero-section" id="home">
<div class="profile-container">
<div class="profile-glow"></div>
<div class="profile-image">
<img src="assets/Rajath.jpg" alt="Rajath Kiran A">
</div>
</div>
<div class="hero-content">
<h1 class="name-title">Rajath Kiran A</h1>
<p class="role-subtitle">Full Stack Developer & UI/UX Designer</p>
<div class="hero-badges">
<span class="badge"><i class="fa-solid fa-location-dot"></i> Mangalore, India</span>
<span class="badge"><i class="fa-solid fa-code"></i> Student</span>
</div>
</div>
</section>
<!-- About Section -->
<section class="glass-card about-section" id="about">
<div class="section-header">
<h2><i class="fa-solid fa-user"></i> About Me</h2>
</div>
<div class="about-content">
<p>
Hi, I’m <strong>Rajath Kiran A</strong>, a driven Computer Science engineering student.
I craft digital experiences that merge technical expertise with creative design.
My passion lies in building intuitive, high-performance web applications and exploring the frontiers of UI/UX.
</p>
<p class="hobbies">
When I'm not coding, you'll find me exploring photography, drawing, or creating memes.
I believe learning should be an adventure.
</p>
<div class="action-buttons">
<a href="assets/Resume.pdf" download="Rajath_Kiran_Resume.pdf" class="btn primary-btn">
<i class="fa-solid fa-download"></i> Download Resume
</a>
<a href="mailto:rajathajeru@gmail.com" class="btn secondary-btn">
<i class="fa-solid fa-envelope"></i> Contact Me
</a>
</div>
</div>
</section>
<!-- Projects Section -->
<section class="projects-section" id="projects">
<h2 class="section-title">Featured Projects</h2>
<div class="projects-grid">
<!-- Main Portfolio -->
<a href="https://rajathkiran.netlify.app/" target="_blank" class="glass-card project-card">
<div class="project-icon"><i class="fa-solid fa-globe"></i></div>
<div class="project-info">
<h3>Main Portfolio</h3>
<p>The central hub for all my professional work.</p>
</div>
<div class="project-arrow"><i class="fa-solid fa-arrow-right"></i></div>
</a>
<!-- Englisho -->
<a href="https://englisho.netlify.app/" target="_blank" class="glass-card project-card">
<div class="project-icon"><i class="fa-solid fa-book-open"></i></div>
<div class="project-info">
<h3>Englisho</h3>
<p>A platform for learning English effectively.</p>
<small>Created 31.05.2024</small>
</div>
<div class="project-arrow"><i class="fa-solid fa-arrow-right"></i></div>
</a>
</div>
</section>
<!-- Social Links Section -->
<section class="social-section" id="connect">
<h2 class="section-title">Connect With Me</h2>
<div class="social-grid">
<a href="https://github.com/Rajath2005" target="_blank" class="social-card github">
<i class="fa-brands fa-github"></i>
<span>GitHub</span>
</a>
<a href="https://www.linkedin.com/in/rajath-kiran/" target="_blank" class="social-card linkedin">
<i class="fa-brands fa-linkedin-in"></i>
<span>LinkedIn</span>
</a>
<a href="https://x.com/rajathajeru?t=qEWmyphfBV5XLtCW4utVig&s=09" target="_blank" class="social-card twitter">
<i class="fa-brands fa-x-twitter"></i>
<span>Twitter</span>
</a>
<a href="https://www.facebook.com/profile.php?id=100093372790621" target="_blank" class="social-card facebook">
<i class="fa-brands fa-facebook-f"></i>
<span>Facebook</span>
</a>
<a href="https://www.youtube.com/@vedic108-ko5zt" target="_blank" class="social-card youtube">
<i class="fa-brands fa-youtube"></i>
<span>YouTube</span>
</a>
<a href="https://codepen.io/Raj-kiran-2005" target="_blank" class="social-card codepen">
<i class="fa-brands fa-codepen"></i>
<span>Codepen</span>
</a>
<a href="https://stackoverflow.com/users/27932434/rajath-kiran-a" target="_blank"
class="social-card stackoverflow">
<i class="fa-brands fa-stack-overflow"></i>
<span>StackOverflow</span>
</a>
<a href="https://www.hackerrank.com/profile/arajath5463" target="_blank" class="social-card hackerrank">
<i class="fa-brands fa-hackerrank"></i>
<span>HackerRank</span>
</a>
<a href="https://www.figma.com/@rajath4" target="_blank" class="social-card figma">
<i class="fa-brands fa-figma"></i>
<span>Figma</span>
</a>
<a href="https://medium.com/@arajath5463" target="_blank" class="social-card medium">
<i class="fa-brands fa-medium"></i>
<span>Medium</span>
</a>
<a href="https://www.quora.com/profile/Rajath-Kiran-12" target="_blank" class="social-card quora">
<i class="fa-brands fa-quora"></i>
<span>Quora</span>
</a>
<a href="https://replit.com/@arajath5463" target="_blank" class="social-card replit">
<i class="fa-solid fa-code"></i>
<span>Replit</span>
</a>
</div>
</section>
<footer class="footer">
<p>© 2024 Rajath Kiran A. Crafted with <i class="fa-solid fa-heart"></i> and Code.</p>
</footer>
</main>
<script src="assets/js/script.js"></script>
</body>
</html>