-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
70 lines (60 loc) · 22.9 KB
/
index.html
File metadata and controls
70 lines (60 loc) · 22.9 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
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
<!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><!-- MENU --><nav class="navbar navbar-expand-sm navbar-light"><div class="container"><a class="navbar-brand" href="index.html"><i class="uil uil-user"></i> Afraym</a> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span> <span class="navbar-toggler-icon"></span> <span class="navbar-toggler-icon"></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"><span data-hover="About">About</span></a></li><li class="nav-item"><a href="#skills" class="nav-link"><span data-hover="Skills">Skills</span></a></li><li class="nav-item"><a href="#project" class="nav-link"><span data-hover="Projects">Projects</span></a></li><li class="nav-item"><a href="#resume" class="nav-link"><span data-hover="Resume">Resume</span></a></li><li class="nav-item"><a href="#certificates" class="nav-link"><span data-hover="Certificates">Certificates</span></a></li><li class="nav-item"><a href="#contact" class="nav-link"><span data-hover="Contact">Contact</span></a></li></ul><ul class="navbar-nav ml-lg-auto"><div class="ml-lg-4"><div class="color-mode d-lg-flex justify-content-center align-items-center"><i class="color-mode-icon"></i> Color mode</div></div></ul></div></div></nav><!-- 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></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></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" 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</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"><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:afraymn@gmail.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-5"><div class="container"><div class="row"><div class="col-lg-12 col-12"><p class="copyright-text text-center">Copyright © 2019 Afraym Nageh . All rights reserved</p><p class="copyright-text text-center">Designed by <a rel="nofollow" href="https://www.facebook.com/tooplate" target="_blank">Tooplate</a></p></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><!-- 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>