|
| 1 | +<!-- /ar/index.html --> |
1 | 2 | <!DOCTYPE html>
|
2 |
| -<html lang="en"> |
| 3 | +<html lang="ar" dir="rtl"> |
3 | 4 | <head>
|
4 | 5 | <meta charset="utf-8">
|
5 | 6 | <meta name="viewport" content="width=device-width, initial-scale=1">
|
6 |
| - <title>Khalil Charfi - Full Stack Developer (Vue.js, Angular, Laravel, PHP) | Frankfurt, Germany</title> |
7 |
| - <!-- Google Tag Manager --> |
8 |
| - <script> |
9 |
| - (function (w, d, s, l, i) { |
10 |
| - w[l] = w[l] || []; |
11 |
| - w[l].push({ |
12 |
| - 'gtm.start': new Date().getTime(), |
13 |
| - event: 'gtm.js' |
14 |
| - }); |
15 |
| - var f = d.getElementsByTagName(s)[0], |
16 |
| - j = d.createElement(s), |
17 |
| - dl = l != 'dataLayer' ? '&l=' + l : ''; |
18 |
| - j.async = true; |
19 |
| - j.src = |
20 |
| - 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; |
21 |
| - f.parentNode.insertBefore(j, f); |
22 |
| - })(window, document, 'script', 'dataLayer', 'GTM-KJLDLLX'); |
23 |
| - </script> |
24 |
| - <!-- End Google Tag Manager --> |
25 |
| - <!-- Favicon --> |
26 |
| -<link rel="apple-touch-icon-precomposed" sizes="57x57" href="apple-touch-icon-57x57.png" /> |
27 |
| -<link rel="apple-touch-icon-precomposed" sizes="114x114" href="apple-touch-icon-114x114.png" /> |
28 |
| -<link rel="apple-touch-icon-precomposed" sizes="72x72" href="apple-touch-icon-72x72.png" /> |
29 |
| -<link rel="apple-touch-icon-precomposed" sizes="144x144" href="apple-touch-icon-144x144.png" /> |
30 |
| -<link rel="apple-touch-icon-precomposed" sizes="60x60" href="apple-touch-icon-60x60.png" /> |
31 |
| -<link rel="apple-touch-icon-precomposed" sizes="120x120" href="apple-touch-icon-120x120.png" /> |
32 |
| -<link rel="apple-touch-icon-precomposed" sizes="76x76" href="apple-touch-icon-76x76.png" /> |
33 |
| -<link rel="apple-touch-icon-precomposed" sizes="152x152" href="apple-touch-icon-152x152.png" /> |
34 |
| -<link rel="icon" type="image/png" href="favicon-196x196.png" sizes="196x196" /> |
35 |
| -<link rel="icon" type="image/png" href="favicon-96x96.png" sizes="96x96" /> |
36 |
| -<link rel="icon" type="image/png" href="favicon-32x32.png" sizes="32x32" /> |
37 |
| -<link rel="icon" type="image/png" href="favicon-16x16.png" sizes="16x16" /> |
38 |
| -<link rel="icon" type="image/png" href="favicon-128.png" sizes="128x128" /> |
39 |
| -<meta name="application-name" content=" "/> |
40 |
| -<meta name="msapplication-TileColor" content="#FFFFFF" /> |
41 |
| -<meta name="msapplication-TileImage" content="mstile-144x144.png" /> |
42 |
| -<meta name="msapplication-square70x70logo" content="mstile-70x70.png" /> |
43 |
| -<meta name="msapplication-square150x150logo" content="mstile-150x150.png" /> |
44 |
| -<meta name="msapplication-wide310x150logo" content="mstile-310x150.png" /> |
45 |
| -<meta name="msapplication-square310x310logo" content="mstile-310x310.png" /> |
46 |
| - |
47 |
| - <meta name="description" |
48 |
| - content="Experienced full-stack developer skilled in Vue.js, Angular, and Laravel. Proven ability to build scalable applications. Proficient in REST APIs and database technologies."> |
49 |
| - <meta name="language" content="EN"> |
50 |
| - <meta name="author" content="Khalil Charfi"> |
51 |
| - <meta name="keywords" |
52 |
| - content="Software Engineer, Full-Stack Developer, Web Developer, Mobile Developer, Vue.js, Angular, Laravel, Ionic, Flutter, Capacitor, REST APIs, GraphQL, Keycloak, Firebase, GitLab CI/CD, Bitrise, TestCafe, Cucumber, SQL, MySQL, MongoDB, Docker, Germany, Frankfurt, CHECK24, ASM, Sfax, Tunisia"> |
53 |
| - <link href='https://fonts.googleapis.com/css?family=Lato:400,300,700' rel='stylesheet' type='text/css'> |
54 |
| - <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"> |
55 |
| - <link rel="stylesheet" type="text/css" href="css/normalize.css"> |
56 |
| - <link rel="stylesheet" type="text/css" href="css/style.css"> |
| 7 | + <title>خليل الشرفي - مطور برمجيات (Vue.js, Angular, Laravel) | فرانكفورت، ألمانيا</title> |
| 8 | + |
| 9 | + <!-- SEO Meta Tags --> |
| 10 | + <meta name="description" content="مطور برمجيات كامل المكدس متخصص في Vue.js و Angular و Laravel. يطور تطبيقات ويب قابلة للتطوير في فرانكفورت، ألمانيا."> |
| 11 | + <meta name="keywords" content="مهندس برمجيات, مطور برمجيات, Vue.js, Angular, Laravel, PHP, JavaScript, فرانكفورت"> |
| 12 | + <meta name="author" content="خليل الشرفي"> |
| 13 | + <meta name="language" content="ar"> |
| 14 | + |
| 15 | + <!-- Hreflang & Canonical --> |
| 16 | + <link rel="alternate" hreflang="en" href="https://khalilcharfi.github.io/en/" /> |
| 17 | + <link rel="alternate" hreflang="fr" href="https://khalilcharfi.github.io/fr/" /> |
| 18 | + <link rel="alternate" hreflang="ar" href="https://khalilcharfi.github.io/ar/" /> |
| 19 | + <link rel="alternate" hreflang="de" href="https://khalilcharfi.github.io/de/" /> |
| 20 | + <link rel="canonical" href="https://khalilcharfi.github.io/ar/" /> |
| 21 | + |
57 | 22 | <!-- Schema Markup -->
|
58 | 23 | <script type="application/ld+json">
|
59 |
| - { |
60 |
| - "@context": "https://schema.org", |
61 |
| - "@type": "Person", |
62 |
| - "name": "Khalil Charfi", |
63 |
| - "jobTitle": "Software Engineer", |
64 |
| - "url": "https://khalilcharfi.github.io/", |
65 |
| - "email": "khalil.charfi@web.de", |
66 |
| - "description": "Full-stack developer specializing in Vue.js, Angular, and Laravel. Based in Frankfurt, Germany.", |
67 |
| - "address": { |
68 |
| - "@type": "PostalAddress", |
69 |
| - "addressLocality": "Frankfurt", |
70 |
| - "addressRegion": "Hesse", |
71 |
| - "addressCountry": "Germany" |
72 |
| - }, |
73 |
| - "worksFor": [ |
74 |
| - { |
75 |
| - "@type": "Organization", |
76 |
| - "name": "CHECK24 Vergleichsportal GmbH", |
77 |
| - "url": "https://www.check24.de/" |
78 |
| - }, |
79 |
| - { |
80 |
| - "@type": "Organization", |
81 |
| - "name": "ASM - All Soft Multimedia", |
82 |
| - "url": "" |
83 |
| - }, |
84 |
| - { |
85 |
| - "@type": "Organization", |
86 |
| - "name": "MyBus - Monkey Factory", |
87 |
| - "url": "" |
88 |
| - }, |
89 |
| - { |
90 |
| - "@type": "Organization", |
91 |
| - "name": "Softtodo IT Solutions", |
92 |
| - "url": "" |
93 |
| - }, |
94 |
| - { |
95 |
| - "@type": "Organization", |
96 |
| - "name": "University of Marburg", |
97 |
| - "url": "https://www.uni-marburg.de/" |
98 |
| - }, |
99 |
| - { |
100 |
| - "@type": "Organization", |
101 |
| - "name": "Digital Research Centre of Sfax", |
102 |
| - "url": "https://www.crns.rnrt.tn/" |
103 |
| - } |
104 |
| - ], |
105 |
| - "knowsAbout": [ |
106 |
| - "Software Engineering", |
107 |
| - "Full-Stack Development", |
108 |
| - "Web Development", |
109 |
| - "Mobile Development", |
110 |
| - "Vue.js", |
111 |
| - "Angular", |
112 |
| - "Laravel", |
113 |
| - "PHP", |
114 |
| - "JavaScript", |
115 |
| - "TypeScript", |
116 |
| - "Laminas", |
117 |
| - "Ionic", |
118 |
| - "Capacitor", |
119 |
| - "Flutter", |
120 |
| - "REST APIs", |
121 |
| - "GraphQL", |
122 |
| - "Keycloak", |
123 |
| - "Firebase", |
124 |
| - "GitLab CI/CD", |
125 |
| - "Bitrise", |
126 |
| - "TestCafe", |
127 |
| - "Cucumber", |
128 |
| - "SQL", |
129 |
| - "MySQL", |
130 |
| - "MongoDB", |
131 |
| - "Docker", |
132 |
| - "Agile Development", |
133 |
| - "Scrum", |
134 |
| - "Unit Testing", |
135 |
| - "E2E Testing" |
136 |
| - ], |
137 |
| - "alumniOf": [ |
138 |
| - { |
139 |
| - "@type": "Organization", |
140 |
| - "name": "University of Marburg" |
141 |
| - }, |
142 |
| - { |
143 |
| - "@type": "Organization", |
144 |
| - "name": "Digital Research Centre of Sfax" |
145 |
| - } |
146 |
| - ], |
147 |
| - "sameAs": [ |
148 |
| - "https://github.com/khalilcharfi", |
149 |
| - "https://www.linkedin.com/in/khalil-charfi", |
150 |
| - "https://www.xing.com/profile/Khalil_Charfi2/cv", |
151 |
| - "https://twitter.com/khalilcharfi8" |
152 |
| - ] |
153 |
| - } |
| 24 | + { |
| 25 | + "@context": "https://schema.org", |
| 26 | + "@type": "Person", |
| 27 | + "name": "خليل الشرفي", |
| 28 | + "jobTitle": "مهندس برمجيات", |
| 29 | + "url": "https://khalilcharfi.github.io/ar/", |
| 30 | + "email": "khalil.charfi@web.de", |
| 31 | + "address": { |
| 32 | + "@type": "PostalAddress", |
| 33 | + "addressLocality": "فرانكفورت", |
| 34 | + "addressRegion": "هيسن", |
| 35 | + "addressCountry": "ألمانيا" |
| 36 | + }, |
| 37 | + "worksFor": [ |
| 38 | + {"@type": "Organization", "name": "CHECK24 Vergleichsportal GmbH", "url": "https://www.check24.de/"}, |
| 39 | + {"@type": "Organization", "name": "ASM - All Soft Multimedia"} |
| 40 | + ], |
| 41 | + "knowsAbout": ["Vue.js", "Angular", "Laravel", "PHP", "واجهات برمجة التطبيقات", "Docker"], |
| 42 | + "sameAs": [ |
| 43 | + "https://github.com/khalilcharfi", |
| 44 | + "https://www.linkedin.com/in/khalil-charfi" |
| 45 | + ] |
| 46 | + } |
154 | 47 | </script>
|
| 48 | + |
| 49 | + <!-- Styles --> |
| 50 | + <link rel="stylesheet" href="../css/normalize.css"> |
| 51 | + <link rel="stylesheet" href="../css/style.css"> |
| 52 | + <link href='https://fonts.googleapis.com/css?family=Cairo:400,700' rel='stylesheet'> |
| 53 | + <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"> |
155 | 54 | </head>
|
156 | 55 | <body>
|
157 |
| - <!-- Google Tag Manager (noscript) --> |
158 |
| - <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KJLDLLX" height="0" width="0" |
159 |
| - style="display:none;visibility:hidden"></iframe></noscript> |
160 |
| - <!-- End Google Tag Manager (noscript) --> |
161 | 56 | <div class="universe">
|
162 | 57 | <div class="container">
|
163 | 58 | <div class="absolute-center">
|
164 | 59 | <div class="content__section">
|
165 |
| - <h1 class="content__text">Khalil Charfi</h1> |
| 60 | + <h1 class="content__text">خليل الشرفي</h1> |
| 61 | + <p class="subtitle">مطور برمجيات كامل المكدس | Vue.js، Angular، Laravel</p> |
166 | 62 | </div>
|
167 | 63 | <ul class="touch">
|
168 |
| - <li><a id="Github" title="Github" href="https://github.com/khalilcharfi" target="_blank" class="button" onclick="dataLayer.push({'event': 'button_click', 'button_id': 'Github'});"><i |
169 |
| - class="fa fa-github"></i></a></li> |
170 |
| - <li><a id="Linkedin" title="Linkedin" href="https://www.linkedin.com/in/khalil-charfi" target="_blank" |
171 |
| - class="button" onclick="dataLayer.push({'event': 'button_click', 'button_id': 'LinkedIn'});"><i class="fa fa-linkedin"></i></a> |
172 |
| - </li> |
173 |
| - <li><a id="Xing" title="Xing" href="https://www.xing.com/profile/Khalil_Charfi2/cv" target="_blank" |
174 |
| - class="button" onclick="dataLayer.push({'event': 'button_click', 'button_id': 'Xing'});"><i class="fa fa-brands fa-xing"></i></a> |
175 |
| - </li> |
| 64 | + <li><a href="https://github.com/khalilcharfi" target="_blank"><i class="fa fa-github"></i></a></li> |
| 65 | + <li><a href="https://www.linkedin.com/in/khalil-charfi" target="_blank"><i class="fa fa-linkedin"></i></a></li> |
176 | 66 | </ul>
|
177 | 67 | </div>
|
178 | 68 | </div>
|
179 | 69 | </div>
|
180 |
| - <script type="text/javascript" src="js/three.min.js"></script> |
181 |
| - <script type="text/javascript" src="js/charming.min.js"></script> |
182 |
| - <script type="text/javascript" src="js/morph.js"></script> |
183 |
| - |
| 70 | + <script src="../js/three.min.js"></script> |
| 71 | + <script src="../js/charming.min.js"></script> |
| 72 | + <script src="../js/morph.js"></script> |
184 | 73 | </body>
|
185 | 74 | </html>
|
0 commit comments