Skip to content

Commit 2620086

Browse files
RoshanjosseyRoshanjossey
committed
Merge branch 'azrakarakaya1-add-azrakarakaya1'
2 parents 53d0265 + ba920b8 commit 2620086

1 file changed

Lines changed: 171 additions & 0 deletions

File tree

‎contributors/azrakarakaya1.html‎

Lines changed: 171 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,171 @@
1+
<article class="profile-card">
2+
<div class="header">
3+
<h3>Azra Karakaya</h3>
4+
<p class="bio">Jr. DevOps Engineer | Computer Engineer</p>
5+
</div>
6+
7+
<div class="section">
8+
<h4>Programming Languages</h4>
9+
<div class="container">
10+
<span class="badge badge-c">
11+
<img src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/c/c-original.svg" alt="C" />
12+
C
13+
</span>
14+
<span class="badge badge-go">
15+
<img src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/go/go-original-wordmark.svg" alt="Go" />
16+
Go
17+
</span>
18+
<span class="badge badge-python">
19+
<img src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/python/python-original.svg" alt="Python" />
20+
Python
21+
</span>
22+
</div>
23+
</div>
24+
25+
<div class="section">
26+
<h4>Tools & Technologies</h4>
27+
<div class="container">
28+
<div class="icon-wrapper" title="Docker">
29+
<img class="icon" src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/docker/docker-original.svg" alt="Docker" />
30+
</div>
31+
<div class="icon-wrapper" title="Kubernetes">
32+
<img class="icon" src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/kubernetes/kubernetes-plain.svg" alt="Kubernetes" />
33+
</div>
34+
<div class="icon-wrapper" title="Helm">
35+
<img class="icon" src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/helm/helm-original.svg" alt="Helm" />
36+
</div>
37+
<div class="icon-wrapper" title="GitHub Actions">
38+
<img class="icon" src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/githubactions/githubactions-original.svg" alt="GitHub Actions" />
39+
</div>
40+
<div class="icon-wrapper" title="Linux">
41+
<img class="icon" src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/linux/linux-original.svg" alt="Linux" />
42+
</div>
43+
<div class="icon-wrapper" title="Bash">
44+
<img class="icon" src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/bash/bash-original.svg" alt="Bash" />
45+
</div>
46+
<div class="icon-wrapper" title="Git">
47+
<img class="icon" src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/git/git-original.svg" alt="Git" />
48+
</div>
49+
</div>
50+
</div>
51+
</article>
52+
53+
<style>
54+
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
55+
56+
.profile-card {
57+
font-family: 'Inter', sans-serif;
58+
background: #161b22;
59+
border: 1px solid #30363d;
60+
border-radius: 12px;
61+
padding: 1.5rem;
62+
width: 100%;
63+
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4);
64+
box-sizing: border-box;
65+
transition: transform 0.3s ease;
66+
}
67+
68+
.profile-card:hover {
69+
transform: translateY(-3px);
70+
}
71+
72+
.header h3 {
73+
margin: 0;
74+
font-size: 1.4rem;
75+
font-weight: 700;
76+
color: #f0f6fc;
77+
}
78+
79+
.bio {
80+
margin: 0.4rem 0 1.2rem 0;
81+
color: #8b949e;
82+
font-size: 0.85rem;
83+
font-weight: 500;
84+
line-height: 1.4;
85+
}
86+
87+
.section {
88+
margin-top: 1.2rem;
89+
}
90+
91+
.section h4 {
92+
font-size: 0.75rem;
93+
text-transform: uppercase;
94+
letter-spacing: 0.08em;
95+
color: #8b949e;
96+
margin-bottom: 0.8rem;
97+
font-weight: 600;
98+
}
99+
100+
.container {
101+
display: flex;
102+
flex-wrap: wrap;
103+
gap: 0.6rem;
104+
align-items: center;
105+
}
106+
107+
.badge {
108+
display: inline-flex;
109+
align-items: center;
110+
gap: 0.4rem;
111+
padding: 0.4rem 0.7rem;
112+
border-radius: 20px;
113+
font-size: 0.8rem;
114+
font-weight: 600;
115+
transition: all 0.2s ease;
116+
border: 1px solid transparent;
117+
cursor: pointer;
118+
}
119+
120+
.badge img {
121+
width: 1rem;
122+
height: 1rem;
123+
}
124+
125+
.badge-c {
126+
background: rgba(0, 89, 156, 0.15);
127+
color: #5c93e6;
128+
border-color: rgba(0, 89, 156, 0.3);
129+
}
130+
131+
.badge-go {
132+
background: rgba(0, 173, 216, 0.15);
133+
color: #00add8;
134+
border-color: rgba(0, 173, 216, 0.3);
135+
}
136+
137+
.badge-python {
138+
background: rgba(56, 116, 164, 0.15);
139+
color: #4b8bbe;
140+
border-color: rgba(56, 116, 164, 0.3);
141+
}
142+
143+
.badge:hover {
144+
transform: translateY(-2px);
145+
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
146+
}
147+
148+
.icon-wrapper {
149+
background: #21262d;
150+
border: 1px solid #30363d;
151+
padding: 0.5rem;
152+
border-radius: 10px;
153+
display: flex;
154+
align-items: center;
155+
justify-content: center;
156+
transition: all 0.2s ease;
157+
cursor: pointer;
158+
box-sizing: border-box;
159+
}
160+
161+
.icon-wrapper:hover {
162+
background: #30363d;
163+
border-color: #8b949e;
164+
transform: translateY(-3px);
165+
}
166+
167+
.icon {
168+
width: 1.5rem;
169+
height: 1.5rem;
170+
}
171+
</style>

0 commit comments

Comments
 (0)