-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex-full.min.html
More file actions
52 lines (45 loc) · 29.8 KB
/
Copy pathindex-full.min.html
File metadata and controls
52 lines (45 loc) · 29.8 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no"><meta name="description" content="Expert PHP & Laravel developer with 8+ years experience. I build fast, secure, scalable websites with MySQL, WordPress optimization, and Linux server expertise. Get your web project done right."><meta name="author" content="Afraym Gerges"><meta name="keywords" content="PHP Laravel developer, web developer Egypt, website optimization, MySQL, WordPress, server administration, SEO"><meta name="robots" content="index, follow"><meta property="og:title" content="Afraym Gerges | Expert PHP & Laravel Web Developer"><meta property="og:description" content="8+ years building high-performance PHP Laravel websites. Specialist in optimization, security, and scalable solutions."><meta property="og:type" content="website"><meta property="og:url" content="https://afraym.com"><meta property="og:image" content="https://afraym.com/assets/images/undraw/bg.svg"><meta name="twitter:card" content="summary_large_image"><meta name="twitter:title" content="Afraym Gerges | Web Developer"><meta name="twitter:description" content="Expert PHP & Laravel developer specializing in fast, secure web solutions."><link rel="apple-touch-icon" sizes="180x180" href="assets/icons/apple-touch-icon.png"><link rel="icon" type="image/png" sizes="32x32" href="assets/icons/favicon-32x32.png"><link rel="icon" type="image/png" sizes="16x16" href="assets/icons/favicon-16x16.png"><link rel="manifest" href="assets/icons/site.webmanifest"><title>Afraym.com | Web Developer</title><link rel="dns-prefetch" href="https://fonts.googleapis.com/"><!-- <link rel="stylesheet" href="assets/css/bootstrap.min.css"> --><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.3.1/dist/css/bootstrap.min.css"><link rel="stylesheet" href="assets/css/unicons.min.css"><!-- <link rel="stylesheet" href="assets/css/owl.carousel.min.css"> --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css"><!-- <link rel="stylesheet" href="assets/css/owl.theme.default.min.css"> --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css"><link rel="stylesheet" href="https://unicons.iconscout.com/release/v4.0.8/css/line.css"><link rel="stylesheet" href="/assets/css/custom.min.css"><!-- MAIN STYLE --><!-- <link rel="stylesheet" href="assets/css/tooplate-style.min.css"> --><link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/afraym/afraym.github.io/assets/css/tooplate-style.min.css"><!--
Tooplate 2115 Marvel
https://www.tooplate.com/view/2115-marvel
--></head><body><!-- MODERN NAVBAR --><nav class="navbar navbar-expand-lg navbar-light custom-navbar fixed-top py-3" style="z-index:1040"><div class="container"><a class="navbar-brand font-weight-bold d-flex align-items-center" href="index.html" style="font-size:1.5rem;color:#474559"><i class="uil uil-user mr-2" style="font-size:2rem;color:#ffc200"></i> Afraym </a><button class="navbar-toggler border-0" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation"><span><i class="uil uil-bars" style="font-size:1.8rem;color:#474559"></i></span></button><div class="collapse navbar-collapse" id="navbarNav"><ul class="navbar-nav mx-auto"><li class="nav-item"><a href="#about" class="nav-link px-3">About</a></li><li class="nav-item"><a href="#skills" class="nav-link px-3">Skills</a></li><li class="nav-item"><a href="#project" class="nav-link px-3">Projects</a></li><li class="nav-item"><a href="#resume" class="nav-link px-3">Resume</a></li><li class="nav-item"><a href="#certificates" class="nav-link px-3">Certificates</a></li><li class="nav-item"><a href="#contact" class="nav-link px-3">Contact</a></li></ul><div class="ml-lg-4 d-flex align-items-center justify-content-center mt-3 mt-lg-0"><button class="btn btn-navbar-gold d-flex align-items-center" id="colorModeToggle" type="button" title="Toggle color mode"><i class="uil uil-moon color-mode-icon" style="font-size:1.3rem"></i> <span class="ml-2 d-none d-md-inline font-weight-bold">Color mode</span></button></div></div></div></nav><style>.color-mode-dark,body.bg-dark{color:#f7f7f7}.color-mode-dark h1,.color-mode-dark h2,.color-mode-dark h3,.color-mode-dark h4,.color-mode-dark h5,.color-mode-dark h6,body.bg-dark h1,body.bg-dark h2,body.bg-dark h3,body.bg-dark h4,body.bg-dark h5,body.bg-dark h6{color:#fff!important}.color-mode-dark .footer-link,.color-mode-dark .text-dark,.color-mode-dark p,body.bg-dark .footer-link,body.bg-dark .text-dark,body.bg-dark p{color:#e0e0e0!important}.color-mode-dark .navbar-nav .nav-link,body.bg-dark .navbar-nav .nav-link{color:#f7f7f7!important}.color-mode-dark .navbar-nav .nav-link:hover,body.bg-dark .navbar-nav .nav-link:hover{color:#ffc200!important}.color-mode-dark .custom-navbar,body.bg-dark .custom-navbar{background:#23232b!important;border-bottom:2px solid #474559!important}.color-mode-dark .footer,body.bg-dark .footer{background:#181820!important;color:#e0e0e0!important}.color-mode-dark .footer-link,body.bg-dark .footer-link{color:#ffc200!important}.color-mode-dark .footer-link:hover,body.bg-dark .footer-link:hover{color:#fff!important}.color-mode-dark .contact-info,body.bg-dark .contact-info{background:#23232b!important;color:#e0e0e0!important}.color-mode-dark .contact-info a,body.bg-dark .contact-info a{color:#ffc200!important}.color-mode-dark .contact-info a:hover,body.bg-dark .contact-info a:hover{color:#fff!important}.color-mode-dark .form-control,body.bg-dark .form-control{background:#23232b!important;color:#fff!important;border-color:#474559}.color-mode-dark .form-control::placeholder,body.bg-dark .form-control::placeholder{color:#bdbdbd!important;opacity:1}.color-mode-dark .custom-btn,body.bg-dark .custom-btn{background:#474559;color:#ffc200}.color-mode-dark .custom-btn:hover,body.bg-dark .custom-btn:hover{background:#ffc200;color:#474559}.custom-navbar{background:rgba(255,255,255,.97);box-shadow:0 4px 24px rgba(71,69,89,.08);border-bottom:2px solid #ffc200}.navbar-brand{letter-spacing:1px}.navbar-nav .nav-link{font-weight:600;letter-spacing:.5px;color:#474559!important;position:relative;transition:color .2s,background .2s;border-radius:.25rem;padding-bottom:.2rem}.navbar-nav .nav-link:after{content:'';display:block;width:0;height:3px;background:linear-gradient(90deg,#ffc200,#ff9800);border-radius:2px;transition:width .3s;position:absolute;left:0;bottom:0}.navbar-nav .nav-link:focus:after,.navbar-nav .nav-link:hover:after{width:100%}.navbar-nav .nav-link:focus,.navbar-nav .nav-link:hover{color:#ffc200!important;background:rgba(255,193,7,.07)}.btn-navbar-gold{background:linear-gradient(90deg,#ffc200,#ff9800);color:#fff;border:none;font-weight:600;border-radius:30px;padding:.4rem 1.2rem;box-shadow:0 2px 8px rgba(255,193,7,.08);transition:background .2s,color .2s}.btn-navbar-gold:focus,.btn-navbar-gold:hover{background:#474559;color:#ffc200}.navbar{transition:box-shadow .2s}@media (max-width:991.98px){.navbar.fixed-top{position:static}}.color-mode-dark .custom-navbar,body.bg-dark .custom-navbar{background:#23232b!important;border-bottom:2px solid #474559!important}.color-mode-dark .navbar-nav .nav-link,body.bg-dark .navbar-nav .nav-link{color:#fff!important}.color-mode-dark .navbar-nav .nav-link:hover,body.bg-dark .navbar-nav .nav-link:hover{color:#ffc200!important}.color-mode-dark .btn-navbar-gold,body.bg-dark .btn-navbar-gold{background:#474559;color:#ffc200;border:none}.color-mode-dark .btn-navbar-gold:hover,body.bg-dark .btn-navbar-gold:hover{background:#ffc200;color:#474559}</style><script>document.addEventListener("DOMContentLoaded",function(){var e=document.getElementById("colorModeToggle");e&&e.addEventListener("click",function(){document.body.classList.toggle("bg-dark"),document.body.classList.toggle("text-white"),document.body.classList.toggle("color-mode-dark")})})</script><!-- ABOUT --><section class="about full-screen d-lg-flex justify-content-center align-items-center" id="about"><div class="container"><div class="row"><div class="col-lg-7 col-md-12 col-12 d-flex align-items-center"><div class="about-text"><small class="small-text">👋 Welcome to <span class="mobile-block">my portfolio website!</span></small><h1 class="animated animated-text"><span class="mr-2">Hey folks, I'm</span><div class="animated-info"><span class="animated-item">Afraym Gerges</span> <span class="animated-item">Web Developer</span> <span class="animated-item">Laravel Expert</span> <span class="animated-item">IT Specialist</span></div></h1><p>I craft powerful websites that don't just look great—they perform exceptionally. With nearly 8 years of PHP and Laravel expertise, I build scalable solutions that solve real problems.</p><div class="highlight-features mt-3 mb-3"><div class="feature-item"><i class="uil uil-bolt"></i> <span><strong>Lightning-Fast Performance</strong> — Expert optimization ensures your site ranks high and loads instantly</span></div><div class="feature-item"><i class="uil uil-shield-check"></i> <span><strong>Secure & Reliable</strong> — MySQL mastery and Linux server administration keep your data safe</span></div><div class="feature-item"><i class="uil uil-bug"></i> <span><strong>Problem Solver</strong> — Debugging complex issues is where I thrive</span></div><div class="feature-item"><i class="uil uil-wordpress"></i> <span><strong>Full-Stack Capability</strong> — From WordPress to custom Laravel applications</span></div></div><div class="custom-btn-group mt-4"><a href="#contact" class="btn custom-btn custom-btn-bg custom-btn-link">Get in touch</a></div></div></div><div class="col-lg-5 col-md-12 col-12"><div class="about-image svg"><img src="assets/images/undraw/bg.svg" class="img-fluid animate-fade-in-up" alt="svg image"></div></div></div></div></section><!-- SKILLS --><section class="skills py-5" id="skills"><div class="container"><div class="row"><div class="col-lg-12 text-center"><h2 class="mb-5 text-dark text-white-darkmode">Technical Skills</h2></div><!-- Skills Grid Layout --><div class="col-lg-12"><div class="skills-grid"><!-- Backend Development --><div class="skill-category-card"><div class="skill-category-header"><i class="uil uil-server text-warning mb-2"></i><h4 class="text-dark text-white-darkmode">Backend Development</h4></div><div class="skills-list"><div class="skill-item"><div class="skill-info"><span class="skill-name text-dark text-white-darkmode">PHP</span> <span class="skill-level expert">Expert</span></div><div class="skill-bar"><div class="skill-progress" data-width="95"></div></div></div><div class="skill-item"><div class="skill-info"><span class="skill-name text-dark text-white-darkmode">Laravel Framework</span> <span class="skill-level expert">Expert</span></div><div class="skill-bar"><div class="skill-progress" data-width="90"></div></div></div><div class="skill-item"><div class="skill-info"><span class="skill-name text-dark text-white-darkmode">MySQL</span> <span class="skill-level advanced">Advanced</span></div><div class="skill-bar"><div class="skill-progress" data-width="85"></div></div></div></div></div><!-- Frontend Development --><div class="skill-category-card"><div class="skill-category-header"><i class="uil uil-browser text-warning mb-2"></i><h4 class="text-dark text-white-darkmode">Frontend Development</h4></div><div class="skills-list"><div class="skill-item"><div class="skill-info"><span class="skill-name text-dark text-white-darkmode">HTML5/CSS3</span> <span class="skill-level expert">Expert</span></div><div class="skill-bar"><div class="skill-progress" data-width="90"></div></div></div><div class="skill-item"><div class="skill-info"><span class="skill-name text-dark text-white-darkmode">JavaScript</span> <span class="skill-level advanced">Advanced</span></div><div class="skill-bar"><div class="skill-progress" data-width="75"></div></div></div><div class="skill-item"><div class="skill-info"><span class="skill-name text-dark text-white-darkmode">Bootstrap</span> <span class="skill-level advanced">Advanced</span></div><div class="skill-bar"><div class="skill-progress" data-width="85"></div></div></div></div></div><!-- CMS & Tools --><div class="skill-category-card"><div class="skill-category-header"><i class="uil uil-wrench text-warning mb-2"></i><h4 class="text-dark text-white-darkmode">CMS & Tools</h4></div><div class="skills-list"><div class="skill-item"><div class="skill-info"><span class="skill-name text-dark text-white-darkmode">WordPress</span> <span class="skill-level advanced">Advanced</span></div><div class="skill-bar"><div class="skill-progress" data-width="85"></div></div></div><div class="skill-item"><div class="skill-info"><span class="skill-name text-dark text-white-darkmode">Git Version Control</span> <span class="skill-level proficient">Proficient</span></div><div class="skill-bar"><div class="skill-progress" data-width="75"></div></div></div><div class="skill-item"><div class="skill-info"><span class="skill-name text-dark text-white-darkmode">Composer</span> <span class="skill-level advanced">Advanced</span></div><div class="skill-bar"><div class="skill-progress" data-width="80"></div></div></div></div></div><!-- Server & Optimization --><div class="skill-category-card"><div class="skill-category-header"><i class="uil uil-rocket text-warning mb-2"></i><h4 class="text-dark text-white-darkmode">Server & Optimization</h4></div><div class="skills-list"><div class="skill-item"><div class="skill-info"><span class="skill-name text-dark text-white-darkmode">Linux Server Administration</span> <span class="skill-level proficient">Proficient</span></div><div class="skill-bar"><div class="skill-progress" data-width="75"></div></div></div><div class="skill-item"><div class="skill-info"><span class="skill-name text-dark text-white-darkmode">Website Speed Optimization</span> <span class="skill-level expert">Expert</span></div><div class="skill-bar"><div class="skill-progress" data-width="95"></div></div></div><div class="skill-item"><div class="skill-info"><span class="skill-name text-dark text-white-darkmode">SEO Optimization</span> <span class="skill-level advanced">Advanced</span></div><div class="skill-bar"><div class="skill-progress" data-width="85"></div></div></div></div></div></div></div><!-- Core Competencies Section --><div class="col-lg-12 text-center mt-5"><h3 class="mb-4 text-dark text-white-darkmode">Core Competencies</h3><div class="competencies-grid"><div class="competency-card"><div class="competency-icon"><i class="uil uil-bug text-warning"></i></div><h5 class="text-dark text-white-darkmode">Debugging Expert</h5><p class="text-muted">Solving complex technical issues with precision and efficiency</p></div><div class="competency-card"><div class="competency-icon"><i class="uil uil-rocket text-warning"></i></div><h5 class="text-dark text-white-darkmode">Performance Optimization</h5><p class="text-muted">Creating lightning-fast, high-performing web applications</p></div><div class="competency-card"><div class="competency-icon"><i class="uil uil-shield-check text-warning"></i></div><h5 class="text-dark text-white-darkmode">Security Focused</h5><p class="text-muted">Implementing robust security measures and best practices</p></div><div class="competency-card"><div class="competency-icon"><i class="uil uil-search text-warning"></i></div><h5 class="text-dark text-white-darkmode">SEO Optimization</h5><p class="text-muted">Achieving high search rankings and improved visibility</p></div></div></div></div></div></section><script>// Animate skill bars when they come into view
function animateSkillBars() {
const skillBars = document.querySelectorAll('.skill-progress');
const observer = new IntersectionObserver((entries) => {
entries.forEach(entry => {
if (entry.isIntersecting) {
const width = entry.target.getAttribute('data-width');
entry.target.style.width = width + '%';
}
});
}, { threshold: 0.5 });
skillBars.forEach(bar => {
observer.observe(bar);
});
}
// Initialize when DOM is loaded
document.addEventListener('DOMContentLoaded', animateSkillBars);</script><!-- PROJECTS --><section class="project py-5" id="project"><div class="container"><div class="row"><div class="col-lg-11 text-center mx-auto col-12"><div class="col-lg-8 mx-auto"><h2>Showcasing My Best Work</h2></div><div class="owl-carousel owl-theme"><div class="item"><div class="project-info"><div class="project-item"><div class="project-image-wrapper"><a href="https://auh.afraym.com/" target="_blank" rel="noopener noreferrer"><img src="assets/images/project/auh.png" class="img-fluid" alt="Aswan University Hospital Website" loading="lazy"><div class="project-overlay"><i class="uil uil-external-link-alt"></i></div></a></div></div></div></div><div class="item"><div class="project-info"><div class="project-item"><div class="project-image-wrapper"><a href="https://hms.afraym.com/" target="_blank" rel="noopener noreferrer"><img src="assets/images/project/hms.png" class="img-fluid" alt="Hospital Management System Website for Aswan University Hospital" loading="lazy"><div class="project-overlay"><i class="uil uil-external-link-alt"></i></div></a></div></div></div></div><div class="item"><div class="project-info"><div class="project-item"><div class="project-image-wrapper"><a href="https://kh.afraym.com/" target="_blank" rel="noopener noreferrer"><img src="assets/images/project/seshtnw.png" class="img-fluid" alt="CBDC China Energy solar panel management system dashboard displaying blue grid layout with administrative controls, operational metrics, and document generation interface for streamlined facility operations" loading="lazy"><div class="project-overlay"><i class="uil uil-external-link-alt"></i></div></a></div></div></div></div><div class="item"><div class="project-info"><div class="project-item"><div class="project-image-wrapper"><a href="https://eyarupalace.com/" target="_blank" rel="noopener noreferrer"><img src="assets/images/project/eyarupalace.png" class="img-fluid" alt="Eyarup Palace Hotel Wordpress Website" loading="lazy"><div class="project-overlay"><i class="uil uil-external-link-alt"></i></div></a></div></div></div></div><div class="item"><div class="project-info"><div class="project-item"><div class="project-image-wrapper"><a href="https://voiledunil.com/" target="_blank" rel="noopener noreferrer"><img src="assets/images/project/voiledunil.png" class="img-fluid" alt="Voile Dunil Website" loading="lazy"><div class="project-overlay"><i class="uil uil-external-link-alt"></i></div></a></div></div></div></div></div></div></div></div></section><!-- FEATURES --><section class="resume py-5 d-lg-flex justify-content-center align-items-center" id="resume"><div class="container"><div class="row justify-content-center"><div class="col-lg-10 col-12"><h2 class="mb-4 text-center">Experiences</h2><div class="timeline mx-auto" style="max-width:900px"><div class="timeline-wrapper"><div class="timeline-yr"><img src="assets/images/logos/thezen.png" alt="The Zen Wellness Resort Logo" class="company-logo" style="width:111px;height:111px;object-fit:contain;border-radius:16px" loading="lazy"></div><div class="timeline-info"><h3><span>IT Supervisor</span> <a href="https://thezenwellnessresort.com/" target="_blank" rel="noopener noreferrer"><small>The Zen Wellness Resort</small></a></h3><p class="timeline-date"><strong>May 2026 - Present</strong></p><p style="font-weight:700">Overseeing IT operations and resort digital infrastructure:</p><p>• Managing IT systems and network infrastructure for wellness resort operations.</p><p>• Supervising website maintenance and digital guest experience platforms.</p><p>• Implementing technology solutions to enhance operational efficiency.</p><p>• Supporting team with technical troubleshooting and IT support.</p><p>• Coordinating digital transformation initiatives for resort services.</p></div></div><div class="timeline-wrapper"><div class="timeline-yr" style="background-color:#eee;border-radius:16px"><img src="assets/images/logos/aman.png" alt="Aman.it.com Logo" class="company-logo" style="width:111px;height:111px;object-fit:contain;border-radius:16px" loading="lazy"></div><div class="timeline-info"><h3><span>Web Developer & IT Specialist</span><small>Aman.it.com</small></h3><p class="timeline-date"><strong>Feb 2025 - Sep 2025</strong></p><p style="font-weight:700">Full-time web developer contributing to digital transformation projects:</p><p>• Developed Aswan University Hospital's new website and custom Hospital Management System (HMS) using Laravel.</p><p>• Streamlined hospital operations through tailored digital solutions that enhanced efficiency for both staff and patients.</p><p>• PHP Laravel application development and maintenance.</p><p>• Database design and optimization for healthcare systems.</p><p>• Frontend development with modern technologies.</p><p>• System architecture and performance optimization.</p></div></div><div class="timeline-wrapper"><div class="timeline-yr"><img src="assets/images/logos/upwork.svg" alt="Upwork Logo" class="company-logo" loading="lazy"></div><div class="timeline-info"><h3><span>Freelance Web Developer</span> <a href="https://www.upwork.com/freelancers/~01edb88ab10f449482" target="_blank" rel="noopener noreferrer"><small>Upwork</small></a></h3><p class="timeline-date"><strong>2024 - Present</strong></p><p style="font-weight:700">5-star Upwork freelancer, dedicated to helping clients in :</p><p>• Building PHP Laravel Websites.</p><p>• Optimizing website speed and SEO.</p><p>• Debugging and solving issues.</p></div></div><div class="timeline-wrapper"><div class="timeline-yr"><img src="assets/images/logos/mostaql.jpg" alt="Mostaql Logo" class="company-logo" style="width:111px;height:111px;object-fit:contain;border-radius:16px" loading="lazy"></div><div class="timeline-info"><h3><span>Freelance Web Developer</span><a href="https://mostaql.com/u/afrym17" target="_blank" rel="noopener noreferrer"><small>Mostaql</small></a></h3><p class="timeline-date"><strong>2023 - Present</strong></p><p style="font-weight:700">5-star rated freelancer, with a 25% client rehire rate, demonstrating exceptional service and results in :</p><p>• Building PHP Laravel Websites.</p><p>• Optimizing website speed and SEO.</p><p>• Debugging and solving issues.</p><p>• WordPress debugging and optimization.</p></div></div></div></div></div></div></section><!-- Certificates --><section class="project py-5" id="certificates"><div class="container"><div class="row"><div class="col-lg-11 text-center mx-auto col-12"><div class="col-lg-8 mx-auto"><h2>Certificates that i'm proud of</h2></div><div class="owl-carousel owl-theme"><div class="item"><div class="project-info"><a href="https://www.sololearn.com/certificates/CT-9A2WWS7S" target="_blank" rel="noopener noreferrer"><img src="assets/images/certs/php.png" class="img-fluid" alt="php certificate image" loading="lazy"></a></div></div><div class="item"><div class="project-info"><a href="https://www.sololearn.com/certificates/CT-YA8GBMZ2" target="_blank" rel="noopener noreferrer"><img src="assets/images/certs/js.png" class="img-fluid" alt="JavaScript certificate image" loading="lazy"></a></div></div></div></div></div></div></section><!-- CONTACT --><section class="contact py-5" id="contact"><div class="container"><div class="row"><div class="col-lg-6 col-12 d-flex align-items-center"><div class="contact-form"><h2 class="mb-4">Interested to work together? Let's talk</h2><form action="" method="get"><div class="row"><div class="col-lg-6 col-12"><input type="text" class="form-control" name="name" placeholder="Your Name" id="name"></div><div class="col-lg-6 col-12"><input type="email" class="form-control" name="email" placeholder="Email" id="email"></div><div class="col-12"><textarea name="message" rows="6" class="form-control" id="message" placeholder="Message"></textarea></div><div class="ml-lg-auto col-lg-5 col-12"><input type="submit" class="form-control submit-btn" value="Send Button"></div></div></form></div></div><div class="col-lg-5 mr-lg-5 col-12"><div class="google-map w-100"><iframe loading="lazy" title="google-map" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d9773.044719562426!2d32.89404082320906!3d24.089912445225828!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x14367b5ab1a30e5f%3A0xfb109fe337cabccb!2sAswan%2C%20Aswan%20Governorate%2C%20Egypt!5e1!3m2!1sen!2sus!4v1732975858369!5m2!1sen!2sus" width="400" height="300" frameborder="0" style="border:0" allowfullscreen></iframe></div><div class="contact-info d-flex justify-content-between align-items-center py-4 px-lg-5"><div class="contact-info-item"><h3 class="mb-3 text-white">Say hello</h3><p class="footer-text mb-0">Connect with me or</p><p><a href="mailto:contact@afraym.com">Send me an E-mail</a></p></div><ul class="social-links"><li><a href="https://www.linkedin.com/in/afraym" class="uil uil-linkedin" data-toggle="tooltip" data-placement="left" title="Linkedin" target="_blank" aria-label="Linkedin profile link"></a></li><li><a href="https://github.com/afraym/" class="uil uil-github" data-toggle="tooltip" data-placement="left" title="Github" target="_blank" aria-label="Github link"></a></li><li><a href="https://www.instagram.com/afraymng/" class="uil uil-instagram" data-toggle="tooltip" data-placement="left" title="Instagram" target="_blank" aria-label="Instagram link"></a></li><li><a href="https://x.com/AfraymNAGEH" class="uil uil-twitter" data-toggle="tooltip" data-placement="left" title="Twitter" target="_blank" aria-label="Twitter link"></a></li></ul></div></div></div></div></section><!-- FOOTER --><footer class="footer py-4 bg-dark text-white-50"><div class="container"><div class="row align-items-center"><div class="col-md-4 text-center text-md-left mb-3 mb-md-0"><span class="d-block mb-2"><i class="uil uil-copyright"></i> 2017 - 2026 Afraym Nageh </span><small class="text-muted">All rights reserved.</small></div><div class="col-md-4 text-center mb-3 mb-md-0"><a href="#about" class="footer-link mx-2 text-white-50" title="Back to Top"><i class="uil uil-arrow-up"></i></a> <a href="https://www.linkedin.com/in/afraym" target="_blank" rel="noopener noreferrer" class="footer-link mx-2 text-white-50" aria-label="LinkedIn"><i class="uil uil-linkedin"></i></a> <a href="https://github.com/afraym/" target="_blank" rel="noopener noreferrer" class="footer-link mx-2 text-white-50" aria-label="GitHub"><i class="uil uil-github"></i></a> <a href="https://www.instagram.com/afraymng/" target="_blank" rel="noopener noreferrer" class="footer-link mx-2 text-white-50" aria-label="Instagram"><i class="uil uil-instagram"></i></a> <a href="https://x.com/AfraymNAGEH" target="_blank" rel="noopener noreferrer" class="footer-link mx-2 text-white-50" aria-label="Twitter"><i class="uil uil-twitter"></i></a></div><div class="col-md-4 text-center text-md-right"><small class="d-block mb-1">Crafted with <i class="uil uil-heart text-danger"></i></small> <small class="d-block">Template by <a rel="nofollow" href="https://www.tooplate.com" target="_blank" class="footer-link text-white-50">Tooplate</a> | Developed by <a rel="nofollow" href="https://afraym.com" target="_blank" class="footer-link text-white-50">Afraym Gerges</a></small></div></div></div></footer><!-- <script src="https://cdn.jsdelivr.net/gh/afraym/webrr/webrr.min.js"></script>
<script>
// Initialize rrweb recording
let events = [];
rrweb.record({
emit(event) {
events.push(event);
},
});
// Periodically send recorded events to the server
setInterval(() => {
if (events.length > 0) {
fetch('https://tomato.afraym.com/api/session/record', {
method: 'POST',
headers: {
'Content-Type': 'application/json',
'X-CSRF-TOKEN': '{{ csrf_token() }}',
},
body: JSON.stringify({ events }),
}).then(() => {
events = []; // Clear events after sending
});
}
}, 5000); // Send every 5 seconds
</script> --><!-- Google tag (gtag.js) --><script async src="https://www.googletagmanager.com/gtag/js?id=G-WG8E0KZR0F"></script><script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-WG8E0KZR0F")</script><script type="text/javascript">(function(t,e,n,c,a,r,s){t[n]=t[n]||function(){(t[n].q=t[n].q||[]).push(arguments)},r=e.createElement(c),r.async=1,r.src="https://www.clarity.ms/tag/"+a,s=e.getElementsByTagName(c)[0],s.parentNode.insertBefore(r,s)})(window,document,"clarity","script","ua1cdwo60x")</script><!-- Default Statcounter code for Afraym.com
https://afraym.com/ --><script type="text/javascript">var sc_project=11675187,sc_invisible=1,sc_security="419abdba"</script><script type="text/javascript" src="https://www.statcounter.com/counter/counter.js" async></script><noscript><div class="statcounter"><a title="Web Analytics" href="https://statcounter.com/" target="_blank"><img class="statcounter" src="https://c.statcounter.com/11675187/0/419abdba/1/" alt="Web Analytics" referrerpolicy="no-referrer-when-downgrade"></a></div></noscript><!-- End of Statcounter Code --><script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script><script src="assets/js/popper.min.js"></script><!-- <script src="assets/js/bootstrap.min.js"></script> --><script src="https://cdn.jsdelivr.net/npm/bootstrap@4.3.1/dist/js/bootstrap.min.js"></script><!-- <script src="assets/js/Headroom.js"></script> --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.9.4/headroom.min.js"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.9.4/jQuery.headroom.min.js"></script><!-- <script src="assets/js/jQuery.headroom.js"></script> --><!-- <script src="assets/js/owl.carousel.min.js"></script> --><script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script><script src="assets/js/smoothscroll.js"></script><script src="assets/js/custom.min.js"></script></body></html>