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 & 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 & 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 & 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 & 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 & 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 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 & 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 & 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 & 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 & 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 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.