File tree Expand file tree Collapse file tree
Expand file tree Collapse file tree Original file line number Diff line number Diff line change 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.0 ">
6+ < title > Document</ title >
7+ </ head >
8+ < body >
9+ < article >
10+ < h3 > Matheko Masemola</ h3 >
11+ < p > A software developer passionate about open source and systems programming.</ p >
12+ < h4 > Programming languages I use</ h4 >
13+ < h5 > Python</ h5 >
14+ < h5 > C++</ h5 >
15+
16+
17+ < section class ="container ">
18+ < div class ="badge " style ="background-color: #000000; color: white "> Rust</ div >
19+ < div class ="badge " style ="background-color: #f7df1e; color: black; "> JavaScript</ div >
20+ </ section >
21+
22+ < h4 > Tools I use</ h4 >
23+ < section class ="container ">
24+ < img class ="icon " src ="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/bash/bash-original.svg "/>
25+ < img class ="icon " src ="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/linux/linux-original.svg "/>
26+ </ section >
27+ </ article >
28+ < style >
29+ body {
30+ font-family : sans-serif;
31+ }
32+ .container {
33+ display : flex;
34+ flex-wrap : wrap;
35+ gap : 1rem ;
36+ }
37+ .badge {
38+ padding : 0.5rem ;
39+ border-radius : 0.25rem ;
40+ }
41+ .icon {
42+ width : 2rem ;
43+ }
44+ </ style >
45+
46+
47+ </ body >
48+ </ html >
You can’t perform that action at this time.
0 commit comments