PageSourceSearch

https://xcodes.website/en

html xcodes.website collected 2026-10-02 02:10:30 UTC 91,305 bytes, 1,174 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3
4<head>
5    <meta charset="UTF-8">
6    <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
7
8    <link rel="shortcut icon" href="https://xcodes.website/storage/favicon/zbmAnsHgKCIIwut7z6HMqzFiF9xV6PlcuUglp51Z.ico" type="image/x-icon">
9    <meta property="og:type" content="website" />
10
11    <meta property="og:url" content="https://xcodes.website/en" />
12    <meta property="twitter:url" content="https://xcodes.website/en" />
13
14    <meta name="keywords" content="Web Development, Mobile App Development, Full Stack Developer, Front-End Development, Back-End Development, Android App Development, iOS App Development, Web Application Development, Frontend Technologies, Software Engineering">
15
16    <meta property="twitter:card" content="summary_large_image" />
17
18    <meta name="description" content="Senior Full-Stack &amp; Mobile Application Developer specializing in building scalable web and mobile applications, with expertise across frontend, backend, and API development.">
19    <meta property="og:description" content="Senior Full-Stack &amp; Mobile Application Developer specializing in building scalable web and mobile applications, with expertise across frontend, backend, and API development." />
20    <meta property="twitter:description" content="Senior Full-Stack &amp; Mobile Application Developer specializing in building scalable web and mobile applications, with expertise across frontend, backend, and API development." />
21
22    <meta property="og:site_name" content="Xcodes - For development" />
23    <meta property="og:title" content="Xcodes - For development" />
24    <meta property="twitter:title" content="Xcodes - For development" />
25
26    <meta property="og:image" content="https://xcodes.website/storage/settings/ilagQINwINFNDi6RCRllIN3DdHMejmonksgtXQMw.png" />
27    <meta property="twitter:image" content="https://xcodes.website/storage/settings/ilagQINwINFNDi6RCRllIN3DdHMejmonksgtXQMw.png" />
28
29    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
30    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.min.css">
31
32    
32<script src="https://xcodes.website/frontend/js/jquery-3.6.0.min.js"></script>
32
33
34    <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
35    <link rel="stylesheet" href="https://xcodes.website/frontend/style/style.css?v=1.0.0">
36
37    <link rel="manifest" href="https://xcodes.website/manifest.json">
38
39    <title>Xcodes - For development - Home</title>
40
41    
42    <!-- Google tag (gtag.js) -->
vendor: 65 bytes, lines 42-43
42
43<script async src="https://www.googletagmanager.com/gtag/js?id=
43G-5N4E5XTT4M
vendor: 13 bytes, line 43
43"></script>
44<script>
45  
vendor: 138 bytes, lines 45-49
45window.dataLayer = window.dataLayer || [];
46  function gtag(){dataLayer.push(arguments);}
47  gtag('js', new Date());
48
49  gtag('config', '
49G-5N4E5XTT4M
vendor: 5 bytes, line 49
49');
50</script>
50
51
52 <meta name="facebook-domain-verification" content="dwfzya906nrzmhnzxtdwidowbi7hqb" />
53
54</head>
55
56<body class="lang_en" dir="ltr">
57
58    <a class="skip-link" href="#main-content">Skip to content</a>
59    <!-- Loading Spinner -->
60<div class="loading_website position-fixed top-0 start-0 w-100 h-100 overflow-hidden bg-custom d-flex align-items-center justify-content-center flex-column"
61    style="z-index: 9999999999;">
62    <div class="loading">
63        <svg width="64px" height="48px">
64            <polyline points="0.157 23.954, 14 23.954, 21.843 48, 43 0, 50 24, 64 24" id="back"></polyline>
65            <polyline points="0.157 23.954, 14 23.954, 21.843 48, 43 0, 50 24, 64 24" id="front"></polyline>
66        </svg>
67    </div>
68</div>
69
70<script>
71    window.addEventListener('load', function() {
72        setTimeout(() => {
73            document.querySelector(".loading_website").remove();
74        }, 1500);
75    });
76</script>
76        <nav class="navbar navbar-expand-lg navbar-dark bg-transparent fixed-top" id="handle_navbar_scroll">
77    <div class="container">
78        <div class="d-flex align-items-center gap-2 justify-content-between w-100">
79            <a class="d-none d-sm-block m-auto navbar_logo_site" href="https://xcodes.website/en" aria-label="Home">
80                <img src="/storage/settings/5jO2nMLuBYqaXs3RVQ0FdmWCUCnhbA5sHH7nQgj5.webp" alt="" class="site-logo-image">
81            </a>
82
83
84            <div class="offcanvas offcanvas-end bg-dark text-white" tabindex="-1" id="offcanvasDarkNavbar" aria-labelledby="offcanvasDarkNavbarLabel">
85                <div class="offcanvas-header">
86                    <a class="navbar-brand logo d-block d-sm-none navbar_logo_site_sm" href="https://xcodes.website/en" aria-label="Home">
87                        <img src="/storage/settings/5jO2nMLuBYqaXs3RVQ0FdmWCUCnhbA5sHH7nQgj5.webp" alt="" class="site-logo-image">
88                    </a>
89                    <button type="button" class="btn-close btn-close-white" data-bs-dismiss="offcanvas" aria-label="Close"></button>
90                </div>
91                <div class="offcanvas-body flex-column">
92                    <ul class="navbar-nav flex-grow-1 justify-content-center small">
93                        <li class="nav-item">
94                            <a class="nav-link py-1 px-4 text-white text-capitalize" aria-current="page" href="https://xcodes.website/en">
95                                Home
96                            </a>
97                        </li>
98                        <li class="nav-item">
99                            <a class="nav-link py-1 px-4 text-white text-capitalize scroll-to" aria-current="page" href="#about">
100                                About Us
101                            </a>
102                        </li>
103                        <li class="nav-item">
104                            <a class="nav-link py-1 px-4 text-white text-capitalize" aria-current="page" href="https://xcodes.website/projects/en">
105                                Our Projects
106                            </a>
107                        </li>
108                        <li class="nav-item">
109                            <a class="nav-link py-1 px-4 text-white text-capitalize scroll-to" aria-current="page" href="#services">
110                                Our Services
111                            </a>
112                        </li>
113                        <li class="nav-item">
114                            <a class="nav-link py-1 px-4 text-white text-capitalize scroll-to" aria-current="page" href="#review">
115                                Review
116                            </a>
117                        </li>
118                        <li class="nav-item">
119                            <a class="nav-link py-1 px-4 text-white text-capitalize" aria-current="page" href="https://xcodes.website/contact/en">
120                                Contact Us
121                            </a>
122                        </li>
123
124                        <div class="d-block d-sm-none">
125                                                    </div>
126                    </ul>
127
128                </div>
129            </div>
130
131            <div class="d-flex align-items-center gap-2 justify-content-center navbar_all_button">
132                <button class="navbar-toggler border-0 p-0" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasDarkNavbar" aria-controls="offcanvasDarkNavbar" aria-label="Toggle navigation">
133                    <span class="navbar-toggler-icon"></span>
134                </button>
135
136                <form action="https://xcodes.website/change-languag" method="POST" onsubmit="return disableButton(this)">
137                    <input type="hidden" name="_token" value="RrP1Nhtf16d2yNgE0Z9zr3dsTsm72YdVoKwjt2xb" autocomplete="off">                    <input type="hidden" name="language" value="ar">
138                    <button type="submit" class="btn rounded-4 bg-custom-bg border-0 py-0 py-sm-1">
139                        AR
140                    </button>
141                </form>
142
143                            </div>
144
145
146            <!-- Logo -->
147            <a class="navbar-brand logo d-block d-sm-none navbar_logo_site_sm" href="https://xcodes.website/en" aria-label="Home">
148                <img src="/storage/settings/5jO2nMLuBYqaXs3RVQ0FdmWCUCnhbA5sHH7nQgj5.webp" alt="" class="site-logo-image">
149            </a>
150        </div>
151
152
153    </div>
154</nav>
155
156
157
158    <main class="main" id="main-content">
159
160                <!-- content -->
161        
162<section class="custom-header-section overflow-hidden background-header-en">
163    <div class="container px-2 px-sm-5 pt-2 pt-sm-5">
164        <div class="row px-2 px-sm-5 pt-2 pt-sm-5">
165            <div class="col-12 col-md-5 text-white">
166                <div class="header-title w-100" dir="ltr">
167                    <p class="text-uppercase style_title h1">Ramy Ibrahim</p>
168                </div>
169
170                <p class="header-text text-justify custom-font-sm">Senior Full-Stack &amp; Mobile Application Developer specializing in building scalable web and mobile applications, with expertise across frontend, backend, and API development.</p>
171            </div>
172        </div>
173
174        <div class="row px-2 px-sm-5">
175            <div class="col-12 col-md-5 text-white" dir="ltr">
176                <p class="line h4"><span class="text"></span><span class="cursor">|</span></p>
177                <p id="tech-list" class="custom-font-sm d-none">HTML5, CSS, Sass, JavaScript , Typescript, jQuery, Bootstrap, React, Redux, Next.js, React Native, Python, PHP, Laravel, MySQL, Git, Github</p>
178            </div>
179        </div>
180        
181        <div class="mt-2 px-2 px-sm-5">
182            <div class="d-flex flex-wrap align-items-center gap-3">
183                                <a href="https://play.google.com/store/apps/dev?id=7065802982629698675" class="text-white">
184                    <i class="bi bi-google-play"></i>
185                    <span class="visually-hidden">Link to 0</span>
186                </a>
187                                <a href="https://github.com/ramyibrahim-eg" class="text-white">
188                    <i class="bi bi-github"></i>
189                    <span class="visually-hidden">Link to 1</span>
190                </a>
191                                <a href="https://www.facebook.com/ramyibrahim123" class="text-white">
192                    <i class="bi bi-facebook"></i>
193                    <span class="visually-hidden">Link to 2</span>
194                </a>
195                                <a href="https://www.linkedin.com/in/ramy-ibrahim-a767a3269/" class="text-white">
196                    <i class="bi bi-linkedin"></i>
197                    <span class="visually-hidden">Link to 3</span>
198                </a>
199                                <a href="https://api.whatsapp.com/send?phone=201200050378" class="text-white">
200                    <i class="bi bi-whatsapp"></i>
201                    <span class="visually-hidden">Link to 4</span>
202                </a>
203                            </div>
204        </div>
205    </div>
206
207
208    <div class="slider_programming w-100 position-absolute bottom-0">
209        <div class="swiper swiper-programming">
210            <div class="d-flex gap-2 swiper-wrapper align-items-center">
211                <div class="swiper-slide">
212                    <svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
213                        <title>HTML5</title>
214                        <path d="M1.5 0h21l-1.91 21.563L11.977 24l-8.564-2.438L1.5 0zm7.031 9.75l-.232-2.718 10.059.003.23-2.622L5.412 4.41l.698 8.01h9.126l-.326 3.426-2.91.804-2.955-.81-.188-2.11H6.248l.33 4.171L12 19.351l5.379-1.443.744-8.157H8.531z" />
215                    </svg>
216                </div>
217                <div class="swiper-slide">
218                    <svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
219                        <title>CSS3</title>
220                        <path d="M1.5 0h21l-1.91 21.563L11.977 24l-8.565-2.438L1.5 0zm17.09 4.413L5.41 4.41l.213 2.622 10.125.002-.255 2.716h-6.64l.24 2.573h6.182l-.366 3.523-2.91.804-2.956-.81-.188-2.11h-2.61l.29 3.855L12 19.288l5.373-1.53L18.59 4.414z" />
221                    </svg>
222                </div>
223                <div class="swiper-slide">
224                    <svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
225                        <title>Sass</title>
226                        <path d="M12 0c6.627 0 12 5.373 12 12s-5.373 12-12 12S0 18.627 0 12 5.373 0 12 0zM9.615 15.998c.175.645.156 1.248-.024 1.792l-.065.18c-.024.061-.052.12-.078.176-.14.29-.326.56-.555.81-.698.759-1.672 1.047-2.09.805-.45-.262-.226-1.335.584-2.19.871-.918 2.12-1.509 2.12-1.509v-.003l.108-.061zm9.911-10.861c-.542-2.133-4.077-2.834-7.422-1.645-1.989.707-4.144 1.818-5.693 3.267C4.568 8.48 4.275 9.98 4.396 10.607c.427 2.211 3.457 3.657 4.703 4.73v.006c-.367.18-3.056 1.529-3.686 2.925-.675 1.47.105 2.521.615 2.655 1.575.436 3.195-.36 4.065-1.649.84-1.261.766-2.881.404-3.676.496-.135 1.08-.195 1.83-.104 2.101.24 2.521 1.56 2.43 2.1-.09.539-.523.854-.674.944-.15.091-.195.12-.181.181.015.09.091.09.21.075.165-.03 1.096-.45 1.141-1.471.045-1.29-1.186-2.729-3.375-2.7-.9.016-1.471.091-1.875.256-.03-.045-.061-.075-.105-.105-1.35-1.455-3.855-2.475-3.75-4.41.03-.705.285-2.564 4.8-4.814 3.705-1.846 6.661-1.335 7.171-.21.733 1.604-1.576 4.59-5.431 5.024-1.47.165-2.235-.404-2.431-.
226615-.209-.225-.239-.24-.314-.194-.12.06-.045.255 0 .375.12.3.585.825 1.396 1.095.704.225 2.43.359 4.5-.45 2.324-.899 4.139-3.405 3.614-5.505l.073.067z" />
227                    </svg>
228                </div>
229                <div class="swiper-slide">
230                    <svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
231                        <title>JavaScript</title>
232                        <path d="M0 0h24v24H0V0zm22.034 18.276c-.175-1.095-.888-2.015-3.003-2.873-.736-.345-1.554-.585-1.797-1.14-.091-.33-.105-.51-.046-.705.15-.646.915-.84 1.515-.66.39.12.75.42.976.9 1.034-.676 1.034-.676 1.755-1.125-.27-.42-.404-.601-.586-.78-.63-.705-1.469-1.065-2.834-1.034l-.705.089c-.676.165-1.32.525-1.71 1.005-1.14 1.291-.811 3.541.569 4.471 1.365 1.02 3.361 1.244 3.616 2.205.24 1.17-.87 1.545-1.966 1.41-.811-.18-1.26-.586-1.755-1.336l-1.83 1.051c.21.48.45.689.81 1.109 1.74 1.756 6.09 1.666 6.871-1.004.029-.09.24-.705.074-1.65l.046.067zm-8.983-7.245h-2.248c0 1.938-.009 3.864-.009 5.805 0 1.232.063 2.363-.138 2.711-.33.689-1.18.601-1.566.48-.396-.196-.597-.466-.83-.855-.063-.105-.11-.196-.127-.196l-1.825 1.125c.305.63.75 1.172 1.324 1.517.855.51 2.004.675 3.207.405.783-.226 1.458-.691 1.811-1.411.51-.93.402-2.07.397-3.346.012-2.054 0-4.109 0-6.179l.004-.056z" />
233                    </svg>
234                </div>
235                <div class="swiper-slide">
236                    <svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
237                        <title>TypeScript</title>
238                        <path d="M1.125 0C.502 0 0 .502 0 1.125v21.75C0 23.498.502 24 1.125 24h21.75c.623 0 1.125-.502 1.125-1.125V1.125C24 .502 23.498 0 22.875 0zm17.363 9.75c.612 0 1.154.037 1.627.111a6.38 6.38 0 0 1 1.306.34v2.458a3.95 3.95 0 0 0-.643-.361 5.093 5.093 0 0 0-.717-.26 5.453 5.453 0 0 0-1.426-.2c-.3 0-.573.028-.819.086a2.1 2.1 0 0 0-.623.242c-.17.104-.3.229-.393.374a.888.888 0 0 0-.14.49c0 .196.053.373.156.529.104.156.252.304.443.444s.423.276.696.41c.273.135.582.274.926.416.47.197.892.407 1.266.628.374.222.695.473.963.753.268.279.472.598.614.957.142.359.214.776.214 1.253 0 .657-.125 1.21-.373 1.656a3.033 3.033 0 0 1-1.012 1.085 4.38 4.38 0 0 1-1.487.596c-.566.12-1.163.18-1.79.18a9.916 9.916 0 0 1-1.84-.164 5.544 5.544 0 0 1-1.512-.493v-2.63a5.033 5.033 0 0 0 3.237 1.2c.333 0 .624-.03.872-.09.249-.06.456-.144.623-.25.166-.108.29-.234.373-.38a1.023 1.023 0 0 0-.074-1.089 2.12 2.12 0 0 0-.537-.5 5.597 5.597 0 0 0-.807-.444 27.72 27.72 0 0 0-1.007-.436c-.918-.383-1.602-.852-2.053-1.405-.45-.553-.676-1.222-.676-2.005 0-.614.123-1.141.369-1.582.246-.441.58-.804 1.004-1.089a4.494 4.494 0 0 1 1.47-.629 7.536 7.536 0 0 1 1.77-.201zm-15.113.188h9.563v2.166H9.506v9.646H6.789v-9.646H3.375z" />
239                    </svg>
240                </div>
241                <div class="swiper-slide">
242                    <svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
243                        <title>jQuery</title>
244                        <path d="M1.525 5.87c-2.126 3.054-1.862 7.026-.237 10.269.037.079.078.154.118.229.023.052.049.1.077.15.013.027.031.056.047.082.026.052.054.102.081.152l.157.266c.03.049.057.097.09.146.056.094.12.187.178.281.026.04.05.078.079.117a6.368 6.368 0 00.31.445c.078.107.156.211.24.315.027.038.058.076.086.115l.22.269c.028.03.055.067.084.099.098.118.202.233.306.35l.005.006a3.134 3.134 0 00.425.44c.08.083.16.165.245.245l.101.097c.111.105.223.209.34.309.002 0 .003.002.005.003l.057.05c.102.089.205.178.31.26l.125.105c.085.068.174.133.26.2l.137.105c.093.07.192.139.287.207.035.025.07.05.106.073l.03.023.28.185.12.08c.148.094.294.184.44.272.041.02.084.044.123.068.108.062.22.125.329.183.06.034.122.063.184.094.075.042.153.083.234.125a.324.324 0 01.056.023c.033.015.064.031.096.047.12.06.245.118.375.175.024.01.05.02.076.034.144.063.289.123.438.182.034.01.07.027.105.04.135.051.274.103.411.152l.05.018c.154.052.305.102.46.15.036.01.
244073.023.111.033.16.048.314.105.474.137 10.273 1.872 13.258-6.177 13.258-6.177-2.508 3.266-6.958 4.127-11.174 3.169-.156-.036-.312-.086-.47-.132a13.539 13.539 0 01-.567-.182l-.062-.024c-.136-.046-.267-.097-.4-.148a1.615 1.615 0 00-.11-.04c-.148-.06-.29-.121-.433-.184-.031-.01-.057-.024-.088-.036a23.44 23.44 0 01-.362-.17 1.485 1.485 0 01-.106-.052c-.094-.044-.188-.095-.28-.143a3.947 3.947 0 01-.187-.096c-.114-.06-.227-.125-.34-.187-.034-.024-.073-.044-.112-.066a15.922 15.922 0 01-.439-.27 2.107 2.107 0 01-.118-.078 6.01 6.01 0 01-.312-.207c-.035-.023-.067-.048-.103-.073a9.553 9.553 0 01-.295-.212c-.042-.034-.087-.066-.132-.1-.088-.07-.177-.135-.265-.208l-.118-.095a10.593 10.593 0 01-.335-.28.258.258 0 00-.037-.031l-.347-.316-.1-.094c-.082-.084-.166-.164-.25-.246l-.098-.1a9.081 9.081 0 01-.309-.323l-.015-.016c-.106-.116-.21-.235-.313-.355-.027-.03-.053-.064-.08-.097l-.227-.277a21.275 21.275 0 01-.34-.449C2.152 11.79 1.306 7.384 3.177 3.771m4.943-.473c-1.54 2.211-1.454 5.169-.254 7.508a9.111 9.111 0 00.678 1.133c.23.33.484.721.793.988.107.122.223.24.344.36l.09.09c.114.11.232.217.35.325l.016.013a9.867 9.867 0 00.414.342c.034.023.063.05.096.073.14.108.282.212.428.316l.015.009c.062.045.128.086.198.13.028.018.06.042.09.06.106.068.21.132.318.197.017.007.032.016.048.023.09.055.188.108.282.157.033.02.065.035.1.054.066.033.132.068.197.102l.032.014c.135.067.273.129.408.19.034.014.063.025.092.039.111.048.224.094.336.137.05.017.097.037.144.052.102.038.21.073.31.108l.14.045c.147.045.295.104.449.13C22.164 17.206 24 11.098 24 11.098c-1.653 2.38-4.852 3.513-8.261 2.628a8.04 8.04 0 01-.449-.13c-.048-.014-.09-.029-.136-.043-.104-.036-.211-.07-.312-.109l-.144-.054c-.113-.045-.227-.087-.336-.135-.034-.015-.065-.025-.091-.04-.14-.063-.281-.125-.418-.192l-.206-.107-.119-.06a5.673 5.673 0 01-.265-.15.62.62 0 01-.062-.035c-.106-.066-.217-.13-.318-.198-.034-.019-.065-.042-.097-.062l-.208-.136c-.144-.1-.285-.208-.428-.313-.032-.029-.063-.053-.094-.079-1.499-1.178-2.681-2.79-3.242-4.613-.59-1.897-.46-4.023.56-5.75m4.292-.147c-.909 1.334-.996 2.99-.37 4.46.665 1.563 2.024 2.79 3.608 3.37.065.025.128.046.196.07l.088.027c.092.03.185.063.28.084 4.381.845 5.567-2.25 5.886-2.704-1.043 1.498-2.792 1.857-4.938 1.335a4.85 4.85 0 01-.516-.16 6.352 6.352 0 01-.618-.254 6.53 6.53 0 01-1.082-.66c-1.922-1.457-3.113-4.236-1.859-6.5" />
245                    </svg>
246                </div>
247                <div class="swiper-slide">
248                    <svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
249                        <title>Bootstrap</title>
250                        <path d="M11.77 11.24H9.956V8.202h2.152c1.17 0 1.834.522 1.834 1.466 0 1.008-.773 1.572-2.174 1.572zm.324 1.206H9.957v3.348h2.231c1.459 0 2.232-.585 2.232-1.685s-.795-1.663-2.326-1.663zM24 11.39v1.218c-1.128.108-1.817.944-2.226 2.268-.407 1.319-.463 2.937-.42 4.186.045 1.3-.968 2.5-2.337 2.5H4.985c-1.37 0-2.383-1.2-2.337-2.5.043-1.249-.013-2.867-.42-4.186-.41-1.324-1.1-2.16-2.228-2.268V11.39c1.128-.108 1.819-.944 2.227-2.268.408-1.319.464-2.937.42-4.186-.045-1.3.968-2.5 2.338-2.5h14.032c1.37 0 2.382 1.2 2.337 2.5-.043 1.249.013 2.867.42 4.186.409 1.324 1.098 2.16 2.226 2.268zm-7.927 2.817c0-1.354-.953-2.333-2.368-2.488v-.057c1.04-.169 1.856-1.135 1.856-2.213 0-1.537-1.213-2.538-3.062-2.538h-4.16v10.172h4.181c2.218 0 3.553-1.086 3.553-2.876z" />
251                    </svg>
252                </div>
253                <div class="swiper-slide">
254                    <svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
255                        <title>React</title>
256                        <path d="M14.23 12.004a2.236 2.236 0 0 1-2.235 2.236 2.236 2.236 0 0 1-2.236-2.236 2.236 2.236 0 0 1 2.235-2.236 2.236 2.236 0 0 1 2.236 2.236zm2.648-10.69c-1.346 0-3.107.96-4.888 2.622-1.78-1.653-3.542-2.602-4.887-2.602-.41 0-.783.093-1.106.278-1.375.793-1.683 3.264-.973 6.365C1.98 8.917 0 10.42 0 12.004c0 1.59 1.99 3.097 5.043 4.03-.704 3.113-.39 5.588.988 6.38.32.187.69.275 1.102.275 1.345 0 3.107-.96 4.888-2.624 1.78 1.654 3.542 2.603 4.887 2.603.41 0 .783-.09 1.106-.275 1.374-.792 1.683-3.263.973-6.365C22.02 15.096 24 13.59 24 12.004c0-1.59-1.99-3.097-5.043-4.032.704-3.11.39-5.587-.988-6.38-.318-.184-.688-.277-1.092-.278zm-.005 1.09v.006c.225 0 .406.044.558.127.666.382.955 1.835.73 3.704-.054.46-.142.945-.25 1.44-.96-.236-2.006-.417-3.107-.534-.66-.905-1.345-1.727-2.035-2.447 1.592-1.48 3.087-2.292 4.105-2.295zm-9.77.02c1.012 0 2.514.808 4.11 2.28-.686.72-1.37 1.537-2.02 2.442-1.107.117-2.154.298-3.113.538-.112-.49-.195-.964-.254-1.42-.23-1.868.054-3.32.714-3.707.19-.09.4-.127.563-.132zm4.882 3.05c.455.468.91.992 1.36 1.564-.44-.02-.89-.034-1.345-.034-.46 0-.915.01-1.36.034.44-.572.895-1.096 1.345-1.565zM12 8.1c.74 0 1.477.034 2.202.093.406.582.802 1.203 1.183 1.86.372.64.71 1.29 1.018 1.946-.308.655-.646 1.31-1.013 1.95-.38.66-.773 1.288-1.18 1.87-.728.063-1.466.098-2.21.098-.74 0-1.477-.035-2.202-.093-.406-.582-.802-1.204-1.
256183-1.86-.372-.64-.71-1.29-1.018-1.946.303-.657.646-1.313 1.013-1.954.38-.66.773-1.286 1.18-1.868.728-.064 1.466-.098 2.21-.098zm-3.635.254c-.24.377-.48.763-.704 1.16-.225.39-.435.782-.635 1.174-.265-.656-.49-1.31-.676-1.947.64-.15 1.315-.283 2.015-.386zm7.26 0c.695.103 1.365.23 2.006.387-.18.632-.405 1.282-.66 1.933-.2-.39-.41-.783-.64-1.174-.225-.392-.465-.774-.705-1.146zm3.063.675c.484.15.944.317 1.375.498 1.732.74 2.852 1.708 2.852 2.476-.005.768-1.125 1.74-2.857 2.475-.42.18-.88.342-1.355.493-.28-.958-.646-1.956-1.1-2.98.45-1.017.81-2.01 1.085-2.964zm-13.395.004c.278.96.645 1.957 1.1 2.98-.45 1.017-.812 2.01-1.086 2.964-.484-.15-.944-.318-1.37-.5-1.732-.737-2.852-1.706-2.852-2.474 0-.768 1.12-1.742 2.852-2.476.42-.18.88-.342 1.356-.494zm11.678 4.28c.265.657.49 1.312.676 1.948-.64.157-1.316.29-2.016.39.24-.375.48-.762.705-1.158.225-.39.435-.788.636-1.18zm-9.945.02c.2.392.41.783.64 1.175.23.39.465.772.705 1.143-.695-.102-1.365-.23-2.006-.386.18-.63.406-1.282.66-1.933zM17.92 16.32c.112.493.2.968.254 1.423.23 1.868-.054 3.32-.714 3.708-.147.09-.338.128-.563.128-1.012 0-2.514-.807-4.11-2.28.686-.72 1.37-1.536 2.02-2.44 1.107-.118 2.154-.3 3.113-.54zm-11.83.01c.96.234 2.006.415 3.107.532.66.905 1.345 1.727 2.035 2.446-1.595 1.483-3.092 2.295-4.11 2.295-.22-.005-.406-.05-.553-.132-.666-.38-.955-1.834-.73-3.703.054-.46.142-.944.25-1.438zm4.56.64c.44.02.89.034 1.345.034.46 0 .915-.01 1.36-.034-.44.572-.895 1.095-1.345 1.565-.455-.47-.91-.993-1.36-1.565z" />
257                    </svg>
258                </div>
259                <div class="swiper-slide">
260                    <svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
261                        <title>Redux</title>
262                        <path d="M16.634 16.504c.87-.075 1.543-.84 1.5-1.754-.047-.914-.796-1.648-1.709-1.648h-.061a1.71 1.71 0 00-1.648 1.769c.03.479.226.869.494 1.153-1.048 2.038-2.621 3.536-5.005 4.795-1.603.838-3.296 1.154-4.944.93-1.378-.195-2.456-.81-3.116-1.799-.988-1.499-1.078-3.116-.255-4.734.6-1.17 1.499-2.023 2.099-2.443a9.96 9.96 0 01-.42-1.543C-.868 14.408-.416 18.752.932 20.805c1.004 1.498 3.057 2.456 5.304 2.456.6 0 1.23-.044 1.843-.194 3.897-.749 6.848-3.086 8.541-6.532zm5.348-3.746c-2.32-2.728-5.738-4.226-9.634-4.226h-.51c-.253-.554-.837-.899-1.498-.899h-.045c-.943 0-1.678.81-1.647 1.753.03.898.794 1.648 1.708 1.648h.074a1.69 1.69 0 001.499-1.049h.555c2.309 0 4.495.674 6.488 1.992 1.527 1.005 2.622 2.323 3.237 3.897.538 1.288.509 2.547-.045 3.597-.855 1.647-2.294 2.517-4.196 2.517-1.199 0-2.367-.375-2.967-.644-.36.298-.96.793-1.394 1.093 1.318.598 2.652.943 3.94.943 2.922 0 5.094-1.647 5.919-3.236.898-1.798.824-4.824-1.47-7.416zM6.49 17.042c.03.899.793 1.648 1.708 1.648h.06a1.688 1.688 0 001.648-1.768c0-.9-.779-1.647-1.693-1.647h-.06c-.06 0-.15 0-.226.029-1.243-2.098-1.768-4.347-1.572-6.772.12-1.828.72-3.417 1.797-4.735.9-1.124 2.593-1.68 3.747-1.708 3.236-.061 4.585 3.971 4.689 5.574l1.498.45C17.741 3.197 14.686.62 11.764.62 9.02.62 6.49 2.613 5.47 5.535 4.077 9.43 4.991 13.177 6.7 16.174c-.15.195-.24.539-.21.868z" />
263                    </svg>
264                </div>
265                <div class="swiper-slide">
266                    <svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
267                        <title>Next.js</title>
268                        <path d="M18.665 21.978C16.758 23.255 14.465 24 12 24 5.377 24 0 18.623 0 12S5.377 0 12 0s12 5.377 12 12c0 3.583-1.574 6.801-4.067 9.001L9.219 7.2H7.2v9.596h1.615V9.251l9.85 12.727Zm-3.332-8.533 1.6 2.061V7.2h-1.6v6.245Z" />
269                    </svg>
270                </div>
271                <div class="swiper-slide">
272                    <svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
273                        <title>Python</title>
274                        <path d="M14.25.18l.9.2.73.26.59.3.45.32.34.34.25.34.16.33.1.3.04.26.02.2-.01.13V8.5l-.05.63-.13.55-.21.46-.26.38-.3.31-.33.25-.35.19-.35.14-.33.1-.3.07-.26.04-.21.02H8.77l-.69.05-.59.14-.5.22-.41.27-.33.32-.27.35-.2.36-.15.37-.1.35-.07.32-.04.27-.02.21v3.06H3.17l-.21-.03-.28-.07-.32-.12-.35-.18-.36-.26-.36-.36-.35-.46-.32-.59-.28-.73-.21-.88-.14-1.05-.05-1.23.06-1.22.16-1.04.24-.87.32-.71.36-.57.4-.44.42-.33.42-.24.4-.16.36-.1.32-.05.24-.01h.16l.06.01h8.16v-.83H6.18l-.01-2.75-.02-.37.05-.34.11-.31.17-.28.25-.26.31-.23.38-.2.44-.18.51-.15.58-.12.64-.1.71-.06.77-.04.84-.02 1.27.05zm-6.3 1.98l-.23.33-.08.41.08.41.23.34.33.22.41.09.41-.09.33-.22.23-.34.08-.41-.08-.41-.23-.33-.33-.22-.41-.09-.41.09zm13.09 3.95l.28.06.32.12.35.18.36.27.36.35.35.47.32.59.28.73.21.88.14 1.04.05 1.23-.06 1.23-.16 1.04-.24.86-.32.71-.36.57-.4.45-.42.33-.42.24-.4.16-.36.09-.32.05-.24.02-.16-.01h-8.22v.82h5.84l.01 2.76.02.36-.05.34-.11.31-.17.29-.25.25-.31.24-.38.2-.44.17-.51.15-.58.13-.64.09-.71.07-.77.04-.84.01-1.27-.04-1.07-.14-.9-.2-.73-.25-.59-.3-.45-.33-.34-.34-.25-.34-.16-.33-.1-.3-.04-.25-.02-.2.01-.13v-5.34l.05-.64.13-.54.21-.46.26-.38.3-.32.33-.24.35-.2.35-.14.33-.1.3-.06.26-.04.21-.02.13-.01h5.84l.69-.05.59-.14.5-.21.41-.28.33-.32.27-.35.2-.36.15-.36.1-.35.07-.32.04-.28.02-.21V6.07h2.09l.14.01zm-6.47 14.25l-.23.33-.08.41.08.41.23.33.33.23.41.08.41-.08.33-.23.23-.33.08-.41-.08-.41-.23-.33-.33-.23-.41-.08-.41.08z" />
275                    </svg>
276                </div>
277                <div class="swiper-slide">
278                    <svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
279                        <title>PHP</title>
280                        <path d="M7.01 10.207h-.944l-.515 2.648h.838c.556 0 .97-.105 1.242-.314.272-.21.455-.559.55-1.049.092-.47.05-.802-.124-.995-.175-.193-.523-.29-1.047-.29zM12 5.688C5.373 5.688 0 8.514 0 12s5.373 6.313 12 6.313S24 15.486 24 12c0-3.486-5.373-6.312-12-6.312zm-3.26 7.451c-.261.25-.5
28075.438-.917.551-.336.108-.765.164-1.285.164H5.357l-.327 1.681H3.652l1.23-6.326h2.65c.797 0 1.378.209 1.744.628.366.418.476 1.002.33 1.752a2.836 2.836 0 0 1-.305.847c-.143.255-.33.49-.561.703zm4.024.715l.543-2.799c.063-.318.039-.536-.068-.651-.107-.116-.336-.174-.687-.174H11.46l-.704 3.625H9.388l1.23-6.327h1.367l-.327 1.682h1.218c.767 0 1.295.134 1.586.401s.378.7.263 1.299l-.572 2.944h-1.389zm7.597-2.265a2.782 2.782 0 0 1-.305.847c-.143.255-.33.49-.561.703a2.44 2.44 0 0 1-.917.551c-.336.108-.765.164-1.286.164h-1.18l-.327 1.682h-1.378l1.23-6.326h2.649c.797 0 1.378.209 1.744.628.366.417.477 1.001.331 1.751zM17.766 10.207h-.943l-.516 2.648h.838c.557 0 .971-.105 1.242-.314.272-.21.455-.559.551-1.049.092-.47.049-.802-.125-.995s-.524-.29-1.047-.29z" />
281                    </svg>
282                </div>
283                <div class="swiper-slide">
284                    <svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
285                        <title>Laravel</title>
286                        <path d="M23.642 5.43a.364.364 0 01.014.1v5.149c0 .135-.073.26-.189.326l-4.323 2.49v4.934a.378.378 0 01-.188.326L9.93 23.949a.316.316 0 01-.066.027c-.008.002-.016.008-.024.01a.348.348 0 01-.192 0c-.011-.002-.02-.008-.03-.012-.02-.008-.042-.014-.062-.025L.533 18.755a.376.376 0 01-.189-.326V2.974c0-.033.005-.066.014-.098.003-.012.01-.02.014-.032a.369.369 0 01.023-.058c.004-.013.015-.022.023-.033l.033-.045c.012-.01.025-.018.037-.027.014-.012.027-.024.041-.034H.53L5.043.05a.375.375 0 01.375 0L9.93 2.647h.002c.015.01.027.021.04.033l.038.027c.013.014.02.03.033.045.008.011.02.021.025.033.01.02.017.038.024.058.003.011.01.021.013.032.01.031.014.064.014.098v9.652l3.76-2.164V5.527c0-.033.004-.066.013-.098.003-.01.01-.02.013-.032a.487.487 0 01.024-.059c.007-.012.018-.02.025-.033.012-.015.021-.03.033-.043.012-.012.025-.02.037-.028.014-.01.026-.023.041-.032h.001l4.513-2.598a.375.375 0 01.375 0l4.513 2.598c.016.01.027.021.042.031.012.01.025.018.036.028.013.014.022.03.034.044.008.012.019.021.024.033.011.02.018.04.024.06.006.01.012.021.015.032zm-.74 5.032V6.179l-1.578.908-2.182 1.256v4.283zm-4.51 7.75v-4.287l-2.147 1.225-6.126 3.498v4.325zM1.093 3.624v14.588l8.273 4.761v-4.325l-4.322-2.445-.002-.003H5.04c-.014-.01-.025-.021-.04-.031-.011-.01-.024-.018-.035-.027l-.001-.002c-.013-.012-.021-.025-.031-.04-.01-.011-.021-.022-.028-.036h-.002c-.008-.014-.013-.031-.02-.047-.006-.016-.014-.027-.018-.043a.49.49 0 01-.008-.057c-.002-.014-.006-.027-.006-.041V5.789l-2.18-1.257zM5.23.81L1.47 2.974l3.76 2.164 3.758-2.164zm1.956 13.505l2.182-1.256V3.624l-1.58.91-2.182 1.255v9.435zm11.581-10.95l-3.76 2.163 3.76 2.163 3.759-2.164zm-.376 4.978L16.21 7.087 14.63 6.18v4.283l2.182 1.256 1.58.908zm-8.65 9.654l5.514-3.148 2.756-1.572-3.757-2.163-4.323 2.489-3.941 2.27z" />
287                    </svg>
288                </div>
289                <div class="swiper-slide">
290                    <svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
291                        <title>MySQL</title>
292                        <path d="M16.405 5.501c-.115 0-.193.014-.274.033v.013h.014c.054.104.146.18.214.273.054.107.1.214.154.32l.014-.015c.094-.066.14-.172.14-.333-.04-.047-.046-.094-.08-.14-.04-.067-.126-.1-.18-.153zM5.77 18.695h-.927a50.854 50.854 0 00-.27-4.41h-.008l-1.41 4.41H2.45l-1.4-4.41h-.01a72.892 72.892 0 00-.195 4.41H0c.055-1.966.192-3.81.41-5.53h1.15l1.335 4.064h.008l1.347-4.064h1.095c.242 2.015.384 3.86.428 5.53zm4.017-4.08c-.378 2.045-.876 3.533-1.492 4.46-.482.716-1.01 1.073-1.583 1.073-.153 0-.34-.046-.566-.138v-.494c.11.017.24.026.386.026.268 0 .483-.075.647-.222.197-.18.295-.382.295-.605 0-.155-.077-.47-.23-.944L6.23 14.615h.91l.727 2.36c.164.536.233.91.205 1.123.4-1.064.678-2.227.835-3.483zm12.325 4.08h-2.63v-5.53h.885v4.85h1.745zm-3.32.135l-1.016-.5c.09-.076.177-.158.255-.25.433-.506.648-1.258.648-2.253 0-1.83-.718-2.746-2.155-2.746-.704 0-1.254.232-1.65.697-.43.508-.646 1.256-.646 2.245 0 .972.19 1.686.574 2.14.35.41.877.615 1.583.615.264 0 .506-.033.725-.098l1.325.772.36-.622zM15.5 17.588c-.225-.36-.337-.94-.337-1.736 0-1.393.424-2.09 1.27-2.09.443 0 .77.167.977.5.224.362.336.936.336 1.723 0 1.404-.424 2.108-1.27 2.108-.445 0-.77-.167-.978-.5zm-1.658-.425c0 .47-.172.856-.516 1.156-.344.3-.803.45-1.384.45-.543 0-1.064-.172-1.573-.515l.237-.476c.438.22.833.328 1.19.328.332 0 .593-.073.783-.22a.754.754 0 00.3-.615c0-.33-.23-.61-.648-.845-.388-.213-1.163-.657-1.163-.657-.422-.307-.632-.636-.632-1.177 0-.45.157-.81.47-1.085.315-.278.72-.415 1.22-.415.512 0 .98.136 1.4.41l-.213.476a2.726 2.726 0 00-1.064-.23c-.283 0-.502.068-.654.206a.685.685 0 00-.248.524c0 .328.234.61.666.85.393.215 1.187.67 1.187.67.433.305.648.63.648 1.168zm9.382-5.852c-.535-.014-.95.04-1.297.188-.1.04-.26.04-.274.167.055.053.063.14.11.214.08.134.218.313.346.407.14.11.28.216.427.31.26.16.555.255.81.416.145.094.293.213.44.313.073.05.12.14.214.172v-.02c-.046-.06-.06-.147-.105-.214-.067-.067-.134-.127-.2-.193a3.223 3.223 0 00-.695-.675c-.214-.146-.682-.35-.77-.595l-.013-.014c.146-.013.32-.066.46-.106.227-.
29206.435-.047.67-.106.106-.027.213-.06.32-.094v-.06c-.12-.12-.21-.283-.334-.395a8.867 8.867 0 00-1.104-.823c-.21-.134-.476-.22-.697-.334-.08-.04-.214-.06-.26-.127-.12-.146-.19-.34-.275-.514a17.69 17.69 0 01-.547-1.163c-.12-.262-.193-.523-.34-.763-.69-1.137-1.437-1.826-2.586-2.5-.247-.14-.543-.2-.856-.274-.167-.008-.334-.02-.5-.027-.11-.047-.216-.174-.31-.235-.38-.24-1.364-.76-1.644-.072-.18.434.267.862.422 1.082.115.153.26.328.34.5.047.116.06.235.107.356.106.294.207.622.347.897.073.14.153.287.247.413.054.073.146.107.167.227-.094.136-.1.334-.154.5-.24.757-.146 1.693.194 2.25.107.166.362.534.703.393.3-.12.234-.5.32-.835.02-.08.007-.133.048-.187v.015c.094.188.188.367.274.555.206.328.566.668.867.895.16.12.287.328.487.402v-.02h-.015c-.043-.058-.1-.086-.154-.133a3.445 3.445 0 01-.35-.4 8.76 8.76 0 01-.747-1.218c-.11-.21-.202-.436-.29-.643-.04-.08-.04-.2-.107-.24-.1.146-.247.273-.32.453-.127.288-.14.642-.188 1.01-.027.007-.014 0-.027.014-.214-.052-.287-.274-.367-.46-.2-.475-.233-1.238-.06-1.785.047-.14.247-.582.167-.716-.042-.127-.174-.2-.247-.303a2.478 2.478 0 01-.24-.427c-.16-.374-.24-.788-.414-1.162-.08-.173-.22-.354-.334-.513-.127-.18-.267-.307-.368-.52-.033-.073-.08-.194-.027-.274.014-.054.042-.075.094-.09.088-.072.335.022.422.062.247.1.455.194.662.334.094.066.195.193.315.226h.14c.214.047.455.014.655.073.355.114.675.28.962.46a5.953 5.953 0 012.085 2.286c.08.154.115.295.188.455.14.33.313.663.455.982.14.315.275.636.476.897.1.14.502.213.682.286.133.06.34.115.46.188.23.14.454.3.67.454.11.076.443.243.463.378z" />
293                    </svg>
294                </div>
295                <div class="swiper-slide">
296                    <svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
297                        <title>Git</title>
298                        <path d="M23.546 10.93L13.067.452c-.604-.603-1.582-.603-2.188 0L8.708 2.627l2.76 2.76c.645-.215 1.379-.07 1.889.441.516.515.658 1.258.438 1.9l2.658 2.66c.645-.223 1.387-.078 1.9.435.721.72.721 1.884 0 2.604-.719.719-1.881.719-2.6 0-.539-.541-.674-1.337-.404-1.996L12.86 8.955v6.525c.176.086.342.203.488.348.713.721.713 1.883 0 2.6-.719.721-1.889.721-2.609 0-.719-.719-.719-1.879 0-2.598.182-.18.387-.316.605-.406V8.835c-.217-.091-.424-.222-.6-.401-.545-.545-.676-1.342-.396-2.009L7.636 3.7.45 10.881c-.6.605-.6 1.584 0 2.189l10.48 10.477c.604.604 1.582.604 2.186 0l10.43-10.43c.605-.603.605-1.582 0-2.187" />
299                    </svg>
300                </div>
301                <div class="swiper-slide">
302                    <svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
303                        <title>GitHub</title>
304                        <path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12" />
305                    </svg>
306                </div>
307            </div>
308        </div>
309    </div>
310
311</section><section class="custom-about-section overflow-hidden text-white" id="about">
312    <div class="container p-3 p-sm-5">
313        <div class="row">
314            <div class="col-md-6">
315                <div class="about-content p-3 p-sm-5">
316                    <h2 class="about-title text-capitalize style_title h1">
317                        About Us
318                    </h2>
319                    <p class="h5 custom-font-sm text-justify mb-3"> Senior Full-Stack &amp; Mobile Application Developer specializing in building scalable web and mobile applications, with expertise across frontend, backend, and API development. </p>
320
321                    <div class="row mb-3">
322                        <div class="col-md-6 pb-1">
323                            <p class="mb-0">The name: <span class="text-white text-capitalize h6">ramy ibrahim</span></p>
324                        </div>
325                        <div class="col-md-6 pb-1">
326                            <p class="mb-0">My Experience: <span class="text-white h6">8 years</span></p>
327                        </div>
328                        <div class="col-md-6 pb-1">
329                            <p class="mb-0">Phone: <span class="text-white h6 number_ar">+20 11 500 800 61</span></p>
330                        </div>
331                        <div class="col-md-6 pb-1">
332                            <p class="mb-0">Email: <span class="text-white h6"><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="0675737676697472467e656962637528716364756f7263">[email&#160;protected]</a></span></p>
333                        </div>
334                        <div class="col-md-6">
335                            <p class="mb-0">City: <span class="text-white h6">Egypt - Alexandria</span></p>
336                        </div>
337                    </div>
338
339                    <a href="https://khamsat.com/user/ramyibrahim01" target="_blank" rel="noopener noreferrer" class="btn btn-outline-light">
340                        Find me here
341                    </a>
342
343                    <hr>
344
345                    <div class="row about-info">
346                        <div class="col-12">
347                            <h3 class="mb-4">Education</h3>
348                            <div>
349                                <div class="position-relative mb-4">
350                                    <i class="bi bi-record-circle text-white position-absolute"></i>
351                                    <p class="font-weight-bold mb-1 h6">BACHELOR OF LAWS</p>
352                                    <p class="mb-0 text-white"><strong>Alexandria University</strong> | <small>2014 - 2018</small></p>
353                                    <p class="mb-0 text-white">Egypt</p>
354                                </div>
355                            </div>
356                        </div>
357
358                        <hr>
359
360                        <div class="col-12">
361                            <h3 class="mb-4">My Experience</h3>
362                            <div>
363                                <div class="position-relative mb-4">
364                                    <i class="bi bi-record-circle text-white position-absolute"></i>
365                                    <p class="font-weight-bold mb-1 h6">FULL STACK DEVELOPER</p>
366                                    <p class="mb-0 text-white">
367                                        <strong>
368                                            <a href="https://romeya.com/" target="_blank" rel="noopener noreferrer" class="text-white text-decoration-underline">Romeya Company</a>
369                                        </strong> | <small>2023 - Until now</small>
370                                    </p>
371                                    <p class="mb-0 text-white">I developed and maintained responsive websites, where I was responsible for building and developing both the front-end and back-end of those projects.</p>
372                                </div>
373
374                                <div class="position-relative mb-4">
375                                    <i class="bi bi-record-circle text-white position-absolute"></i>
376                                    <p class="font-weight-bold mb-1 h6">Mobile Application</p>
377                                    <p class="mb-0 text-white">
378                                        <strong>
379                                            <a href="https://romeya.com/" target="_blank" rel="noopener noreferrer" class="text-white text-decoration-underline">Romeya Company</a>
380                                        </strong> | <small>2023 - Until now</small>
381                                    </p>
382                                    <p class="mb-0 text-white">Mobile Application Development Android, IOS Using React Native</p>
383                                </div>
384
385                                <div class="position-relative mb-4">
386                                    <i class="bi bi-record-circle text-white position-absolute"></i>
387                                    <p class="font-weight-bold mb-1 h6">FRONTEND DEVELOPER</p>
388                                    <p class="mb-0 text-white">
389                                        <strong>
390                                            <a href="https://roboticseg.com/" target="_blank" rel="noopener noreferrer" class="text-white text-decoration-underline">Robotics Company</a>
391                                        </strong> | <small>2020 - 2022</small>
392                                    </p>
393                                    <p class="mb-0 text-white">Developed and maintained responsive websites using HTML5, CSS, Sass, JS, jQuery, Bootstrap, and React.js.</p>
394                                </div>
395
396                            </div>
397                        </div>
398                    </div>
399                </div>
400            </div>
401
402            <div class="col-md-6">
403                <div class="skills d-flex flex-column gap-3 p-3 p-sm-5">
404                    <h2 class="skills-title text-capitalize style_title h1">
405                        Skills
406                    </h2>
407
408                    <div class="skill-bar" data-lang="HTML5" data-progress="100">
409                        <div class="d-flex justify-content-between">
410                            <span>HTML5</span><span class="percent">0%</span>
411                        </div>
412                        <div class="progress">
413                            <div class="progress-bar bg-html"></div>
414                        </div>
415                    </div>
416
417                    <div class="skill-bar" data-lang="CSS" data-progress="80">
418                        <div class="d-flex justify-content-between">
419                            <span>CSS</span><span class="percent">0%</span>
420                        </div>
421                        <div class="progress">
422                            <div class="progress-bar bg-css"></div>
423                        </div>
424                    </div>
425
426                    <div class="skill-bar" data-lang="Sass" data-progress="85">
427                        <div class="d-flex justify-content-between">
428                            <span>Sass</span><span class="percent">0%</span>
429                        </div>
430                        <div class="progress">
431                            <div class="progress-bar bg-sass"></div>
432                        </div>
433                    </div>
434
435                    <div class="skill-bar" data-lang="JavaScript" data-progress="75">
436                        <div class="d-flex justify-content-between">
437                            <span>JavaScript</span><span class="percent">0%</span>
438                        </div>
439                        <div class="progress">
440                            <div class="progress-bar bg-js"></div>
441                        </div>
442                    </div>
443
444                    <div class="skill-bar" data-lang="TypeScript" data-progress="75">
445                        <div class="d-flex justify-content-between">
446                            <span>TypeScript</span><span class="percent">0%</span>
447                        </div>
448                        <div class="progress">
449                            <div class="progress-bar bg-ts"></div>
450                        </div>
451                    </div>
452
453                    <div class="skill-bar" data-lang="jQuery" data-progress="80">
454                        <div class="d-flex justify-content-between">
455                            <span>jQuery</span><span class="percent">0%</span>
456                        </div>
457                        <div class="progress">
458                            <div class="progress-bar bg-jquery"></div>
459                        </div>
460                    </div>
461
462                    <div class="skill-bar" data-lang="Bootstrap" data-progress="80">
463                        <div class="d-flex justify-content-between">
464                            <span>Bootstrap</span><span class="percent">0%</span>
465                        </div>
466                        <div class="progress">
467                            <div class="progress-bar bg-bootstrap"></div>
468                        </div>
469                    </div>
470
471                    <div class="skill-bar" data-lang="React" data-progress="90">
472                        <div class="d-flex justify-content-between">
473                            <span>React</span><span class="percent">0%</span>
474                        </div>
475                        <div class="progress">
476                            <div class="progress-bar bg-react"></div>
477                        </div>
478                    </div>
479
480                    <div class="skill-bar" data-lang="Redux" data-progress="90">
481                        <div class="d-flex justify-content-between">
482                            <span>Redux</span><span class="percent">0%</span>
483                        </div>
484                        <div class="progress">
485                            <div class="progress-bar bg-redux"></div>
486                        </div>
487                    </div>
488
489                    <div class="skill-bar" data-lang="Next.js" data-progress="80">
490                        <div class="d-flex justify-content-between">
491                            <span>Next.js</span><span class="percent">0%</span>
492                        </div>
493                        <div class="progress">
494                            <div class="progress-bar bg-next"></div>
495                        </div>
496                    </div>
497
498                    <div class="skill-bar" data-lang="React Native" data-progress="80">
499                        <div class="d-flex justify-content-between">
500                            <span>React Native</span><span class="percent">0%</span>
501                        </div>
502                        <div class="progress">
503                            <div class="progress-bar bg-rnative"></div>
504                        </div>
505                    </div>
506
507                    <div class="skill-bar" data-lang="Python" data-progress="70">
508                        <div class="d-flex justify-content-between">
509                            <span>Python</span><span class="percent">0%</span>
510                        </div>
511                        <div class="progress">
512                            <div class="progress-bar bg-python"></div>
513                        </div>
514                    </div>
515
516                    <div class="skill-bar" data-lang="PHP" data-progress="85">
517                        <div class="d-flex justify-content-between">
518                            <span>PHP</span><span class="percent">0%</span>
519                        </div>
520                        <div class="progress">
521                            <div class="progress-bar bg-php"></div>
522                        </div>
523                    </div>
524
525                    <div class="skill-bar" data-lang="Laravel" data-progress="90">
526                        <div class="d-flex justify-content-between">
527                            <span>Laravel</span><span class="percent">0%</span>
528                        </div>
529                        <div class="progress">
530                            <div class="progress-bar bg-laravel"></div>
531                        </div>
532                    </div>
533
534                    <div class="skill-bar" data-lang="MySQL" data-progress="85">
535                        <div class="d-flex justify-content-between">
536                            <span>MySQL</span><span class="percent">0%</span>
537                        </div>
538                        <div class="progress">
539                            <div class="progress-bar bg-mysql"></div>
540                        </div>
541                    </div>
542
543                    <div class="skill-bar" data-lang="Git" data-progress="80">
544                        <div class="d-flex justify-content-between">
545                            <span>Git</span><span class="percent">0%</span>
546                        </div>
547                        <div class="progress">
548                            <div class="progress-bar bg-git"></div>
549                        </div>
550                    </div>
551
552                    <div class="skill-bar" data-lang="GitHub" data-progress="90">
553                        <div class="d-flex justify-content-between">
554                            <span>GitHub</span><span class="percent">0%</span>
555                        </div>
556                        <div class="progress">
557                            <div class="progress-bar bg-github"></div>
558                        </div>
559                    </div>
560                </div>
561            </div>
562
563        </div>
564    </div>
565</section><section class="px-2 px-sm-5 pt-2 pt-sm-5 overflow-hidden">
566    <div class="container px-2 px-sm-5">
567        <h2 class="text-capitalize style_title text-white mb-4">Our Projects</h2>
568    </div>
569</section>
570
571<div class="projects homeProjects swiper w-100 d-flex flex-wrap">
572    <div class="swiper-wrapper">
573                <div class="swiper-slide">
574            <div class="project-row d-flex flex-wrap">
575                                <div class="project-item position-relative overflow-hidden">
576                    <img src="/storage/projects/701sOyWAM7xpTbozDodylr0Vb5JvTQkeleFHj55P.webp" alt="React native weather"
577                            class="project-card-image" loading="lazy" decoding="async">
578                    <a href="https://xcodes.website/project-detail/react-native-weather" class="play-icon">
579                        <i class="bi bi-play-circle-fill"></i>
580                        <span class="visually-hidden">React native weather</span>
581                    </a>
582
583                    <a href="https://xcodes.website/project-detail/react-native-weather"
584                        class="project-content position-absolute w-100 h-100 d-flex flex-column justify-content-end">
585                        <p class="fw-bold text-capitalize text-white p-2">
586                            React native weather
587                        </p>
588                    </a>
589                </div>
590                                <div class="project-item position-relative overflow-hidden">
591                    <img src="/storage/projects/iyJXB8qPwH55xlFYIjIQXP3khxtm5lBDcnvVgWYM.webp" alt="profile website"
592                            class="project-card-image" loading="lazy" decoding="async">
593                    <a href="https://xcodes.website/project-detail/profile-website" class="play-icon">
594                        <i class="bi bi-play-circle-fill"></i>
595                        <span class="visually-hidden">profile website</span>
596                    </a>
597
598                    <a href="https://xcodes.website/project-detail/profile-website"
599                        class="project-content position-absolute w-100 h-100 d-flex flex-column justify-content-end">
600                        <p class="fw-bold text-capitalize text-white p-2">
601                            profile website
602                        </p>
603                    </a>
604                </div>
605                                <div class="project-item position-relative overflow-hidden">
606                    <img src="/storage/projects/M1YYxyLhjea9CyCKph6K2slylhYHez7A3mtZcsDw.webp" alt="SnapPLS – Mobile Phones E-Commerce Platform"
607                            class="project-card-image" loading="lazy" decoding="async">
608                    <a href="https://xcodes.website/project-detail/snappls-mobile-phones-e-commerce-platform" class="play-icon">
609                        <i class="bi bi-play-circle-fill"></i>
610                        <span class="visually-hidden">SnapPLS – Mobile Pho...</span>
611                    </a>
612
613                    <a href="https://xcodes.website/project-detail/snappls-mobile-phones-e-commerce-platform"
614                        class="project-content position-absolute w-100 h-100 d-flex flex-column justify-content-end">
615                        <p class="fw-bold text-capitalize text-white p-2">
616                            SnapPLS – Mobile Pho...
617                        </p>
618                    </a>
619                </div>
620                            </div>
621        </div>
622                <div class="swiper-slide">
623            <div class="project-row d-flex flex-wrap">
624                                <div class="project-item position-relative overflow-hidden">
625                    <img src="/storage/projects/Id2dTEeZKYKgQA716cg5tTVTR82LJ6GAZzltD7jA.webp" alt="chatgpt api"
626                            class="project-card-image" loading="lazy" decoding="async">
627                    <a href="https://xcodes.website/project-detail/chatgpt-api" class="play-icon">
628                        <i class="bi bi-play-circle-fill"></i>
629                        <span class="visually-hidden">chatgpt api</span>
630                    </a>
631
632                    <a href="https://xcodes.website/project-detail/chatgpt-api"
633                        class="project-content position-absolute w-100 h-100 d-flex flex-column justify-content-end">
634                        <p class="fw-bold text-capitalize text-white p-2">
635                            chatgpt api
636                        </p>
637                    </a>
638                </div>
639                                <div class="project-item position-relative overflow-hidden">
640                    <img src="/storage/projects/rLEnicr0qzW8ZG3R82vawXerBr3ilbEl290fDZnH.webp" alt="English Easy – Online Educational Platform"
641                            class="project-card-image" loading="lazy" decoding="async">
642                    <a href="https://xcodes.website/project-detail/english-easy-online-educational-platform" class="play-icon">
643                        <i class="bi bi-play-circle-fill"></i>
644                        <span class="visually-hidden">English Easy – Onlin...</span>
645                    </a>
646
647                    <a href="https://xcodes.website/project-detail/english-easy-online-educational-platform"
648                        class="project-content position-absolute w-100 h-100 d-flex flex-column justify-content-end">
649                        <p class="fw-bold text-capitalize text-white p-2">
650                            English Easy – Onlin...
651                        </p>
652                    </a>
653                </div>
654                                <div class="project-item position-relative overflow-hidden">
655                    <img src="/storage/projects/Vc9GxaW7ndiZaQKdS8OK0p9o4rh
655QAdGQXlOufVWa.webp" alt="convert image to pdf"
656                            class="project-card-image" loading="lazy" decoding="async">
657                    <a href="https://xcodes.website/project-detail/convert-image-to-pdf" class="play-icon">
658                        <i class="bi bi-play-circle-fill"></i>
659                        <span class="visually-hidden">convert image to pdf</span>
660                    </a>
661
662                    <a href="https://xcodes.website/project-detail/convert-image-to-pdf"
663                        class="project-content position-absolute w-100 h-100 d-flex flex-column justify-content-end">
664                        <p class="fw-bold text-capitalize text-white p-2">
665                            convert image to pdf
666                        </p>
667                    </a>
668                </div>
669                            </div>
670        </div>
671                <div class="swiper-slide">
672            <div class="project-row d-flex flex-wrap">
673                                <div class="project-item position-relative overflow-hidden">
674                    <img src="/storage/projects/u2Z4U3WvSMNhkhXCaswBdYn8Vea5wzgJuk63jhgu.
674webp" alt="quit smoking"
675                            class="project-card-image" loading="lazy" decoding="async">
676                    <a href="https://xcodes.website/project-detail/quit-smoking" class="play-icon">
677                        <i class="bi bi-play-circle-fill"></i>
678                        <span class="visually-hidden">quit smoking</span>
679                    </a>
680
681                    <a href="https://xcodes.website/project-detail/quit-smoking"
682                        class="project-content position-absolute w-100 h-100 d-flex flex-column justify-content-end">
683                        <p class="fw-bold text-capitalize text-white p-2">
684                            quit smoking
685                        </p>
686                    </a>
687                </div>
688                            </div>
689        </div>
690                <div class="swiper-slide">
691            <div class="project-row d-flex flex-wrap">
692                                <div class="project-item position-relative overflow-hidden">
693                    <img src="/storage/projects/rkYvMK75C0FoebhETpvyxUpW24WbOLBvKaZEPQ99.webp" alt="Camera Rental &amp; Media Booking Platform"
694                            class="project-card-image" loading="lazy" decoding="async">
695                    <a href="https://xcodes.website/project-detail/camera-rental-media-booking-platform" class="play-icon">
696                        <i class="bi bi-play-circle-fill"></i>
697                        <span class="visually-hidden">Camera Rental &amp; Medi...</span>
698                    </a>
699
700                    <a href="https://xcodes.website/project-detail/camera-rental-media-booking-platform"
701                        class="project-content position-absolute w-100 h-100 d-flex flex-column justify-content-end">
702                        <p class="fw-bold text-capitalize text-white p-2">
703                            Camera Rental &amp; Medi...
704                        </p>
705                    </a>
706                </div>
707                                <div class="project-item position-relative overflow-hidden">
708                    <img src="/storage/projects/NOGKCYlN3Z3cAIpK0BV6KjjAEjzlMRSkFsrfkCgn.webp" alt="SpeedSage – GPS Speedometer"
709                            class="project-card-image" loading="lazy" decoding="async">
710                    <a href="https://xcodes.website/project-detail/speedsage-gps-speedometer" class="play-icon">
711                        <i class="bi bi-play-circle-fill"></i>
712                        <span class="visually-hidden">SpeedSage – GPS Spee...</span>
713                    </a>
714
715                    <a href="https://xcodes.website/project-detail/speedsage-gps-speedometer"
716                        class="project-content position-absolute w-100 h-100 d-flex flex-column justify-content-end">
717                        <p class="fw-bold text-capitalize text-white p-2">
718                            SpeedSage – GPS Spee...
719                        </p>
720                    </a>
721                </div>
722                                <div class="project-item position-relative overflow-hidden">
723                    <img src="/storage/projects/SePAKrSzK6Tvu24SMrsx9TiPtiq7vIvA149n6Y6F.webp" alt="Document Scanner – Offline"
724                            class="project-card-image" loading="lazy" decoding="async">
725                    <a href="https://xcodes.website/project-detail/document-scanner-offline" class="play-icon">
726                        <i class="bi bi-play-circle-fill"></i>
727                        <span class="visually-hidden">Document Scanner – O...</span>
728                    </a>
729
730                    <a href="https://xcodes.website/project-detail/document-scanner-offline"
731                        class="project-content position-absolute w-100 h-100 d-flex flex-column justify-content-end">
732                        <p class="fw-bold text-capitalize text-white p-2">
733                            Document Scanner – O...
734                        </p>
735                    </a>
736                </div>
737                            </div>
738        </div>
739                <div class="swiper-slide">
740            <div class="project-row d-flex flex-wrap">
741                                <div class="project-item position-relative overflow-hidden">
742                    <img src="/storage/projects/7JWRInWntrb2MW59M2Sh0a5v4k4pyMbXg0SuBt9r.webp" alt="landing page"
743                            class="project-card-image" loading="lazy" decoding="async">
744                    <a href="https://xcodes.website/project-detail/landing-page" class="play-icon">
745                        <i class="bi bi-play-circle-fill"></i>
746                        <span class="visually-hidden">landing page</span>
747                    </a>
748
749                    <a href="https://xcodes.website/project-detail/landing-page"
750                        class="project-content position-absolute w-100 h-100 d-flex flex-column justify-content-end">
751                        <p class="fw-bold text-capitalize text-white p-2">
752                            landing page
753                        </p>
754                    </a>
755                </div>
756                                <div class="project-item position-relative overflow-hidden">
757                    <img src="/storage/projects/xX2eU8NmOoCXRQamSGT8RK8KzlNTY8KPiRWMUSqC.webp" alt="React Native Movie Information"
758                            class="project-card-image" loading="lazy" decoding="async">
759                    <a href="https://xcodes.website/project-detail/react-native-movie-information" class="play-icon">
760                        <i class="bi bi-play-circle-fill"></i>
761                        <span class="visually-hidden">React Native Movie I...</span>
762                    </a>
763
764                    <a href="https://xcodes.website/project-detail/react-native-movie-information"
765                        class="project-content position-absolute w-100 h-100 d-flex flex-column justify-content-end">
766                        <p class="fw-bold text-capitalize text-white p-2">
767                            React Native Movie I...
768                        </p>
769                    </a>
770                </div>
771                                <div class="project-item position-relative overflow-hidden">
772                    <img src="/storage/projects/nKsVMUlrApJj4hAXS3xD87cB2F0g4HoUVAPnRN8f.webp" alt="send mail"
773                            class="project-card-image" loading="lazy" decoding="async">
774                    <a href="https://xcodes.website/project-detail/send-mail" class="play-icon">
775                        <i class="bi bi-play-circle-fill"></i>
776                        <span class="visually-hidden">send mail</span>
777                    </a>
778
779                    <a href="https://xcodes.website/project-detail/send-mail"
780                        class="project-content position-absolute w-100 h-100 d-flex flex-column justify-content-end">
781                        <p class="fw-bold text-capitalize text-white p-2">
782                            send mail
783                        </p>
784                    </a>
785                </div>
786                            </div>
787        </div>
788                <div class="swiper-slide">
789            <div class="project-row d-flex flex-wrap">
790                                <div class="project-item position-relative overflow-hidden">
791                    <img src="/storage/projects/tp0szQuniFYAFq2zbsDQdQI2AjwuthM0SrOg8OcV.png" alt="Pick Color - Offline"
792                            class="project-card-image" loading="lazy" decoding="async">
793                    <a href="https://xcodes.website/project-detail/pick-color-offline" class="play-icon">
794                        <i class="bi bi-play-circle-fill"></i>
795                        <span class="visually-hidden">Pick Color - Offline</span>
796                    </a>
797
798                    <a href="https://xcodes.website/project-detail/pick-color-offline"
799                        class="project-content position-absolute w-100 h-100 d-flex flex-column justify-content-end">
800                        <p class="fw-bold text-capitalize text-white p-2">
801                            Pick Color - Offline
802                        </p>
803                    </a>
804                </div>
805                            </div>
806        </div>
807            </div>
808</div><section class="p-2 p-sm-5 overflow-hidden" id="services">
809    <div class="container p-2 p-sm-5 mt-0">
810        <div class="d-flex flex-column gap-3">
811            <h2 class="text-capitalize style_title text-white">Our Services</h2>
812
813            <div class="row justify-content-between g-3">
814                                <div class="col d-flex justify-content-center" style="min-width: 150px;">
815                    <div class="service-card position-relative text-center text-custom fw-bold overflow-hidden rounded shadow d-flex align-items-center justify-content-center" style="width: 100%; min-height: 250px;">
816
817                        <div class="bg-img position-absolute w-100 h-100" style="background-image: url('/storage/services/6eX0nj9LdyP5ufGQCtuVTOCmxwnqe9synfjxCCSK.webp');background-size: cover;background-position: center;top: 0; left: 0;z-index: 1;"></div>
818                        <div class="bg-overlay position-absolute w-100 h-100" style="background: #ffffffc9;top: 0; left: 0;z-index: 2;"></div>
819
820                        <div class="content position-relative p-2" style="z-index: 3;">
821                            <p class="fw-bold h5">
822                                Frontend
823                            </p>
824
825                            <div class="small description-html">
826                                <p>Frontend and interactive development using HTML5, CSS, Sass, JavaScript, TypeScript, jQuery, Bootstrap, React, Redux</p>
827                            </div>
828                        </div>
829                    </div>
830                </div>
831                                <div class="col d-flex justify-content-center" style="min-width: 150px;">
832                    <div class="service-card position-relative text-center text-custom fw-bold overflow-hidden rounded shadow d-flex align-items-center justify-content-center" style="width: 100%; min-height: 250px;">
833
834                        <div class="bg-img position-absolute w-100 h-100" style="background-image: url('/storage/services/H6XXE6QDvlsSgTqCJR7OFofXlkfzIvl3AJLGK8Nz.webp');background-size: cover;background-position: center;top: 0; left: 0;z-index: 1;"></div>
835                        <div class="bg-overlay position-absolute w-100 h-100" style="background: #ffffffc9;top: 0; left: 0;z-index: 2;"></div>
836
837                        <div class="content position-relative p-2" style="z-index: 3;">
838                            <p class="fw-bold h5">
839                                Backend
840                            </p>
841
842                            <div class="small description-html">
843                                <p>
843Backend development of web applications using Next.js, Python, PHP, Laravel and MySQL databases.</p>
844                            </div>
845                        </div>
846                    </div>
847                </div>
848                                <div class="col d-flex justify-content-center" style="min-width: 150px;">
849                    <div class="service-card position-relative text-center text-custom fw-bold overflow-hidden rounded shadow d-flex align-items-center justify-content-center" style="width: 100%; min-height: 250px;">
850
851                        <div class="bg-img position-absolute w-100 h-100" style="background-image: url('/storage/services/20nNFYBl15WZaeiDFmB0lA4BukcK0UTR2vH2AB9P.webp');background-size: cover;background-position: center;top: 0; left: 0;z-index: 1;"></div>
852                        <div class="bg-overlay position-absolute w-100 h-100" style="background: #ffffffc9;top: 0; left: 0;z-index: 2;"></div>
853
854                        <div class="content position-relative p-2" style="z-index: 3;">
855                            <p class="fw-bold h5">
856                                Mobile Applications
857                            </p>
858
859                            <div class="small description-html">
860                                <p>Programming and designing Android and IOS mobile applications using React Native.</p>
861                            </div>
862                        </div>
863                    </div>
864                </div>
865                            </div>
866
867        </div>
868    </div>
869</section><section class="p-2 p-sm-5 overflow-hidden text-white" id="review">
870    <div class="container p-2 p-sm-5 mt-0">
871        <div class="d-flex flex-column gap-3">
872            <h2 class="text-capitalize style_title">Review</h2>
873
874
875            <!-- Swiper Slider -->
876            <div class="position-relative div_myReviewSwiper">
877                <div class="swiper myReviewSwiper">
878                    <a href="https://khamsat.com/user/ramyibrahim01/reviews" target="_blank" class="swiper-wrapper align-items-center">
879                                                <div class="swiper-slide">
880                            <div class="position-relative overflow-hidden">
881                                <img src="/storage/reviews/foDdC2wa7FGAD1oidFlvJKDc6NUcVQq3HaIcahMo.webp" class="review-card-image" alt="Review Image" loading="lazy" decoding="async">
882                            </div>
883                        </div>
884                                                <div class="swiper-slide">
885                            <div class="position-relative overflow-hidden">
886                                <img src="/storage/reviews/x35PfJ3dUUQFFlTPajd7yY7bfNfg2XqbQkCbTk02.webp" class="review-card-image" alt="Review Image" loading="lazy" decoding="async">
887                            </div>
888                        </div>
889                                                <div class="swiper-slide">
890                            <div class="position-relative overflow-hidden">
891                                <img src="/storage/reviews/3cFk4TgiOApcMwL9JuHI4RHgoetLDk1BWxEEaC83.webp" class="review-card-image" alt="Review Image" loading="lazy" decoding="async">
892                            </div>
893                        </div>
894                                                <div class="swiper-slide">
895                            <div class="position-relative overflow-hidden">
896                                <img src="/storage/reviews/0EvUkT1HzcW7pbkQNxLxLS3MFX2dvMudgVPdqJDH.webp" class="review-card-image" alt="Review Image" loading="lazy" decoding="async">
897                            </div>
898                        </div>
899                                                <div class="swiper-slide">
900                            <div class="position-relative overflow-hidden">
901                                <img src="/storage/reviews/FZWlqSy63wqvIkxnZuIsMXk0QQVjOxlxa6GxYoV8.webp" class="review-card-image" alt="Review Image" loading="lazy" decoding="async">
902                            </div>
903                        </div>
904                                                <div class="swiper-slide">
905                            <div class="position-relative overflow-hidden">
906                                <img src="/storage/reviews/wtv34n62dEcPOtaErAh
906hU5DOlqn2EkCzOVzoqjGU.webp" class="review-card-image" alt="Review Image" loading="lazy" decoding="async">
907                            </div>
908                        </div>
909                                                <div class="swiper-slide">
910                            <div class="position-relative overflow-hidden">
911                                <img src="/storage/reviews/RylR6vr2xXdQzcZOXaM27fCWRHwSrA4DOLlFenvn.webp" class="review-card-image" alt="Review Image" loading="lazy" decoding="async">
912                            </div>
913                        </div>
914                                                <div class="swiper-slide">
915                            <div class="position-relative overflow-hidden">
916                                <img src="/storage/reviews/vpW5LjZKxxK45TsxvWuhHKgLoKHhae6vwsK6QeaX.webp" class="review-card-image" alt="Review Image" loading="lazy" decoding="async">
917                            </div>
918                        </div>
919                                                <div class="swiper-slide">
920                            <div class="position-relative overflow-hidden">
921                                <img src="/storage/reviews/PFodHik2wcRfdGBuwTBFhujbGQRmbgxiPKrN71wq.webp" class="review-card-image" alt="Review Image" loading="lazy" decoding="async">
922                            </div>
923                        </div>
924                                                <div class="swiper-slide">
925                            <div class="position-relative overflow-hidden">
926                                <img src="/storage/reviews/13jvQh3kqfNcXO7lgP6Wjh01E7p7o3ceSPbRHImX.webp" class="review-card-image" alt="Review Image" loading="lazy" decoding="async">
927                            </div>
928                        </div>
929                                                <div class="swiper-slide">
930                            <div class="position-relative overflow-hidden">
931                                <img src="/storage/reviews/L9mGdMDHtdqyLsQ6H6QWC25YyF65OOtmFBWCKIQy.webp" class="review-card-image" alt="Review Image" loading="lazy" decoding="async">
932                            </div>
933                        </div>
934                                                <div class="swiper-slide">
935                            <div class="position-relative overflow-hidden">
936                                <img src="/storage/reviews/gI61PoPJHnbjygp6Yize0UaqHXAFseQLsgrgv1Ct.webp" class="review-card-image" alt="Review Image" loading="lazy" decoding="async">
937                            </div>
938                        </div>
939                                                <div class="swiper-slide">
940                            <div class="position-relative overflow-hidden">
941                                <img src="/storage/reviews/tt6nf6LUuNkVMN64hGmdtoSWV0xyInKfjjUf6QYQ.webp" class="review-card-image" alt="Review Image" loading="lazy" decoding="async">
942                            </div>
943                        </div>
944                                                <div class="swiper-slide">
945                            <div class="position-relative overflow-hidden">
946                                <img src="/storage/reviews/Gb3vWxgc68HnTvNcLS1UpDmS3nt0eTL427QdOq9P.webp" class="review-card-image" alt="Review Image" loading="lazy" decoding="async">
947                            </div>
948                        </div>
949                                                <div class="swiper-slide">
950                            <div class="position-relative overflow-hidden">
951                                <img src="/storage/reviews/VzdLloBrazY9iRORmnAoDGBTfDLqPdwTklkXzImV.webp" class="review-card-image" alt="Review Image" loading="lazy" decoding="async">
952                            </div>
953                        </div>
954                                                <div class="swiper-slide">
955                            <div class="position-relative overflow-hidden">
956                                <img src="/storage/reviews/4HvfpBbSGCwpiivZuzQLs06MSGGcojcaWqTINC3x.webp" class="review-card-image" alt="Review Image" loading="lazy" decoding="async">
957                            </div>
958                        </div>
959                                                <div class="swiper-slide">
960                            <div class="position-relative overflow-hidden">
961                                <img src="/storage/reviews/n8g58XHrr9GWeHIgzIcInseS7Ej5vODUTe93DNfb.webp" class="review-card-image" alt="Review Image" loading="lazy" decoding="async">
962                            </div>
963                        </div>
964                                                <div class="swiper-slide">
965                            <div class="position-relative overflow-hidden">
966                                <img src="/storage/reviews/GNuBpVR742kKdEUK28WlBtt9ucNFQXlr7uJOuVwY.webp" class="review-card-image" alt="Review Image" loading="lazy" decoding="async">
967                            </div>
968                        </div>
969                                                <div class="swiper-slide">
970                            <div class="position-relative overflow-hidden">
971                                <img src="/storage/reviews/2dq6g7qFRgRFieMhIKneGJ1WT0hVuc2MA4RlpWfy.webp" class="review-card-image" alt="Review Image" loading="lazy" decoding="async">
972                            </div>
973                        </div>
974                                                <div class="swiper-slide">
975                            <div class="position-relative overflow-hidden">
976                                <img src="/storage/reviews/nukVBRr2m37wSC8qVOdPKZWBAZLVrScav0Ys1520.webp" class="review-card-image" alt="Review Image" loading="lazy" decoding="async">
977                            </div>
978                        </div>
979                                                <div class="swiper-slide">
980                            <div class="position-relative overflow-hidden">
981                                <img src="/storage/reviews/2lk3vTRg13s8zi7WVoqcpgvEpD4OZkzb4YlIxH0I.webp" class="review-card-image" alt="Review Image" loading="lazy" decoding="async">
982                            </div>
983                        </div>
984                                                <div class="swiper-slide">
985                            <div class="position-relative overflow-hidden">
986                                <img src="/storage/reviews/Cn2QOVC1VStZZUvu7sB9DizwJRPdKCwzn5tYL3yL.webp" class="review-card-image" alt="Review Image" loading="lazy" decoding="async">
987                            </div>
988                        </div>
989                                                <div class="swiper-slide">
990                            <div class="position-relative overflow-hidden">
991                                <img src="/storage/reviews/gz7XpIpqU99aE4RiFICZKAs4mj6MI6wvC92pnV68.webp" class="review-card-image" alt="Review Image" loading="lazy" decoding="async">
992                            </div>
993                        </div>
994                                                <div class="swiper-slide">
995                            <div class="position-relative overflow-hidden">
996                                <img src="/storage/reviews/WnA9MZs22HXfJQm3QJ160bH00AH2qXRxyrOBMyuc.webp" class="review-card-image" alt="Review Image" loading="lazy" decoding="async">
997                            </div>
998                        </div>
999                                                <div class="swiper-slide">
1000                            <div class="position-relative overflow-hidden">
1001                                <img src="/storage/reviews/sU45YniuRh1sfHIORxb4KSIYKHFwmFbZ3gYU0TXh.webp" class="review-card-image" alt="Review Image" loading="lazy" decoding="async">
1002                            </div>
1003                        </div>
1004                                                <div class="swiper-slide">
1005                            <div class="position-relative overflow-hidden">
1006                                <img src="/storage/reviews/CseCAcUkyIkpXsTXpTo096sS5Pblv9zcBPIwCqq6.webp" class="review-card-image" alt="Review Image" loading="lazy" decoding="async">
1007                            </div>
1008                        </div>
1009                                                <div class="swiper-slide">
1010                            <div class="position-relative overflow-hidden">
1011                                <img src="/storage/reviews/lU8pFaXZLM2nVyLhHrY6vhLtD8W9vp5qz6b76sqy.webp" class="review-card-image" alt="Review Image" loading="lazy" decoding="async">
1012                            </div>
1013                        </div>
1014                                                <div class="swiper-slide">
1015                            <div class="position-relative overflow-hidden">
1016                                <img src="/storage/reviews/oHWv5UKeqTVHA57O1wODKwwj8kCxsnvxOXpP2Ryp.webp" class="review-card-image" alt="Review Image" loading="lazy" decoding="async">
1017                            </div>
1018                        </div>
1019                                                <div class="swiper-slide">
1020                            <div class="position-relative overflow-hidden">
1021                                <img src="/storage/reviews/gK1l2RyCFgI2Dlt93n37EoVRlxu0nljUEtSRlBcV.webp" class="review-card-image" alt="Review Image" loading="lazy" decoding="async">
1022                            </div>
1023                        </div>
1024                                                <div class="swiper-slide">
1025                            <div class="position-relative overflow-hidden">
1026                                <img src="/storage/reviews/b4WHI1POml9KEQvH8k5Xmbte1WKAVtckTq1L0j2Z.webp" class="review-card-image" alt="Review Image" loading="lazy" decoding="async">
1027                            </div>
1028                        </div>
1029                                            </a>
1030                </div>
1031                <!-- Navigation -->
1032                <div class="swiper-button-next review-next-1"></div>
1033                <div class="swiper-button-prev review-prev-1"></div>
1034            </div>
1035        </div>
1036
1037    </div>
1038</section>
1039        
1040    </main>
1041
1042    <div class="my-2" id="frame" style="width: 320px;margin: auto;z-index: 99998;height: auto">
1043    <iframe data-aa='2418334' src='//ad.a-ads.com/2418334/?size=320x50'
1044        style='border:0; padding:0; width:320px; height:50px; overflow:hidden;display: block;margin: auto'>
1045    </iframe>
1046</div>
1047
1048
1049<footer class="text-white pt-4 border-top border-dark">
1050    <div class="container pt-4">
1051        <div class="row pt-4">
1052            <div class="col-12 col-md-4 mb-4 d-flex justify-content-center">
1053                <div>
1054                    <p class="fw-bold text-capitalize border-bottom border-white h5" style="width: fit-content;">About Us</p>
1055
1056                    <div class="d-flex flex-column">
1057                        <h2 class="fw-bold text-uppercase mb-0">
1058                            Xcodes - For development
1059                        </h2>
1060
1061                        <small>Senior Full-Stack &amp; Mobile Application Developer specializing in building scalable web and mobile applications, with expertise across frontend, backend, and API development.</small>
1062                    </div>
1063                </div>
1064            </div>
1065
1066            <div class="col-12 col-md-4 mb-4 d-flex justify-content-center">
1067                <div>
1068                    <p class="fw-bold text-capitalize border-bottom border-white h5" style="width: fit-content;">Get in touch</p>
1069
1070                    <ul class="navbar-nav w-100 d-flex flex-wrap flex-sm-column justify-content-center text-nowrap">
1071                        <li class="nav-item">
1072                            <a href="tel:+201150080061" class="nav-link d-flex align-items-center gap-1" target="_blank">
1073                                <i class="bi bi-telephone"></i> <span class="number_ar">+20 11 500 800 61</span>
1074                            </a>
1075                        </li>
1076                        <li class="nav-item">
1077                            <a href="/cdn-cgi/l/email-protection#aedddbdedec1dcdaeed6cdc1cacbdd80d9cbccddc7dacb" class="nav-link d-flex align-items-center gap-1" target="_blank">
1078                                <i class="bi bi-envelope"></i> <span class="__cf_email__" data-cfemail="d7a4a2a7a7b8a5a397afb4b8b3b2a4f9a0b2b5a4bea3b2">[email&#160;protected]</span>
1079                            </a>
1080                        </li>
1081                    </ul>
1082
1083                    <div class="d-flex flex-wrap align-items-center gap-3 mt-2">
1084                                                <a href="https://play.google.com/store/apps/dev?id=7065802982629698675" class="text-white">
1085                            <i class="bi bi-google-play"></i>
1086                            <span class="visually-hidden">Link to 0</span>
1087                        </a>
1088                                                <a href="https://github.com/ramyibrahim-eg" class="text-white">
1089                            <i class="bi bi-github"></i>
1090                            <span class="visually-hidden">Link to 1</span>
1091                        </a>
1092                                                <a href="https://www.facebook.com/ramyibrahim123" class="text-white">
1093                            <i class="bi bi-facebook"></i>
1094                            <span class="visually-hidden">Link to 2</span>
1095                        </a>
1096                                                <a href="https://www.linkedin.com/in/ramy-ibrahim-a767a3269/" class="text-white">
1097                            <i class="bi bi-linkedin"></i>
1098                            <span class="visually-hidden">Link to 3</span>
1099                        </a>
1100                                                <a href="https://api.whatsapp.com/send?phone=201200050378" class="text-white">
1101                            <i class="bi bi-whatsapp"></i>
1102                            <span class="visually-hidden">Link to 4</span>
1103                        </a>
1104                        
1105                        <a href="https://xcodes.website/checkout" class="text-white">
1106                            <i class="bi bi-paypal"></i>
1107                            <span class="visually-hidden">paypal</span>
1108                        </a>
1109                    </div>
1110                </div>
1111            </div>
1112
1113            <div class="col-12 col-md-4 mb-4 d-flex justify-content-center">
1114                <div>
1115                    <p class="fw-bold text-capitalize border-bottom border-white h5" style="width: fit-content;">Quick links</p>
1116
1117                    <ul class="navbar-nav w-100 d-flex flex-wrap flex-sm-column justify-content-center text-nowrap">
1118                        <li class="nav-item">
1119                            <a href="https://xcodes.website/en" class="nav-link px-2 py-1">
1120                                <i class="bi  bi-caret-right "></i> Home
1121                            </a>
1122                        </li>
1123                        <li class="nav-item">
1124                            <a href="#about" class="nav-link px-2 py-1 scroll-to">
1125                                <i class="bi  bi-caret-right "></i> About Us
1126                            </a>
1127                        </li>
1128                        <li class="nav-item">
1129                            <a href="https://xcodes.website/projects/en" class="nav-link px-2 py-1">
1130                                <i class="bi  bi-caret-right "></i> Our Projects
1131                            </a>
1132                        </li>
1133                        <li class="nav-item">
1134                            <a href="https://xcodes.website/blog/en" class="nav-link px-2 py-1">
1135                                <i class="bi  bi-caret-right "></i> Blog
1136                            </a>
1137                        </li>
1138                        <li class="nav-item">
1139                            <a href="https://xcodes.website/contact/en" class="nav-link px-2 py-1">
1140                                <i class="bi  bi-caret-right "></i> Contact Us
1141                            </a>
1142                        </li>
1143
1144                    </ul>
1145                </div>
1146            </div>
1147        </div>
1148
1149    </div>
1150
1151        <div class="d-flex justify-content-center align-items-center py-3 gap-3 home_pages border-top border-dark" style="font-size: 12px;">
1152                <a href="https://xcodes.website/page/privacy-policy" class="text-light">
1153            Privacy Policy
1154        </a>
1155            </div>
1156    
1157</footer>
1158    <canvas id="neuralCanvas"></canvas>
vendor: 114 bytes, lines 1158-1160
1158
1159
1160    <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
1160<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
1160
1161    
1161<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
1161
1162    
1162<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js"></script>
1162
1163
1164    
1164<script>
1165        var phoneNumberShouldBeAtLeast = "The phone number must contain at least 8 digits.";
1166        var phoneWhatsapp = "201200050378";
1167    </script>
1167
1168    
1168<script src="https://xcodes.website/frontend/js/script.js?v=1.0.0"></script>
1168
1169
1170
1171<script>(function(){function c(){var b=a.contentDocument||(a.contentWindow&&a.contentWindow.document);if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'a4402bc38a2213a5',t:'MTc5MDkwNzAyOQ=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script>
1171<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"c6e63db48c214e06a58b2d373eb27248","r":1,"spa":2}' crossorigin="anonymous"></script>
1171
1172</body>
1173
1174</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.