File tree Expand file tree Collapse file tree 1 file changed +64
-0
lines changed Expand file tree Collapse file tree 1 file changed +64
-0
lines changed Original file line number Diff line number Diff line change
1
+ < article >
2
+ < h3 > haidy73</ h3 >
3
+ < p > I am a passionate computer science student and developer.</ p >
4
+ < h4 > Programming languages I use</ h4 >
5
+ < section class ="container ">
6
+ < div class ="badge " style ="background-color: #3874a4; color: white ">
7
+ Python
8
+ </ div >
9
+ < div class ="badge " style ="background-color: #f7df1e; color: black; ">
10
+ JavaScript
11
+ </ div >
12
+ < div class ="badge " style ="background-color: #f7781e; color: black; ">
13
+ C++
14
+ </ div >
15
+ < div class ="badge " style ="background-color: #f71ecf; color: black; ">
16
+ Java
17
+ </ div >
18
+ </ section >
19
+
20
+ < h4 > Tools I use</ h4 >
21
+ < section class ="container ">
22
+ < img
23
+ class ="icon "
24
+ src ="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/bash/bash-original.svg "
25
+ />
26
+ < img
27
+ class ="icon "
28
+ src ="https://raw.githubusercontent.com/devicons/devicon/ca28c779441053191ff11710fe24a9e6c23690d6/icons/django/django-plain.svg "
29
+ />
30
+ < img
31
+ class ="icon "
32
+ src ="https://raw.githubusercontent.com/devicons/devicon/ca28c779441053191ff11710fe24a9e6c23690d6/icons/python/python-original.svg "
33
+ />
34
+ < img
35
+ class ="icon "
36
+ src ="https://raw.githubusercontent.com/devicons/devicon/ca28c779441053191ff11710fe24a9e6c23690d6/icons/git/git-original.svg "
37
+ />
38
+ < img
39
+ class ="icon "
40
+ src ="https://raw.githubusercontent.com/devicons/devicon/ca28c779441053191ff11710fe24a9e6c23690d6/icons/sqlite/sqlite-original.svg "
41
+ />
42
+ < img
43
+ class ="icon "
44
+ src ="https://raw.githubusercontent.com/devicons/devicon/ca28c779441053191ff11710fe24a9e6c23690d6/icons/javascript/javascript-plain.svg "
45
+ />
46
+ </ section >
47
+ </ article >
48
+ < style >
49
+ body {
50
+ font-family : sans-serif;
51
+ }
52
+ .container {
53
+ display : flex;
54
+ flex-wrap : wrap;
55
+ gap : 1rem ;
56
+ }
57
+ .badge {
58
+ padding : 0.5rem ;
59
+ border-radius : 0.25rem ;
60
+ }
61
+ .icon {
62
+ width : 2rem ;
63
+ }
64
+ </ style >
You can’t perform that action at this time.
0 commit comments