1+ < article >
2+ < h3 > mozaid7</ h3 >
3+ < p > Full-stack developer | Cloud enthusiast | Building scalable web applications with modern technologies</ p >
4+ < h4 > Programming languages I use</ h4 >
5+ < section class ="container ">
6+ < div class ="badge " style ="background-color: #00599C; color: white ">
7+ C++
8+ </ div >
9+ < div class ="badge " style ="background-color: #f7df1e; color: black; ">
10+ JavaScript
11+ </ div >
12+ < div class ="badge " style ="background-color: #3178c6; color: white; ">
13+ TypeScript
14+ </ div >
15+ < div class ="badge " style ="background-color: #68a063; color: white; ">
16+ Node.js
17+ </ div >
18+ < div class ="badge " style ="background-color: #e34c26; color: white; ">
19+ HTML
20+ </ div >
21+ < div class ="badge " style ="background-color: #264de4; color: white; ">
22+ CSS
23+ </ div >
24+ </ section >
25+
26+ < h4 > Tools I use</ h4 >
27+ < section class ="container ">
28+ < img
29+ class ="icon "
30+ src ="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/react/react-original.svg "
31+ title ="React "
32+ />
33+ < img
34+ class ="icon "
35+ src ="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/nextjs/nextjs-original.svg "
36+ title ="Next.js "
37+ />
38+ < img
39+ class ="icon "
40+ src ="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/tailwindcss/tailwindcss-original.svg "
41+ title ="Tailwind CSS "
42+ />
43+ < img
44+ class ="icon "
45+ src ="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/mongodb/mongodb-original.svg "
46+ title ="MongoDB "
47+ />
48+ < img
49+ class ="icon "
50+ src ="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/express/express-original.svg "
51+ title ="Express.js "
52+ />
53+ < img
54+ class ="icon "
55+ src ="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/postgresql/postgresql-original.svg "
56+ title ="PostgreSQL "
57+ />
58+ < img
59+ class ="icon "
60+ src ="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/prisma/prisma-original.svg "
61+ title ="Prisma ORM "
62+ />
63+ < img
64+ class ="icon "
65+ src ="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/docker/docker-original.svg "
66+ title ="Docker "
67+ />
68+ < img
69+ class ="icon "
70+ src ="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/amazonwebservices/amazonwebservices-original-wordmark.svg "
71+ title ="AWS "
72+ />
73+ < img
74+ class ="icon "
75+ src ="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/git/git-original.svg "
76+ title ="Git "
77+ />
78+ < img
79+ class ="icon "
80+ src ="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/vscode/vscode-original.svg "
81+ title ="VS Code "
82+ />
83+ < img
84+ class ="icon "
85+ src ="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/firebase/firebase-original.svg "
86+ title ="Firebase "
87+ />
88+ </ section >
89+ </ article >
90+ < style >
91+ body {
92+ font-family : sans-serif;
93+ }
94+ .container {
95+ display : flex;
96+ flex-wrap : wrap;
97+ gap : 1rem ;
98+ }
99+ .badge {
100+ padding : 0.5rem ;
101+ border-radius : 0.25rem ;
102+ }
103+ .icon {
104+ width : 2rem ;
105+ }
106+ </ style >
0 commit comments