Skip to content

Commit 77eff70

Browse files
CoderInWavesCoderInWaves
authored
Create index.html
1 parent 580519b commit 77eff70

File tree

1 file changed

+128
-0
lines changed

1 file changed

+128
-0
lines changed

‎index.html‎

Lines changed: 128 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,128 @@
1+
<!doctype html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="utf-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1" />
6+
<title>Happy Raj — Portfolio</title>
7+
<meta name="description" content="Happy Raj — Software Developer. Explore projects and contact." />
8+
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700;800&display=swap" rel="stylesheet">
9+
<link rel="stylesheet" href="style.css">
10+
</head>
11+
<body>
12+
<div class="bg-orb"></div>
13+
<main class="container">
14+
<div class="grid">
15+
<aside class="card">
16+
<div style="display:flex;align-items:center;gap:16px">
17+
<img src="mypic.jpeg" alt="Happy Raj" class="avatar-img">
18+
<div>
19+
<h1>Happy Raj</h1>
20+
<div class="subtitle">Software Developer • Open-source Enthusiast</div>
21+
</div>
22+
</div>
23+
24+
<p class="bio">I build clean, maintainable software with attention to performance and developer experience. My focus is on pragmatic solutions and shipping code that solves real-world problems.</p>
25+
26+
<div class="cta">
27+
<!-- GitHub Button -->
28+
<a class="btn btn-primary"
29+
href="https://github.com/CoderInWaves"
30+
target="_blank"
31+
rel="noopener noreferrer">
32+
<svg class="github-icon" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
33+
<path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38
34+
0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13
35+
-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87
36+
2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95
37+
0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12
38+
0 0 .67-.21 2.2.82A7.66 7.66 0 018 4.6c.68.003 1.36.092
39+
2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08
40+
2.12.51.56.82 1.28.82 2.15 0 3.07-1.87 3.75-3.65
41+
3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01
42+
2.19 0 .21.15.46.55.38A8.013 8.013 0 0016
43+
8c0-4.42-3.58-8-8-8z"/>
44+
</svg>
45+
View GitHub
46+
</a>
47+
48+
<!-- Gmail Button -->
49+
<a class="btn btn-ghost" href="mailto:nofiyasolution777@gmail.com?subject=Inquiry from Portfolio">
50+
Contact
51+
</a>
52+
</div>
53+
54+
<div style="margin-top:22px">
55+
<strong style="color:#cfe8ff">Contact</strong>
56+
<div class="contact">
57+
<a href="mailto:nofiyasolution777@gmail.com?subject=Inquiry from Portfolio">
58+
📧 nofiyasolution777@gmail.com
59+
</a>
60+
</div>
61+
</div>
62+
</aside>
63+
64+
<section>
65+
<div class="card hero-banner">
66+
<div>
67+
<h2 class="headline">Hi — I'm Happy Raj.</h2>
68+
<p class="lead">I design and implement pragmatic software — from data pipelines and APIs to polished frontend experiences. Below are selected projects and links to my work.</p>
69+
70+
<div class="projects">
71+
<article class="project">
72+
<div class="meta">
73+
<h3>Open-source contributions & projects</h3>
74+
<div class="github-link">
75+
<a href="https://github.com/CoderInWaves" target="_blank" rel="noopener noreferrer">
76+
GitHub profile →
77+
</a>
78+
</div>
79+
</div>
80+
<p>Explore repositories for backend services, developer tools and experiment repos. Use the GitHub link above to see code, README details and live demos (where available).</p>
81+
</article>
82+
</div>
83+
</div>
84+
85+
<div style="min-width:240px;max-width:260px;text-align:center">
86+
<div class="card-inner">
87+
<div style="font-size:14px;color:var(--muted)">Available for</div>
88+
<div style="font-weight:800;font-size:22px;margin-top:6px">Freelance & Collaboration</div>
89+
<div style="margin-top:12px;color:var(--muted);font-size:13px">
90+
Open to short-term contracts and early-stage startup roles.
91+
</div>
92+
93+
<div style="margin-top:16px;display:flex;justify-content:center">
94+
<a class="btn btn-primary" href="mailto:nofiyasolution777@gmail.com?subject=Inquiry from Portfolio">
95+
Hire / Contact
96+
</a>
97+
</div>
98+
</div>
99+
100+
<div class="card quick-links">
101+
<div style="font-size:12px;color:var(--muted)">Quick links</div>
102+
<div style="margin-top:8px;display:flex;flex-direction:column;gap:8px">
103+
<a href="https://github.com/CoderInWaves" target="_blank" rel="noopener noreferrer">
104+
• GitHub: CoderInWaves
105+
</a>
106+
<a href="mailto:nofiyasolution777@gmail.com?subject=Inquiry from Portfolio">
107+
• Email: nofiyasolution777@gmail.com
108+
</a>
109+
</div>
110+
</div>
111+
</div>
112+
</div>
113+
114+
<footer>
115+
© <span id="year"></span> Happy Raj — Built with care •
116+
<a href="https://github.com/CoderInWaves" target="_blank" style="color:var(--accent);text-decoration:none">
117+
@CoderInWaves
118+
</a>
119+
</footer>
120+
</section>
121+
</div>
122+
</main>
123+
124+
<script>
125+
document.getElementById('year').textContent = new Date().getFullYear();
126+
</script>
127+
</body>
128+
</html>

0 commit comments

Comments
 (0)