Skip to content

Commit 2eca3a6

Browse files
committed
Merge branch 'azkaZubish-azkaZubish'
2 parents 0a53910 + 7345b23 commit 2eca3a6

1 file changed

Lines changed: 75 additions & 0 deletions

File tree

‎contributors/azkaZubish.html‎

Lines changed: 75 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,75 @@
1+
<h2>Azka Zubish</h2>
2+
<p>Software Engineer</p>
3+
4+
<h4>Languages I know</h4>
5+
<section class="container">
6+
<div class="badge python">Python</div>
7+
<div class="badge js">JavaScript</div>
8+
<div class="badge java">Java</div>
9+
<div class="badge sql">SQL</div>
10+
</section>
11+
12+
<h4>Frameworks & Tech I Actually Use</h4>
13+
<section class="container">
14+
<div class="badge react">React</div>
15+
<div class="badge node">Node.js</div>
16+
<div class="badge express">Express</div>
17+
<div class="badge mongo">MongoDB</div>
18+
</section>
19+
20+
<h4>Tools I Use</h4>
21+
<section class="container">
22+
<img class="icon" src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/vscode/vscode-original.svg" />
23+
<img class="icon" src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/git/git-original.svg" />
24+
<img class="icon" src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/github/github-original.svg" />
25+
</section>
26+
27+
</article>
28+
29+
<style>
30+
body {
31+
font-family: "Segoe UI", sans-serif;
32+
background: white;
33+
color: #0f172a;
34+
padding: 2rem;
35+
}
36+
37+
h2 {
38+
margin-bottom: 0.2rem;
39+
color: #38bdf8;
40+
}
41+
42+
h4 {
43+
margin-top: 1.5rem;
44+
color: #0f172a;
45+
}
46+
47+
.container {
48+
display: flex;
49+
flex-wrap: wrap;
50+
gap: 0.8rem;
51+
margin-top: 0.5rem;
52+
}
53+
54+
.badge {
55+
padding: 0.5rem 0.8rem;
56+
border-radius: 20px;
57+
font-size: 0.85rem;
58+
font-weight: 500;
59+
}
60+
61+
.python { background-color: #3874a4; color: white; }
62+
.js { background-color: #f7df1e; color: black; }
63+
.java { background-color: #555555; color: white; }
64+
.sql { background-color: #cc2927; color: white; }
65+
66+
.react { background-color: #61dafb; color: black; }
67+
.node { background-color: #3c873a; color: white; }
68+
.express { background-color: #444; color: white; }
69+
.mongo { background-color: #4db33d; color: white; }
70+
71+
.icon {
72+
width: 2rem;
73+
filter: brightness(0.9);
74+
}
75+
</style>

0 commit comments

Comments
 (0)